j1-template 2023.0.2 → 2023.0.3

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

@@ -406,52 +406,34 @@ j1.adapter.navigator = (function (j1, window) {
             // event handler|css styles
             // -----------------------------------------------------------------
             var dependencies_met_initialized = setInterval(function() {
-              if (themerEnabled) {
-                // for themes, initialize if themer is finished
-                if (j1.adapter.themer.getState() === 'finished') {
-                  _this.setState('processing');
-
-                  // apply module configuration settings
-                  _this.applyNavigatorSettings (
-                    navDefaults, navBarOptions, navMenuOptions,
-                    navQuicklinksOptions
-                  );
-
-                  // (static) delay applying styles until added CSS data
-                  // of the theme is processed by the browser
-                  setTimeout (function() {
-                    // set general|global theme colors
-                    logger.info('\n' + 'initializing dynamic CSS styles');
-                    _this.applyThemeSettings (
-                      navDefaults, navBarOptions, navMenuOptions,
-                      navQuicklinksOptions
-                    );
-                  }, 500);
-
-                  logger.info('\n' + 'init auth client');
-                  _this.initAuthClient(_this.navAuthManagerConfig);
-
-                  _this.setState('finished');
-                  logger.debug('\n' + 'state: ' + _this.getState());
-                  logger.info('\n' + 'module initialized successfully');
-                  logger.debug('\n' + 'met dependencies for: j1');
-                  clearInterval(dependencies_met_initialized);
-                }
-              } else {
-                // no themes used
+              // initialize if page and themer ready
+              if (j1.getState() === 'finished' && j1.adapter.themer.getState() === 'finished') {
                 _this.setState('processing');
 
-                // set general|global theme colors
-                logger.info('\n' + 'apply dynamic CSS styles');
-                _this.applyThemeSettings (
+                // apply module configuration settings
+                _this.applyNavigatorSettings (
                   navDefaults, navBarOptions, navMenuOptions,
                   navQuicklinksOptions
                 );
 
+                // (static) delay applying styles until added CSS data
+                // of the theme is processed by the browser
+                setTimeout (function() {
+                  // set general|global theme colors
+                  logger.info('\n' + 'initializing dynamic CSS styles');
+                  _this.applyThemeSettings (
+                    navDefaults, navBarOptions, navMenuOptions,
+                    navQuicklinksOptions
+                  );
+                }, 500);
+
                 logger.info('\n' + 'init auth client');
                 _this.initAuthClient(_this.navAuthManagerConfig);
+
                 _this.setState('finished');
                 logger.debug('\n' + 'state: ' + _this.getState());
+                logger.info('\n' + 'module initialized successfully');
+                logger.debug('\n' + 'met dependencies for: j1');
                 clearInterval(dependencies_met_initialized);
               }
             }, 25); // END 'dependencies_met_initialized'
@@ -640,12 +622,55 @@ j1.adapter.navigator = (function (j1, window) {
     // Apply CSS styles from current theme
     // -------------------------------------------------------------------------
     applyThemeSettings: function (navDefaults, navBarOptions, navMenuOptions, navQuicklinksOptions) {
+
       var logger              = log4javascript.getLogger('j1.adapter.navigator.applyThemeSettings');
       var gridBreakpoint_lg   = '992px';
       var gridBreakpoint_md   = '768px';
       var gridBreakpoint_sm   = '576px';
+
+      var navbar_scrolled_color;
+      var navbar_scrolled_style;
+      var bg_scrolled;
+      var bg_collapsed;
+      var style;
+
+      // Set dymanic styles
+      // -----------------------------------------------------------------------
+
+      // read current background colors
+      var bg_primary    = $('#bg-primary').css('background-color');
+      var bg_table      = $('body').css('background-color');
+
+      // set navbar background colors
+      bg_scrolled   = bg_primary;
+      bg_collapsed  = bg_primary;
+
+      // navBar styles
+      // -----------------------------------------------------------------------
+
       var navPrimaryColor     = navDefaults.nav_primary_color;
 
+      if (navBarOptions.background_color_scrolled == 'default' ) {
+        navbar_scrolled_color = bg_primary;
+      } else {
+//      navbar_scrolled_color = '#212529';
+        navbar_scrolled_color = navBarOptions.background_color_scrolled;
+      }
+
+
+      navbar_scrolled_style  = '<style id="navbar_scrolled_color">';
+      navbar_scrolled_style += '  .navbar-scrolled {';
+      navbar_scrolled_style += '    background-color: ' + navbar_scrolled_color + ' !important;';
+      navbar_scrolled_style += '  }';
+      navbar_scrolled_style += '</style>';
+
+      $('head').append(navbar_scrolled_style);
+
+      // set current body background color for all tables
+      // -----------------------------------------------------------------------
+      $('table').css('background', bg_table);
+
+
       logger.info('\n' + 'set dynamic styles for the theme loaded');
 
       // Set|Resolve navMenuOptions
@@ -673,268 +698,6 @@ j1.adapter.navigator = (function (j1, window) {
       navQuicklinksOptions.icon_color_hover           = navQuicklinksOptions.icon_color_hover;
       navQuicklinksOptions.background_color           = navQuicklinksOptions.background_color;
 
-      // Set dymanic styles
-      // -----------------------------------------------------------------------
-      var style;
-
-      // read current background colors
-      var bg_primary    = $('#bg-primary').css('background-color');
-      var bg_table      = $('body').css('background-color');
-
-      // set navbar background colors
-      var bg_scrolled   = bg_primary;
-      var bg_collapsed  = bg_primary;
-
-      // navBar styles
-      // -----------------------------------------------------------------------
-
-      // set current body background color for all tables
-      $('table').css('background', bg_table);
-
-// //    $('head').append('<style>.mdi-bg-primary {color: ' +bg_scrolled+ ';}</style>');
-//       style  = '<style>';
-//       style += '  .mdi-bg-primary {';
-//       style += '    color: ' + bg_scrolled;
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // Size of brand image
-// //    $('head').append('<style>.navbar-brand > img { height: {{brand_image_height}}px !important; }</style>');
-//       style  = '<style>';
-//       style += '  .navbar-brand > img {';
-//       style += '     height: {{brand_image_height}}px !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // Navbar transparent-light (light)
-// //    $('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>');
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator.navbar-transparent.light {';
-//       style += '      background-color: ' + navBarOptions.background_color_full + ' !important;';
-//       style += '      border-bottom: solid 0px !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
-//       // style  = '<style>';
-//       // style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       // style += '    nav.navbar.navigator.navbar-scrolled.light {';
-//       // style += '      background-color: ' + bg_scrolled + ' !important;';
-//       // style += '    }';
-//       // style += '  }';
-//       // style += '</style>';
-//       // $('head').append(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>');
-//       style  = '<style id="dynNav">';
-//       style += '  @media screen and (max-width: ' + gridBreakpoint_md + ') {';
-//       style += '    nav.navbar.navigator.navbar-transparent.light {';
-//       style += '      background-color: ' + navBarOptions.background_color_full + ' !important;';
-//       style += '      border-bottom: solid 0px !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //    $('head').append('<style id="dynNav">@media (max-width: ' +gridBreakpoint_md+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
-//       // style  = '<style id="dynNav">';
-//       // style += '  @media screen and (max-width: ' + gridBreakpoint_md + ') {';
-//       // style += '    nav.navbar.navigator.navbar-scrolled.light {';
-//       // style += '      background-color: ' + bg_scrolled + ' !important;';
-//       // style += '    }';
-//       // style += '  }';
-//       // style += '</style>';
-//       // $('head').append(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>');
-//       style  = '<style id="dynNav">';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_md + ') {';
-//       style += '    nav.navbar.navigator.navbar-transparent.light {';
-//       style += '      background-color: ' + navBarOptions.background_color_full + ' !important;';
-//       style += '      border-bottom: solid 0px !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //   $('head').append('<style id="dynNav">@media (min-width: ' +gridBreakpoint_md+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
-//       // style  = '<style id="dynNav">';
-//       // style += '  @media screen and (min-width: ' + gridBreakpoint_md + ') {';
-//       // style += '    nav.navbar.navigator.navbar-scrolled.light {';
-//       // style += '      background-color: ' + bg_scrolled + ' !important;';
-//       // style += '    }';
-//       // style += '  }';
-//       // style += '</style>';
-//       // $('head').append(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>');
-//       style  = '<style id="dynNav">';
-//       style += '  @media screen and (max-width: ' + gridBreakpoint_sm + ') {';
-//       style += '    nav.navbar.navigator.navbar-transparent.light {';
-//       style += '      background-color: ' + navBarOptions.background_color_full + ' !important;';
-//       style += '      border-bottom: solid 0px !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //    $('head').append('<style id="dynNav">@media (max-width: ' +gridBreakpoint_sm+ ') { nav.navbar.navigator.navbar-scrolled.light { background-color: ' +bg_scrolled+ ' !important; } }</style>');
-//       // style  = '<style id="dynNav">';
-//       // style += '  @media screen and (max-width: ' + gridBreakpoint_sm + ') {';
-//       // style += '    nav.navbar.navigator.navbar-scrolled.light {';
-//       // style += '      background-color: ' + bg_scrolled + ' !important;';
-//       // style += '    }';
-//       // style += '  }';
-//       // style += '</style>';
-//       // $('head').append(style);
-//
-//
-//       // navQuicklinks styles
-//       // -----------------------------------------------------------------------
-// //    $('head').append('<style>.quicklink-nav> ul > li > a { color: ' +navQuicklinksOptions.icon_color+ ' !important; }</style>');
-//       style  = '<style>';
-//       style += '  .quicklink-nav> ul > li > a {';
-//       style += '    color: ' + navQuicklinksOptions.icon_color + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //    $('head').append('<style>.quicklink-nav> ul > li > a:hover { color: ' +navQuicklinksOptions.icon_color_hover+ ' !important; }</style>');
-//       style  = '<style>';
-//       style += '  .quicklink-nav> ul > li > a:hover {';
-//       style += '    color: ' + navQuicklinksOptions.icon_color_hover + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//
-//       // navMenu styles
-//       // -----------------------------------------------------------------------
-//
-// //    $('head').append('<style>.dropdown-menu > .active > a { background-color: transparent !important; }</style>');
-//       // Remove background for anchor
-//       style  = '<style>';
-//       style += '  .dropdown-menu > .active > a {';
-//       style += '    background-color: transparent !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //    $('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>');
-//       // hover menu-item|menu-sub-item
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator .dropdown-item:focus,';
-//       style += '    nav.navbar.navigator .dropdown-item:hover,';
-//       style += '    nav.navbar.navigator .nav-sub-item:focus,';
-//       style += '    nav.navbar.navigator .nav-sub-item:hover {';
-//       style += '       background: ' + navMenuOptions.dropdown_background_color_hover + ' !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(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 1st dropdown item width
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator ul.nav.navbar-right .dropdown-menu .dropdown-menu  {';
-//       style += '       left: -' + navMenuOptions.dropdown_item_min_width + 'rem !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(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; } }</style>');
-//       // Limit last (2nd) dropdown in height
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  {';
-//       style += '       top: -' + navMenuOptions.dropdown_border_top + 'px !important;';
-//       style += '       max-height: ' + navMenuOptions.dropdown_menu_max_height + 'em;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</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>');
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator ul.nav > li > a  {';
-//       style += '       color: ' + navMenuOptions.menu_item_color + ' !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//
-// //    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator ul.nav > li > a:hover { color: ' +navMenuOptions.menu_item_color_hover+ ' !important; } }</style>');
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator ul.nav > li > a:hover {';
-//       style += '       color: ' + navMenuOptions.menu_item_color_hover + ' !important;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</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: #616161 !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>');
-//       // Dropdown menu styles
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu {';
-//       style += '       animation-duration: ' + navMenuOptions.dropdown_animate_duration + 's !important;';
-//       style += '       color: #616161 !important;';
-//       style += '       min-width: ' + navMenuOptions.dropdown_item_min_width + 'rem !important;';
-//       style += '       border-top: solid ' + navMenuOptions.dropdown_border_top + 'px !important;';
-//       style += '       border-radius: ' + navMenuOptions.dropdown_border_radius + 'px !important;';
-//       style += '       left: 0;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(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>');
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu {';
-//       style += '       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 += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//       {% endif %}
-//
-// //    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu > li > a { color: ' +navMenuOptions.dropdown_item_color+ ' !important; font-size: ' +navMenuOptions.dropdown_font_size+ ' !important; font-weight: 400; } }</style>');
-//       // configure dropdown_font_size|color
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu > li > a {';
-//       style += '       color: ' + navMenuOptions.dropdown_item_color + ' !important;';
-//       style += '       font-size: ' + navMenuOptions.dropdown_font_size + ' !important;';
-//       style += '       font-weight: 400;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-// //    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator ul.dropdown-menu.megamenu-content .content ul.menu-col li a { color: ' +navMenuOptions.dropdown_item_color+ ' !important; font-size: ' +navMenuOptions.megamenu_font_size+ ' !important; font-weight: 400; } }</style>');
-//       style  = '<style>';
-//       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-//       style += '    nav.navbar.navigator ul.dropdown-menu.megamenu-content .content ul.menu-col li a {';
-//       style += '       color: ' + navMenuOptions.dropdown_item_color + ' !important;';
-//       style += '       font-size: ' + navMenuOptions.megamenu_font_size + ' !important;';
-//       style += '       font-weight: 400;';
-//       style += '    }';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-
-
       // Timeline styles
       // -----------------------------------------------------------------------
       style  = '<style>';
@@ -954,7 +717,6 @@ j1.adapter.navigator = (function (j1, window) {
 
       // Heading styles
       // -----------------------------------------------------------------------
-//    $('head').append('<style>.heading:after {background: ' +bg_scrolled+ ' !important;}</style>');
       style  = '<style>';
       style += '  .heading:after {';
       style += '    background: ' + bg_scrolled + ' !important;';
@@ -964,7 +726,6 @@ j1.adapter.navigator = (function (j1, window) {
 
       // Tag Cloud styles
       // -----------------------------------------------------------------------
-//    $('head').append('<style>.tag-cloud ul li a {background-color: ' +bg_scrolled+ ' !important;}</style>');
       style  = '<style>';
       style += '  .tag-cloud ul li a {';
       style += '    background: ' + bg_scrolled + ' !important;';
@@ -974,7 +735,6 @@ j1.adapter.navigator = (function (j1, window) {
 
       // Toccer styles
       // -----------------------------------------------------------------------
-//    $('head').append('<style>.is-active-link::before {background-color: ' +bg_scrolled+ ' !important;}</style>');
       style  = '<style>';
       style += '  .is-active-link::before {';
       style += '    background-color: ' + bg_scrolled + ' !important;';
@@ -984,7 +744,6 @@ j1.adapter.navigator = (function (j1, window) {
 
       // BS extended Modal styles
       // -----------------------------------------------------------------------
-//    $('head').append('<style>.modal-dialog.modal-notify.modal-primary .modal-header {background-color: ' +bg_scrolled+ ';}</style>');
       style  = '<style>';
       style += '  .modal-dialog.modal-notify.modal-primary .modal-header {';
       style += '    background-color: ' + bg_scrolled + ' !important;';
@@ -994,7 +753,6 @@ j1.adapter.navigator = (function (j1, window) {
 
       // BS nav|pills styles
       // -----------------------------------------------------------------------
-//    $('head').append('<style>.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: ' +bg_scrolled+ ' !important;}</style>');
       style  = '<style>';
       style += '  .nav-pills .nav-link.active, .nav-pills .show > .nav-link  {';
       style += '    background-color: ' + bg_scrolled + ' !important;';
@@ -1005,16 +763,31 @@ j1.adapter.navigator = (function (j1, window) {
       return true;
     }, // END applyThemeSettings
 
+
     // -------------------------------------------------------------------------
     // applyNavigatorSettings
     // Apply settings from configuration
     // -------------------------------------------------------------------------
     applyNavigatorSettings: function (navDefaults, navBarOptions, navMenuOptions, navQuicklinksOptions) {
+
       var logger              = log4javascript.getLogger('j1.adapter.navigator.applyThemeSettings');
       var gridBreakpoint_lg   = '992px';
       var gridBreakpoint_md   = '768px';
       var gridBreakpoint_sm   = '576px';
+
       var navPrimaryColor     = navDefaults.nav_primary_color;
+      var navbar_scrolled_style;
+      var navbar_scrolled_color = '#212529';
+
+      navbar_scrolled_style  = '<style id="navbar_scrolled_color">';
+      navbar_scrolled_style += '  .navbar-scrolled {';
+      navbar_scrolled_style += '    background-color: ' + navbar_scrolled_color + ' !important;';
+      navbar_scrolled_style += '  }';
+      navbar_scrolled_style += '</style>';
+
+      $('head').append(navbar_scrolled_style);
+
+
 
       logger.info('\n' + 'set dynamic styles for the theme loaded');
 
@@ -1051,6 +824,7 @@ j1.adapter.navigator = (function (j1, window) {
       var bg_primary    = $('#bg-primary').css('background-color');
       var bg_table      = $('body').css('background-color');
 
+
       // set navbar background colors
       var bg_scrolled   = bg_primary;
       var bg_collapsed  = bg_primary;

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

@@ -235,7 +235,7 @@ j1.adapter.themer = (function (j1, window) {
            if (themerOptions.enabled) {
            // enable BS ThemeSwitcher
            logger.info('\n' + 'themes detected as: enabled');
-           logger.info('\n' + 'theme is being initialized: ' + user_state.theme_name);
+           logger.info('\n' + 'remote themes are being initialized: ' + user_state.theme_name);
 
            /* eslint-disable */
            // load list of remote themes
@@ -259,6 +259,10 @@ j1.adapter.themer = (function (j1, window) {
              skipIncludeBootswatch:    themerOptions.skipIncludeBootswatch
            };
            /* eslint-enable */
+         } else {
+           logger.warn('\n' + 'themes detected as: disabled');
+           logger.warn('\n' + 'no remote themes are available');
+         }
 
            // continue processing if page is ready
            var dependencies_met_theme_applied = setInterval (function () {
@@ -282,11 +286,11 @@ j1.adapter.themer = (function (j1, window) {
              }
            }, 25); // END dependencies_met_theme_applied
 
-         } else {
-           _this.setState('finished');
-           logger.debug('\n' + 'state: ' + _this.getState());
-           logger.info('\n' + 'themes detected as: disabled');
-         }
+         // } else {
+         //   _this.setState('finished');
+         //   logger.debug('\n' + 'state: ' + _this.getState());
+         //   logger.info('\n' + 'themes detected as: disabled');
+         // }
           clearInterval(dependencies_met_user_state_available);
         }
 

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2023.0.2'
+  VERSION = '2023.0.3'
 end

data/lib/starter_web/Gemfile

@@ -75,11 +75,11 @@ end
 # Specify the THEME GEM used for the project
 
 # Loaded from RubyGems
-gem 'j1-template', '~> 2023.0.2'
+gem 'j1-template', '~> 2023.0.0'
 
 # Loaded from gem.fury.io
 #source 'https://gem.fury.io/jekyll-one-org/' do
-#  gem 'j1-template', '~> 2023.0.2'
+#  gem 'j1-template', '~> 2023.0.3'
 #end
 
 # ------------------------------------------------------------------------------
@@ -170,7 +170,7 @@ end
 # ------------------------------------------------------------------------------
 #
 # Required for Heroku, see support ticket: https://help.heroku.com/tickets/1198846
-gem 'sass-embedded', '~> 1.57.1'
+# gem 'sass-embedded', '~> 1.57.1'
 
 gem 'sassc', '~> 2.4'
 gem 'bump', '~> 0.10'

data/lib/starter_web/README.md

@@ -380,7 +380,7 @@ This command creates a **initial** project in folder **my-starter**.
   2022-07-30 18:12:12 - GENERATE: Resolving dependencies...
   2022-07-30 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2022-07-30 18:12:12 - GENERATE: Using j1-template 2023.0.2
+  2022-07-30 18:12:12 - GENERATE: Using j1-template 2023.0.3
   2022-07-30 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2022-07-30 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2022-07-30 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -416,7 +416,7 @@ commands are available as well.
   2022-07-30 18:17:48 - SETUP: Initialize the project ...
   2022-07-30 18:17:48 - SETUP: Be patient, this will take a while ...
   2022-07-30 18:17:49 - SETUP:
-  2022-07-30 18:17:49 - SETUP: > j1@2023.0.2 setup C:\Users\xxx\j1-projects\my-starter
+  2022-07-30 18:17:49 - SETUP: > j1@2023.0.3 setup C:\Users\xxx\j1-projects\my-starter
   2022-07-30 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2022-07-30 18:17:49 - SETUP:
   2022-07-30 18:17:50 - SETUP: Setup project for first use ..
@@ -461,7 +461,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2022-07-30 18:26:18 - SITE: Starting up your site ...
   2022-07-30 18:26:18 - SITE:
-  2022-07-30 18:26:18 - SITE: > j1@2023.0.2 j1-site C:\Users\jadams\j1-projects\my-starter
+  2022-07-30 18:26:18 - SITE: > j1@2023.0.3 j1-site C:\Users\jadams\j1-projects\my-starter
   2022-07-30 18:26:18 - SITE: > run-p -s j1-site:*
   2022-07-30 18:26:18 - SITE:
   2022-07-30 18:26:20 - SITE: Startup UTILSRV ..
@@ -500,7 +500,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2022-07-30 18:45:09 - REBUILD:
-2022-07-30 18:45:09 - REBUILD: > j1@2023.0.2 rebuild C:\Users\xxx\j1-projects\my-starter
+2022-07-30 18:45:09 - REBUILD: > j1@2023.0.3 rebuild C:\Users\xxx\j1-projects\my-starter
 2022-07-30 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2022-07-30 18:45:09 - REBUILD:
 2022-07-30 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -548,7 +548,7 @@ using Lerna for all packages:
   2022-07-30 18:29:07 - RESET: Reset the project to factory state ...
   2022-07-30 18:29:07 - RESET: Be patient, this will take a while ...
   2022-07-30 18:29:08 - RESET:
-  2022-07-30 18:29:08 - RESET: > j1@2023.0.2 reset C:\Users\xxx\j1-projects\my-starter
+  2022-07-30 18:29:08 - RESET: > j1@2023.0.3 reset C:\Users\xxx\j1-projects\my-starter
   2022-07-30 18:29:08 - RESET: > run-s -s reset:*
   2022-07-30 18:29:08 - RESET:
   2022-07-30 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of J1 Theme Gem
 #
-version:                                2023.0.2
+version:                                2023.0.3
 
 # version
 # ------------------------------------------------------------------------------
@@ -412,7 +412,8 @@ strict_front_matter:                    false
 #
 sass:
   sass_dir:                             _sass/scss
-  style:                                expanded
+  style:                                expanded                                # possible values: nested expanded compact compressed
+
 
 # ------------------------------------------------------------------------------
 # WEBRICK Customizations
@@ -689,13 +690,13 @@ defaults:
         index:                          true
         follow:                         true
 
-      personalization:                  false
-      exclude_from_search:              false
-      series:                           false
-
       toc:                              true
       fab_menu_id:                      default
       scrollbar:                        false
+      personalization:                  false
+      exclude_from_search:              false
+      page_navigation:                  true
+      series:                           false
 
       resource_options:
         - toccer:
@@ -727,18 +728,17 @@ defaults:
         index:                          true
         follow:                         true
 
-      personalization:                  false
-      exclude_from_search:              false
-
       toc:                              true
       fab_menu_id:                      default
       scrollbar:                        false
+      personalization:                  false
+      exclude_from_search:              false
+      page_navigation:                  true
 
       resource_options:
         - toccer:
             collapseDepth:              3
 
-
 # ==============================================================================
 # 7. LAYOUT configuration
 #