j1-template 2022.0.7 → 2022.0.11

data/assets/themes/j1/adapter/js/j1.js

@@ -55,7 +55,7 @@ regenerate:                             true
 {% assign toccer_defaults           = modules.defaults.toccer.defaults %}
 
 {% assign cookie_defaults           = modules.defaults.cookies.defaults %}
-{% assign cookie_settings           = modules.cokkies.settings %}
+{% assign cookie_settings           = modules.cookies.settings %}
 
 {% assign themer_defaults           = modules.defaults.themer.defaults %}
 {% assign themer_settings           = modules.themer.settings %}
@@ -82,24 +82,10 @@ regenerate:                             true
 {% assign themer_enabled            = modules.themer_options.enabled %}
 {% assign themer_reloadPageOnChange = modules.themer_options.reloadPageOnChange %}
 {% assign themer_hideOnReload       = modules.themer_options.hideOnReload %}
-{% assign comment_provider          = template_config.comments.provider %}
+
 
 {% comment %} Set variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% if comment_provider == 'disqus' %}
-  {% assign site_id = template_config.comments.disqus.site_id %}
-{% elsif comment_provider == 'hyvor' %}
-  {% assign site_id = template_config.comments.hyvor.site_id %}
-{% elsif comment_provider == 'commento' %}
-  {% assign site_id = template_config.comments.commento.site_id %}
-{% elsif comment_provider == 'just-comments' %}
-  {% assign site_id = template_config.comments.just-comments.site_id %}
-{% elsif comment_provider == 'facebook' %}
-  {% assign site_id = template_config.comments.facebook.site_id %}
-{% else %}
-  {% assign site_id = false %}
-{% endif %}
-
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
@@ -115,14 +101,6 @@ regenerate:                             true
   {% assign language = "en" %}
 {% endif %}
 
-{% if language == "en" %}
-  {% assign comments_headline = template_config.comments.comments_headline.en %}
-{% endif %}
-
-{% if language == "de" %}
-  {% assign comments_headline = template_config.comments.comments_headline.de %}
-{% endif %}
-
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/j1_template.js
@@ -151,7 +129,6 @@ regenerate:                             true
 /* eslint semi: "off"                                                         */
 // -----------------------------------------------------------------------------
 'use strict';
-
 var j1 = (function () {
 
   // ---------------------------------------------------------------------------
@@ -174,9 +151,7 @@ var j1 = (function () {
   // Default comment provider information
   var comment_provider          = '{{comment_provider}}';
   var site_id                   = '{{site_id}}';
-
-  // Default translator settings (currently NOT supported)
-  // var translation_enabled       = {{template_config.translation.enabled}};
+  var check_cookies             = {{cookie_options.check_cookies}};
 
   var current_user_data;
   var current_page;
@@ -309,7 +284,7 @@ var j1 = (function () {
       j1['xhrDOMState']  = {};
 
       // -----------------------------------------------------------------------
-      // update cookies if browser window get closed
+      // final updates before browser page|tab
       // see: https://stackoverflow.com/questions/3888902/detect-browser-or-tab-closing
       // -----------------------------------------------------------------------
       window.addEventListener('beforeunload', function (event) {
@@ -322,49 +297,27 @@ var j1 = (function () {
         var url;
         var baseUrl;
 
-        // final update of the user state cookie before browser page|tab
-        // get closed
-        if (user_state) {
-          user_state.session_active     = false;
-          user_state.last_session_ts    = timestamp_now;
+        // final update of the user state cookie
+        user_state.session_active     = false;
+        user_state.last_session_ts    = timestamp_now;
 
-          if (!user_consent.analysis || !user_consent.personalization)  {
-            // rewrite consent|state cookies to session
-            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_consent);
-            cookie_written = j1.writeCookie({
-              name:     cookie_names.user_consent,
-              data:     user_consent,
-              secure:   secure,
-              expires:  0
-            });
-            if (!cookie_written) {
-              logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
-            }
-            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
-            cookie_written = j1.writeCookie({
-              name:     cookie_names.user_state,
-              data:     user_state,
-              secure:   secure,
-              expires:  0
-            });
-            if (!cookie_written) {
-                logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
-            }
-          } else {
-            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
-            cookie_written = j1.writeCookie({
-              name:     cookie_names.user_state,
-              data:     user_state,
-              secure:   secure,
-              expires:  365
-            });
-            if (!cookie_written) {
-                logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
-            }
-          }
+        if (!user_consent.analysis || !user_consent.personalization) {
+          logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
+
+          cookie_written = j1.writeCookie({
+            name:     cookie_names.user_state,
+            data:     user_state,
+            secure:   secure,
+            expires:  0
+          });
         } else {
-          // jadams, 2021-07-11: on beforeunload, a user state cookie is expected
-          logger.error('\n' + 'missing cookie detected: ' + cookie_names.user_state);
+          logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
+          cookie_written = j1.writeCookie({
+            name:     cookie_names.user_state,
+            data:     user_state,
+            secure:   secure,
+            expires:  365
+          });
         }
       }); // END beforeunload
 
@@ -383,9 +336,6 @@ var j1 = (function () {
                             secure:   secure,
                             expires:  0
                           });
-      if (!cookie_written) {
-        logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-      }
 
       user_state    =  j1.existsCookie(cookie_names.user_state)
                         ? j1.readCookie(cookie_names.user_state)
@@ -395,96 +345,25 @@ var j1 = (function () {
                             secure:   secure,
                             expires:  365
                           });
-      if (!cookie_written) {
-        logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
-      }
 
-      // jadams, 2021-07-11: Found situation that user_state NOT initialized
-      // correctly (user_state == false).
-      // TODO: Check if/why user state (cookie NOT created?) NOT initialized
-      // for what reason.
-      if (!user_state) {
-        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
-        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
-        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
-        user_state = j1.readCookie(cookie_names.user_state);
-        user_state.session_active = true;
+      // jadams, 2021-12-06: Check if access to cookies for this site failed.
+      // Possibly, a third-party domain or an attacker tries to access it.
+      if (check_cookies) {
+        if (!user_state) {
+          logger.error('\n' + 'Access to cookie failed or cookie not found: ' + cookie_names.user_state);
+          logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
+          // redirect to error page: blocked content
+          window.location.href = '/446.html';
+        }
       }
 
       if (!user_consent.analysis || !user_consent.personalization)  {
-        // rewrite consent|state cookies to session
-        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
-        cookie_written = j1.writeCookie({
-          name:     cookie_names.user_state,
-          data:     user_state,
-          secure:   secure,
-          expires:  0
-        });
-        if (!cookie_written) {
-          logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
-        }
-      } else {
-        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
-        cookie_written = j1.writeCookie({
-          name:     cookie_names.user_state,
-          data:     user_state,
-          secure:   secure,
-          expires:  365
-        });
-        if (!cookie_written) {
-          logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
-        }
+        // expire permanent cookies to session
+        j1.expireCookie({ name: cookie_names.user_state });
+        j1.expireCookie({ name: cookie_names.user_consent });
+        j1.expireCookie({ name: cookie_names.user_translate });
       }
 
-      // jadams, 2021-11-10: anchor links of type #void are used/managed
-      // by the FAB module. No geneneraL use for NOW.
-      // -----------------------------------------------------------------------
-      // initialize event handler for smooth scroll on in-page anchors
-      // $('a[href*=\\#]').on('click', function (event) {
-      //   // ignore void links
-      //   if (window.location.href.includes('#void')||this.href.includes('#void')) {
-      //     return false;
-      //   }
-      //   // for external links, redirect to this page
-      //   if (window.location.pathname !== this.pathname) {
-      //     window.location.href = this.href;
-      //   } else {
-      //     // continue on in-page anchor
-      //     var toccerScrollDuration  = 300;
-      //     var toccerScrollOffset    = 10;
-      //
-      //     // calculate offset value for correct (smooth) scroll position
-      //     //
-      //     var $pagehead       = $('.attic');
-      //     var $navbar         = $('nav.navbar');
-      //     var $adblock        = $('#adblock');
-      //     var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
-      //     var fontSize        = $('body').css('font-size').replace('px','');
-      //     var start           = window.pageYOffset;
-      //     var l               = parseInt(fontSize);
-      //     var h               = $pagehead.length ? $pagehead.height() : 0;
-      //     var n               = $navbar.length ? $navbar.height() : 0;
-      //     var a               = $adblock.length ? $adblock.height() : 0;
-      //     var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
-      //
-      //     // TODO:  to be checked why this static offset (toccerScrollOffset)
-      //     //        is needed
-      //     scrollOffset        = scrollOffset + toccerScrollOffset;
-      //
-      //     logger.debug('\n' + 'scroll to anchor: ' + this.hash);
-      //     $("html, body").animate({
-      //       scrollTop: $($(this).attr("href")).offset().top + scrollOffset + "px"
-      //     }, {
-      //       duration: toccerScrollDuration,
-      //       easing: "swing"
-      //     });
-      //     // disable bubble up the event
-      //     return false;
-      //   } // End in-page link
-      // }); // END click event on anchors
-
       // initialize event handler for window/history/back on <ESC>
       // -----------------------------------------------------------------------
       window.onkeyup = function (event) {
@@ -523,10 +402,6 @@ var j1 = (function () {
             expires:  0
           });
 
-          if (!cookie_written) {
-            logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-          }
-
           j1.setState(curr_state);
           logger.info('\n' + 'state: ' + j1.getState());
 
@@ -570,9 +445,6 @@ var j1 = (function () {
               secure:   secure,
               expires:  0
             });
-            if (!cookie_written) {
-                logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-            }
 
             j1.setState(curr_state);
             logger.info('\n' + 'state: ' + j1.getState());
@@ -601,7 +473,8 @@ var j1 = (function () {
       themeName                 = user_session.theme_name;
       themeCss                  = user_session.theme_css;
 
-      // save last page access
+      // -----------------------------------------------------------------------
+      // Save last page access
       // see: https://stackoverflow.com/questions/3528324/how-to-get-the-previous-url-in-javascript
       // see: https://developer.mozilla.org/de/docs/Web/API/Window/history
       //
@@ -633,10 +506,6 @@ var j1 = (function () {
         expires:  0
       });
 
-      if (!cookie_written) {
-        logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-      }
-
       // NOTE: asynchronous calls should be rewitten to xhrData
       // initialize page resources for blocks
       j1.initBanner(settings);
@@ -645,7 +514,6 @@ var j1 = (function () {
 
       state = 'running';
       logger.info('\n' + 'state: ' + state);
-      // logger.info(logText);
 
       user_session.timestamp = timestamp_now;
       logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
@@ -655,9 +523,6 @@ var j1 = (function () {
         secure:   secure,
         expires:  0
       });
-      if (!cookie_written) {
-        logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-      }
 
       // -----------------------------------------------------------------------
       // additional BS helpers from j1.core
@@ -779,7 +644,6 @@ var j1 = (function () {
     // initPanel()
     // AJAX fetcher to load and place all panel used for a page
     // -------------------------------------------------------------------------
-    // ToDo:
     initPanel: function ( options ) {
       var logger            = log4javascript.getLogger('j1.initPanel');
       var panel             = [];
@@ -961,6 +825,7 @@ var j1 = (function () {
       var categoryAllowed;
 
       // provider APIs require user consent
+      // -----------------------------------------------------------------------
       var meta_analytics        = $('meta[name=analytics]').attr('content');
       var analytics             = (meta_analytics === 'true') ? true: false;
       var meta_comments         = $('meta[name=comments]').attr('content');
@@ -977,6 +842,7 @@ var j1 = (function () {
       var personalization       = (meta_personalization === 'true') ? true: false;
 
       // if personalized content detected, page requires user consent
+      // -----------------------------------------------------------------------
       if (personalization && !user_consent.personalization) {
         // redirect to error page: blocked content
         window.location.href = '/444.html';
@@ -986,7 +852,9 @@ var j1 = (function () {
       logText= '\n' + 'loading page partials: started';
       logger.info(logText);
 
-      if (j1.appDetected()) { // app mode
+      if (j1.appDetected()) {
+        // app mode
+        // ---------------------------------------------------------------------
         logger.info('\n' + 'mode detected: app');
 
         $.when ($.ajax(ep_status))
@@ -1003,16 +871,14 @@ var j1 = (function () {
             secure:   secure,
             expires:  0
           });
-          if (!cookie_written) {
-            logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-          }
 
           providerPermissions = user_session.provider_permissions;
           categoryAllowed     = providerPermissions.includes(user_session.page_permission);
 
+          // -------------------------------------------------------------------
           // check protected pages (applies for APP only)
           // make sure that protected pages are ALWAYS checked for permissions
-          // -------------------------------------------------------------------
+          //
           if (
             j1.authEnabled() &&
             user_session.page_permission !== 'public' &&
@@ -1031,78 +897,22 @@ var j1 = (function () {
 
           // show the page delayed
           setTimeout (function() {
-            // Manage providers for personalization OptIn/Out (Comments|Ads)
-            if (!user_consent.personalization) {
-              logger.debug('\n' + 'disable comment provider: ' + comment_provider);
-              logger.debug('\n' + 'personalization not allowed, privacy settings for personalization: ' + user_consent.personalization);
-              $('#leave-a-comment').remove();
-              if (comment_provider === 'disqus') {
-                $('#dsq-count-scr').remove();
-                $('#disqus-thread').remove();
-              }
-              if (comment_provider === 'hyvor') {
-                $('#hyvor-embed').remove();
-                $('#hyvor-talk-view').remove();
-              }
-            } else {
-              if (comments) {
-                logger.info('\n' + 'enable comment provider: ' + comment_provider);
-                $('#main-content').append('<h2 id="leave-a-comment" class="mt-4">{{comments_headline}}</h2>');
-                if (comment_provider === 'disqus') {
-                  logger.info('\n' + 'load comment provider code: ' + comment_provider);
-                  $('#main-content').append('<div id="disqus_thread"></div>');
-                  $('body').append('<script async id="dsq-count-scr" src="//' + site_id + '.disqus.com/count.js"></script>');
-                  j1.loadJS({
-                    xhr_data_path:    '/assets/data/' + comment_provider + '.js',
-                    xhr_data_element: comment_provider
-                  });
-                }
-                if (comment_provider === 'hyvor') {
-                  $('body').append('<script> var HYVOR_TALK_WEBSITE = ' + site_id + '; var HYVOR_TALK_CONFIG = { url: false, id: false };');
-                  $('#main-content').append('<div id="hyvor-talk-view"></div>');
-                  $('body').append('<script async id="hyvor-embed" type="text/javascript" src="//talk.hyvor.com/web-api/embed.js"></script>');
-                }
-              }
-            }
-
             // display page
-           $('#no_flicker').css('display', 'block');
+            $('#no_flicker').css('display', 'block');
 
-           // no dropcaps if translation enabled
-           if (user_translate.translationEnabled) {
+            // manage Dropcaps if translation is enabled|disabled
+            // -----------------------------------------------------------------
+            if (user_translate.translationEnabled) {
              logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
              logger.debug('\n' + 'skipped processing of dropcaps');
-           } else {
+            } else {
              // initialize dropcaps
              logger.info('\n' + 'post processing: createDropCap');
              j1.core.createDropCap();
-           }
-
-             // add recommended title to hyvor iframe for SEO optimization (if loadad)
-            if (comment_provider === 'hyvor') {
-              var dependencies_met_load_finished = setInterval (function () {
-                if ($('#hyvor-talk-view').children().length) {
-                    $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
-                    clearInterval(dependencies_met_load_finished);
-                }
-              }, 25);
-            }
-            // NOTE: Placed tracking warning/info here because page may reloaded
-            // after cookie consent selection
-            if (user_consent.analysis) {
-              logger.info('\n' + 'tracking allowed, privacy settings for analysis: ' + user_consent.analysis);
-              if (tracking_enabled && !tracking_id_valid) {
-                logger.error('\n' + 'tracking enabled, but invalid tracking id found: ' + tracking_id);
-              } else if (tracking_enabled && tracking_id_valid) {
-                logger.info('\n' + 'tracking enabled, tracking id found: ' + tracking_id);
-              } else {
-                logger.info('\n' + 'tracking disabled, tracking id found: ' + tracking_id);
-              }
-            } else {
-              logger.debug('\n' + 'tracking not allowed, privacy settings for analysis: ' + user_consent.analysis);
             }
 
-            // show|hide cookie icon (should MOVED to Cookiebar ???)
+            // TODO: should MOVED to Cookiebar ???
+            // show|hide cookie icon
             if (j1.existsCookie(cookie_names.user_consent)) {
               // Display cookie icon
               logText = '\n' + 'show cookie icon';
@@ -1115,13 +925,8 @@ var j1 = (function () {
               $('#quickLinksCookieButton').css('display', 'none');
             }
 
-            // show|hide translator icon (currently NOT supported)
-            // if (translation_enabled) {
-            //   logger.info('\n' + 'translator detected: google');
-            //   logger.info('\n' + 'initialize language selector');
-            //   $('.goog-te-combo').addClass('form-control');
-            // }
-
+            // TODO: should MOVED to ControlCenter Adapter ???
+            // -----------------------------------------------------------------
             // show cc icon (currently NOT supported)
             // $('#quickLinksControlCenterButton').css('display', 'block');
 
@@ -1141,6 +946,7 @@ var j1 = (function () {
               $('#quickLinksSignInOutButton').css('display', 'block');
             }
 
+            // TODO: should MOVED to Themer ???
             // jadams, 2021-07-25: hide|show themes menu on cookie consent
             // (analysis|personalization) settings. BootSwatch is a 3rd party
             // is using e.g GA. Because NO control is possible on 3rd parties,
@@ -1154,10 +960,7 @@ var j1 = (function () {
               $("#themes_menu").show();
             }
 
-            // if the page requested contains an anchor element,
-            // do a smooth scroll to
-            j1.scrollTo();
-
+            // detect if a loaded page has been chenged
             if (user_session.previous_page !== user_session.current_page) {
               logText = '\n' + 'page change detected';
               logger.info(logText);
@@ -1173,56 +976,34 @@ var j1 = (function () {
             current_user_data = j1.mergeData(user_session, user_state);
             j1.core.navigator.updateSidebar(current_user_data);
 
-            // Set|Log status
+            // set|log status
             state = 'finished';
+            j1.setState(state);
             logText = '\n' + 'state: ' + state;
             logger.info(logText);
             logText = '\n' + 'page finalized successfully';
             logger.info(logText);
+
+            // do a (smooth) scroll if all nav elements ready
+            // -----------------------------------------------------------------
+            var dependencies_met_navigator_finished = setInterval(function() {
+              if (j1.adapter.navigator.getState() == 'finished') {
+                // if a page requested contains an anchor element, do a smooth scroll
+                j1.scrollTo();
+                clearInterval(dependencies_met_navigator_finished);
+              }
+            }, 25);
           }, flickerTimeout);
         });
       } else {
         // web mode
+        // ---------------------------------------------------------------------
         setTimeout (function() {
-          j1.setState('finished');
+          // j1.setState('finished');
           logger.info('\n' + 'state: finished');
           logger.info('\n' + 'page initialization: finished');
 
-          // Manage providers for personalization OptIn/Out (Comments|Ads)
-          if (!user_consent.personalization) {
-            logger.debug('\n' + 'disable comment provider: ' + comment_provider);
-            logger.debug('\n' + 'personalization not allowed, privacy settings for personalization: ' + user_consent.personalization);
-            $('#leave-a-comment').remove();
-            if (comment_provider === 'disqus') {
-              $('#dsq-count-scr').remove();
-              $('#disqus-thread').remove();
-            }
-            if (comment_provider === 'hyvor') {
-              $('#hyvor-embed').remove();
-              $('#hyvor-talk-view').remove();
-            }
-          } else {
-            if (comments) {
-              logger.info('\n' + 'enable comment provider: ' + comment_provider);
-              $('#main-content').append('<h2 id="leave-a-comment" class="mt-4">{{comments_headline}}</h2>');
-              if (comment_provider === 'disqus') {
-                logger.info('\n' + 'load comment provider code: ' + comment_provider);
-                $('#main-content').append('<div id="disqus_thread"></div>');
-                $('body').append('<script async id="dsq-count-scr" src="//' + site_id + '.disqus.com/count.js"></script>');
-                j1.loadJS({
-                  xhr_data_path:    '/assets/data/' + comment_provider + '.js',
-                  xhr_data_element: comment_provider
-                });
-              }
-              if (comment_provider === 'hyvor') {
-                $('body').append('<script> var HYVOR_TALK_WEBSITE = ' + site_id + '; var HYVOR_TALK_CONFIG = { url: false, id: false };');
-                $('#main-content').append('<div id="hyvor-talk-view"></div>');
-                $('body').append('<script async id="hyvor-embed" type="text/javascript" src="//talk.hyvor.com/web-api/embed.js"></script>');
-              }
-            }
-          }
-
-          // display page
+          // display the page loaded
           $('#no_flicker').css('display', 'block');
 
           // jadams, 2021-11-19: test code for 'tapTarget' of 'materializeCss'
@@ -1249,7 +1030,8 @@ var j1 = (function () {
               $(this).parents(".card-header").toggleClass("highlight");
           });
 
-          // no dropcaps if translation enabled
+          // manage Dropcaps if translation is enabled|disabled
+          // -------------------------------------------------------------------
           if (user_translate.translationEnabled) {
             logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
             logger.debug('\n' + 'skipped processing of dropcaps');
@@ -1259,31 +1041,6 @@ var j1 = (function () {
             j1.core.createDropCap();
           }
 
-          // add recommended title to hyvor iframe for SEO optimization (if loadad)
-         if (comment_provider === 'hyvor') {
-           var dependencies_met_load_finished = setInterval (function () {
-             if ($('#hyvor-talk-view').children().length) {
-               $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
-               clearInterval(dependencies_met_load_finished);
-             }
-           }, 25);
-         }
-
-          // NOTE: Placed tracking warning/info here because page may reloaded
-          // after cookie consent selection
-          if (user_consent.analysis) {
-            logger.info('\n' + 'tracking allowed, privacy settings for analysis: ' + user_consent.analysis);
-            if (tracking_enabled && !tracking_id_valid) {
-              logger.error('\n' + 'tracking enabled, but invalid tracking id found: ' + tracking_id);
-            } else if (tracking_enabled && tracking_id_valid) {
-              logger.info('\n' + 'tracking enabled, tracking id found: ' + tracking_id);
-            } else {
-              logger.info('\n' + 'tracking disabled, tracking id found: ' + tracking_id);
-            }
-          } else {
-            logger.debug('\n' + 'tracking not allowed, privacy settings for analysis: ' + user_consent.analysis);
-          }
-
           logger.info('\n' + 'mode detected: web');
           logger.info('\n' + 'hide signin icon');
           $('#quickLinksSignInOutButton').css('display', 'none');
@@ -1296,20 +1053,13 @@ var j1 = (function () {
               secure:   secure,
               expires:  0
           });
-          if (!cookie_written) {
-            logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
-          }
-
-          // show|hide translator icon (currently NOT supported)
-          // if (translation_enabled) {
-          //   logger.info('\n' + 'translator detected: google');
-          //   logger.info('\n' + 'initialize language selector');
-          //   $('.goog-te-combo').addClass('form-control');
-          // }
 
+          // TODO: should MOVED to ControlCenter Adapter ???
+          // -----------------------------------------------------------------
           // show cc icon (currently NOT supported)
           // $('#quickLinksControlCenterButton').css('display', 'block');
 
+          // TODO: should MOVED to Cookiebar ???
           // show|hide cookie icon
           if (j1.existsCookie(cookie_names.user_consent)) {
             // Display cookie icon
@@ -1323,6 +1073,7 @@ var j1 = (function () {
             $('#quickLinksCookieButton').css('display', 'none');
           }
 
+          // TODO: should MOVED to Themer ???
           // jadams, 2021-07-25: hide|show themes menu on cookie consent
           // (analysis|personalization) settings. BootSwatch is a 3rd party
           // is using e.g GA. Because NO control is possible on 3rd parties,
@@ -1336,10 +1087,7 @@ var j1 = (function () {
             $("#themes_menu").show();
           }
 
-          // If the page requested contains an anchor element,
-          // do a smooth scroll
-          j1.scrollTo();
-
+          // detect if a loaded page has been chenged
           if (user_session.previous_page !== user_session.current_page) {
             logText = '\n' + 'page change detected';
             logger.info(logText);
@@ -1357,10 +1105,21 @@ var j1 = (function () {
 
           // set|log status
           state = 'finished';
+          j1.setState(state);
           logText = '\n' + 'state: ' + state;
           logger.info(logText);
           logText = '\n' + 'page finalized successfully';
           logger.info(logText);
+
+          // do a (smooth) scroll if all nav elements ready
+          // -------------------------------------------------------------------
+          var dependencies_met_navigator_finished = setInterval(function() {
+            if (j1.adapter.navigator.getState() == 'finished') {
+              // if a page requested contains an anchor element, do a smooth scroll
+              j1.scrollTo();
+              clearInterval(dependencies_met_navigator_finished);
+            }
+          }, 25);
         }, flickerTimeout);
       }
     },
@@ -1441,6 +1200,7 @@ var j1 = (function () {
 
       return scrollOffset;
     },
+
     // -------------------------------------------------------------------------
     // scrollTo()
     // Scrolls smooth to any anchor referenced by an page URL on
@@ -1452,9 +1212,9 @@ var j1 = (function () {
       var anchor          = window.location.href.split('#')[1];
       var anchor_id       = typeof anchor !== 'undefined' ? '#' + anchor : false;
       var scrollDuration  = {{toccer_options.scrollSmoothDuration}};
+      var scrollOffset    = j1.getScrollOffset();
       var isSlider        = false;
       var selector;
-      var scrollOffset;
 
       if (typeof anchor === 'undefined') {
         return false;
@@ -1462,15 +1222,13 @@ var j1 = (function () {
         return false;
       }
 
-      scrollOffset    = j1.getScrollOffset();
-
       // Check if the anchor is an slider/gallery element
       if (typeof anchor !== 'undefined') {
-        isSlider  = anchor.includes('slide');
+        isSlider = anchor.includes('slide');
       }
 
       if (anchor_id && anchor_id !== '#' && !isSlider) {
-        // scroll only, if an anchor is given with URL
+        // scroll only, if an anchor is given with an URL
         selector = $(anchor_id);
         if (selector.length) {
           j1.core.scrollSmooth.scroll(anchor_id, {
@@ -1745,13 +1503,18 @@ var j1 = (function () {
     //    context/HTTPS).
     // -------------------------------------------------------------------------
     writeCookie: function (options /*name, data, [path, expires, domain, samesite, http_only, secure]*/) {
-      var date          = new Date();
-      var timestamp_now = date.toISOString();
-      var cookie_data   = {};
+      var date                  = new Date();
+      var timestamp_now         = date.toISOString()
+      var url                   = new liteURL(window.location.href);
+      var baseUrl               = url.origin;;
+      var hostname              = url.hostname;
+      var domain                = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
+      var stringifiedAttributes = '';
+      var cookie_data           = {};
       var data_json;
       var data_encoded;
       var expires;
-      var stringifiedAttributes = '';
+      var domainAttribute;
 
       var defaults = {
           data:         {},
@@ -1763,7 +1526,6 @@ var j1 = (function () {
           http_only:    '{{cookie_options.http_only}}',
           secure:       '{{cookie_options.secure}}'
       };
-
       var settings = $.extend(defaults, options);
 
       cookie_data.timestamp = timestamp_now;
@@ -1779,17 +1541,26 @@ var j1 = (function () {
         data_encoded  = window.btoa(data_json);
       }
 
-      stringifiedAttributes += '; ' + 'path=' + settings.path;
+      stringifiedAttributes += '; ' + 'Path=' + settings.path;
 
       if (settings.expires > 0) {
         date.setTime(date.getTime() + (settings.expires * 24 * 60 * 60 * 1000));
-        stringifiedAttributes += '; ' + 'expires=' + date.toUTCString();
+        stringifiedAttributes += '; ' + 'Expires=' + date.toUTCString();
       }
 
       stringifiedAttributes += '; ' + 'SameSite=' + settings.samesite;
 
-      if (settings.secure) {
-        stringifiedAttributes += '; ' + 'secure=' + settings.secure;
+      // set domain used by cookies
+      if (settings.domain == 'auto') {
+        domainAttribute = domain;
+        stringifiedAttributes += '; ' + 'Domain=' + domainAttribute;
+      } else  {
+        domainAttribute = 'localhost';
+        stringifiedAttributes += '; ' + 'Domain=' + domainAttribute;
+      }
+
+      if (settings.secure == true) {
+        stringifiedAttributes += '; ' + 'Secure=' + settings.secure;
       }
 
       // write the cookie
@@ -1824,16 +1595,31 @@ var j1 = (function () {
     // removeCookie (Vanilla JS)
     // -------------------------------------------------------------------------
     removeCookie: function (options /*name, [path, domain]*/) {
-      var cookieExists;
+      var domainAttribute;
+
       var defaults = {
-          domain: 'localhost',
-          path: '/'
+        path:         '{{cookie_options.path}}',
+        expires:      '{{cookie_options.expires}}',
+        domain:       '{{cookie_options.domain}}',
+        samesite:     '{{cookie_options.same_site}}',
+        http_only:    '{{cookie_options.http_only}}',
+        secure:       '{{cookie_options.secure}}'
       };
+      var cookieExists;
+
       var settings = $.extend(defaults, options);
 
+      // set domain used by cookies
+      if (settings.domain == 'auto') {
+        domainAttribute = domain ;
+      } else  {
+        // domainAttribute = hostname;
+        domainAttribute = '';
+      }
+
       if (j1.findCookie(settings.name)) {
         // clear cookie CONTENT and set expiry date in the PAST
-        document.cookie = settings.name + '=; domain=' + settings.domain + '; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+        document.cookie = settings.name + '=; Domain=' + domainAttribute + '; Expires=Thu, 01 Jan 1970 00:00:00 UTC; Path=/;';
         return true;
       } else {
         return false;
@@ -1859,13 +1645,30 @@ var j1 = (function () {
     // to JavaScript. For that reason, attributes needs to be set explicitly.
     // -------------------------------------------------------------------------
     expireCookie: function (options /*name [,path, samesite, secure]*/) {
+      var url             = new liteURL(window.location.href);
+      var baseUrl         = url.origin;;
+      var hostname        = url.hostname;
+      var domain          = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
+      var domainAttribute;
+
       var defaults = {
-          path: '/',
-          samesite: 'Lax',
-          secure: false
+        path:         '{{cookie_options.path}}',
+        expires:      '{{cookie_options.expires}}',
+        domain:       '{{cookie_options.domain}}',
+        samesite:     '{{cookie_options.same_site}}',
+        http_only:    '{{cookie_options.http_only}}',
+        secure:       '{{cookie_options.secure}}'
       };
       var settings  = $.extend(defaults, options);
 
+      // set domain used by cookies
+      if (settings.domain == 'auto') {
+        domainAttribute = domain ;
+      } else  {
+        // domainAttribute = hostname;
+        domainAttribute = '';
+      }
+
       var dc        = document.cookie;                                            // all cookies in page
       var end       = dc.length;                                                  // default to end of the string
       var prefix    = settings.name + '=';                                                 // search string for the cookie name given
@@ -1893,10 +1696,10 @@ var j1 = (function () {
 
       // expire cookie to session
       content = decodeURI(dc.substring(begin + prefix.length, end) ).replace(/"/g, '');
-      if (settings.secure) {
-        document.cookie = settings.name + '=' + content +'; path=' + settings.path + '; ' + 'SameSite=' + settings.samesite + '; secure';
+      if (settings.secure == 'true') {
+        document.cookie = settings.name + '=' + content +'; Path=' + settings.path + '; ' + 'SameSite=' + settings.samesite + '; ' + 'Domain=' + domainAttribute + '; Secure' + '; ';
       } else {
-        document.cookie = settings.name + '=' + content +'; path=' + settings.path + '; ' + 'SameSite=' + settings.samesite;
+        document.cookie = settings.name + '=' + content +'; Path=' + settings.path + '; ' + 'SameSite=' + settings.samesite + '; ' + 'Domain=' + domainAttribute + '; ';
       }
 
       return true;