j1-template 2022.1.0 → 2022.1.1

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

@@ -34,11 +34,12 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign template_config       = site.data.j1_config %}
 {% assign apps                  = site.data.apps %}
+{% assign modules               = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign jf_gallery_defaults   = apps.defaults.justifiedGallery.defaults %}
-{% assign jf_gallery_settings   = apps.justifiedGallery.settings %}
+{% assign jf_gallery_defaults   = modules.defaults.justifiedGallery.defaults %}
+{% assign jf_gallery_settings   = modules.justifiedGallery.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -114,28 +115,34 @@ j1.adapter.justifiedGallery = (function (j1, window) {
       _this = j1.adapter.justifiedGallery;
       logger = log4javascript.getLogger('j1.adapter.justifiedGallery');
 
-      // initialize state flag
-      _this.setState('started');
-      logger.info('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module is being initialized');
-
-      {% comment %} Load module config from yml data
-      -------------------------------------------------------------------------- {% endcomment %}
-      // Load  module DEFAULTS|CONFIG
-      //
-      /* eslint-disable */
-      moduleOptions = $.extend({}, {{jf_gallery_options | replace: '=>', ':' | replace: 'nil', '""'}});
-      /* eslint-enable */
-
-      if (typeof settings !== 'undefined') {
-        moduleOptions = j1.mergeData(moduleOptions, settings);
-      }
-
-      _this.initialize(moduleOptions);
-
-      _this.setState('finished');
-      logger.info('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module initialized successfully');
+      var dependencies_met_j1_finished= setInterval(function() {
+        if (j1.getState() == 'finished') {
+          // initialize state flag
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized');
+
+          {% comment %} Load module config from yml data
+          ---------------------------------------------------------------------- {% endcomment %}
+          // Load  module DEFAULTS|CONFIG
+          //
+          /* eslint-disable */
+          moduleOptions = $.extend({}, {{jf_gallery_options | replace: '=>', ':' | replace: 'nil', '""'}});
+          /* eslint-enable */
+
+          if (typeof settings !== 'undefined') {
+            moduleOptions = j1.mergeData(moduleOptions, settings);
+          }
+
+          _this.initialize(moduleOptions);
+
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module initialized successfully');
+
+          clearInterval(dependencies_met_j1_finished);
+        }
+      }, 25);
     },
 
     // -----------------------------------------------------------------------
@@ -145,7 +152,7 @@ j1.adapter.justifiedGallery = (function (j1, window) {
       logger = log4javascript.getLogger('j1.adapter.justifiedGallery');
 
       _this.setState('running');
-      logger.info('\n' + 'state: ' + _this.getState());
+      logger.debug('\n' + 'state: ' + _this.getState());
 
       {% for item in jf_gallery_options.galleries %}
         {% if item.gallery.enabled %}
@@ -157,7 +164,7 @@ j1.adapter.justifiedGallery = (function (j1, window) {
           {% assign gallery_title         = item.gallery.title %}
           {% assign gallery_type          = item.gallery.type %}
           {% assign lightbox              = item.gallery.lightbox_options.lightbox %}
-          {% assign css_classes           = item.gallery.css_classes %}
+          {% assign theme                 = item.gallery.theme %}
           {% assign show_delay        	  = 250 %}
 
           {% if lightbox == "lg" %}
@@ -180,6 +187,7 @@ j1.adapter.justifiedGallery = (function (j1, window) {
           {% endif %}
 
           {% if item.gallery.show_delay %}  {% assign show_delay    = item.gallery.show_delay %}  {% endif %}
+          {% if item.gallery.theme %}       {% assign theme         = item.gallery.theme %}  {% endif %}
           {% if lb_options.mode %}          {% assign lb_mode       = lb_options.mode %}          {% endif %}
           {% if lb_options.cssEasing %}     {% assign lb_cssEasing  = lb_options.cssEasing %}     {% endif %}
           {% if lb_options.thumbnails %}    {% assign lb_thumbnails = lb_options.thumbnails %}    {% endif %}
@@ -219,7 +227,6 @@ j1.adapter.justifiedGallery = (function (j1, window) {
 
               for (var i in data['{{item.gallery.id}}']) {
                 var img               = data['{{item.gallery.id}}'][i].img;
-//              var img               = data['{{item.gallery.id}}'][i].image_path + '/' + data['{{item.gallery.id}}'][i].poster;
                 var captions_gallery  = data['{{item.gallery.id}}'][i].captions_gallery;
                 var captions_lightbox = data['{{item.gallery.id}}'][i].captions_lightbox;
                 var lightbox          = '{{lightbox}}';
@@ -240,6 +247,7 @@ j1.adapter.justifiedGallery = (function (j1, window) {
           {% elsif gallery_type == "video-html5" or gallery_type == "video-online" %}
 
             // Collect html5 video gallery data from data file (xhr_data_path)
+            //
             $.getJSON('{{jf_gallery_options.xhr_data_path}}', function (data) {
               var play_button = '/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png';
               var content = '';
@@ -249,12 +257,13 @@ j1.adapter.justifiedGallery = (function (j1, window) {
               {% endif %}
 
               for (var i in data['{{item.gallery.id}}']) {
-//              var img               = data['{{item.gallery.id}}'][i].img;
                 var img               = data['{{item.gallery.id}}'][i].image_path + '/' + data['{{item.gallery.id}}'][i].poster;
                 var captions_gallery  = data['{{item.gallery.id}}'][i].captions_gallery;
                 var captions_lightbox = data['{{item.gallery.id}}'][i].captions_lightbox;
                 var video_id          = data['{{item.gallery.id}}'][i].video_id;
                 var video             = data['{{item.gallery.id}}'][i].video;
+                var theme             = data['{{item.gallery.id}}'][i].theme;
+                var player_params     = data['{{item.gallery.id}}'][i].player_params;
                 var lightbox          = '{{lightbox}}';
 
                 if (captions_lightbox != null && lightbox == 'lg') {
@@ -263,7 +272,8 @@ j1.adapter.justifiedGallery = (function (j1, window) {
                   content += ' data-html="#' +video_id+ '">' + '\n';
                   {% endif %}
                   {% if gallery_type == "video-online" %}
-                  content += ' data-src="' +video+ '">' + '\n';
+                  content += ' data-src="' +video+ '"';
+                  content += ' data-options="' +player_params+ '"' + '>' + '\n';
                   {% endif %}
                   content +=  'href="' +img+ '">' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_lightbox+ '">' + '\n';
@@ -278,6 +288,8 @@ j1.adapter.justifiedGallery = (function (j1, window) {
 
               } // END for
 
+              // hidden container for the video-js player
+              //
               var hidden_video_div = '';
               for (var i in data['{{item.gallery.id}}']) {
                 var video        = data['{{item.gallery.id}}'][i].video_path + '/' + data['{{item.gallery.id}}'][i].video;
@@ -286,7 +298,7 @@ j1.adapter.justifiedGallery = (function (j1, window) {
                 var video_id     = data['{{item.gallery.id}}'][i].video_id;
                 var video_type   = video.substr(video.lastIndexOf('.') + 1);
                 hidden_video_div += '<div style="display:none;" id="' +video_id+ '">' + '\n';
-                hidden_video_div += '  <video class="lg-video-object lg-html5 video-js vjs-default-skin"' + '\n';
+                hidden_video_div += '  <video class="lg-video-object lg-html5 video-js vjs-theme-{{theme}}"' + '\n';
                 hidden_video_div += '         poster="' +poster+ '" controls="" preload="none">' + '\n';
                 hidden_video_div += '    <source src="' +video+ '" type="video/' +video_type+ '">' + '\n';
                 hidden_video_div += '    Your browser does not support HTML5 video.' + '\n';

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

@@ -46,8 +46,8 @@ regenerate:                             true
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign jf_gallery_defaults         = apps.defaults.justifiedGallery.defaults %}
-{% assign jf_gallery_settings         = apps.justifiedGallery.settings %}
+{% assign jf_gallery_defaults         = modules.defaults.justifiedGallery.defaults %}
+{% assign jf_gallery_settings         = modules.justifiedGallery.settings %}
 {% assign gallery_customizer_defaults = apps.defaults.justifiedGalleryCustomizer.defaults %}
 {% assign gallery_customizer_settings = apps.justifiedGalleryCustomizer.settings %}
 
@@ -125,11 +125,6 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
       _this   = j1.adapter.justifiedGalleryCustomizer;
       logger  = log4javascript.getLogger('j1.adapter.justifiedGalleryCustomizer');
 
-      // initialize state flag
-      _this.setState('started');
-      logger.info('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module is being initialized');
-
       {% comment %} Load gallery config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       /* eslint-disable */
@@ -152,7 +147,7 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
       // initializer
       // -----------------------------------------------------------------------
       var dependencies_met_data_loaded = setInterval(function() {
-        if (j1.xhrDOMState['#customizer'] == 'success' && j1.adapter.rangeSlider.getState() == 'finished') {
+        if (j1.getState() == 'finished' && j1.xhrDOMState['#customizer'] == 'success' && j1.adapter.justifiedGallery.getState() == 'finished') {
           var galleryId             = '#jg_customizer';
           var $formId               = $('#jg-customizer-form');
           var $instance             = $('#jg_customizer');
@@ -162,118 +157,136 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
           var kbdDelay              = 750;
           var imageHeightMin        = 100;
 
-          logger.info('\n' + 'loading customizer finished on id: #' + customizerOptions.xhr_container_id);
+          logger.info('\n' + 'module is being initialized');
+
+          // initialize state flag
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+
+          logger.info('\n' + 'loading HTML portion of the customizer finished on id: #' + customizerOptions.xhr_container_id);
 
           // -------------------------------------------------------------------
           // load gallery data
+          //
           j1.adapter.justifiedGallery.initialize(galleryOptions);
 
-          logger.info('\n' + 'initialize customizer ui|forms');
-
+          // -------------------------------------------------------------------
+          // initialize customizer ui
+          //
           if ($formId.length) {
-            var timerid;
-
-            rangeRowHeigth.noUiSlider.on('update', function (values, handle) {
-              $instance.justifiedGallery({rowHeight: values[handle]});
-            });
-            rangeThumbSpacing.noUiSlider.on('update', function (values, handle) {
-              $instance.justifiedGallery({margins: values[handle]});
-            });
-            rangeGalleryPadding.noUiSlider.on('update', function (values, handle) {
-              $instance.justifiedGallery({border: values[handle]});
-            });
-
-            $('input:checkbox[name="captions"]').on('click', function (e) {
-              var value = $(this).is(':checked');
-
-              $instance.justifiedGallery({captions: value});
-              if(environment === 'development') {
-                logText = '\n' + 'gallery on ID ' +galleryId+ ' changed captions to: ' +value;
-                logger.info(logText);
-              }
-              e.stopPropagation();
-            });
-
-            $('input:checkbox[name="random"]').on('click', function (e) {
-              var value = $(this).is(':checked');
-
-              $instance.justifiedGallery({randomize: value});
-              if(environment === 'development') {
-                logText = '\n' + 'gallery on ID ' +galleryId+ ' changed randomize to: ' +value;
-                logger.info(logText);
-              }
-              e.stopPropagation();
-            });
-
-            $('input:checkbox[name="justify_last_row"]').on('click', function (e) {
-              var value = $(this).is(':checked');
-
-              if (value == true) {
-                value = 'justify';
-                $instance.justifiedGallery({lastRow: value});
-              } else {
-                value = 'nojustify';
-                $instance.justifiedGallery({lastRow: value});
-              }
-              if(environment === 'development') {
-                logText = '\n' + 'gallery on ID ' +galleryId+ ' changed lastRow to: ' +value;
-                logger.info(logText);
-              }
-              e.stopPropagation();
-            });
-
-            $('input:checkbox[name="hide_last_row"]').on('click', function (e) {
-              var value = $(this).is(':checked');
-
-              if (value == true) {
-                value = 'hide';
-                $instance.justifiedGallery({lastRow: value});
-              } else {
-                value = 'nojustify';
-                $instance.justifiedGallery({lastRow: value});
+            var dependencies_met_sliders_loaded = setInterval(function() {
+              if (j1.adapter.rangeSlider.getState() == 'finished') {
+                logger.info('\n' + 'initialize customizer ui');
+
+                rangeRowHeigth.noUiSlider.on('update', function (values, handle) {
+                  $instance.justifiedGallery({rowHeight: values[handle]});
+                });
+                rangeThumbSpacing.noUiSlider.on('update', function (values, handle) {
+                  $instance.justifiedGallery({margins: values[handle]});
+                });
+                rangeGalleryPadding.noUiSlider.on('update', function (values, handle) {
+                  $instance.justifiedGallery({border: values[handle]});
+                });
+
+                $('input:checkbox[name="captions"]').on('click', function (e) {
+                  var value = $(this).is(':checked');
+
+                  $instance.justifiedGallery({captions: value});
+                  if(environment === 'development') {
+                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed captions to: ' +value;
+                    logger.info(logText);
+                  }
+                  e.stopPropagation();
+                });
+
+                $('input:checkbox[name="random"]').on('click', function (e) {
+                  var value = $(this).is(':checked');
+
+                  $instance.justifiedGallery({randomize: value});
+                  if(environment === 'development') {
+                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed randomize to: ' +value;
+                    logger.info(logText);
+                  }
+                  e.stopPropagation();
+                });
+
+                $('input:checkbox[name="justify_last_row"]').on('click', function (e) {
+                  var value = $(this).is(':checked');
+
+                  if (value == true) {
+                    value = 'justify';
+                    $instance.justifiedGallery({lastRow: value});
+                  } else {
+                    value = 'nojustify';
+                    $instance.justifiedGallery({lastRow: value});
+                  }
+                  if(environment === 'development') {
+                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed lastRow to: ' +value;
+                    logger.info(logText);
+                  }
+                  e.stopPropagation();
+                });
+
+                $('input:checkbox[name="hide_last_row"]').on('click', function (e) {
+                  var value = $(this).is(':checked');
+
+                  if (value == true) {
+                    value = 'hide';
+                    $instance.justifiedGallery({lastRow: value});
+                  } else {
+                    value = 'nojustify';
+                    $instance.justifiedGallery({lastRow: value});
+                  }
+                  if(environment === 'development') {
+                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed lastRow to: ' +value;
+                    logger.info(logText);
+                  }
+                  e.stopPropagation();
+                });
+
+                $('#jg-customizer-form button[name="reset-defaults"]').on('click', function (e) {
+
+                  rangeRowHeigth.noUiSlider.set(customizerOptions.gallery_settings.rowHeight);
+                  rangeThumbSpacing.noUiSlider.set(customizerOptions.gallery_settings.margins);
+                  rangeGalleryPadding.noUiSlider.set(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="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);
+
+                  // -----------------------------------------------------------
+                  // set gallery options
+                  //
+                  $instance.justifiedGallery({
+                    rowHeight:          customizerOptions.gallery_settings.rowHeight,
+                    maxRowHeight:       customizerOptions.gallery_settings.maxRowHeight,
+                    lastRow:            customizerOptions.gallery_settings.lastRow,
+                    margins:            customizerOptions.gallery_settings.margins,
+                    border:             customizerOptions.gallery_settings.border,
+                    randomize:          customizerOptions.gallery_settings.randomize,
+                    sort:               customizerOptions.gallery_settings.sort,
+                    refreshTime:        customizerOptions.gallery_settings.refreshTime,
+                    refreshSensitivity: customizerOptions.gallery_settings.refreshSensitivity,
+                    justifyThreshold:   customizerOptions.gallery_settings.justifyThreshold,
+                    captions:           customizerOptions.gallery_settings.captions
+                  });
+
+                  if(environment === 'development') {
+                    logText = '\n' + 'gallery on ID ' +galleryId+ ' reset to default values';
+                    logger.info(logText);
+                  }
+                  e.stopPropagation();
+                });
+                clearInterval(dependencies_met_sliders_loaded);
               }
-              if(environment === 'development') {
-                logText = '\n' + 'gallery on ID ' +galleryId+ ' changed lastRow to: ' +value;
-                logger.info(logText);
-              }
-              e.stopPropagation();
-            });
-
-            $('#jg-customizer-form button[name="reset-defaults"]').on('click', function (e) {
-
-              rangeRowHeigth.noUiSlider.set(customizerOptions.gallery_settings.rowHeight);
-              rangeThumbSpacing.noUiSlider.set(customizerOptions.gallery_settings.margins);
-              rangeGalleryPadding.noUiSlider.set(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="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);
-
-              $instance.justifiedGallery({
-                rowHeight:          customizerOptions.gallery_settings.rowHeight,
-                maxRowHeight:       customizerOptions.gallery_settings.maxRowHeight,
-                lastRow:            customizerOptions.gallery_settings.lastRow,
-                margins:            customizerOptions.gallery_settings.margins,
-                border:             customizerOptions.gallery_settings.border,
-                randomize:          customizerOptions.gallery_settings.randomize,
-                sort:               customizerOptions.gallery_settings.sort,
-                refreshTime:        customizerOptions.gallery_settings.refreshTime,
-                refreshSensitivity: customizerOptions.gallery_settings.refreshSensitivity,
-                justifyThreshold:   customizerOptions.gallery_settings.justifyThreshold,
-                captions:           customizerOptions.gallery_settings.captions
-              });
-
-              if(environment === 'development') {
-                logText = '\n' + 'gallery on ID ' +galleryId+ ' reset to default values';
-                logger.info(logText);
-              }
-              e.stopPropagation();
-            });
-
-          } // END form events
+            }, 25);
+          } // END if formId (customizer ui)
 
+          // -----------------------------------------------------------
+          // set drawer events (button toggler)
           // See: https://jsfiddle.net/prathviraj080/vbbbw46a/1/
+          //
           $('button.drawer-toggler').click(function(){
             $('button.drawer-toggler span.mdi').toggleClass('mdi-menu mdi-close');
           });
@@ -282,9 +295,9 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
           });
 
           _this.setState('finished');
-          logger.info('\n' + 'state: ' + _this.getState());
+          logger.debug('\n' + 'state: ' + _this.getState());
           logger.info('\n' + 'initializing module finished');
-          logger.info('\n' + 'met dependencies for: loadHTML');
+          logger.debug('\n' + 'met dependencies for: loadHTML');
           clearInterval(dependencies_met_data_loaded);
         } // END dependencies_met_data_loaded
       }, 25);

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

@@ -36,12 +36,12 @@ regenerate:                             false
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign template_config   = site.data.j1_config %}
-{% assign apps              = site.data.apps %}
+{% assign modules           = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign lightbox_defaults  = apps.defaults.lightbox.defaults %}
-{% assign lightbox_settings  = apps.lightbox.settings %}
+{% assign lightbox_defaults  = modules.defaults.lightbox.defaults %}
+{% assign lightbox_settings  = modules.lightbox.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -118,33 +118,37 @@ j1.adapter.lightbox = (function (j1, window) {
       _this   = j1.adapter.lightbox;
       logger  = log4javascript.getLogger('j1.adapter.lightbox');
 
-      j1.adapter.lightbox.state = 'pending';
-      _this.setState('started');
-      logger.info('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module is being initialized');
-
-      /* eslint-disable */
-      lightbox.option({
-        alwaysShowNavOnTouchDevices:  {{ lightbox_options.alwaysShowNavOnTouchDevices | json }},
-        albumLabel:                   {{ lightbox_options.albumLabel | json }},
-        disableScrolling:             {{ lightbox_options.disableScrolling | json }},
-        fadeDuration:                 {{ lightbox_options.fadeDuration | json }},
-        fitImagesInViewport:          {{ lightbox_options.fitImagesInViewport | json }},
-        imageFadeDuration:            {{ lightbox_options.imageFadeDuration | json }},
-        maxWidth:                     {{ lightbox_options.maxWidth | json }},
-        maxHeight:                    {{ lightbox_options.maxHeight | json }},
-        positionFromTop:              {{ lightbox_options.positionFromTop | json }},
-        resizeDuration:               {{ lightbox_options.resizeDuration | json }},
-        showImageNumberLabel:         {{ lightbox_options.showImageNumberLabel | json }},
-        wrapAround:                   {{ lightbox_options.wrapAround | json }}
-      });
-      /* eslint-enable */
-
-      _this.setState('finished');
-      logger.info('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'initializing module finished');
-
-      return true;
+      var dependencies_met_j1_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
+
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized');
+
+          /* eslint-disable */
+          lightbox.option({
+            alwaysShowNavOnTouchDevices:  {{ lightbox_options.alwaysShowNavOnTouchDevices | json }},
+            albumLabel:                   {{ lightbox_options.albumLabel | json }},
+            disableScrolling:             {{ lightbox_options.disableScrolling | json }},
+            fadeDuration:                 {{ lightbox_options.fadeDuration | json }},
+            fitImagesInViewport:          {{ lightbox_options.fitImagesInViewport | json }},
+            imageFadeDuration:            {{ lightbox_options.imageFadeDuration | json }},
+            maxWidth:                     {{ lightbox_options.maxWidth | json }},
+            maxHeight:                    {{ lightbox_options.maxHeight | json }},
+            positionFromTop:              {{ lightbox_options.positionFromTop | json }},
+            resizeDuration:               {{ lightbox_options.resizeDuration | json }},
+            showImageNumberLabel:         {{ lightbox_options.showImageNumberLabel | json }},
+            wrapAround:                   {{ lightbox_options.wrapAround | json }}
+          });
+          /* eslint-enable */
+
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initializing module finished');
+
+          clearInterval(dependencies_met_j1_finished);
+        } // END dependencies_met_j1_finished
+      }, 25);
     }, // END init lightbox
 
     // -------------------------------------------------------------------------

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

@@ -202,7 +202,7 @@ j1.adapter.logger = (function (j1, window) {
 
         if (user_session.mode !== 'na') {
           clearInterval(dependencies_met_mode_detected);
-          logger.info('\n' + 'met dependencies for: mode detected');
+          logger.debug('\n' + 'met dependencies for: mode detected');
           appDetected = user_session.mode === 'app' ? true : false;
 
           if (appDetected) {
@@ -287,7 +287,7 @@ j1.adapter.logger = (function (j1, window) {
           }
 
           _this.setState('finished');
-          logger.info('\n' + 'state: ' + _this.getState());
+          logger.debug('\n' + 'state: ' + _this.getState());
           logger.info('\n' + 'module initialized successfully');
 
           return true;

data/assets/themes/j1/adapter/js/{quicksearch.js → lunr.js}

@@ -6,7 +6,7 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/quicksearch.js
+ # ~/assets/themes/j1/adapter/js/lunr.js
  # Liquid template to adapt Lunr for J1 TemplATE
  #
  # Product/Info:
@@ -38,12 +38,12 @@ regenerate:                             true
 {% assign environment           = site.environment %}
 {% assign template_version      = site.version %}
 
-{% assign quicksearch_defaults  = modules.defaults.quicksearch.defaults %}
-{% assign quicksearch_settings  = modules.quicksearch.settings %}
+{% assign lunr_search_defaults  = modules.defaults.lunr.defaults %}
+{% assign lunr_search_settings  = modules.lunr.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign lunr_search_options   = quicksearch_defaults | merge: quicksearch_settings %}
+{% assign lunr_search_options   = lunr_search_defaults | merge: lunr_search_settings %}
 
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
@@ -52,8 +52,8 @@ regenerate:                             true
 
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/quicksearch.js
- # J1 Adapter for J1 QuickSearch (Lunr)
+ # ~/assets/themes/j1/adapter/js/lunr.js
+ # J1 Adapter for J1 Lunr
  #
  # Product/Info:
  # https://jekyll.one
@@ -73,7 +73,7 @@ regenerate:                             true
 /* eslint indent: "off"                                                       */
 // -----------------------------------------------------------------------------
 'use strict';
-j1.adapter.quicksearch = (function (j1, window) {
+j1.adapter.lunr = (function (j1, window) {
 
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
@@ -101,20 +101,15 @@ j1.adapter.quicksearch = (function (j1, window) {
       // Default module settings
       // -----------------------------------------------------------------------
       var settings = $.extend({
-        module_name: 'j1.adapter.quicksearch',
+        module_name: 'j1.adapter.lunr',
         generated:   '{{site.time}}'
       }, options);
 
       // -----------------------------------------------------------------------
       // Global variable settings
       // -----------------------------------------------------------------------
-      _this   = j1.adapter.quicksearch;
-      logger  = log4javascript.getLogger('j1.adapter.quicksearch');
-
-      // initialize state flag
-      _this.setState('started');
-      logger.info('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module is being initialized');
+      _this   = j1.adapter.lunr;
+      logger  = log4javascript.getLogger('j1.adapter.lunr');
 
       // -----------------------------------------------------------------------
       // options loader
@@ -125,12 +120,14 @@ j1.adapter.quicksearch = (function (j1, window) {
       // -----------------------------------------------------------------------
       // lunr_search initializer
       // -----------------------------------------------------------------------
-      var log_text = '\n' + 'module is being initialized';
-      logger.info(log_text);
-
       var dependencies_met_j1_finished = setInterval(function() {
         if (j1.getState() == 'finished') {
 
+          // initialize state flag
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized');
+
           $(searchOptions.search_input).lunrSearch({
             index_file: searchOptions.index_file,
             results:    searchOptions.results,
@@ -140,7 +137,8 @@ j1.adapter.quicksearch = (function (j1, window) {
           });
 
           _this.setState('finished');
-          logger.info('\n' + 'state: ' + _this.getState());
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initializing module finished');
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished