j1-template 2020.0.18 → 2020.0.24

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -11,15 +11,11 @@ regenerate: true
  #
  # Product/Info:
  # https://jekyll.one
- # http://davidjbradshaw.github.io/iframe-resizer/
  #
  # Copyright (C) 2020 Juergen Adams
- # Copyright (C) 2013-15 David J. Bradshaw
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
- # iFrameResizer is licensed under under the MIT License.
- # For details, see http://davidjbradshaw.github.io/iframe-resizer/
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
@@ -36,7 +32,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.template_settings %}
+{% assign template_config   = site.data.j1_config %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
@@ -109,63 +105,71 @@ j1.adapter['framer'] = (function (j1, window) {
     // -------------------------------------------------------------------------
     init: function (options) {
 
-      // -----------------------------------------------------------------------
-      // globals
-      // -----------------------------------------------------------------------
-      _this   = j1.adapter.framer;
-      logger  = log4javascript.getLogger('j1.adapter.framer');
-
-      // initialize state flag
-      _this.setState('started');
-      logger.info('state: ' + _this.getState());
-      logger.info('module is being initialized');
-
-      // -----------------------------------------------------------------------
-      // Default module settings
-      // -----------------------------------------------------------------------
-      var settings = $.extend({
-        module_name: 'j1.adapter.example',
-        generated:   '{{site.time}}'
-      }, options);
-
-      {% comment %} Load module config from yml data
-      -------------------------------------------------------------------------- {% endcomment %}
-      // Load  module DEFAULTS|CONFIG
-      /* eslint-disable */
-      moduleOptions = $.extend({}, {{framer_options | replace: '=>', ':' | replace: 'nil', '""'}});
-      /* eslint-enable */
-
-      if (typeof settings !== 'undefined') {
-        moduleOptions = j1.mergeData(moduleOptions, settings);
-      }
-
-      iFrameResize({
-        log:                      moduleOptions.log,
-        autoResize:               moduleOptions.autoResize,
-        bodyBackground:           moduleOptions.bodyBackground,
-        bodyMargin:               moduleOptions.bodyMargin,
-        checkOrigin:              moduleOptions.checkOrigin,
-        inPageLinks:              moduleOptions.inPageLinks,
-        interval:                 moduleOptions.interval,
-        heightCalculationMethod:  moduleOptions.heightCalculationMethod,
-        maxHeight:                moduleOptions.maxHeight,
-        minWidth:                 moduleOptions.minWidth,
-        maxWidth:                 moduleOptions.maxWidth,
-        minHeight:                moduleOptions.minHeight,
-        resizeFrom:               moduleOptions.resizeFrom,
-        scrolling:                moduleOptions.scrolling,
-        sizeHeight:               moduleOptions.sizeHeight,
-        sizeWidth:                moduleOptions.sizeWidth,
-        tolerance:                moduleOptions.tolerance,
-        widthCalculationMethod:   moduleOptions.widthCalculationMethod,
-        targetOrigin:             moduleOptions.checkOrigin
-      });
-
-      _this.setState('finished');
-      logger.info('state: ' + _this.getState());
-      logger.info('initializing module finished');
+      var dependencies_met_page_finished = setInterval (function () {
+        if (j1.getState() === 'finished') {
+            // -----------------------------------------------------------------------
+            // globals
+            // -----------------------------------------------------------------------
+            _this   = j1.adapter.framer;
+            logger  = log4javascript.getLogger('j1.adapter.framer');
+
+            // initialize state flag
+            _this.setState('started');
+            logger.info('state: ' + _this.getState());
+            logger.info('module is being initialized');
+
+            // -----------------------------------------------------------------------
+            // Default module settings
+            // -----------------------------------------------------------------------
+            var settings = $.extend({
+              module_name: 'j1.adapter.example',
+              generated:   '{{site.time}}'
+            }, options);
+
+            {% comment %} Load module config from yml data
+            -------------------------------------------------------------------------- {% endcomment %}
+            // Load  module DEFAULTS|CONFIG
+            /* eslint-disable */
+            moduleOptions = $.extend({}, {{framer_options | replace: '=>', ':' | replace: 'nil', '""'}});
+            /* eslint-enable */
+
+            if (typeof settings !== 'undefined') {
+              moduleOptions = j1.mergeData(moduleOptions, settings);
+            }
+
+            iFrameResize({
+              log:                      moduleOptions.log,
+              autoResize:               moduleOptions.autoResize,
+              bodyBackground:           moduleOptions.bodyBackground,
+              bodyMargin:               moduleOptions.bodyMargin,
+              checkOrigin:              moduleOptions.checkOrigin,
+              inPageLinks:              moduleOptions.inPageLinks,
+              interval:                 moduleOptions.interval,
+              heightCalculationMethod:  moduleOptions.heightCalculationMethod,
+              maxHeight:                moduleOptions.maxHeight,
+              minWidth:                 moduleOptions.minWidth,
+              maxWidth:                 moduleOptions.maxWidth,
+              minHeight:                moduleOptions.minHeight,
+              resizeFrom:               moduleOptions.resizeFrom,
+              scrolling:                moduleOptions.scrolling,
+              sizeHeight:               moduleOptions.sizeHeight,
+              sizeWidth:                moduleOptions.sizeWidth,
+              tolerance:                moduleOptions.tolerance,
+              widthCalculationMethod:   moduleOptions.widthCalculationMethod,
+              targetOrigin:             moduleOptions.checkOrigin
+            });
+
+            _this.setState('finished');
+            logger.info('state: ' + _this.getState());
+            logger.info('initializing module finished');
+
+            clearInterval(dependencies_met_page_finished);
+
+            return true;
+
+        }
+      }, 25);
 
-      return true;
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -195,6 +199,14 @@ j1.adapter['framer'] = (function (j1, window) {
       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

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -49,7 +49,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config             = site.data.template_settings %}
+{% assign template_config             = site.data.j1_config %}
 {% assign blocks                      = site.data.blocks %}
 {% assign modules                     = site.data.modules %}
 
@@ -155,7 +155,8 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
         xhr_container_id: customizerOptions.xhr_container_id,
         xhr_data_path:    customizerOptions.xhr_data_path },
         'j1.adapter.gallery_customizer',
-        'null');
+        'null'
+      );
 
       // -------------------------------------------------------------------
       // initializer

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -41,7 +41,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config         = site.data.template_settings %}
+{% assign template_config         = site.data.j1_config %}
 {% assign blocks                  = site.data.blocks %}
 {% assign modules                 = site.data.modules %}
 
@@ -137,7 +137,7 @@ var j1 = (function () {
   // Theme information
   var themeName;
   var themeCss;
-  var themeExtensionCss = environment === 'production' ? '/assets/themes/j1/core/css/theme_extensions.min.css' : '/assets/themes/j1/core/css/theme_extensions.css';
+  var themeExtensionCss = environment === 'production' ? '/assets/themes/j1/core/css/themes/theme-extensions.min.css' : '/assets/themes/j1/core/css/themes/theme-extensions.css';
 
   // Pathes of J1 data files
   var colors_data_path          = '{{template_config.colors_data_path}}';
@@ -156,10 +156,12 @@ var j1 = (function () {
   var baseUrl;
   var referrer;
 
-  var default_theme_css           = environment === 'production' ? '/assets/themes/j1/core/css/uno.min.css' : '/assets/themes/j1/core/css/uno.css';
-  var default_theme_name          = 'Uno';
-  var default_theme_author        = 'J1 Team';
-  var default_theme_link          = 'https://jekyll.one/';
+  // var default_theme_css           = environment === 'production' ? '/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css' : '/assets/themes/j1/core/css/themes/uno-light/bootstrap.css';
+  // // TODO: check what property is used default_theme|default_theme_name ?
+  // var default_theme_display_name  = 'Uno (light)';
+  // var default_theme_name          = 'uno-light';
+  // var default_theme_author        = 'J1 Team';
+  // var default_theme_link          = 'https://jekyll.one/';
   var default_white_listed_pages  = [];
 
   var cookie_names = {
@@ -188,12 +190,9 @@ var j1 = (function () {
 
   // user STATE cookie (initial values)
   var user_state = {
-    'theme_css':            default_theme_css,
-    '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_css':            "",
+    'theme_name':           "",
+    'theme_author':         "",
     'theme_version':        '{{site.version}}',
     'cookies_accepted':     'pending',
     'whitelistedPages':     default_white_listed_pages,
@@ -504,7 +503,6 @@ var j1 = (function () {
           if ( statusTxt ==  'success' ) {
             var logger = log4javascript.getLogger('j1.xhrData');
             logText = 'loading banner completed on id: ' +banner_id;
-            $(banner_id).addClass("mutated");
             logger.info(logText);
             j1.setXhrDataState(banner_id, statusTxt);
             j1.setXhrDomState(banner_id, statusTxt);
@@ -713,7 +711,6 @@ var j1 = (function () {
           if ( statusTxt ==  'success' ) {
             logText = 'footer loaded successfully on id: ' + footer_id;
             logger.info(logText);
-            $(footer_id).addClass("mutated");
             j1.setXhrDataState(footer_id, statusTxt);
             j1.setXhrDomState(footer_id, statusTxt);
             logger.info('XHR data loaded in the DOM: ' + footer_id);
@@ -905,6 +902,7 @@ var j1 = (function () {
 
           // display page
           $('#no_flicker').css('display', 'block');
+
           logger.info('mode detected: web');
           logger.info('hide signin icon');
           $('#quickLinksSignInOutButton').css('display', 'none');
@@ -1124,10 +1122,16 @@ var j1 = (function () {
         };
       };
       // see: https://stackoverflow.com/questions/20420577/detect-added-element-to-dom-with-mutation-observer
-      var id = '#' + options.xhr_container_id;
+      var html_data_path;
+      var id        = '#' + options.xhr_container_id;
       var $selector = $(id);
+
       if ( $selector.length ) {
-        var html_data_path = options.xhr_data_path + ' > *';
+        if (options.xhr_data_element) {
+          html_data_path = options.xhr_data_path + ' #' + options.xhr_data_element + ' > *';
+        } else  {
+          html_data_path = options.xhr_data_path + ' > *';
+        }
         $selector.load( html_data_path, cb_load_closure( mod, id ) );
 
         var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
@@ -1555,6 +1559,23 @@ var j1 = (function () {
       return val;
     }, // END getStyleValue
 
+    // -------------------------------------------------------------------------
+    // getStyleSheetLoaded:
+    // NOTE:
+    // EXAMPLE: getStyleSheetLoaded('bootstrap');
+    //
+    getStyleSheetLoaded: function (styleSheet) {
+      // var styleSheet  = styleSheetName.toLowerCase() + '.css';
+      var sheets      = document.styleSheets, stylesheet = sheets[(sheets.length - 1)];
+
+      // find CSS file 'styleSheetName' in document
+      for(var i in document.styleSheets) {
+        if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
+          return true;;
+        }
+      }
+    },
+
     // -------------------------------------------------------------------------
     //  Returns the names of cookies used for J1 Template
     // -------------------------------------------------------------------------
@@ -1566,8 +1587,9 @@ var j1 = (function () {
     // Set dynamic styles
     // -------------------------------------------------------------------------
     setCss: function () {
-      var logger     = log4javascript.getLogger('j1.setCss');
-      var bg_primary = j1.getStyleValue('bg-primary', 'background-color');
+      var logger        = log4javascript.getLogger('j1.setCss');
+      var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
+      var bg_secondary  = j1.getStyleValue('bg-secondary', 'background-color');
 
       logger.info('set color scheme for selected theme');
 
@@ -1575,6 +1597,12 @@ var j1 = (function () {
       // -----------------------------------------------------------------------
       $('head').append('<style>.g-bg-primary { background-color: ' +bg_primary+ ' !important; }</style>');
 
+      // Set color of timeline bullet
+      // -----------------------------------------------------------------------
+      // $('head').append('<style>.tmicon { background: ' +bg_primary+ ' !important; }</style>');
+      // $('head').append('<style>.timeline-panel:after { border-left-color: ' +bg_primary+ ' !important; }</style>');
+      // $('head').append('<style>.timeline-panel:after { border-right-color: ' +bg_primary+ ' !important; }</style>');
+
       // mdi icons
       // -----------------------------------------------------------------------
       $('head').append('<style>.iconify-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
@@ -1584,9 +1612,9 @@ var j1 = (function () {
 
       // asciidoc
       // -----------------------------------------------------------------------
-      var admonitionblock_note_color      = '#0D47A1';                          // md-blue-900, was: bg_primary;
+      var admonitionblock_note_color      = bg_primary;
       var admonitionblock_tip_color       = j1.getStyleValue('btn-success', 'background-color');
-      var admonitionblock_important_color = j1.getStyleValue('btn-warning', 'background-color');
+      var admonitionblock_important_color = j1.getStyleValue('btn-info', 'background-color');
       var admonitionblock_warning_color   = j1.getStyleValue('icon-warning', 'color');
       var admonitionblock_caution_color   = j1.getStyleValue('btn-danger', 'background-color');
 
@@ -1596,13 +1624,15 @@ var j1 = (function () {
       $('head').append('<style>.icon-warning { color: ' +admonitionblock_warning_color+ ' !important; }</style>');
       $('head').append('<style>.icon-caution { color: ' +admonitionblock_caution_color+ ' !important; }</style>');
 
-      // bs base styles
+      // bs base styles (2020-09-20: diabled. Taken for BS CSS code)
       // -----------------------------------------------------------------------
-      $('head').append('<style>code { color: ' +bg_primary+ ' !important; }</style>');
+      // $('head').append('<style>code { color: ' +bg_secondary+ ' !important; }</style>');
 
       // bs tool tips
       // -----------------------------------------------------------------------
       $('head').append('<style>.tooltip-inner { background-color: ' +bg_primary+ ' !important; }</style>');
+//    $('head').append('<style>.tooltip-arrow { background-color: ' +bg_primary+ ' !important; }</style>');
+      $('head').append('<style>.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: ' +bg_primary+ ' !important; }</style>');
 
       // asciidoc results viewer
       // -----------------------------------------------------------------------

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -32,7 +32,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config       = site.data.template_settings %}
+{% assign template_config       = site.data.j1_config %}
 {% assign apps                  = site.data.apps %}
 
 {% comment %} Set config data

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -35,7 +35,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.template_settings %}
+{% assign template_config   = site.data.j1_config %}
 {% assign apps              = site.data.apps %}
 
 {% comment %} Set config data

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -36,7 +36,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.template_settings %}
+{% assign template_config   = site.data.j1_config %}
 {% assign modules           = site.data.modules %}
 
 {% comment %} Set config data

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

@@ -1,17 +1,16 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/searcher.js
- # Liquid template to adapt SimpleJekyllSearch Core functions
+ # ~/assets/themes/j1/adapter/js/lunr_search.js
+ # Liquid template to adapt J1LunrSearch
  #
  # Product/Info:
  # https://jekyll.one
- #
  # Copyright (C) 2020 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
@@ -22,28 +21,29 @@ regenerate: true
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Set global settings
+{% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment             = site.environment %}
-{% assign template_version        = site.version %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config         = site.data.template_settings %}
-{% assign blocks                  = site.data.blocks %}
-{% assign modules                 = site.data.modules %}
+{% assign template_config       = site.data.j1_config %}
+{% assign blocks                = site.data.blocks %}
+{% assign modules               = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign jekyll_search_defaults = modules.defaults.jekyll_search.defaults %}
-{% assign jekyll_search_settings = modules.jekyll_search.settings %}
+{% assign environment           = site.environment %}
+{% assign template_version      = site.version %}
+
+{% assign lunr_search_defaults  = modules.defaults.lunr_search.defaults %}
+{% assign lunr_search_settings  = modules.lunr_search.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign jekyll_search_options  = jekyll_search_defaults | merge: jekyll_search_settings %}
+{% assign lunr_search_options   = lunr_search_defaults | merge: lunr_search_settings %}
 
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
@@ -52,20 +52,16 @@ regenerate: true
 
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/searcher.js
- # JS Adapter for J1 Searcher (SimpleJekyllSearch)
+ # ~/assets/themes/j1/adapter/js/lunr_search.js
+ # J1 Adapter for lunr_search
  #
  # Product/Info:
  # https://jekyll.one
- # https://github.com/christian-fei/Simple-Jekyll-Search
  #
  # Copyright (C) 2020 Juergen Adams
- # Copyright (C) 2015 Christian Fei
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
- # SimpleJekyllSearch is licensed under the MIT License.
- # For details, see https://github.com/christian-fei/Simple-Jekyll-Search
  # -----------------------------------------------------------------------------
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
@@ -80,16 +76,20 @@ regenerate: true
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-j1.adapter['searcher'] = (function (j1, window) {
+j1.adapter['lunr_search'] = (function (j1, window) {
 
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
   var environment   = '{{environment}}';
-  var moduleOptions = {};
+  var searchOptions = {};
   var _this;
   var logger;
   var logText;
 
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
   // ---------------------------------------------------------------------------
   // Main object
   // ---------------------------------------------------------------------------
@@ -103,65 +103,68 @@ j1.adapter['searcher'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // globals
       // -----------------------------------------------------------------------
-      _this   = j1.adapter.searcher;
-      logger  = log4javascript.getLogger('j1.adapter.searcher');
+      _this   = j1.adapter.lunr_search;
+      logger  = log4javascript.getLogger('j1.adapter.lunr_search');
 
       // initialize state flag
-      _this.setState('pending');
+      _this.setState('started');
       logger.info('state: ' + _this.getState());
-      logger.info('Module is being started');
-
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
-      // Default module settings
+      // defaults
       // -----------------------------------------------------------------------
       var settings = $.extend({
-        module_name: 'j1.adapter.searcher',
+        module_name: 'j1.adapter.lunr_search',
         generated:   '{{site.time}}'
       }, options);
 
-      {% comment %} Load module config from yml data
-      -------------------------------------------------------------------------- {% endcomment %}
-      // Load  module DEFAULTS|CONFIG
+      // -----------------------------------------------------------------------
+      // options loader
+      // -----------------------------------------------------------------------
       /* eslint-disable */
-      moduleOptions = $.extend({}, {{jekyll_search_options | replace: '=>', ':' | replace: 'nil', '""'}});
-      /* eslint-enable */
+      searchOptions = $.extend({}, {{lunr_search_options | replace: '=>', ':' | replace: 'nil', '""'}});
 
-      if (typeof settings !== 'undefined') {
-        moduleOptions = j1.mergeData(moduleOptions, settings);
-      }
+      // -----------------------------------------------------------------------
+      // lunr_search initializer
+      // -----------------------------------------------------------------------
+      var log_text = 'module is being initialized';
+      logger.info(log_text);
 
-      if (moduleOptions.enabled) {
-        _this.setState('started');
-        logger.info('state: ' + _this.getState());
-        logger.info('Module is being initialized');
-
-        var jekyllSearch = SimpleJekyllSearch({
-          searchInput:          document.getElementById(moduleOptions.search_input),
-          resultsOutput:        document.getElementById(moduleOptions.results_output),
-          resultsContainer:     document.getElementById(moduleOptions.results_container),
-          json:                 moduleOptions.index_data,
-          searchResultTemplate: moduleOptions.result_template,
-          results_output:       moduleOptions.results_output,
-          limit:                moduleOptions.result_limit,
-          minSearchItemLen:     moduleOptions.min_search_item_len,
-          fuzzy:                moduleOptions.search_fuzzy,
-          exclude:              moduleOptions.search_exlude,
-          noResultsText:        moduleOptions.no_results_text
-        });
-
-        _this.setState('finished');
-        logger.info('state: ' + _this.getState());
-        logger.info('module initialized successfully');
-      } else {
-        _this.setState('finished');
-        logger.info('state: ' + _this.getState());
-        logger.info('module disabled');
-      }
+      var dependencies_met_j1_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
+
+          $(searchOptions.search_input).lunrSearch({
+            index_file: searchOptions.index_file,
+            results:    searchOptions.results,
+            template:   searchOptions.template,
+            titleMsg:   searchOptions.titleMsg,
+            emptyMsg:   searchOptions.emptyMsg
+          });
+
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+
+          clearInterval(dependencies_met_j1_finished);
+        } // END dependencies_met_j1_finished
+      }, 25);
+
+       _this.eventHandler();
 
-      return true;
     }, // END init
 
+    // -------------------------------------------------------------------------
+    // event handler
+    // -------------------------------------------------------------------------
+    eventHandler: function () {
+      // hide|clear results from top search
+      $('#clear-topsearch').on('click', function() {
+        $(this).addClass('d-none').prevAll(':input').val('');
+        $('#search-results').hide();
+        $('#search-results').html('');
+      });
+    }, // END eventHandler
+
     // -------------------------------------------------------------------------
     // messageHandler: MessageHandler for J1 CookieConsent module
     // Manage messages send from other J1 modules
@@ -170,7 +173,7 @@ j1.adapter['searcher'] = (function (j1, window) {
       var json_message = JSON.stringify(message, undefined, 2);
 
       logText = 'received message from ' + sender + ': ' + json_message;
-      logger.info(logText);
+      logger.debug(logText);
 
       // -----------------------------------------------------------------------
       //  Process commands|actions