j1-template 2020.0.16 → 2020.0.21

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -120,6 +120,7 @@ j1.adapter['clipboard'] = (function (j1, window) {
           _this.initEventHandler(clipboardJS);
 
           clearInterval(dependencies_met_j1_finished);
+          logger.info('met dependencies for: j1');
           _this.setState('finished');
           logger.info('state: ' + _this.getState());
           logger.info('module initialized successfully');

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -141,6 +141,7 @@ j1.adapter['cookiebar'] = (function (j1, window) {
           logger.info('state: ' + _this.getState());
           logger.info('initializing module finished');
           clearInterval(dependencies_met_modals_loaded);
+          logger.info('met dependencies for: xhrData');
         }
         if (j1.xhrDataState['#{{cookiebar_options.xhr_container_id}}'] == 'not loaded') {
           logger.error('load HTML data (AJAX): failed');

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 %}
 

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -355,6 +355,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
           _this.setState('finished');
           logger.info('state: ' + _this.getState());
           logger.info('initializing module finished');
+          logger.info('met dependencies for: xhrData');
           clearInterval(dependencies_met_data_loaded);
         } // END dependencies_met_data_loaded
       }, 25);

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -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/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}}';
@@ -157,6 +157,8 @@ var j1 = (function () {
   var referrer;
 
   var default_theme_css           = environment === 'production' ? '/assets/themes/j1/core/css/uno.min.css' : '/assets/themes/j1/core/css/uno.css';
+  // TODO: check what property is used default_theme|default_theme_name ?
+  var default_theme               = 'Uno';
   var default_theme_name          = 'Uno';
   var default_theme_author        = 'J1 Team';
   var default_theme_link          = 'https://jekyll.one/';
@@ -373,7 +375,7 @@ var j1 = (function () {
                 }
                 logger.info('authentication detected as: ' + user_session.authenticated);
                 $('#quickLinksSignInOutButton').css('display', 'block');
-
+                logger.info('met dependencies for: j1');
                 clearInterval(dependencies_met_page_displayed);
               }
             }
@@ -504,7 +506,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 +714,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);
@@ -1395,6 +1395,7 @@ var j1 = (function () {
               });
 
             });
+            logger.info('met dependencies for: sidebarLoaded');
             clearInterval(sidebarLoaded);
             return true;
           } else {
@@ -1452,6 +1453,7 @@ var j1 = (function () {
               });
 
             });
+            logger.info('met dependencies for: sidebarLoaded');
             clearInterval(sidebarLoaded);
             return true;
           } else {
@@ -1553,6 +1555,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
     // -------------------------------------------------------------------------
@@ -1564,8 +1583,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');
 
@@ -1573,6 +1593,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>');
@@ -1582,9 +1608,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,7 +1622,7 @@ var j1 = (function () {
 
       // bs base styles
       // -----------------------------------------------------------------------
-      $('head').append('<style>code { color: ' +bg_primary+ ' !important; }</style>');
+      $('head').append('<style>code { color: ' +bg_secondary+ ' !important; }</style>');
 
       // bs tool tips
       // -----------------------------------------------------------------------

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -192,6 +192,7 @@ j1.adapter['logger'] = (function (j1, window) {
 
         if (user_session.mode !== 'na') {
           clearInterval(dependencies_met_mode_detected);
+          logger.info('met dependencies for: mode detected');
           appDetected = user_session.mode === 'app' ? true : false;
 
           if (appDetected) {

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -110,6 +110,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
   var environment   = '{{environment}}';
   var dclFinished   = false;
   var moduleOptions = {};
+  var themerOptions = {};
   var cookie_names  = j1.getCookieNames();
   var user_state;
   var user_session;
@@ -160,6 +161,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
       var xhr_data_path;
       var menu_id;
 
+      themerOptions = $.extend({}, {{themer_options | replace: '=>', ':' }});
       // save config settings into the mmenu object for global access
       //
       _this['navMenuOptions'] = navMenuOptions;
@@ -233,6 +235,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
             _this.setState('finished');
             logger.info('state: ' + _this.getState());
             logger.info('module initialized successfully');
+            logger.info('met dependencies for: xhrData');
             clearInterval(dependencies_met_all_menu_loaded);
           }
         }, 25); // END dependencies_met_all_menu_loaded
@@ -313,13 +316,11 @@ j1.adapter['mmenu'] = (function (j1, window) {
               });
             });
 
-            // load themes from Bootswatch API (set localFeed EMPTY)
-            $('#ThemeList_MMenu').bootstrapThemeSwitcher({
-                localFeed: ''
-            });
-            // load (local) J1 themes (default settings)
-            $('#ThemeSelect_MMenu').bootstrapThemeSwitcher();
-
+            // remotely loaded (BootSwatch) themes (from API)
+            $('#remote_themes_mmenu').bootstrapThemeSwitcher({localFeed: ''});
+            // locally loaded themes (from json file)
+            $('#local_themes_mmenu').bootstrapThemeSwitcher({localFeed: themerOptions.localThemes});
+            logger.info('met dependencies for: {{menu_id}} loaded');
             clearInterval(dependencies_met_{{menu_id}}_loaded);
             $('#{{item.menu.content.id}}').show();
             logger.info('initializing mmenu finished on id: #{{menu_id}}');
@@ -381,6 +382,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
                   } // END if hasclass
                 });
               });
+              logger.info('met dependencies for: {{menu_id}} loaded');
               clearInterval(dependencies_met_{{menu_id}}_loaded);
               $('#{{item.menu.content.id}}').show();
           }; // END if menu_loaded

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

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -174,7 +174,7 @@ j1.adapter['navigator'] = (function (j1, window) {
   var user_session_merged         = {};
   var session_state               = {};
 
-  var themerEnabled               = false;
+  var themerEnabled               = {{themer_options.enabled}};                 //was (test): false;
   var authClientEnabled;
   var appDetected;
   var json_data;
@@ -234,6 +234,8 @@ j1.adapter['navigator'] = (function (j1, window) {
       var navAuthClientOptions                      = {};
       var navAuthMAnagerConfig                      = {};
 
+      var themerOptions                             = {};
+
       navDefaults                                   = $.extend({}, {{navigator_defaults | replace: '=>', ':' }});
       navBarConfig                                  = $.extend({}, {{nav_bar_options | replace: '=>', ':' }});
       navMenuConfig                                 = $.extend({}, {{nav_menu_options | replace: '=>', ':' }});
@@ -244,6 +246,7 @@ j1.adapter['navigator'] = (function (j1, window) {
       navAuthMAnagerConfig                          = $.extend({}, {{authentication_options | replace: '=>', ':' }});
       authClientEnabled                             = navAuthMAnagerConfig.enabled;
 
+      themerOptions                                 = $.extend({}, {{themer_options | replace: '=>', ':' }});
 
       // Merge|Overload module CONFIG by DEFAULTS
       //
@@ -271,7 +274,7 @@ j1.adapter['navigator'] = (function (j1, window) {
       // 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
+      // It seems 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.
@@ -307,6 +310,7 @@ j1.adapter['navigator'] = (function (j1, window) {
           _this.setState('finished');
           logger.info('state: ' + _this.getState());
           logger.info('initializing module: failed');
+          logger.info('met dependencies for: xhrData');
           clearInterval(dependencies_met_load_menu_finished);
         }
         // continue if all AJAX loads (xhrData) has finished
@@ -330,23 +334,30 @@ j1.adapter['navigator'] = (function (j1, window) {
           // cast text-based booleans
           // themerEnabled = ({{themer_options.enabled }} === 'true');
 
-          if ({{themer_options.enabled }}) {
-            logText = 'theme switcher detect: enabled';
-            logger.info(logText);
-            // initialize theme switcher menu
-            // load themes from Bootswatch API (set localFeed EMPTY)
-            $('#ThemeList').bootstrapThemeSwitcher({
-                localFeed: ''
-            });
-            // load (local) J1 themes (default settings)
-            $('#ThemeSelect').bootstrapThemeSwitcher();
-            logText = 'theme switcher menu loaded successfully';
-            logger.info(logText);
-          } else {
-            logText = 'theme switcher detect: disabled';
-            logger.info(logText);
-          }
-          _this.setState('initialized');
+          // load themes (to menu) if page is finished
+          var dependencies_met_page_finished = setInterval(function() {
+            if (j1.getState() == 'finished') {
+              if ({{themer_options.enabled }}) {
+                // initialize theme switcher menus
+                logText = 'theme switcher detect: enabled';
+                logger.info(logText);
+
+                // load remote themes (Bootswatch API)
+                logText = 'load remote themes (Bootswatch API)';
+                logger.info(logText);
+                $('#remote_themes').bootstrapThemeSwitcher({localFeed: ''});
+                // load local themes (json file)
+                logText = 'load local themes (json file)';
+                logger.info(logText);
+                $('#local_themes').bootstrapThemeSwitcher({localFeed: themerOptions.localThemes});
+              } else {
+                logText = 'theme switcher detect: disabled';
+                logger.info(logText);
+              }
+              clearInterval(dependencies_met_page_finished);
+            }
+            _this.setState('initialized');
+          }, 25); // END 'dependencies_met_page_finished'
 
           // -----------------------------------------------------------------
           // event handler|css styles
@@ -360,12 +371,18 @@ j1.adapter['navigator'] = (function (j1, window) {
                 logger.info('initialize eventHandler');
                 j1.core.navigator.eventHandler();
 
-                // set general|global theme colors
-                logger.info('apply dynamic CSS styles');
-                _this.setCSS (
-                  navDefaults, navBarOptions, navMenuOptions,
-                  navQuicklinksOptions, navTopsearchOptions
-                );
+                var dependencies_met_page_finished = setInterval(function() {
+                  if (j1.getState() == 'finished') {
+                    // set general|global theme colors
+                    logger.info('initializing dynamic CSS styles: started');
+                    _this.setCSS (
+                      navDefaults, navBarOptions, navMenuOptions,
+                      navQuicklinksOptions, navTopsearchOptions
+                    );
+                    clearInterval(dependencies_met_page_finished);
+                  }
+                  logger.info('initializing dynamic CSS styles: finished');
+                }, 25); // END 'dependencies_met_page_finished'
 
                 logger.info('init auth client');
                 _this.initAuthClient(_this.navAuthManagerConfig);
@@ -373,6 +390,7 @@ j1.adapter['navigator'] = (function (j1, window) {
                 _this.setState('finished');
                 logger.info('state: ' + _this.getState());
                 logger.info('module initialized successfully');
+                logger.info('met dependencies for: j1');
                 clearInterval(dependencies_met_adapter_finished);
               }
             } else {
@@ -392,9 +410,11 @@ j1.adapter['navigator'] = (function (j1, window) {
               _this.initAuthClient(_this.navAuthManagerConfig);
               _this.setState('finished');
               logger.info('state: ' + _this.getState());
+              logger.info('met dependencies for: themer');
               clearInterval(dependencies_met_adapter_finished);
             }
           }, 25); // END 'dependencies_met_adapter_finished'
+          logger.info('met dependencies for: themer');
           clearInterval(dependencies_met_load_menu_finished);
         }
       }, 25); // END 'dependencies_met_load_menu_finished'
@@ -631,12 +651,12 @@ j1.adapter['navigator'] = (function (j1, window) {
 
       {% comment %} Set dymanic styles
       -------------------------------------------------------------------------- {% endcomment %}
-      $('nav-primary').css({"background-color": "navPrimaryColor"});
+      // $('nav-primary').css({"background-color": "navPrimaryColor"});
 
 
       {% comment %} navBar styles
       -------------------------------------------------------------------------- {% endcomment %}
-      var bg_primary    = j1.getStyleValue('nav-primary', 'background-color');
+      var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
       var bg_scrolled   = bg_primary;
       var bg_collapsed  = bg_primary;
 
@@ -649,6 +669,14 @@ j1.adapter['navigator'] = (function (j1, window) {
       $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator.navbar-transparent.light { background-color: ' +navBarOptions.background_color_full+ ' !important; border-bottom: solid 0px !important; } }</style>');
       $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
 
+      $('head').append('<style id="dynNav">@media (max-width: ' +gridBreakpoint_md+ ') { nav.navbar.navigator.navbar-transparent.light { background-color: ' +navBarOptions.background_color_full+ ' !important; border-bottom: solid 0px !important; } }</style>');
+      $('head').append('<style id="dynNav">@media (max-width: ' +gridBreakpoint_md+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
+      $('head').append('<style id="dynNav">@media (min-width: ' +gridBreakpoint_md+ ') { nav.navbar.navigator.navbar-transparent.light { background-color: ' +navBarOptions.background_color_full+ ' !important; border-bottom: solid 0px !important; } }</style>');
+      $('head').append('<style id="dynNav">@media (min-width: ' +gridBreakpoint_md+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
+
+      $('head').append('<style id="dynNav">@media (max-width: ' +gridBreakpoint_sm+ ') { nav.navbar.navigator.navbar-transparent.light { background-color: ' +navBarOptions.background_color_full+ ' !important; border-bottom: solid 0px !important; } }</style>');
+      $('head').append('<style id="dynNav">@media (max-width: ' +gridBreakpoint_sm+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
+
       {% comment %} navQuicklinks styles
       -------------------------------------------------------------------------- {% endcomment %}
       $('head').append('<style>.attr-nav> ul > li > a { color: ' +navQuicklinksOptions.icon_color+ ' !important; }</style>');
@@ -662,10 +690,10 @@ j1.adapter['navigator'] = (function (j1, window) {
       $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator .dropdown-item:focus, nav.navbar.navigator .dropdown-item:hover, nav.navbar.navigator .nav-sub-item:focus, nav.navbar.navigator .nav-sub-item:hover { background: ' +navMenuOptions.dropdown_background_color_hover+ ' !important; }}</style>');
 
       // Limit 1st dropdown item width
-      $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator ul.nav.navbar-right .dropdown-menu .dropdown-menu { left: -' +navMenuOptions.dropdown_item_width+ 'em !important; } }</style>');
+      $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator ul.nav.navbar-right .dropdown-menu .dropdown-menu { left: -' +navMenuOptions.dropdown_item_min_width+ 'rem !important; } }</style>');
 
       // Limit last (2nd) dropdown in height (nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu)
-      $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  { top: -' +navMenuOptions.dropdown_border_top+ 'px !important; max-height: ' +navMenuOptions.dropdown_menu_height_max+ 'em !important; } }</style>');
+      $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  { top: -' +navMenuOptions.dropdown_border_top+ 'px !important; max-height: ' +navMenuOptions.dropdown_menu_max_height+ 'em !important; } }</style>');
 
       //  Set dropdown item colors
       $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator ul.nav > li > a { color: ' +navMenuOptions.menu_item_color+ ' !important; } }</style>');
@@ -673,7 +701,7 @@ j1.adapter['navigator'] = (function (j1, window) {
 
       // Dropdown menu styles
       // jadams, 2017-11-30: removed left padding from dropdown mwenu (for new j1nav style based on Navigator|Slate)
-      $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu { animation-duration: ' +navMenuOptions.dropdown_animate_duration+ 's !important; color: ' +bg_scrolled+ ' !important; width: ' +navMenuOptions.dropdown_item_width+ 'emm !important; border-top: solid ' +navMenuOptions.dropdown_border_top+ 'px !important; border-radius: ' +navMenuOptions.dropdown_border_radius+ 'px !important; left: 0; } }</style>');
+      $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu { animation-duration: ' +navMenuOptions.dropdown_animate_duration+ 's !important; color: ' +bg_scrolled+ ' !important; min-width: ' +navMenuOptions.dropdown_item_min_width+ 'rem !important; border-top: solid ' +navMenuOptions.dropdown_border_top+ 'px !important; border-radius: ' +navMenuOptions.dropdown_border_radius+ 'px !important; left: 0; } }</style>');
 
       {% if dropdown_style == 'raised' %}
       $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu { box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; } }</style>');
@@ -693,6 +721,32 @@ j1.adapter['navigator'] = (function (j1, window) {
       $('head').append('<style>.top-search { background-color: ' +navTopsearchOptions.background_color+ ' !important; }</style>');
       $('head').append('<style>.top-search input.form-control { color: ' +navTopsearchOptions.input_color+ ' !important; }</style>');
 
+      {% comment %} Timeline styles
+      -------------------------------------------------------------------------- {% endcomment %}
+  	  $('head').append('<style>.timeline > li > .timeline-panel:after {border-right-color: ' +bg_scrolled+ '; border-left-color: ' +bg_scrolled+ ';}</style>');
+      $('head').append('<style>.tmicon {background: ' +bg_scrolled+ ';}</style>');
+
+      {% comment %} Heading styles
+      -------------------------------------------------------------------------- {% endcomment %}
+      $('head').append('<style>.heading:after {background: ' +bg_scrolled+ ' !important;}</style>');
+
+      {% comment %} Tag Cloud styles
+      -------------------------------------------------------------------------- {% endcomment %}
+      $('head').append('<style>.tag-cloud ul li a {background-color: ' +bg_scrolled+ ' !important;}</style>');
+      // $('head').append('<style>.tag-cloud ul li a:hover {background-color: #212121 !important;}</style>');
+
+      {% comment %} Toccer styles
+      -------------------------------------------------------------------------- {% endcomment %}
+      $('head').append('<style>.is-active-link::before {background-color: ' +bg_scrolled+ ' !important;}</style>');
+
+      {% comment %} BS extended Modal styles
+      -------------------------------------------------------------------------- {% endcomment %}
+      $('head').append('<style>.modal-dialog.modal-notify.modal-primary .modal-header {background-color: ' +bg_scrolled+ ';}</style>');
+
+      {% comment %} BS nav|pills styles
+      -------------------------------------------------------------------------- {% endcomment %}
+      $('head').append('<style>.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: ' +bg_scrolled+ ' !important;}</style>');
+
       return true;
     }, // END setCSS
 
@@ -796,6 +850,22 @@ j1.adapter['navigator'] = (function (j1, window) {
   }; // END return
 })(j1, window);
 
+{% comment %} process adapter COMPRESSED for production DISABLED
+NOTE: for unknown reason, minifyJS detect JS/ES6 code
+      SyntaxError: Unexpected token: punc ())
+--------------------------------------------------------------------------------
+{% assign production = true %}
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} process adapter UNCOMPRESSED
+-------------------------------------------------------------------------------- {% endcomment %}
 {% endcapture %}
 {{ cache | strip_empty_lines }}
 {% assign cache = nil %}