j1-template 2020.0.5 → 2020.0.10

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/searcher.js

@@ -65,6 +65,12 @@ regenerate:                             false
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -107,7 +113,9 @@ j1.adapter['searcher'] = (function (j1, window) {
       {% comment %} Load module config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       // Load  module DEFAULTS|CONFIG
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{jekyll_search_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof settings !== 'undefined') {
         moduleOptions = j1.mergeData(moduleOptions, settings);
@@ -136,7 +144,7 @@ j1.adapter['searcher'] = (function (j1, window) {
       } else {
         _this.setState('finished');
         logger.info('state: ' + _this.getState());
-        logger.info("module disabled");
+        logger.info('module disabled');
       }
 
       return true;
@@ -190,4 +198,4 @@ j1.adapter['searcher'] = (function (j1, window) {
 
 {% endcapture %}
 {{ cache | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/ssm.js

@@ -33,11 +33,14 @@ regenerate:                             true
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign toccer_defaults = modules.defaults.toccer.defaults %}
+{% assign toccer_settings = modules.toccer.settings %}
 {% assign ssm_settings    = modules.ssm.settings %}
 {% assign ssm_defaults    = modules.defaults.ssm.defaults %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign toccer_options  = toccer_defaults | merge: toccer_settings %}
 {% assign ssm_options     = ssm_defaults | merge: ssm_settings %}
 
 /*
@@ -56,10 +59,15 @@ regenerate:                             true
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 j1.adapter['ssm'] = (function (j1, window) {
-
   // ---------------------------------------------------------------------------
   // globals
   // ---------------------------------------------------------------------------
@@ -110,20 +118,22 @@ j1.adapter['ssm'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       _this         = j1.adapter.ssm;
       logger        = log4javascript.getLogger('j1.adapter.ssm');
-      sect12Nodes   = $("[class$='sect1'],[class$='sect2'");
-      sect1Nodes    = $("[class$='sect1']");
+      sect12Nodes   = $('[class$="sect1"],[class$="sect2"');
+      sect1Nodes    = $('[class$="sect1"]');
 
       // -----------------------------------------------------------------------
       // options loader
       // -----------------------------------------------------------------------
+      /* eslint-disable */
       var ssmMenuOptions = $.extend({}, {{nav_ssm_options | replace: '=>', ':' }});
       var ssmOptions = $.extend({}, {{ssm_options | replace: 'nil', 'null' | replace: '=>', ':' }});
+      /* eslint-enable */
       var xhr_data_path;
       var menu_id;
 
       // Load (individual) frontmatter options (currently NOT used)
       //
-      if (options != null) { var frontmatterOptions = $.extend({}, options) }
+      if (options != null) { var frontmatterOptions = $.extend({}, options); }
 
       if (typeof frontmatterOptions !== 'undefined') {
         moduleOptions = j1.mergeData(ssmOptions, frontmatterOptions);
@@ -134,7 +144,7 @@ j1.adapter['ssm'] = (function (j1, window) {
       j1.adapter.ssm['moduleOptions'] = moduleOptions;
 
       _this.setState('started');
-      logger.info('state: ' + _this.getState());
+      logger.info('set module state to: ' + _this.getState());
       logger.info('module is being initialized');
 
       // jadams, 2020-06-24: Set max_count to 100 what cause to wait 2.5s
@@ -155,8 +165,9 @@ j1.adapter['ssm'] = (function (j1, window) {
         if (interval_count > max_count) {
           logger.warn('dependency check failed for module: navigator');
           logger.warn('dependencies of module navigator met after: ' + interval_count * 25 + ' ms');
+          j1.core.ssm.init (moduleOptions);
+          _this.ssmLoader(moduleOptions);
           clearInterval(dependencies_met_navigator);
-          //j1.adapter.ssm.ssmLoader(ssmMenuOptions);
         }
       }, 25);
 
@@ -169,8 +180,11 @@ j1.adapter['ssm'] = (function (j1, window) {
       var menu_id;
       var xhr_data_path;
 
+      // cast text-based booleans
+      var isToc = (ssmOptions.toc === 'true');
+
       _this.setState('loading');
-      logger.info('status: ' + _this.getState());
+      logger.info('set module state to: ' + _this.getState());
       logger.info('load HTML data for ssm');
 
       {% assign id_list = "" %}
@@ -180,31 +194,42 @@ j1.adapter['ssm'] = (function (j1, window) {
         {% assign xhr_data_path = ssm_options.xhr_data_path %}
         j1.xhrData (
           'j1.adapter.ssm', {
-          xhr_container_id: "{{menu_id}}",
-          xhr_data_path:    "{{xhr_data_path}}" },
+          xhr_container_id: '{{menu_id}}',
+          xhr_data_path:    '{{xhr_data_path}}' },
           'data_loaded')
-      ).done (function (ssm) {
+      ).done (function (ssm_html_loaded) {
         // ---------------------------------------------------------------------
         // Initialize MMenu Navs and Drawers
         // ---------------------------------------------------------------------
         var dependencies_met_mmenu_initialized = setInterval (function () {
-          if (ssm) {
-            if (j1.getState() === 'finished') {
-              logger.info('load HTML data (AJAX): finished');
-              _this.setState('processing');
-              logger.info('status: ' + _this.getState());
-              logger.info('initialize ssm menu');
-              if ( ssmOptions.mode === 'icon') {
-                logger.info('icon mode detected');
+          if (ssm_html_loaded && $('#{{ssm_options.menu_id}}').length) {
+            _this.setState('loaded');
+            logger.info('set module state to: ' + _this.getState());
+            logger.info('HTML data for ssm: ' + _this.getState());
+            if(isToc) {
+              logger.info('found toc in page: enabled');
+              if ( j1.adapter.toccer.getState() == 'finished' ) {
+                logger.info('dependency met for module : toccer');
+                _this.setState('processing');
+                logger.info('set module state to: ' + _this.getState());
+                logger.info('initialize ssm menu');
+                (ssmOptions.mode === 'icon')
+                  ? logger.info('ssm mode detected: icon')
+                  : logger.info('ssm mode detected: menu');
+                _this.scrollSpy(ssmOptions);
+                _this.buttonInitializer(ssmOptions);
+                clearInterval(dependencies_met_mmenu_initialized);
               }
+            } else {
+              logger.info('found toc in page: disabled');
+              logger.info('disable toc menu button');
+              $('#ssm_toc').closest('.ssm-btn').hide();
               _this.scrollSpy(ssmOptions);
               _this.buttonInitializer(ssmOptions);
               clearInterval(dependencies_met_mmenu_initialized);
             }
-          } else {
-            logger.error('initialize ssm failed, HTML data NOT loaded');
           }
-        }); // END dependencies_met_mmenu_loaded
+        }, 25); // END dependencies_met_mmenu_loaded
       }); // END done
     }, // END dataLoader
 
@@ -229,10 +254,9 @@ j1.adapter['ssm'] = (function (j1, window) {
 
       // Create an eventhandler instance if id exists: {{button_id}}
       if ($('#{{button_id}}').length) {
-        eventHandler = "{{item.event_handler}}"
-
+        eventHandler = '{{item.event_handler}}';
         // check if eventhandler configured is a SINGLE word
-        if (eventHandler.split(" ").length == 1) {
+        if (eventHandler.split(' ').length == 1) {
           logger.info('register pre-configured eventhandler {{item.event_handler}} on id: {{button_id}}');
           $('#{{button_id}}').each(function(e) {
             var $this = $(this);
@@ -243,7 +267,8 @@ j1.adapter['ssm'] = (function (j1, window) {
         } else {
           logger.info('register custom eventhandler on id: {{button_id}}');
         }
-
+      } else {
+        alert ('Creating Eventhandler failed on: #{{button_id}}');
       } // END items (buttons)
       {% endif %} // menu_type 'top_level_item'
       {% endif %} // ENDIF button_id enabled
@@ -256,10 +281,15 @@ j1.adapter['ssm'] = (function (j1, window) {
     // -------------------------------------------------------------------------
     // open mobile menu
     // -------------------------------------------------------------------------
-    open_mmenu: function (id) {
-      logger.info('eventhandler fired on id: ' + id );
-    }, // END open_mmenu
+    open_ssm_toc: function () {
+    }, // END open_ssm_toc
 
+    // -------------------------------------------------------------------------
+    // reload page
+    // -------------------------------------------------------------------------
+    reload_page: function () {
+      location.reload();
+    }, // END open_ssm_toc
     // -------------------------------------------------------------------------
     // scroll to previous section
     // -------------------------------------------------------------------------
@@ -267,33 +297,34 @@ j1.adapter['ssm'] = (function (j1, window) {
       var previous_header_id;
       var currentNode;
       var prev_node;
+      var anchor_id;
 
       var index             = 0;
       var maxNode           = $(nodes).length - 1;
-      var $toc              = $("#sidebar");
-      var current_header_id = $toc.find(".is-active-link").attr('href');
-
-      // logger.info('eventhandler fired on id: ' + id );
+      var $toc              = $('#sidebar');
+      var current_header_id = $toc.find('.is-active-link').attr('href');
 
       nodes.each(function() {
         currentNode = $(this).find(current_header_id);
         if (currentNode.length) {
           if (index > maxNode) {
-            return false
+            return false;
           } else {
-            prev_node = (index > 0) ? nodes[index-1] : nodes[index];
-            previous_header_id = $(prev_node).find(":header").first()[0].id;
+            prev_node           = (index > 0) ? nodes[index-1] : nodes[index];
+            previous_header_id  = $(prev_node).find(':header').first()[0].id;
+            anchor_id           = '#' + previous_header_id;
+
             $('a[href*="' + current_header_id + '"]').removeClass('is-active-link');
             $('a[href*="' + previous_header_id + '"]').addClass('is-active-link');
-            var dest = $('body').scrollTop() + $('#' + previous_header_id).offset().top - 100;
-            $('html, body').animate({
-              scrollTop: dest
-            }, 500);
-            return false;
+
+            j1.core.scrollSmooth.scroll( anchor_id, {
+              duration: {{toccer_options.scrollSmoothDuration}},
+              offset: {{toccer_options.scrollSmoothOffset}},
+              callback: null
+            });
           }
         }
         (index < maxNode) ? index++ : index;
-        // (index = 0) ? index : index++;
       });
     }, // END scroll_previous_section
 
@@ -304,33 +335,31 @@ j1.adapter['ssm'] = (function (j1, window) {
       var next_header_id;
       var currentNode;
       var nextNode;
+      var anchor_id;
 
       var index             = 0;
       var maxNode           = $(nodes).length -1;
-      var $toc              = $("#sidebar");
-      var current_header_id = $toc.find(".is-active-link").attr('href');
-
-      // logger.info('eventhandler fired on id: ' + id );
+      var $toc              = $('#sidebar');
+      var current_header_id = $toc.find('.is-active-link').attr('href');
 
       nodes.each(function() {
-        // currentNode = $(this).find(current_header_id);
         currentNode = $(this).find(current_header_id);
         if (currentNode.length) {
           if (index == maxNode) {
-            return false
+            return false;
           } else {
             nextNode = nodes[index+1];
-            next_header_id = $(nextNode).closest().find(":header").first();
-            next_header_id = $(nextNode).find(":header").first()[0].id;
+            next_header_id  = $(nextNode).find(':header').first()[0].id;
+            anchor_id       = '#' + next_header_id;
 
             $('a[href*="' + current_header_id + '"]').removeClass('is-active-link');
             $('a[href*="' + next_header_id + '"]').addClass('is-active-link');
 
-            var dest = $('body').scrollTop() + $('#' + next_header_id).offset().top - 100;
-            $('html, body').animate({
-              scrollTop: dest
-            }, 500);
-            return false;
+            j1.core.scrollSmooth.scroll( anchor_id, {
+              duration: {{toccer_options.scrollSmoothDuration}},
+              offset: {{toccer_options.scrollSmoothOffset}},
+              callback: null
+            });
           }
         }
         (index < maxNode) ? index++ : index;
@@ -343,8 +372,6 @@ j1.adapter['ssm'] = (function (j1, window) {
     scroll_to_top: function () {
       var dest = 0;
 
-      // logger.info('eventhandler fired on id: ' + id );
-
       $('html, body').animate({
         scrollTop: dest
       }, 500);
@@ -358,9 +385,7 @@ j1.adapter['ssm'] = (function (j1, window) {
       var $footer         = $('#j1_footer');
       var f               = $footer.length ? $footer.outerHeight() : 0;
       var pageHeight      = $page.height() - f - 400;
-      var pageHeightOuter = $page.outerHeight()
-
-      // logger.info('eventhandler fired on id: ' + id );
+      var pageHeightOuter = $page.outerHeight();
 
       $('html, body').animate({
         scrollTop: pageHeight
@@ -371,16 +396,15 @@ j1.adapter['ssm'] = (function (j1, window) {
     // scroll to comments (Disqus)
     // -------------------------------------------------------------------------
     scroll_to_comments: function () {
-      // logger.info('eventhandler fired on id: ' + id );
     }, // END scroll_comments
 
     // -------------------------------------------------------------------------
     // create generic alert
     // -------------------------------------------------------------------------
-    alert_me: function (id) {
-      // logger.info('eventhandler fired on id: ' + id );
-      alert ("Hello world!");
+    alert_me: function () {
+      alert ('Hello world!');
     }, // END alert_me
+
     // -------------------------------------------------------------------------
     // messageHandler
     // Manage messages (paylods) send from other J1 modules
@@ -447,19 +471,15 @@ j1.adapter['ssm'] = (function (j1, window) {
         var offset          = 0;
         var pageOffset      = -120;
         var scrollPos       = $(document).scrollTop();
-        var pageHeight      = $page.height()
-        var pageHeightOuter = $page.outerHeight()
+        var pageHeight      = $page.height();
+        var pageHeightOuter = $page.outerHeight();
 
-//      var m               = parseInt(pagehead.css('margin-bottom'), 10);
         var m               = $main_content.offset().top;
         var s               = $ssmContainer.length ? $ssmContainer.height() : 0;
         var f               = $footer.length   ? $footer.outerHeight() : 0;
         var n               = $navbar.length   ? $navbar.height() : 0;
 //      var h               = $pagehead.length ? $pagehead.outerHeight() : 0;
         var a               = $adblock.length  ? $adblock.outerHeight() : 0;
-
-//      var o               = n + h + a + offset;
-//      var o               = n + m + offset;
         var o               = n + offset;
 
         // space above the (fixed) ssm container

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/themer.js

@@ -86,6 +86,12 @@ regenerate:                             false
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 j1.adapter['themer'] = (function (j1, window) {
@@ -116,7 +122,7 @@ j1.adapter['themer'] = (function (j1, window) {
   var logger;
   var logText;
 
-  var default_theme_css           = environment === 'production' ? '/assets/themes/j1/core/css/uno.min.css' : '/assets/themes/j1/core/css/uno.css';
+  var default_theme_css           = (environment == 'production') ? '/assets/themes/j1/core/css/uno.min.css' : '/assets/themes/j1/core/css/uno.css';
   var default_theme_extention_css = '{{themer_options.includeBootswatch}}';
   var default_theme_name          = 'Uno';
   var default_theme_author        = 'J1 Team';
@@ -199,8 +205,8 @@ j1.adapter['themer'] = (function (j1, window) {
         themeExtensionCss     = user_state.theme_extension_css;
       }
       if (themeCss) {
-        themeCssHtml          = "<link rel='stylesheet' id='" + id + "' href='" + themeCss + "' type='text/css' />";
-        themeExtensionCssHtml = "<link rel='stylesheet' id='" + id + "' href='" + themeExtensionCss + "' type='text/css' />";
+        themeCssHtml          = '<link rel="stylesheet" id="' + id + '" href="' + themeCss + '" type="text/css" />';
+        themeExtensionCssHtml = '<link rel="stylesheet" id="' + id +'" href="' + themeExtensionCss + '" type="text/css" />';
       } else {
         themeName             = default_theme_name;
         themeCssHtml          = '<link rel="stylesheet" type="text/css" id="default" href="{{asset_path}}/{{theme_base}}/{{default_theme}}.{{theme_ext}}" />';
@@ -221,6 +227,7 @@ j1.adapter['themer'] = (function (j1, window) {
         logger.info('themes detected as: enabled');
         logger.info('theme is being initialized: ' + themeName);
 
+      /* eslint-disable */
       $.when (
         $('#ThemeList').bootstrapThemeSwitcher.defaults = {
           debug:                    {{ themer_options.debug | json }},
@@ -241,6 +248,7 @@ j1.adapter['themer'] = (function (j1, window) {
           includeBootswatch:        {{ themer_options.includeBootswatch | json }},
           skipIncludeBootswatch:    {{ themer_options.skipIncludeBootswatch | json }}
         })
+        /* eslint-enable */
         .then (function() {
           if (themeName === 'Uno' || themeName === 'Bootstrap') {
             theme = environment === 'production'

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/toccer.js

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate:                             true
 ---
 
 {% capture j1_cache %}
@@ -54,7 +54,6 @@ regenerate:                             false
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign toccer_options    = toccer_defaults | merge: toccer_settings %}
 
-
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/toccer.js
@@ -74,6 +73,12 @@ regenerate:                             false
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -127,10 +132,8 @@ j1.adapter['toccer'] = (function () {
         settings.collapseDepth = {{toccer_options.collapseDepth}};
       }
 
-      if (settings.headingsOffset === undefined) {
-        settings.scrollOffset = {{toccer_options.smoothScrollOffset}};
-      } else {
-        settings.scrollOffset = settings.headingsOffset
+      if (settings.scrollSmoothOffset === undefined) {
+        settings.scrollSmoothOffset = {{toccer_options.scrollSmoothOffset}};
       }
 
       if (settings.enabled === undefined) {
@@ -139,39 +142,16 @@ j1.adapter['toccer'] = (function () {
 
       if (isToc) {
         _this.initToccerCore(settings);
-        _this.setCss();
-
-        /* jadams, 2011-03-11: For now, no need to adjust the top sticky position */
-        /* leave the code in for future use if needed */
-        /* _this.setTop(); */
-
-        // if comments enabled
-        if (isToc && isComments) {
-          logText = 'connector for disqus successfully initialized';
-          logger.info(logText);
-
-          // NOTE: BS or Tocbot Affix is not used anymore.
-          // Replaced by CSS style "sticky"
-          // j1.adapter.toccer.initAffix();
-          // state = 'finished';
-          // logger.info('state: ' + state); // Set|Log status
-          // logger.info('module initialized successfully');
-
-        } else {
-          // if toc enabled only
-          if (isToc) {
-            // state = 'finished';
-            // logger.info('state: ' + state); // Set|Log status
-            // logger.info('module initialized successfully');
+        // set state finished if tocbot has created the toc
+        var dependencies_met_toccer_initialized = setInterval (function () {
+          if ($('ol.toc-list ').length) {
+            _this.setState('finished');
+            logger.info('state: ' + _this.getState());
+            logger.info('module initialized successfully');
+            clearInterval(dependencies_met_toccer_initialized);
           }
-        } // END if isComments (Disqus enabled)
-      } // END if isToc
-
-      _this.setState('finished');
-      logger.info('state: ' + _this.getState());
-      logger.info('module initialized successfully');
-
-      return true;
+        }, 25);
+      }
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -188,126 +168,44 @@ j1.adapter['toccer'] = (function () {
       _this.setState('running');
       logger.info('state: ' + _this.getState());
 
-      // jadams, 2020-06-23: TODO, tocbot should be fired if page|mmenu
-      //                     is ready
-      //
-      setTimeout (function () {
-        var bg_primary = j1.getStyleValue('bg-primary', 'background-color');
-
-        tocbot.init({
-          log:                    {{ toccer_options.log | json }},
-          activeLinkColor:        {{ toccer_options.activeLinkColor | json }},
-          tocSelector:            {{ toccer_options.tocSelector | json }},
-          headingSelector:        {{ toccer_options.headingSelector | json }},
-          ignoreSelector:         {{ toccer_options.ignoreSelector | json }},
-          contentSelector:        {{ toccer_options.contentSelector | json }},
-          collapseDepth:          settings.collapseDepth,
-          throttleTimeout:        {{ toccer_options.throttleTimeout | json }},
-          includeHtml:            false,
-          linkClass:              'toc-link',
-          extraLinkClasses:       '',
-          activeLinkClass:        'is-active-link',
-          listClass:              'toc-list',
-          extraListClasses:       '',
-          isCollapsedClass:       'is-collapsed',
-          collapsibleClass:       'is-collapsible',
-          listItemClass:          'toc-list-item',
-          positionFixedSelector:  '',
-          positionFixedClass:     'is-position-fixed',
-          fixedSidebarOffset:     'auto',
-          smoothScroll:           {{ toccer_options.smoothScrollEnabled | json }},
-          smoothScrollOffset:     {{ toccer_options.smoothScrollOffset | json }},
-          smoothScrollDuration:   {{ toccer_options.smoothScrollDuration | json }},
-          headingsOffset:         {{ toccer_options.headingsOffset | json }},
-          throttleTimeout:        {{ toccer_options.throttleTimeout | json }}
-        });
-
-        if (tocbot.options.log == true) {
-          // Writes all of the current option settings to JS console
-          console.log(tocbot.options);
-        }
-      }, {{toccer_options.delay}});
-
-      return true;
+      // tocbot get fired if HTML portion is loaded (AJAX load finished)
+      var dependencies_met_ajax_load_finished = setInterval (function () {
+        if ($('#toc_mmenu').length) {
+          /* eslint-disable */
+          tocbot.init({
+            log:                    {{ toccer_options.log | json }},
+            activeLinkColor:        {{ toccer_options.activeLinkColor | json }},
+            tocSelector:            {{ toccer_options.tocSelector | json }},
+            headingSelector:        {{ toccer_options.headingSelector | json }},
+            ignoreSelector:         {{ toccer_options.ignoreSelector | json }},
+            contentSelector:        {{ toccer_options.contentSelector | json }},
+            collapseDepth:          settings.collapseDepth,
+            throttleTimeout:        {{ toccer_options.throttleTimeout | json }},
+            hasInnerContainers:     false,
+            includeHtml:            false,
+            linkClass:              'toc-link',
+            extraLinkClasses:       '',
+            activeLinkClass:        'is-active-link',
+            listClass:              'toc-list',
+            extraListClasses:       '',
+            isCollapsedClass:       'is-collapsed',
+            collapsibleClass:       'is-collapsible',
+            listItemClass:          'toc-list-item',
+            positionFixedSelector:  '',
+            positionFixedClass:     'is-position-fixed',
+            fixedSidebarOffset:     'auto',
+            scrollSmooth:           {{ toccer_options.scrollSmooth | json }},
+            scrollSmoothDuration:   {{ toccer_options.scrollSmoothDuration | json }},
+            scrollSmoothOffset:     {{ toccer_options.scrollSmoothOffset | json }},
+            headingsOffset:         1,
+            throttleTimeout:        {{ toccer_options.throttleTimeout | json }}
+          });
+          /* eslint-enable */
+          clearInterval(dependencies_met_ajax_load_finished);
+        } // END AJAX load finished
+      }, 25); // END dependencies_met_ajax_load_finished
     }, // END initToccerCore
 
-    // -------------------------------------------------------------------------
-    // Calculate|Set Affix offset Top|Bottom of the Toccer menu
-    // depending on the size of the page header (attic)
-    // -------------------------------------------------------------------------
-    initAffix: function () {
-      var nav_bar         = $('nav.navbar');
-      var side_bar        = $('#j1-sidebar');
-      var header          = $('.attic');
-//    var disqus_id       = $('#disqus');
-      var disqus_id       = $('.bmd-layout-content');
-      var disqus_thread   = $('#disqus_thread');
-      var adblock         = $('#adblock');
-      var footer          = '#' + '{{footer_id}}';
-      var footer_id       = $(footer);
-      var footer_offset   = 100;
-
-      $(side_bar).affix({
-        offset: {
-          top: function() {
-            var c = $(side_bar).offset().top;
-            var a = adblock.length ? adblock.outerHeight() : 0;
-            var e = $(nav_bar).height();
-            var h = $(header).height();
-            var z = c - e;
-            return _this.top = z - a;
-          },
-          bottom: function () {
-            /*  space below the affixed element */
-            if (disqus_id.length) {
-              return (_this.bottom = $(disqus_id).outerHeight(true) + $(footer_id).outerHeight(true) + footer_offset)
-            } else {
-              return (_this.bottom = $(footer_id).outerHeight(true) + footer_offset);
-            }
-          }
-        }
-      });
-
-      return true;
-    }, // END initAffix
-
-    // -------------------------------------------------------------------------
-    // Calculate|Set Top position of the Toccer menu
-    // depending on the size of the page header (attic)
-    // -------------------------------------------------------------------------
-    setTop: function (options) {
-      $(window).scroll(function(event){
-        var navbar    = $('nav.navbar.navigator');
-        var adblock   = $('#adblock');
-        var pagehead  = $('.attic');
-        var offset    = 0;
-        var m         = parseInt(pagehead.css('margin-bottom'), 10);
-        var n         = navbar.outerHeight();
-        var a         = adblock.length ? adblock.outerHeight() : 0;
-        // var o         = n + m + a + offset;
-        var o         = n + m + offset;
-
-        if(navbar.hasClass('navbar-fixed')){
-          $('#j1-sidebar.affix').css('top', o);
-        } else {
-          $('#j1-sidebar.affix').css('top', m);
-        }
-      });
-
-      return true;
-    }, // END setTop
-
-    // -------------------------------------------------------------------------
-    // Set dynamic styles
-    // -------------------------------------------------------------------------
-    setCss: function () {
-
-      var bg_primary  = j1.getStyleValue('bg-primary', 'background-color');
-      $('head').append('<style>.is-active-link::before { background-color: ' +bg_primary+ ' !important; }</style>');
-
-      return true;
-    }, // END setCss
-
     // -------------------------------------------------------------------------
     // messageHandler: MessageHandler for J1 NAV module
     // Manage messages (paylods) send from other J1 modules