j1-template 2020.0.0 → 2020.0.5

data/lib/starter_web/assets/themes/j1/adapter/js/gallery_customizer.js

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -156,7 +156,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
       $.when (
         j1.xhrData (
           'j1.adapter.gallery_customizer', {
-          xhr_container_id: customizerOptions.xhr_container_id, 
+          xhr_container_id: customizerOptions.xhr_container_id,
           xhr_data_path:    customizerOptions.xhr_data_path },
           'data_loaded'))
       .then (function (success) {
@@ -260,7 +260,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
                   e.stopPropagation();
                 });
 
-                $('input:checkbox[name="captions"]').on('click', function (e) {                  
+                $('input:checkbox[name="captions"]').on('click', function (e) {
                   var value = $(this).is(':checked');
 
                   $instance.justifiedGallery({captions: value});
@@ -299,7 +299,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
                   e.stopPropagation();
                 });
 
-                $('input:checkbox[name="hide_last_row"]').on('click', function (e) {                  
+                $('input:checkbox[name="hide_last_row"]').on('click', function (e) {
                   var value = $(this).is(":checked");
 
                   if (value == true) {
@@ -316,14 +316,14 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
                   e.stopPropagation();
                 });
 
-                $('#jg-customizer-form button[name="reset-defaults"]').on('click', function (e) {                  
+                $('#jg-customizer-form button[name="reset-defaults"]').on('click', function (e) {
 
                   $('#rowHeight').val(customizerOptions.gallery_settings.rowHeight);
                   $('#rowHeightMax').val(customizerOptions.gallery_settings.maxRowHeight);
                   $('#margins').val(customizerOptions.gallery_settings.margins);
                   $('#border').val(customizerOptions.gallery_settings.border);
                   $('input:checkbox[name="captions"]').val("on").filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.captions);
-                  $('input:checkbox[name="random"]').val("off").filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.randomize);                  
+                  $('input:checkbox[name="random"]').val("off").filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.randomize);
                   $('input:checkbox[name="justify_last_row"]').val("on").filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.justifyLastRow);
                   $('input:checkbox[name="hide_last_row"]').val("off").filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.hideLastRow);
 
@@ -424,4 +424,4 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
 
 {% endcapture %}
 {{ cache | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

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

@@ -89,6 +89,10 @@ regenerate:                             true
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
  # -----------------------------------------------------------------------------
+ #  TODO:
+ #    MANAGE themeExtensionCss is to be checked
+ #
+ # -----------------------------------------------------------------------------
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
@@ -122,7 +126,7 @@ var j1 = (function () {
   // Theme information
   var themeName;
   var themeCss;
-  var themeExtensionCss;
+  var themeExtensionCss = environment === 'production' ? '/assets/themes/j1/core/css/theme_extensions.min.css' : '/assets/themes/j1/core/css/theme_extensions.css';
 
   // Pathes of J1 data files
   var colors_data_path          = '{{template_config.colors_data_path}}';
@@ -168,20 +172,20 @@ var j1 = (function () {
     'provider_privacy_url': '{{template_config.user.provider_privacy_url}}',
     'requested_page':       'na',
     'previous_page':        'na',
-    'last_pager':           '/pages/public/blog/navigator/'    
+    'last_pager':           '/pages/public/blog/navigator/'
   };
 
   // user STATE cookie (initial values)
   var user_state = {
     'theme_css':            default_theme_css,
-    'theme_extension_css':  '{{themer_options.includeBootswatch}}',
+    'theme_extension_css':  themeExtensionCss,
     'theme_name':           default_theme_name,
     'theme_author':         default_theme_author,
     'theme_author_url':     '{{template_config.theme_author_url}}',
     'theme_link':           default_theme_link,
     'theme_version':        '{{site.version}}',
     'cookies_accepted':     'pending',
-    'whitelistedPages':     default_white_listed_pages,     
+    'whitelistedPages':     default_white_listed_pages,
     'deleteOnDecline':      false,
     'showConsentOnPending': false,
     'stopScrolling':        true,
@@ -233,15 +237,15 @@ var j1 = (function () {
         {
           foo: 'foo_option',
           bar: 'bar_option'
-        }, 
-        options 
+        },
+        options
       );
 
       // catch senseless detect url 404 errors (middleware /status)
       // See: https://stackoverflow.com/questions/4687235/jquery-get-or-post-to-catch-page-load-error-eg-404
       $.ajaxSetup({
         // called on `$.get()`, `$.post()`, `$.ajax()`
-        statusCode : {                    
+        statusCode : {
           // raised on response status code 404
           404 : function (jqxhr, textStatus, errorThrown) {
             var interval_count = 0;
@@ -251,7 +255,7 @@ var j1 = (function () {
               if ( j1.adapter.logger.getState() == 'finished' ) {
                 var logger = log4javascript.getLogger('j1.init');
                 clearInterval(dependencies_met_logger);
-                if(jqxhr.responseText.indexOf('GET /status') > -1) { 
+                if(jqxhr.responseText.indexOf('GET /status') > -1) {
                   logger.info('no middleware found on url /status: ignored');
                   logger.info('continue on mode: web');
                 }
@@ -285,12 +289,19 @@ var j1 = (function () {
         user_state.session_active     = false;
         user_state.last_session_ts    = timestamp_now;
 
+        // DANGEROUS (??): delete user session in browser using MULTI_TAB!
+        // if (j1.existsCookie(cookie_names.user_session)) {
+        //   var bla = cookie_names.user_session;
+        //   j1.deleteCookie(cookie_names.user_session)
+        // }
+
         j1.writeCookie({
           name: cookie_user_state_name,
           data: user_state,
           expires: 365
         });
 
+
       });
 
       // -----------------------------------------------------------------------
@@ -335,7 +346,7 @@ var j1 = (function () {
         .then(function(data) {
           var logger                  = log4javascript.getLogger('j1.init');
           user_session                = j1.readCookie(cookie_names.user_session);
-          user_session.mode           = 'app';          
+          user_session.mode           = 'app';
           user_session.requested_page = window.location.pathname;
           user_session.timestamp      = timestamp_now;
           user_session                = j1.mergeData(user_session, data);
@@ -855,9 +866,9 @@ var j1 = (function () {
       var providerPermissions = {};
       var provider;
       var previous_page;
-      var appDetected;      
+      var appDetected;
       var categoryAllowed;
-      
+
 
       logger.info('finalize page');
       j1.setCss();
@@ -885,8 +896,8 @@ var j1 = (function () {
           // -------------------------------------------------------------------
           if (
             j1.authEnabled() &&
-            user_session.page_permission !== 'public' && 
-            categoryAllowed === false) 
+            user_session.page_permission !== 'public' &&
+            categoryAllowed === false)
           {
             // redirect to middleware|page_authentication
             if (data.authenticated === 'true') {
@@ -927,7 +938,7 @@ var j1 = (function () {
             $('#quickLinksControlCenterButton').css('display', 'block');
 
             // show|hide signin|out icon
-            if (j1.authEnabled()) {              
+            if (j1.authEnabled()) {
               if (user_session.authenticated === 'true') {
                 // set signout
                 logger.info('show signout icon');
@@ -959,7 +970,7 @@ var j1 = (function () {
             // update sidebar for changed consent|theme data
             logger.info('update sidebar');
             user_state        = j1.readCookie(cookie_names.user_state);
-            current_user_data = j1.mergeData(user_session, user_state);            
+            current_user_data = j1.mergeData(user_session, user_state);
             j1.core.navigator.updateSidebar(current_user_data);
 
             // Set|Log status
@@ -1023,7 +1034,7 @@ var j1 = (function () {
             // update sidebar for changed consent|theme data
             logger.info('update sidebar');
             user_state        = j1.readCookie(cookie_names.user_state);
-            current_user_data = j1.mergeData(user_session, user_state);            
+            current_user_data = j1.mergeData(user_session, user_state);
             j1.core.navigator.updateSidebar(current_user_data);
 
             // Set|Log status
@@ -1165,9 +1176,17 @@ var j1 = (function () {
     //  Returns true if a web session cookie exists
     // -------------------------------------------------------------------------
     appDetected: function () {
-      var user_session = j1.readCookie(cookie_names.user_session);
-      var detected     = user_session.mode === 'app' ? true : false;
+      var user_session;
+      var cookieExists = j1.existsCookie(cookie_names.user_session);
+      var detected = false;
 
+      if (cookieExists) {
+        user_session = j1.readCookie(cookie_names.user_session);
+        detected     = user_session.mode === 'app' ? true : false;
+      } else {
+        // detected = 'unknown';
+        detected = false;
+      }
       return detected;
     }, // END appDetected
 
@@ -1280,7 +1299,7 @@ var j1 = (function () {
 
     // -------------------------------------------------------------------------
     // getRuntimeData: Returns the j1_runtime data object
-    // 
+    //
     // -------------------------------------------------------------------------
     getRuntimeData: function (data_path) {
     var logger = log4javascript.getLogger('j1.getRuntimeData');
@@ -1344,8 +1363,8 @@ var j1 = (function () {
     }, // END getColorData
 
     // -------------------------------------------------------------------------
-    // setColorData: 
-    // 
+    // setColorData:
+    //
     // -------------------------------------------------------------------------
     setColorData: function (color) {
 
@@ -1482,11 +1501,17 @@ var j1 = (function () {
     readCookie: function (name) {
       var data;
       var data_json;
-      data_json = window.atob(Cookies.get(name));
-      data      = JSON.parse(data_json);
+      var cookieExists = j1.existsCookie(name);
+
+      if (cookieExists) {
+        data_json = window.atob(Cookies.get(name));
+        data      = JSON.parse(data_json);
 
-      if (data) {
-        return data;
+        if (data) {
+          return data;
+        } else {
+          return false;
+        }
       } else {
         return false;
       }
@@ -1613,7 +1638,7 @@ var j1 = (function () {
         //see if cookie is in first position
         begin = dc.indexOf(prefix);
         // not found at all or found as a portion of another cookie name
-        if (begin === -1 || begin !== 0 ) return null;
+        if (begin === -1 || begin !== 0 ) return false;
       }
 
       // if ";" is found somewhere after the prefix position then "end" is
@@ -1947,7 +1972,7 @@ var j1 = (function () {
       var tabs_pills_link_color_hover     = j1.setColorData('md_gray_300');     // j1.getStyleValue('btn-secondary', 'background-color');
 
       // nav module
-      // -----------------------------------------------------------------------      
+      // -----------------------------------------------------------------------
       $('head').append('<style>.nav-link:hover { background-color: ' +tabs_pills_link_color_hover+ ' !important; }</style>');
       $('head').append('<style>.nav-link.active { background-color: ' +tabs_pills_link_color_active+ ' !important; }</style>');
 
@@ -2015,10 +2040,10 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
     goHome: function () {
       // most browsers
-      if (typeof window.home == 'function') { 
+      if (typeof window.home == 'function') {
         window.home();
       } else if (document.all) {
-        // for IE 
+        // for IE
         window.location.href = "about:home";
       } else {
         window.location.href = "about:blank";
@@ -2031,4 +2056,4 @@ var j1 = (function () {
 {% endcapture %}
 
 {{ cache | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

data/lib/starter_web/assets/themes/j1/adapter/js/logger.js

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -313,4 +313,4 @@ j1.adapter['logger'] = (function (j1, window) {
 
 {% endcapture %}
 {{ cache | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

data/lib/starter_web/assets/themes/j1/adapter/js/mmenu.js

@@ -0,0 +1,439 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/mmenu.js
+ # Liquid template to adapt Mmenu-Light Core functions
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ #
+ # JSON pretty print
+ # Example: var str = JSON.stringify(obj, null, 2); // spacing level = 2
+ # See: https://stackoverflow.com/questions/4810841/how-can-i-pretty-print-json-using-javascript
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture select_color %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment                   = site.environment %}
+{% assign brand_image_height            = site.brand.image_height %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+{% assign auth_manager_config           = site.j1_auth %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config                   = site %}
+{% assign template_config               = site.data.template_settings %}
+{% assign blocks                        = site.data.blocks %}
+{% assign modules                       = site.data.modules %}
+
+{% assign template_config               = site.data.template_settings %}
+{% assign navigator_defaults            = site.data.modules.defaults.navigator.defaults %}
+{% assign navigator_settings            = site.data.modules.navigator.settings %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_mmenu_defaults            = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings            = navigator_settings.nav_mmenu %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_mmenu_options             = nav_mmenu_defaults | merge: nav_mmenu_settings %}
+{% assign nav_mmenu_id                  = navigator_defaults.nav_mmenu.xhr_container_id %}
+{% assign nav_navbar_media_breakpoint   = navigator_defaults.nav_bar.media_breakpoint %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/mmenu.js
+ # JS Adapter for J1 MobileMenu (MMenu Light)
+ #
+ # Product/Info:
+ # {{site.data.template_settings.theme_author_url}}
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see {{site.data.template_settings.theme_author_url}}
+ # -----------------------------------------------------------------------------
+ # NOTE: For AJAX (XHR) loads see
+ #  https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
+ # -----------------------------------------------------------------------------
+ # NOTE: For getStyleValue helper see
+ #  https://stackoverflow.com/questions/16965515/how-to-get-a-style-attribute-from-a-css-class-by-javascript-jquery
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+j1.adapter['mmenu'] = (function (j1, window) {
+
+  // ---------------------------------------------------------------------------
+  // globals
+  // ---------------------------------------------------------------------------
+  var environment         = '{{environment}}';
+  var dclFinished         = false;
+  var moduleOptions       = {};
+  var cookie_names        = j1.getCookieNames();
+  var user_state;
+  var user_session;
+  var user_data;
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // helper functions
+  // ---------------------------------------------------------------------------
+
+
+  // ---------------------------------------------------------------------------
+  // main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // module initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      // initialize state flag
+      j1.adapter.mmenu.state = 'pending';
+
+      // -----------------------------------------------------------------------
+      // defaults
+      // -----------------------------------------------------------------------
+      var settings  = $.extend({
+        module_name: 'j1.adapter.mmenu',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this         = j1.adapter.mmenu;
+      logger        = log4javascript.getLogger('j1.adapter.mmenu');
+
+      // -----------------------------------------------------------------------
+      // options loader
+      // -----------------------------------------------------------------------
+      var navMenuOptions = $.extend({}, {{nav_mmenu_options | replace: '=>', ':' }});
+      var xhr_data_path;
+      var menu_id;
+
+      // save config settings into the mmenu object for global access
+      //
+      j1.adapter.mmenu['navMenuOptions'] = navMenuOptions;
+
+      // Load (individual) frontmatter options (currently NOT used)
+      //
+      if (options != null) { var frontmatterOptions = $.extend({}, options) }
+
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      // jadams, 2020-06-24: Set max_count to 100 what cause to wait 2.5s
+      // for J1 Navigator to finish (init)
+      //
+      var interval_count = 0;
+      var max_count      = 100;
+
+      var dependencies_met_navigator = setInterval(function() {
+        interval_count += 1;
+        if ( j1.adapter.navigator.getState() == 'finished' ) {
+          logger.info('dependencies of module navigator met for: mmenu');
+          logger.info('dependencies of module navigator met after: ' + interval_count * 25 + ' ms');
+          j1.adapter.mmenu.mmenuLoader(navMenuOptions);
+          clearInterval(dependencies_met_navigator);
+        }
+        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');
+          clearInterval(dependencies_met_navigator);
+          j1.adapter.mmenu.mmenuLoader(navMenuOptions);
+        }
+      }, 25);
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // MMenu Loader
+    // -------------------------------------------------------------------------
+    mmenuLoader: function (mmOptions) {
+      var menu_id;
+      var xhr_data_path;
+
+      _this.setState('loading');
+      logger.info('status: ' + _this.getState());
+      logger.info('load HTML data for navs and drawers');
+
+      {% assign id_list = "" %}
+
+      // -----------------------------------------------------------------------
+      // Load HTML data (AJAX)
+      // -----------------------------------------------------------------------
+      // jadams, 202-06-24: Promise (chain) if $.when seems NOT to work correctly.
+      // It semms a chain using .then will be a better solution to make it sure
+      // that the last Deferred set the state to 'data_loaded'.
+      // Found the final state randomly set to 'null' what prevent the module
+      // to run mmenuInitializer.
+      // Workaround: Set 'data_loaded' to be returned by all Deferred in
+      // the chain.
+      // See: https://stackoverflow.com/questions/5436327/jquery-deferreds-and-promises-then-vs-done
+      //
+      {% comment %} Modify chain
+      --------------------------------------------------------------------------
+        {% if forloop.last %}'data_loaded'{% else %}'null'{% endif %}){% if forloop.last %}{% else %},{% endif %}
+      to
+        {% if forloop.last %}'data_loaded'{% else %}'data_loaded'{% endif %}){% if forloop.last %}{% else %},{% endif %}
+      -------------------------------------------------------------------------- {% endcomment %}
+      $.when (
+      {% for item in nav_mmenu_options.menus %} {% if item.menu.enabled %}
+      {% assign menu_id       = item.menu.xhr_container_id %}
+      {% assign xhr_data_path = item.menu.xhr_data_path %}
+
+        j1.xhrData (
+          'j1.adapter.mmenu', {
+          xhr_container_id: "{{menu_id}}",
+          xhr_data_path:    "{{xhr_data_path}}" },
+          {% if forloop.last %}'data_loaded'{% else %}'data_loaded'{% endif %}){% if forloop.last %}{% else %},{% endif %}
+
+      {% endif %}
+      {% capture id_list %}{{id_list}}{{menu_id}}{% if forloop.last %}{% else %},{% endif %} {% endcapture %}
+      {% endfor %} // ENDFOR menus
+      ).done (function ({{id_list}}) {
+        // ---------------------------------------------------------------------
+        // Initialize MMenu Navs and Drawers
+        // ---------------------------------------------------------------------
+        var dependencies_met_mmenu_initialized = setInterval (function () {
+          if (_this.getState() === 'data_loaded') {
+            logger.info('load HTML data (AJAX): finished');
+            _this.setState('processing');
+            logger.info('status: ' + _this.getState());
+            logger.info('initialize navs and drawers');
+            j1.adapter.mmenu.mmenuInitializer(mmOptions);
+            clearInterval(dependencies_met_mmenu_initialized);
+          }
+        }); // END dependencies_met_mmenu_loaded
+      }); // END done
+    }, // END dataLoader
+
+    // -------------------------------------------------------------------------
+    // MMenu Initializer
+    // -------------------------------------------------------------------------
+    mmenuInitializer: function (mmOptions) {
+      var menu_id;
+      var xhr_data_path;
+
+      {% for item in nav_mmenu_options.menus %} {% if item.menu.enabled %}
+
+      {% assign menu_id = item.menu.xhr_container_id %}
+      menu_id           = "{{menu_id}}";
+      xhr_data_path     = "{{item.menu.xhr_data_path}}";
+
+      // Create an mmenu instance if id exists: {{menu_id}}
+      if ($('#{{menu_id}}').length) {
+
+        logger.info('mmenu is being initialized on id: {{menu_id}}');
+
+        {% if item.menu.content.type == "navigation" %}
+        // Create an mmenu instance of type NAVIGATION
+        logger.info('found content type: NAVIGATION');
+        // ---------------------------------------------------------------------
+        // menu initializer (NAVIGATION)
+        // ---------------------------------------------------------------------
+        logger.info('initialize mmenu on id: #{{menu_id}}');
+        var dependencies_met_{{menu_id}}_loaded = setInterval (function () {
+          if ({{menu_id}}) {
+            const menu_selector = document.querySelector('#{{menu_id}}');
+            const mmenu_{{menu_id}} = new MmenuLight (
+              menu_selector,
+              '(max-width: ' + mmOptions.mmenu_plugin.max_width +'px)', {
+              // plugin options
+              node:             mmOptions.mmenu_plugin.node,
+              mediaQuery:       mmOptions.mmenu_plugin.mediaQuery
+            });
+
+            const drawer_{{menu_id}} = mmenu_{{menu_id}}.offcanvas ({
+              // drawer options
+              position: mmOptions.mmenu_drawer.position
+            });
+
+            const navigator_{{menu_id}} = mmenu_{{menu_id}}.navigation ({
+              // navigator options
+              selected:         mmOptions.mmenu_navigator.selected,
+              slidingSubmenus:  mmOptions.mmenu_navigator.slidingSubmenus,
+              title:            mmOptions.mmenu_navigator.title,
+              theme:            mmOptions.mmenu_navigator.theme
+            });
+
+            // Toggle Bars (Hamburger) for the NavBar to open|close
+            // the mmenu drawer
+            $('{{item.menu.content.button}}').each(function(e) {
+              var $this = $(this);
+
+              $this.on('click', function(e){
+                const button_{{menu_id}} = this;
+
+                // TODO: Animated toggle button
+                //
+                // $('{{item.menu.content.toggler}}').toggleClass('fadeIn');
+                // $('{{item.menu.content.toggler}}').toggleClass('rotateIn')
+
+                // $('.mdi', this).toggleClass('mdi-menu');
+                // $('.mdi', this).toggleClass('mdi-close');
+
+                e.preventDefault();
+
+                // (toggler_{{menu_id}}.t = !toggler_{{menu_id}}.t)
+                //   ? drawer_{{menu_id}}.open()
+                //   : drawer_{{menu_id}}.close();
+
+                drawer_{{menu_id}}.open()
+              });
+            });
+            clearInterval(dependencies_met_{{menu_id}}_loaded);
+            logger.info('initializing mmenu finished on id: #{{menu_id}}');
+          }; // END mmenu_loaded
+        }); // END dependencies_met_mmenu_loaded
+        {% endif %} // ENDIF content_type: NAVIGATION
+
+        {% if item.menu.content.type == "drawer" %}
+          // Create an mmenu instance of type HTML
+          logger.info('found content type: DRAWER');
+          // -------------------------------------------------------------------
+          // menu initializer (DRAWER)
+          // -------------------------------------------------------------------
+          logger.info('initialize mmenu on id: #{{menu_id}}');
+          var dependencies_met_{{menu_id}}_loaded = setInterval (function () {
+            if ({{menu_id}}) {
+              const menu_selector = document.querySelector('#{{menu_id}}');
+
+              const mmenu_{{menu_id}} = new MmenuLight (
+                menu_selector,
+                '(max-width: ' + mmOptions.mmenu_plugin.max_width +'px)', {
+                // plugin options
+                node:             mmOptions.mmenu_plugin.node,
+                mediaQuery:       mmOptions.mmenu_plugin.mediaQuery
+              });
+
+              const drawer_{{menu_id}} = mmenu_{{menu_id}}.offcanvas ({
+                // drawer options
+                position: "{{item.menu.drawer.position}}"
+              });
+
+              // button for the MMenu tocbar to open|close the toc drawer
+              $('{{item.menu.content.button}}').each(function(e) {
+                var $this = $(this);
+
+                $this.on('click', function(e) {
+                  var button_{{menu_id}} = this;
+                  var hasClass;
+
+                  // check if the button should be activated
+                  // e.g for TOC only if clas js-toc-content is found
+                  //
+                  if ('{{item.menu.content.button_activated}}' != 'always') {
+                    hasClass = $('main').hasClass('{{item.menu.content.button_activated}}');
+                  } else {
+                    hasClass = true;
+                  }
+                  if (hasClass) {
+                    // Toggle button animation
+                    //$('{{item.menu.content.toggler}}').toggleClass('{{item.menu.content.toggler_animation}}')
+
+                    e.preventDefault();
+
+                    // (toggler_{{menu_id}}.t = !toggler_{{menu_id}}.t)
+                    //   ? drawer_{{menu_id}}.open()
+                    //   : drawer_{{menu_id}}.close();
+
+                    drawer_{{menu_id}}.open()
+                  } // END if hasclass
+                });
+              });
+              clearInterval(dependencies_met_{{menu_id}}_loaded);
+          }; // END if menu_loaded
+        }); // END dependencies_met_mmenu_loaded
+        logger.info('initializing mmenu finished on id: #{{menu_id}}');
+        {% endif %} // ENDIF content_type: DRAWER
+        } // END menus|drawers
+
+      {% endif %} // ENDIF menu enabled
+      {% endfor %} // ENDFOR menus
+    }, // END mmenuInitializer
+
+    // -------------------------------------------------------------------------
+    // messageHandler
+    // Manage messages (paylods) send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      // var json_message = JSON.stringify(message, undefined, 2);              // multiline
+      var json_message = JSON.stringify(message);
+
+      logText = 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info(message.text);
+      }
+      if (message.type === 'command' && message.action === 'status') {
+        logger.info('messageHandler: received - ' + message.action);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.mmenu.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.mmenu.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}