j1-template 2023.2.6 → 2023.3.0

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

@@ -7,7 +7,7 @@ regenerate:                             true
 {% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/scroller.js
- # Liquid template to adapt scroller plugin
+ # Liquid template to adapt the J1 Scroller jQuery plugin
  #
  # Product/Info:
  # https://jekyll.one
@@ -61,11 +61,10 @@ TODO: Check|Fix the (Liquid) merge issue for scroller_options
   {% assign production = true %}
 {% endif %}
 
-
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/scroller.js
- # J1 Adapter for scroller
+ # J1 Adapter for the J1 Scroller jQuery plugin
  #
  # Product/Info:
  # https://jekyll.one
@@ -100,13 +99,6 @@ var logger;
 var logText;
 var lastPageInfo;
 
-// var platform_name         = platform.name;
-// var platform_version      = platform.version;
-// var platform_layout       = platform.layout;
-// var platform_os           = platform.os;
-// var platform_description  = platform.description;
-
-
   // ---------------------------------------------------------------------------
   // Main object
   // ---------------------------------------------------------------------------
@@ -132,30 +124,32 @@ var lastPageInfo;
       _this = j1.adapter.scroller;
       logger = log4javascript.getLogger('j1.adapter.scroller');
 
-      // Load  module DEFAULTS|CONFIG
+      // load  module DEFAULTS|CONFIG
+      //
       scrollerDefaults = $.extend({}, {{scroller_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
       scrollerSettings = $.extend({}, {{scroller_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
       scrollerOptions  = $.extend(true, {}, scrollerDefaults, scrollerSettings);
 
       // initialize state flag
+      //
       _this.setState('started');
       logger.debug('\n' + 'state: ' + _this.getState());
       logger.info('\n' + 'module is being initialized');
 
-      // initialize scrollers if page is available and visible
       var dependencies_met_page_ready = setInterval (function (options) {
-        var pageState     = $('#no_flicker').css("display");
-        var pageVisible   = (pageState == 'block') ? true: false;
-        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
+        var contentState    = $('#content').css("display");
+        var ContentVisible  = (contentState == 'block') ? true: false;
 
-        if (j1.getState() === 'finished' && pageVisible && atticFinished) {
+        // initialize scrollers if content is fully available|visible
+        //
+        if (j1.getState() === 'finished' && ContentVisible) {
           _this.generate_scrollers();
           _this.setState('finished');
           logger.debug('\n' + 'state: ' + _this.getState());
           logger.info('\n' + 'module initialized successfully');
           clearInterval(dependencies_met_page_ready);
         }
-      }, 25);
+      }, 10);
 
     }, // END init
 
@@ -164,104 +158,98 @@ var lastPageInfo;
     // generate scrollers configured|enabled
     // -------------------------------------------------------------------------
     generate_scrollers: function () {
-
       logger = log4javascript.getLogger('j1.adapter.scroller');
 
       logText = '\n' + 'scrollers are being initialized';
       logger.info(logText);
 
-      // START generate scrollers
-      var dependencies_met_page_ready = setInterval (function (options) {
-        if (j1.getState() === 'finished') {
-
-          {% comment %} generate scrollers of type 'infiniteScroll'
-          ---------------------------------------------------------------------- {% endcomment %}
-
-          {% for item in scroller_options.scrollers %} {% if item.scroller.enabled %}
-
-          {% if item.scroller.type == 'infiniteScroll' %}
-
-          {% assign scroller_id     = item.scroller.id %}
-          {% assign scroller_type   = item.scroller.type %}
-          {% assign container       = item.scroller.container %}
-          {% assign pagePath        = item.scroller.pagePath  %}
-          {% assign elementScroll   = item.scroller.elementScroll %}
-          {% assign scrollOffset    = item.scroller.scrollOffset %}
-          {% assign lastPage        = item.scroller.lastPage %}
-          {% assign infoLastPage    = item.scroller.infoLastPage %}
-          {% assign lastPageInfo_en = item.scroller.lastPageInfo_en %}
-          {% assign lastPageInfo_de = item.scroller.lastPageInfo_de %}
-
-          // scroller_id: {{ scroller_id }}
-          logText = '\n' + 'scroller of type {{item.scroller.type}} is being initialized on: ' + '{{scroller_id}}';
-          logger.info(logText);
-
-          var container = '#' + '{{container}}';
-          var pagePath  = '{{pagePath}}';
-
-          if (language === 'en') {
-            lastPageInfo =  '<div class="page-scroll-last"><p class="infinite-scroll-last">';
-            lastPageInfo += '{{lastPageInfo_en|strip_newlines}}';
-            lastPageInfo += '</p></div>';
-          } else if (language === 'de') {
-            lastPageInfo =  '<div class="page-scroll-last"><p class="infinite-scroll-last">';
-            lastPageInfo += '{{lastPageInfo_de|strip_newlines}}';
-            lastPageInfo += '</p></div>';
-          } else {
-            lastPageInfo =  '<div class="page-scroll-last"><p class="infinite-scroll-last">';
-            lastPageInfo += '{{lastPageInfo_en|strip_newlines}}';
-            lastPageInfo += '</p></div>';
-          }
-
-          // Create an scroller instance of infiniteScroll if container exists
-          if ($(container).length) {
-            $(container).scroller({
-              id:             '{{scroller_id}}',
-              type:           '{{scroller_type}}',
-              pagePath:       '{{pagePath}}',
-              elementScroll:  {{elementScroll}},
-              scrollOffset:   {{scrollOffset}},
-              lastPage:       {{lastPage}},
-              infoLastPage:   {{infoLastPage}},
-              lastPageInfo:   lastPageInfo,
-            });
-          }
-
-          {% endif %}
-
-          {% if item.scroller.type == 'showOnScroll' %}
-
-          {% assign scroller_id     = item.scroller.id %}
-          {% assign scroller_type   = item.scroller.type %}
-          {% assign container       = item.scroller.container %}
-          {% assign showDelay       = item.scroller.showDelay %}
-          {% assign scrollOffset    = item.scroller.scrollOffset  %}
-
-          var container = '#' + '{{container}}';
-
-          // scroller_id: {{ scroller_id }}
-          logText = '\n' + 'scroller of type {{item.scroller.type}} is being initialized on: ' + '{{scroller_id}}';
-          logger.info(logText);
-
-          // Create an scroller instance of showOnScroll if container exists
-          if ($(container).length) {
-            $(container).scroller({
-              id:             '{{scroller_id}}',
-              type:           '{{scroller_type}}',
-              container:      '{{container}}',
-              showDelay:      {{showDelay}},
-              scrollOffset:   {{scrollOffset}},
-            });
-          }
-
-          {% endif %}
-
-          // END scroller_id: {{ scroller_id }}
-          {% endif %} {% endfor %}
+      {% comment %} generate scrollers of type 'infiniteScroll'
+      -------------------------------------------------------------------------- {% endcomment %}
 
-          clearInterval(dependencies_met_page_ready);
-        }
-      }, 25);
+      {% for item in scroller_options.scrollers %} {% if item.scroller.enabled %}
+
+      {% if item.scroller.type == 'infiniteScroll' %}
+
+      {% assign scroller_id     = item.scroller.id %}
+      {% assign scroller_type   = item.scroller.type %}
+      {% assign container       = item.scroller.container %}
+      {% assign pagePath        = item.scroller.pagePath  %}
+      {% assign elementScroll   = item.scroller.elementScroll %}
+      {% assign scrollOffset    = item.scroller.scrollOffset %}
+      {% assign lastPage        = item.scroller.lastPage %}
+      {% assign infoLastPage    = item.scroller.infoLastPage %}
+      {% assign lastPageInfo_en = item.scroller.lastPageInfo_en %}
+      {% assign lastPageInfo_de = item.scroller.lastPageInfo_de %}
+
+      // scroller_id: {{ scroller_id }}
+      //
+      logText = '\n' + 'scroller of type {{item.scroller.type}} is being initialized on: ' + '{{scroller_id}}';
+      logger.info(logText);
+
+      var container = '#' + '{{container}}';
+      var pagePath  = '{{pagePath}}';
+
+      if (language === 'en') {
+        lastPageInfo =  '<div class="page-scroll-last"><p class="infinite-scroll-last">';
+        lastPageInfo += '{{lastPageInfo_en|strip_newlines}}';
+        lastPageInfo += '</p></div>';
+      } else if (language === 'de') {
+        lastPageInfo =  '<div class="page-scroll-last"><p class="infinite-scroll-last">';
+        lastPageInfo += '{{lastPageInfo_de|strip_newlines}}';
+        lastPageInfo += '</p></div>';
+      } else {
+        lastPageInfo =  '<div class="page-scroll-last"><p class="infinite-scroll-last">';
+        lastPageInfo += '{{lastPageInfo_en|strip_newlines}}';
+        lastPageInfo += '</p></div>';
+      }
+
+      // create an (scroller) instance of 'infiniteScroll'
+      //
+      if ($(container).length) {
+        $(container).scroller({
+          id:             '{{scroller_id}}',
+          type:           '{{scroller_type}}',
+          pagePath:       '{{pagePath}}',
+          elementScroll:  {{elementScroll}},
+          scrollOffset:   {{scrollOffset}},
+          lastPage:       {{lastPage}},
+          infoLastPage:   {{infoLastPage}},
+          lastPageInfo:   lastPageInfo,
+        });
+      }
+
+      {% endif %}
+
+      {% if item.scroller.type == 'showOnScroll' %}
+
+      {% assign scroller_id     = item.scroller.id %}
+      {% assign scroller_type   = item.scroller.type %}
+      {% assign container       = item.scroller.container %}
+      {% assign showDelay       = item.scroller.showDelay %}
+      {% assign scrollOffset    = item.scroller.scrollOffset  %}
+
+      var container = '#' + '{{container}}';
+
+      // scroller_id: {{ scroller_id }}
+      //
+      logText = '\n' + 'scroller of type {{item.scroller.type}} is being initialized on: ' + '{{scroller_id}}';
+      logger.info(logText);
+
+      // create an (scroller) instance of 'showOnScroll'
+      //
+      if ($(container).length) {
+        $(container).scroller({
+          id:             '{{scroller_id}}',
+          type:           '{{scroller_type}}',
+          container:      '{{container}}',
+          showDelay:      {{showDelay}},
+          scrollOffset:   {{scrollOffset}},
+        });
+      }
+
+      {% endif %}
+      // END scroller_id: {{ scroller_id }}
+      {% endif %} {% endfor %}
       // END generate scrollers
     },
 

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

@@ -36,7 +36,10 @@ regenerate:                             true
 {% assign template_config         = site.data.j1_config %}
 
 {% comment %} Set config data
--------------------------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment
+{% assign attic_defaults          = modules.defaults.attics.defaults %}
+{% assign attic_settings          = modules.attics.settings %}
+
 {% assign slick_defaults          = modules.defaults.slick.defaults %}
 {% assign slick_settings          = modules.slick.settings %}
 {% assign slick_lightbox_defaults = modules.defaults.slick.defaults.lightbox %}
@@ -86,6 +89,9 @@ j1.adapter.slick = (function (j1, window) {
   var _this;
   var logger;
   var logText;
+  var atticDefaults;
+  var atticSettings;
+  var atticOptions;
   var slickDefaults;
   var slickSettings;
   var slickLightboxDefaults;
@@ -126,6 +132,10 @@ j1.adapter.slick = (function (j1, window) {
       }, options);
 
       // Load  module DEFAULTS|CONFIG
+      atticDefaults         = $.extend({}, {{attic_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      atticSettings         = $.extend({}, {{attic_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      atticOptions          = $.extend(true, {}, atticDefaults, atticSettings);
+
       slickDefaults         = $.extend({}, {{slick_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
       slickSettings         = $.extend({}, {{slick_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
       slickLightboxDefaults = $.extend({}, {{slick_lightbox_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
@@ -144,7 +154,7 @@ j1.adapter.slick = (function (j1, window) {
       logger.info('\n' + 'module is being initialized');
 
       // load HTML portion for all carousels
-      console.debug('loading HTML portion for all carousels configured');
+      // console.debug('loading HTML portion for all carousels configured');
       _this.loadCarouselHTML(slickOptions, slickOptions.carousels);
 
       // Re-Init all carousels in a page if window is resized (if enabled)
@@ -157,13 +167,13 @@ j1.adapter.slick = (function (j1, window) {
       // -----------------------------------------------------------------------
       // initializer
       // -----------------------------------------------------------------------
+      // make sure the 'content' section is visible BEFORE setting-up sliders
+      //
       var dependencies_met_page_ready = setInterval (function (options) {
-        var pageState     = $('#no_flicker').css("display");
-        var pageVisible   = (pageState == 'block') ? true: false;
-        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
-
-        if (j1.getState() === 'finished' && pageVisible && atticFinished) {
+        var contentState    = $('#content').css("display");
+        var contentVisible  = (contentState == 'block') ? true: false;
 
+        if (j1.getState() === 'finished' && contentVisible) {
           {% for carousel in slick_settings.carousels %} {% if carousel.enabled %}
           logger.info('\n' + 'carousel is being initialized on id: ' + '{{carousel.id}}');
 
@@ -288,10 +298,11 @@ j1.adapter.slick = (function (j1, window) {
               //
               function positionSlickArrows (e) {
                 var dependencies_met_page_ready = setInterval (function (options) {
-                  var pageState   = $('#no_flicker').css('display');
-                  var pageVisible = (pageState == 'block') ? true: false;
+                  var contentState    = $('#content').css("display");
+                  var ContentVisible  = (contentState == 'block') ? true: false;
                   var slideImageHeight;
-                  if ( j1.getState() === 'finished' && pageVisible ) {
+
+                  if ( j1.getState() === 'finished' && ContentVisible ) {
                     const carousel_type = '{{carousel.type}}';
                     const $slick = $('.{{carousel.id | replace: '_','-' }}');
                     const $slides = $slick.find('.slick-slide');
@@ -307,7 +318,7 @@ j1.adapter.slick = (function (j1, window) {
                     $('.slick-arrow-{{carousel.id}}').css('top', slideImageHeight + 'px');
                     clearInterval(dependencies_met_page_ready);
                   }
-                }, 25);
+                }, 10);
               }
 
               // set individual arrow positions for a carousel
@@ -367,7 +378,7 @@ j1.adapter.slick = (function (j1, window) {
 
               clearInterval(load_dependencies['dependencies_met_html_loaded_{{carousel.id}}']);
             }
-          }, 25); // END
+          }, 10); // END
           {% endif %} {% endfor %} // ENDFOR (all) carousels
 
           _this.setState('finished');
@@ -376,7 +387,7 @@ j1.adapter.slick = (function (j1, window) {
 
           clearInterval(dependencies_met_page_ready);
         }
-      }, 25);
+      }, 10);
 
     }, // END init
 
@@ -393,26 +404,25 @@ j1.adapter.slick = (function (j1, window) {
       var xhr_data_path   = options.xhr_data_path + '/index.html';
       var xhr_container_id;
 
-      // console.debug('load HTML portion of all carousels configured found in page');
-      console.debug('number of carousels found: ' + numcarousels);
+      // console.debug('number of carousels found: ' + numcarousels);
 
       _this.setState('load_data');
       Object.keys(carousel).forEach(function(key) {
         if (carousel[key].enabled) {
           xhr_container_id = carousel[key].id + '_parent';
 
-          console.debug('load HTML data on carousel id: ' + carousel[key].id);
+          // console.debug('load HTML data on carousel id: ' + carousel[key].id);
           j1.loadHTML({
             xhr_container_id: xhr_container_id,
             xhr_data_path:    xhr_data_path,
             xhr_data_element: carousel[key].id
           });
         } else {
-          console.debug('carousel found disabled on id: ' + carousel[key].id);
+          // console.debug('carousel found disabled on id: ' + carousel[key].id);
           active_carousels--;
         }
       });
-      console.debug('carousels loaded in page enabled|all: ' + active_carousels + '|' + numcarousels);
+      // console.debug('carousels loaded in page enabled|all: ' + active_carousels + '|' + numcarousels);
       _this.setState('data_loaded');
     }, // END loadcarouselHTML
 

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

@@ -0,0 +1,259 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/themeToggler.js
+ # Liquid template to adapt the Theme Toggler module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #  wave_options:  {{ wave_options | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign asset_path        = "/assets/themes/j1" %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config    = site.data.j1_config %}
+{% assign blocks             = site.data.blocks %}
+{% assign modules            = site.data.modules %}
+
+{% comment %} Set config data (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign toggler_defaults    = modules.defaults.theme_toggler.defaults %}
+{% assign toggler_settings    = modules.theme_toggler.settings %}
+
+{% comment %} Set config options (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign toggler_options     = toggler_defaults | merge: toggler_settings %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign comments            = toggler_options.enabled %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/themeToggler.js
+ # J1 Adapter for the Theme Toggler module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # NOTE: Wave styles defind in /assets/data/panel.html, key 'wave'
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+j1.adapter.themeToggler = (function (j1, window) {
+
+{% comment %} Set global variables
+-------------------------------------------------------------------------------- {% endcomment %}
+var environment       = '{{environment}}';
+var cookie_names      = j1.getCookieNames();
+var user_state        = j1.readCookie(cookie_names.user_state);
+var viewport_width    = $(window).width();
+var url               = new liteURL(window.location.href);
+var secure            = (url.protocol.includes('https')) ? true : false;
+var cookie_names      = j1.getCookieNames();
+var user_state        = {};
+var light_theme_css;
+var dark_theme_css;
+var light_theme_name;
+var dark_theme_name;
+var togglerDefaults;
+var togglerSettings;
+var togglerOptions;
+var frontmatterOptions;
+var logger;
+var logText;
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // init()
+    // adapter initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      logger = log4javascript.getLogger('j1.adapter.theme_toggler');
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.waves',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // Global variable settings
+      // -----------------------------------------------------------------------
+
+      // create settings object from frontmatter
+      //
+      frontmatterOptions  = options != null ? $.extend({}, options) : {};
+
+      // create settings object from module options
+      //
+      togglerDefaults     = $.extend({}, {{toggler_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      togglerSettings     = $.extend({}, {{toggler_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      togglerOptions      = $.extend(true, {}, togglerDefaults, togglerSettings, frontmatterOptions);
+
+      // toggle themes
+      //
+      light_theme_name    = togglerOptions.themes.light.name;
+      light_theme_css     = togglerOptions.themes.light.css_file;
+      dark_theme_name     = togglerOptions.themes.dark.name;
+      dark_theme_css      = togglerOptions.themes.dark.css_file;;
+
+      // -----------------------------------------------------------------------
+      // initializer
+      // -----------------------------------------------------------------------
+      var dependencies_met_page_ready = setInterval (function (options) {
+        var pageState     = $('#no_flicker').css("display");
+        var pageVisible   = (pageState == 'block') ? true : false;
+        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
+
+        if (j1.getState() === 'finished' && pageVisible && atticFinished) {
+            logger.info('\n' + 'initialize module: started');
+            user_state = j1.readCookie(cookie_names.user_state);
+
+            // toggle themeToggler icon to 'dark' if required
+            //
+            if ($('#quickLinksThemeTogglerButton').length) {
+              if (user_state.theme_name == dark_theme_name) {
+                $('#quickLinksThemeTogglerButton a i').toggleClass('mdi-lightbulb mdi-lightbulb-outline');
+              }
+            }
+
+            $('#quickLinksThemeTogglerButton').click(function() {
+
+              if (user_state.theme_name == light_theme_name) {
+                user_state.theme_name = dark_theme_name;
+                user_state.theme_css  = dark_theme_css;
+                user_state.theme_icon = 'mdi-lightbulb';
+              } else {
+                user_state.theme_name = light_theme_name;
+                user_state.theme_css  = light_theme_css;
+                user_state.theme_icon = 'mdi-lightbulb-outline';
+              }
+
+              logger.info('\n' + 'switch theme to: ' + user_state.theme_name);
+
+              user_state.writer = 'themeToggler';
+              var cookie_written = j1.writeCookie({
+                name:     cookie_names.user_state,
+                data:     user_state,
+                secure:   secure,
+                expires:  365
+              });
+
+              if (!cookie_written) {
+                logger.error('\n' + 'failed write to cookie: ' + cookie_names.user_consent);
+              } else {
+                location.reload(true);
+              }
+
+            });
+
+            logger.info('\n' + 'initializing module: finished');
+            clearInterval(dependencies_met_page_ready);
+        }
+      }, 10);
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler()
+    // manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = '\n' + '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('\n' + message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState()
+    // Sets the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return _this.state;
+    } // END getState
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}