j1-template 2023.0.3 → 2023.0.5

data/assets/data/panel.html

@@ -224,149 +224,143 @@ exclude_from_search:                    true
           <div class="container {{panel_settings.properties}}">
 
             <!-- Heading -->
-            <div>
-
-              {% if heading_position == 'left' %}
-                <div class="{{panel_settings.animate}} mb-2">
-                  <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
-                  <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
-                  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
-                </div>
-              </div>
-              {% endif %}
-
-              {% if heading_position == 'center' %}
-              <div class="text-center mb-2">
-                <h2 class="mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
-                <p class="h4 mb-0 text-muted {{heading_translate}}"><i>{{panel_settings.tagline}}</i></p>
-                <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
-              </div>
-              {% endif%}
+            {% if heading_position == 'left' %}
+            <div class="{{panel_settings.animate}} mb-2">
+              <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
+              <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
+              <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
+            </div>
+            {% endif %}
 
-              <!-- Description -->
-              <div class="{{description_properties}}">{{panel_settings.description}}</div>
+            {% if heading_position == 'center' %}
+            <div class="text-center mb-2">
+              <h2 class="mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
+              <p class="h4 mb-0 text-muted {{heading_translate}}"><i>{{panel_settings.tagline}}</i></p>
+              <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
             </div>
+            {% endif%}
+
+            <!-- Description -->
+            <div class="{{description_properties}}">{{panel_settings.description}}</div>
             <!-- End Heading -->
 
             <!-- Cards -->
             <div class="card-deck {{panel_settings.id}}" style="display: none;">
-            {% assign card_items = cards|size %}
-            {% for card in cards %}
-
-              {% for items in card %}
-                {% for item in items[1] %}
-                  {% assign key   = item[0] %}
-                  {% assign value = item[1] %}
-                  {% if key == 'enabled' %}         {% assign card_enabled          = value %}                   {% endif %}
-                  {% if key == 'type' %}            {% assign card_type             = value %}                   {% endif %}
-                  {% if key == 'properties' %}      {% assign card_properties       = value %}                   {% endif %}
-                  {% if key == 'icon' %}            {% assign card_icon             = value %}                   {% endif %}
-                  {% if key == 'icon_size' %}       {% assign card_icon_size        = value %}                   {% endif %}
-                  {% if key == 'icon_family' %}     {% assign card_icon_family      = value | downcase %}        {% endif %}
-                  {% if key == 'icon_color' %}      {% assign card_icon_color       = value %}                   {% endif %}
-                  {% if key == 'title' %}           {% assign card_title            = value | strip_newlines%}   {% endif %}
-                  {% if key == 'title_translate' %} {% assign card_title_translate  = value %}                   {% endif %}
-                  {% if key == 'tagline' %}         {% assign card_tagline          = value | strip_newlines%}   {% endif %}
-                  {% if key == 'text' %}            {% assign card_text             = value | strip_newlines %}  {% endif %}
-                  {% if key == 'buttons' %}         {% assign card_buttons          = value %}                   {% endif %}
-                {% endfor %}
-                {% if card_enabled == false %} {% assign card_items = card_items|minus:1 %} {% assign card_enabled = nil %} {% endif %}
-              {% endfor %}
-              {% assign col_size = 12|divided_by:card_items %}
-
-              {% include {{select_icon_size}} family=icon_family size=icon_size %}
-              {% assign icon_size = size %}
-
-              {% comment %} extract link for card icon
-              ------------------------------------------------------------------ {% endcomment %}
-              {% for items in card_buttons %} {% for item in items %}
-                {% if item[0] == 'button' %}
-                  {% for elm in item[1] %}
-                    {% assign key   = elm[0] %}
-                    {% assign value = elm[1] %}
-                    {% if key == 'href' %} {% assign card_href = value %} {% endif %}
+              {% assign card_items = cards|size %}
+              {% for card in cards %}
+
+                {% for items in card %}
+                  {% for item in items[1] %}
+                    {% assign key   = item[0] %}
+                    {% assign value = item[1] %}
+                    {% if key == 'enabled' %}         {% assign card_enabled          = value %}                   {% endif %}
+                    {% if key == 'type' %}            {% assign card_type             = value %}                   {% endif %}
+                    {% if key == 'properties' %}      {% assign card_properties       = value %}                   {% endif %}
+                    {% if key == 'icon' %}            {% assign card_icon             = value %}                   {% endif %}
+                    {% if key == 'icon_size' %}       {% assign card_icon_size        = value %}                   {% endif %}
+                    {% if key == 'icon_family' %}     {% assign card_icon_family      = value | downcase %}        {% endif %}
+                    {% if key == 'icon_color' %}      {% assign card_icon_color       = value %}                   {% endif %}
+                    {% if key == 'title' %}           {% assign card_title            = value | strip_newlines%}   {% endif %}
+                    {% if key == 'title_translate' %} {% assign card_title_translate  = value %}                   {% endif %}
+                    {% if key == 'tagline' %}         {% assign card_tagline          = value | strip_newlines%}   {% endif %}
+                    {% if key == 'text' %}            {% assign card_text             = value | strip_newlines %}  {% endif %}
+                    {% if key == 'buttons' %}         {% assign card_buttons          = value %}                   {% endif %}
                   {% endfor %}
-                {% endif %}
-              {% endfor %} {% endfor %}
-
-              {% if card_type == 'text' and card_enabled %}
-                {% assign card_raised = 'raised-z5' %}
-                <article class="card raised-z0 mb-3">
-                  <div class="card-header bg-primary pt-2 pb-2">
-                    <div class="d-flex flex-row align-items-center">
-                      <div class="mr-3">
-                        {% if card_icon_family == 'iconify' %}
-                          {% if card_icon_color == 'bg-primary' %}
-                            <span class="{{card_icon_family}} {{card_icon_family}}-{{card_icon_size}} iconify-md-bg-primary" data-icon="{{card_icon}}" data-inline="false"></span>
-                          {% else %}
-                            <span class="{{card_icon_family}} {{card_icon_family}}-{{card_icon_size}} {{card_icon_family}}-{{card_icon_color}}" data-icon="{{card_icon}}" data-inline="false"></span>
-                          {% endif %}
-                        {% else %}
-                          <span>
+                  {% if card_enabled == false %} {% assign card_items = card_items|minus:1 %} {% assign card_enabled = nil %} {% endif %}
+                {% endfor %}
+                {% assign col_size = 12|divided_by:card_items %}
+
+                {% include {{select_icon_size}} family=icon_family size=icon_size %}
+                {% assign icon_size = size %}
+
+                {% comment %} extract link for card icon
+                ------------------------------------------------------------------ {% endcomment %}
+                {% for items in card_buttons %} {% for item in items %}
+                  {% if item[0] == 'button' %}
+                    {% for elm in item[1] %}
+                      {% assign key   = elm[0] %}
+                      {% assign value = elm[1] %}
+                      {% if key == 'href' %} {% assign card_href = value %} {% endif %}
+                    {% endfor %}
+                  {% endif %}
+                {% endfor %} {% endfor %}
+
+                {% if card_type == 'text' and card_enabled %}
+                  {% assign card_raised = 'raised-z5' %}
+                  <article class="card raised-z0 mb-3">
+                    <div class="card-header bg-primary pt-2 pb-2">
+                      <div class="d-flex flex-row align-items-center">
+                        <div class="mr-3">
+                          {% if card_icon_family == 'iconify' %}
                             {% if card_icon_color == 'bg-primary' %}
-                              <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} mdi-md-white"></i>
+                              <span class="{{card_icon_family}} {{card_icon_family}}-{{card_icon_size}} iconify-md-bg-primary" data-icon="{{card_icon}}" data-inline="false"></span>
                             {% else %}
-                              <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} {{card_icon_family}}-{{card_icon_color}}"></i>
+                              <span class="{{card_icon_family}} {{card_icon_family}}-{{card_icon_size}} {{card_icon_family}}-{{card_icon_color}}" data-icon="{{card_icon}}" data-inline="false"></span>
                             {% endif %}
-                          </span>
-                        {% endif %}
+                          {% else %}
+                            <span>
+                              {% if card_icon_color == 'bg-primary' %}
+                                <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} mdi-md-white"></i>
+                              {% else %}
+                                <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} {{card_icon_family}}-{{card_icon_color}}"></i>
+                              {% endif %}
+                            </span>
+                          {% endif %}
+                        </div>
+                        <h3 class="m-0 {{card_title_translate}}">{{card_title}}</h3>
                       </div>
-                      <h3 class="m-0 {{card_title_translate}}">{{card_title}}</h3>
                     </div>
-                  </div>
 
-                  <div class="card-body g-min-height-200 r-text-300 mt-0">{{card_text}}</div>
-                  <div class="card-footer r-text-200 md-grey-900 text-lowercase">
-                  {% for data in card_buttons %} {% for item in data %} {% for button in item[1] %}
-                    {% assign key   = button[0] %}
-                    {% assign value = button[1] %}
-                    {% if key == 'text' %}        {% assign button_text         = value %} {% endif %}
-                    {% if key == 'class' %}       {% assign button_class        = value %} {% endif %}
-                    {% if key == 'icon' %}        {% assign button_icon         = value %} {% endif %}
-                    {% if key == 'icon_family' %} {% assign button_icon_family  = value %} {% endif %}
-                    {% if key == 'icon_color' %}  {% assign button_icon_color   = value %} {% endif %}
-                    {% if key == 'icon_size' %}   {% assign button_icon_size    = value %} {% endif %}
-                    {% if key == 'href' %}        {% assign button_href         = value %} {% endif %}
-                    {% if key == 'target' %}      {% assign button_target       = value %} {% endif %}
-                  {% endfor %} {% endfor %} {% endfor %}
-
-                  {% if button_target == null %}
-                    <a class="card-link md-grey-900" href="{{button_href}}">{{readmore_text}} · {{button_text}}</a>
-                  {% else %}
-                    <a class="card-link md-grey-900" href="{{button_href}}" target="{{button_target}}">{{readmore_text}} · {{button_text}}</a>
-                  {% endif %}
-                  </div>
+                    <div class="card-body g-min-height-200 r-text-300 mt-0">{{card_text}}</div>
+                    <div class="card-footer r-text-200 md-grey-900 text-lowercase">
+                    {% for data in card_buttons %} {% for item in data %} {% for button in item[1] %}
+                      {% assign key   = button[0] %}
+                      {% assign value = button[1] %}
+                      {% if key == 'text' %}        {% assign button_text         = value %} {% endif %}
+                      {% if key == 'class' %}       {% assign button_class        = value %} {% endif %}
+                      {% if key == 'icon' %}        {% assign button_icon         = value %} {% endif %}
+                      {% if key == 'icon_family' %} {% assign button_icon_family  = value %} {% endif %}
+                      {% if key == 'icon_color' %}  {% assign button_icon_color   = value %} {% endif %}
+                      {% if key == 'icon_size' %}   {% assign button_icon_size    = value %} {% endif %}
+                      {% if key == 'href' %}        {% assign button_href         = value %} {% endif %}
+                      {% if key == 'target' %}      {% assign button_target       = value %} {% endif %}
+                    {% endfor %} {% endfor %} {% endfor %}
+
+                    {% if button_target == null %}
+                      <a class="card-link md-grey-900" href="{{button_href}}">{{readmore_text}} · {{button_text}}</a>
+                    {% else %}
+                      <a class="card-link md-grey-900" href="{{button_href}}" target="{{button_target}}">{{readmore_text}} · {{button_text}}</a>
+                    {% endif %}
+                    </div>
 
-                </article>
-              {% endif %}
+                  </article>
+                {% endif %}
 
-              <!-- Calculate 'column setters' to manage BS break points for 'responsive' card deck (rcard-deck) -->
-              {% assign sm = forloop.index | modulo: bs_card_deck.break_on_sm %}
-              {% assign md = forloop.index | modulo: bs_card_deck.break_on_md %}
-              {% assign lg = forloop.index | modulo: bs_card_deck.break_on_lg %}
-              {% assign xl = forloop.index | modulo: bs_card_deck.break_on_xl %}
+                <!-- Calculate 'column setters' to manage BS break points for 'responsive' card deck (rcard-deck) -->
+                {% assign sm = forloop.index | modulo: bs_card_deck.break_on_sm %}
+                {% assign md = forloop.index | modulo: bs_card_deck.break_on_md %}
+                {% assign lg = forloop.index | modulo: bs_card_deck.break_on_lg %}
+                {% assign xl = forloop.index | modulo: bs_card_deck.break_on_xl %}
 
-              <!-- Add 'column setters' for BS break points -->
-              {% if sm == 0 %}
-                <div class="w-100 d-none d-sm-block d-md-none"> <!-- break on sm --> </div>
-              {% endif %}
+                <!-- Add 'column setters' for BS break points -->
+                {% if sm == 0 %}
+                  <div class="w-100 d-none d-sm-block d-md-none"> <!-- break on sm --> </div>
+                {% endif %}
 
-              {% if md == 0 %}
-                <div class="w-100 d-none d-md-block d-lg-none"> <!-- break on md --> </div>
-              {% endif %}
+                {% if md == 0 %}
+                  <div class="w-100 d-none d-md-block d-lg-none"> <!-- break on md --> </div>
+                {% endif %}
 
-              {% if lg == 0 %}
-                <div class="w-100 d-none d-lg-block d-xl-none"> <!-- break on lg --> </div>
-              {% endif %}
+                {% if lg == 0 %}
+                  <div class="w-100 d-none d-lg-block d-xl-none"> <!-- break on lg --> </div>
+                {% endif %}
 
-              {% if xl == 0 %}
-                <div class="w-100 d-none d-xl-block"> <!-- break on xl --> </div>
-              {% endif %}
-            {% endfor %}
+                {% if xl == 0 %}
+                  <div class="w-100 d-none d-xl-block"> <!-- break on xl --> </div>
+                {% endif %}
+              {% endfor %}
             </div>
             <!-- End Cards -->
-            {% comment %} END cards
-            -------------------------------------------------------------------- {% endcomment %}
 
           </div>
           <!-- END main container -->
@@ -413,11 +407,10 @@ exclude_from_search:                    true
             <div>
 
               {% if heading_position == 'left' %}
-                <div class="{{panel_settings.animate}} mb-2">
-                  <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
-                  <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
-                  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
-                </div>
+              <div class="{{panel_settings.animate}} mb-2">
+                <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
+                <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
+                <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
               </div>
               {% endif %}
 
@@ -589,11 +582,10 @@ exclude_from_search:                    true
             <div class="noclass">
 
               {% if heading_position == 'left' %}
-                <div class="{{panel_settings.animate}} mb-2">
-                  <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
-                  <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
-                  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
-                </div>
+              <div class="{{panel_settings.animate}} mb-2">
+                <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
+                <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
+                <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
               </div>
               {% endif %}
 
@@ -762,11 +754,10 @@ exclude_from_search:                    true
             <div>
 
               {% if heading_position == 'left' %}
-                <div class="{{panel_settings.animate}} mb-2">
-                  <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
-                  <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
-                  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
-                </div>
+              <div class="{{panel_settings.animate}} mb-2">
+                <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
+                <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
+                <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
               </div>
               {% endif %}
 
@@ -779,9 +770,7 @@ exclude_from_search:                    true
               {% endif%}
 
               <!-- Description -->
-              <div class="{{panel_settings.description_properties}}">
-                {{panel_options.description}}
-              </div>
+              <div class="{{panel_settings.description_properties}}">{{panel_options.description}}</div>
 
             </div>
             <!-- End Heading -->
@@ -815,7 +804,7 @@ exclude_from_search:                    true
 
               <!-- [INFO   ] [~/assets/data/panel.html              ] [ blocktype detected as: {{card_block}} ] -->
               {% if card_block == 'card-list' %}
-              <div>
+              <div class="no-class">
                 <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
                   <!-- [INFO   ] [~/assets/data/panel.html              ] [ write post items (card_block == 'card-list')] -->
                 {% for post in site.posts %}

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

@@ -154,6 +154,22 @@ j1.adapter.themer = (function (j1, window) {
     return false;
   }
 
+  // see: https://stackoverflow.com/questions/4301968/checking-a-url-in-jquery-javascript
+  // see: https://stackoverflow.com/questions/16481598/prevent-unhandled-jquery-ajax-error
+  //
+  var urlExists = function(url, callback) {
+      if ( ! $.isFunction(callback)) {
+         throw Error('Not a valid callback');
+      }
+
+      $.ajax({
+        type:     'HEAD',
+        url:      url,
+        success:  $.proxy(callback, this, true),
+        error:    $.proxy(callback, this, false)
+      });
+  };
+
   // ---------------------------------------------------------------------------
   // Main object
   // ---------------------------------------------------------------------------
@@ -202,7 +218,7 @@ j1.adapter.themer = (function (j1, window) {
            user_state   = j1.readCookie(cookie_names.user_state);
            user_consent = j1.readCookie(cookie_names.user_consent);
 
-           logger.info('\n' + 'cookie ' +  cookie_names.user_state + ' successfully loaded after: ' + interval_count * 25 + ' ms');
+           logger.debug('\n' + 'cookie ' +  cookie_names.user_state + ' successfully loaded after: ' + interval_count * 25 + ' ms');
 
            // initial theme data
            if (user_state.theme_css === '') {
@@ -217,103 +233,108 @@ j1.adapter.themer = (function (j1, window) {
                secure:   secure,
                expires:  365
              });
+
              if (!cookie_written) {
-                 logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
+               logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
              }
            }
 
-           // check cookie consistency
-           // if (Object.keys(user_state).length > 2)  {
-           //   logger.debug('\n' + 'consistent state detected for cookie: ' + cookie_names.user_state);
-           // } else {
-           //   logger.fatal('\n' + 'inconsistent state detected for cookie: ' + cookie_names.user_state);
-           // }
-
            // set the theme switcher state
            user_state.theme_switcher = themerOptions.enabled;
-
            if (themerOptions.enabled) {
-           // enable BS ThemeSwitcher
-           logger.info('\n' + 'themes detected as: enabled');
-           logger.info('\n' + 'remote themes are being initialized: ' + user_state.theme_name);
-
-           /* eslint-disable */
-           // load list of remote themes
-           $('#remote_themes').bootstrapThemeSwitcher.defaults = {
-             debug:                    themerOptions.debug,
-             saveToCookie:             themerOptions.saveToCookie,
-             cssThemeLink:             themerOptions.cssThemeLink,
-             cookieThemeName:          themerOptions.cookieThemeName,
-             cookieDefaultThemeName:   themerOptions.cookieDefaultThemeName,
-             cookieThemeCss:           themerOptions.cookieThemeCss,
-             cookieThemeExtensionCss:  themerOptions.cookieThemeExtensionCss,
-             cookieExpiration:         themerOptions.cookieExpiration,
-             cookiePath:               themerOptions.cookiePath,
-             defaultCssFile:           themerOptions.defaultCssFile,
-             bootswatchApiUrl:         themerOptions.bootswatchApiUrl,
-             bootswatchApiVersion:     themerOptions.bootswatchApiVersion,
-             loadFromBootswatch:       themerOptions.loadFromBootswatch,
-             localFeed:                themerOptions.localThemes,
-             excludeBootswatch:        themerOptions.excludeBootswatch,
-             includeBootswatch:        themerOptions.includeBootswatch,
-             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 () {
-             if (j1.getState() == 'finished') {
-               styleLoaded    = styleSheetLoaded(user_state.theme_css);
-               theme_css_html = '<link rel="stylesheet" id="' + id + '" href="' + user_state.theme_css + '" type="text/css" />';
-
-               // loading theme CSS file except on UNO
-               if (!user_state.theme_name.includes('Uno') || !styleLoaded) {
-                 $('head').append(theme_css_html);
-                 _this.setState('finished');
-                 logger.debug('\n' + 'state: ' + _this.getState());
-                 logger.info('\n' + 'module initialized successfully');
-                 clearInterval(dependencies_met_theme_applied);
-               } else if (user_state.theme_name.includes('Uno')) {
-                 _this.setState('finished');
-                 logger.debug('\n' + 'state: ' + _this.getState());
-                 logger.info('\n' + 'module initialized successfully');
-                 clearInterval(dependencies_met_theme_applied);
+             // enable BS ThemeSwitcher
+             logger.info('\n' + 'themes detected as: ' + themerOptions.enabled);
+             logger.info('\n' + 'remote themes are being initialized');
+
+             /* eslint-disable */
+             // load list of remote themes
+             $('#remote_themes').bootstrapThemeSwitcher.defaults = {
+               debug:                    themerOptions.debug,
+               saveToCookie:             themerOptions.saveToCookie,
+               cssThemeLink:             themerOptions.cssThemeLink,
+               cookieThemeName:          themerOptions.cookieThemeName,
+               cookieDefaultThemeName:   themerOptions.cookieDefaultThemeName,
+               cookieThemeCss:           themerOptions.cookieThemeCss,
+               cookieThemeExtensionCss:  themerOptions.cookieThemeExtensionCss,
+               cookieExpiration:         themerOptions.cookieExpiration,
+               cookiePath:               themerOptions.cookiePath,
+               defaultCssFile:           themerOptions.defaultCssFile,
+               bootswatchApiUrl:         themerOptions.bootswatchApiUrl,
+               bootswatchApiVersion:     themerOptions.bootswatchApiVersion,
+               loadFromBootswatch:       themerOptions.loadFromBootswatch,
+               localFeed:                themerOptions.localThemes,
+               excludeBootswatch:        themerOptions.excludeBootswatch,
+               includeBootswatch:        themerOptions.includeBootswatch,
+               skipIncludeBootswatch:    themerOptions.skipIncludeBootswatch
+             };
+             /* eslint-enable */
+           } else {
+             logger.warn('\n' + 'themes detected as: disabled');
+             logger.warn('\n' + 'no remote themes are available');
+          }
+
+          // validate theme to be loaded
+           urlExists(user_state.theme_css, function(success) {
+             // load  theme
+             if (success) {
+               // continue processing if page is ready
+               var dependencies_met_theme_loaded = setInterval (function () {
+                 if (j1.getState() == 'finished') {
+                   theme_css_html = '<link rel="stylesheet" id="' + id + '" href="' + user_state.theme_css + '" type="text/css" />';
+                   $('head').append(theme_css_html);
+
+                   clearInterval(dependencies_met_theme_loaded);
+                 }
+               }, 25); // END dependencies_met_theme_loaded
+             } else {
+               // invalid theme, fallback on default
+               logger.warn('\n' + 'themes CSS invalid: ' + user_state.theme_css);
+               theme_css_html = '<link rel="stylesheet" id="' + id + '" href="' + default_theme_css + '" type="text/css" />';
+               logger.warn('\n' + 'set default theme :' + default_theme_name);
+               logger.debug('\n' + 'theme CSS loaded: ' + default_theme_css);
+               $('head').append(theme_css_html);
+
+               // write theme defaults to cookie
+               user_state.theme_name       = default_theme_name;
+               user_state.theme_css        = default_theme_css;
+               user_state.theme_author     = default_theme_author;
+               user_state.theme_author_url = default_theme_author_url;
+
+               cookie_written = j1.writeCookie({
+                 name:     cookie_names.user_state,
+                 data:     user_state,
+                 secure:   secure,
+                 expires:  365
+               });
+
+               if (!cookie_written) {
+                 logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
                }
-             }
-           }, 25); // END dependencies_met_theme_applied
 
-         // } else {
-         //   _this.setState('finished');
-         //   logger.debug('\n' + 'state: ' + _this.getState());
-         //   logger.info('\n' + 'themes detected as: disabled');
-         // }
+               // reload page using the default thme
+               location.reload(true);
+             }
+           });
           clearInterval(dependencies_met_user_state_available);
         }
+      }, 25); // END dependencies_met_user_state_available
 
-        if (interval_count > max_count) {
-          logger.error('\n' + 'interval max count reached: ' + max_count);
-          logger.error('\n' + 'check failed after: ' + max_count * 25 + ' ms');
-          logger.error('\n' + 'loading cookie failed: ' + cookie_names.user_state);
-
-          logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-          j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
-          logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-          gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
-
-          // jadams, 2021-07-15: redirect to homepage
-          // NOTE: UNCLEAR why it is needed to create the user state
-          // cookie THIS way
-          //
-          logger.warn('\n' + 'redirect to home page');
-//        window.location.href = error_page;
-          window.location.href = '/';
-          clearInterval(dependencies_met_user_state_available);
+      // set final module state if theme loaded
+      var dependencies_met_theme_applied = setInterval (function () {
+        user_state  = j1.readCookie(cookie_names.user_state);
+        styleLoaded = styleSheetLoaded(user_state.theme_css);
+
+        if (styleLoaded) {
+          logger.info('\n' + 'theme loaded successfully: ' + user_state.theme_name);
+          logger.debug('\n' + 'theme CSS loaded: ' + user_state.theme_css);
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module initialized successfully');
+
+          clearInterval(dependencies_met_theme_applied);
         }
-      }, 25); // END dependencies_met_user_state_available
+      }, 25); // END dependencies_met_theme_applied
+
     }, // END init
 
     // -------------------------------------------------------------------------