j1-template 2020.0.3 → 2020.0.8

data/assets/data/menu.html

@@ -7,7 +7,8 @@ regenerate:                             true
 {% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/data/menu.html
- # Liquid procedure to generate HTML portion of the main menu bar
+ # Liquid procedure to generate HTML portion of the main menu
+ # for the desktop version
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:

data/assets/data/mmenu.html

@@ -6,8 +6,8 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/menu.html
- # Liquid procedure to generate HTML portion of the main menu bar
+ # ~/assets/data/mmenu.html
+ # Liquid procedure to generate HTML portion of the mobile menu
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:
@@ -137,7 +137,7 @@ regenerate:                             true
 <!-- [DEBUG  ] [j1.modules.mmenu.html  ] [collect all nav links for the navigation bar (navbar)] -->
 <!-- div id="{{nav_menu_id}}" class="{{dropdown_collapse}}" -->
 <!-- div class="{{dropdown_collapse}}" -->
-  <ul id="mobile_menu">
+  <ul id="menu_mmenu" style="display:none">
 
   {% for menu in navigator_menu_config %}
 

data/assets/data/{sidebar.html → mmenu_sidebar.html}

@@ -6,8 +6,8 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/sidebar.html
- # Liquid PROCEDURE template to create the HTML portion of the sidebar
+ # ~/assets/data/mmenu_sidebar.html
+ # Liquid PROCEDURE template to create the HTML portion of the MMenu Sidebar
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:
@@ -40,12 +40,12 @@ regenerate:                             true
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign nav_sidebar_defaults        = navigator_defaults.nav_sidebar %}
-{% assign nav_sidebar_settings        = navigator_settings.nav_sidebar %}
+{% assign nav_mmenu_defaults          = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings          = navigator_settings.nav_mmenu %}
 
 {% comment %} Set config options
 ------------------------------------------------------------------------------ {% endcomment %}
-{% assign sidebar_options             = nav_sidebar_defaults | merge: nav_sidebar_settings %}
+{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 
 {% comment %} Set sidebar properties
 ------------------------------------------------------------------------------ {% endcomment %}
@@ -62,6 +62,13 @@ regenerate:                             true
 {% comment %} Main
 ------------------------------------------------------------------------------ {% endcomment %}
 
+{% for item in nav_mmenu_options.menus %}
+{% if item.menu.xhr_container_id == "navigator_sidebar_mmenu" %}
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [ collect data for mmenu sitebar ] -->
+{% assign sidebar_options = item.menu.content %}
+{% endif %}
+{% endfor %}
+
 {% if sidebar_options.icon_family == 'FontAwesome' or sidebar_options.icon_family == 'FontAwesome4' or sidebar_options.icon_family == 'FontAwesome5' %}
   {% assign icon_family = 'fa' %}
 {% elsif sidebar_options.icon_family == 'MDI' or sidebar_options.icon_family == 'Material Design Icons'%}
@@ -80,9 +87,9 @@ regenerate:                             true
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Start processing: sidebar] -->
-  <a href="#" class="close-side"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} mdi-48px" {{icon_color}}></i></a>
-
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Start processing: sidebar] -->
+<!-- use BS4 class d-block to make sure, the sidebar is VISIBLE on ALL @media -->
+<div id="sidebar_mmenu" class="mm-side" style="display:none">
 {% for boxes in sidebar_options.boxes %}
   {% for box in boxes %}
 
@@ -102,8 +109,8 @@ regenerate:                             true
         {% comment %} Collect USER info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'user_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [USER info enabled] -->
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Write widged placeholder: USER info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [USER info enabled] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Write widged placeholder: USER info] -->
           <div id="user-info" class="widget">
             <h4 class="heading">{{title}}</h4>
             <ul id="display_user_details" class="link">
@@ -153,8 +160,8 @@ regenerate:                             true
         {% comment %} Collect THEME info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'theme_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [THEME info detected] -->
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Write widged placeholder: USER info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [THEME info detected] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Write widged placeholder: USER info] -->
           <div id="theme-info" class="widget">
             <h4 class="heading">{{title}}</h4>
             <ul class="link">
@@ -189,7 +196,7 @@ regenerate:                             true
             {% endfor %}
             </ul>
           </div>
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing: THEME info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing: THEME info] -->
 
         {% comment %} END Collect THEME info
         ---------------------------------------------------------------------- {% endcomment %}
@@ -205,7 +212,7 @@ regenerate:                             true
         {% comment %} Collect SITE info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'site_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Start processing SITE info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Start processing SITE info] -->
 
           <div id="site-info" class="widget">
             <h4 class="heading">{{title}}</h4>
@@ -251,11 +258,10 @@ regenerate:                             true
 
   {% endfor %}
 {% endfor %}
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing sidebar boxes] -->
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing: sidebar] -->
-
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing sidebar boxes] -->
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing: sidebar] -->
+</div>
 {% endcapture %}
 
 {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
 {% assign cache = nil %}
-

data/assets/data/mmenu_toc.html

@@ -0,0 +1,45 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/mmenu_toc.html
+ # Liquid PROCEDURE template to create the HTML portion of the MMenu TocBar
+ # NOTE: Loaded dynamically by J1 MMenu module (AJAX)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_toc.html ] [Start processing: toc] -->
+<div id="toc_mmenu" class="mm-side" style="display:none">
+  <div class="widget">
+    <h4 class="heading">Table of Contents</h4>
+  </div>
+  <!-- use BS4 class d-block to make sure, the sidebar is VISIBLE on ALL @media -->
+  <!-- use class sticky for BS4 as a replacement for former BS3 ScrollSpy -->
+  <div class="d-block sticky">
+    <div id="sidebar">
+      <div id="j1-toc-mgr" class="toc js-toc"></div>
+    </div>
+  </div>
+</div>
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_toc.html ] [End processing: toc] -->
+{% endcapture %}
+
+{{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% assign cache = nil %}

data/assets/data/quicklinks.html

@@ -94,6 +94,8 @@ regenerate:                             true
 
 {% assign r_text_icon             = quicklinks_options.r_text_icon %}
 
+{% assign toc_icon                = quicklinks_options.toc_icon %}
+
 {% assign back_icon               = quicklinks_options.back_icon %}
 {% assign back_url                = quicklinks_options.back_url %}
 
@@ -152,6 +154,8 @@ regenerate:                             true
   {% assign show_sidebar_icon = false %}
 {% endif %}
 
+{% assign show_sidebar_icon = false %}
+
 {% comment %} Show|Hide RSizer icon
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if quicklinks_options.r_text_sizer %}
@@ -203,8 +207,9 @@ regenerate:                             true
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Show ControlCenter icon detected as: {{ show_control_center_icon }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon familiy as: {{ icon_family }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon size as: {{ icon_size }}] -->
+
 <ul class="navbar-nav">
-  {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{back_url}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" class="nav-icon" href="{{disqus_url}}" target="blank"><i class="{{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-item"><a id="github_id" class="nav-icon" href="{{github_url}}" target="blank"><i class="{{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
@@ -214,12 +219,12 @@ regenerate:                             true
   {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-item" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" href="#" data-toggle="modal" data-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="{{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_cookie_consent_icon %}<li id="quickLinksCookieButton" class="nav-item" style="display: none;"><a id="cookie-state" class="nav-icon" href="#" data-toggle="modal" data-target="#cookieRevokeCentralDanger"><i class="{{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_translator_icon %}<li id="quickLinksLanguageButton" class="nav-item translator"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{translator_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}  
+  {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#" data-toggle="modal" data-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_sidebar_icon %}<li id="quickLinksSideBarButton" class="nav-item side-menu"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{sidebar_icon}} {{icon_size}}"></i></a></li>{% endif %}
 </ul>
 
+mdi-menu
 {% endcapture %}
 {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

data/assets/data/ssm.html

@@ -0,0 +1,231 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/ssm.html
+ # Liquid procedure to generate HTML portion for the Sticky Side Menu
+ # container
+ #
+ # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures (unused)
+--------------------------------------------------------------------------------
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config     = site %}
+{% assign template_config = site.data.template_settings %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_settings    = modules.ssm.settings %}
+{% assign ssm_defaults    = modules.defaults.ssm.defaults %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_options     = ssm_defaults | merge: ssm_settings %}
+{% assign ssm_menu_config = ssm_options.items %}
+
+{% comment %} Set permalink setting
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+
+{% comment %} Set base icons and sizes
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_menu_icon_family         = ssm_options.icon_family %}
+{% assign ssm_menu_icon_style          = ssm_options.icon_style %}
+{% assign ssm_menu_icon_color          = ssm_options.icon_color %}
+{% assign ssm_menu_icon_size           = ssm_options.icon_size %}
+
+{% assign icon_family = ssm_menu_icon_family | strip | downcase %}
+
+{% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' %}
+  {% assign ssm_menu_icon_family  = 'fa' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% elsif icon_family == 'mdi' %}
+  {% assign ssm_menu_icon_family  = 'mdi' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% else %}
+  {% assign ssm_menu_icon_family  = 'mdi' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% endif %}
+
+{% comment %} unused
+--------------------------------------------------------------------------------
+{% include {{select_color}} color=ssm_menu_icon_color fallback="#9E9E9E" %}
+{% assign ssm_menu_icon_color = color %}
+
+{% include {{select_icon_size}} family=ssm_menu_icon_family size=ssm_menu_icon_size %}
+{% assign ssm_menu_icon_size = size %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [DEBUG  ] [j1.modules.ssm_menu.html  ] [collect all menu items] -->
+  <ul class="ssm-light-hover">
+
+  {% for menu in ssm_menu_config %}
+
+    {% comment %} {{menu | debug}}
+    ---------------------------------------------------------------------------- {% endcomment %}
+
+    {% comment %} Identify the menu (item) type
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if menu.sublevel %}
+      {% assign menu_type = 'sublevel_menu' %}
+    {% elsif menu.sublevel == null and menu.megamenu == null and menu.login_menu == null and menu.theme_select == null %}
+      {% assign menu_type = 'top_level_item' %}
+    {% endif %}
+
+    {% comment %} Process all menu sections
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% case menu_type %}
+
+    {% comment %} Collect items having a SUB menue
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'sublevel_menu' %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [found menu-type: sub-menue] -->
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [submenu sublevel detected] -->
+      {% if menu.enabled %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [processing: sublevel] -->
+      <li class="ssm-share-btn ssm-btn">
+        {% if menu.icon == null %}
+          <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no menu icon found] -->
+          <a href="#"><span class="ssm-btn-text">{{menu.item}}</span>>
+            <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+            <span class="ssm-btn-text">{{menu.item}}</span>
+          </a>
+        {% else %}
+          <a href="#"> <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i><span class="ssm-btn-text">{{menu.item}}</span></a>
+        {% endif %}
+        <div class="ssm-sub-menu">
+          <ul>
+          {% for sublevel in menu.sublevel %}
+            {% if sublevel.event_handler == null %}
+              <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no event_handler found, create simple URL ] -->
+              {% if sublevel.icon == null %}
+                <li id="{{sublevel.id}}" class="ssm-btn">
+                  <a href="{{sublevel.href}}{{ext}}">{{sublevel.title}}</a>
+                </li>
+              {% else %}
+                <li id="{{sublevel.id}}" class="ssm-btn">
+                  <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}">{{sublevel.title}}</a>
+                </li>
+              {% endif %}
+            {% else %}
+              <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [event_handler found, register click event ] -->
+              <li id="{{sublevel.id}}" class="ssm-btn">
+                <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}"
+                  onclick="{{sublevel.event_handler}}">
+                  <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{sublevel.icon}}  {{sublevel.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+                  {{sublevel.title}}
+                </a>
+              </li>
+            {% endif %}
+          {% endfor %} <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [end processing: sublevel] -->
+          </ul>
+        </div>
+      </li>
+      {% else %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [sublevel menu disabled: {{sublevel.id}}] -->
+      {% endif %}
+
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [reset menu_type for next loop] -->
+    {% assign menu_type = '' %}
+
+    {% comment %} Collect TOP-LEVEL items (NO sub-menu)
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'top_level_item' %}
+
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [found menu-type: menu-top-level-only] -->
+      {% if menu.icon == null %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no icon for menu-item found -->
+        {% if menu.target == null %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}">
+              <span class="ssm-btn-text">{{menu.item}}</span>
+            </a>
+          </li>
+        {% else %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">
+              <span class="ssm-btn-text">{{menu.item}}</span>
+          </a>
+          </li>
+        {% endif %}
+      {% elsif menu.icon %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [icon for menu-item found -->
+        {% if menu.href == null %}
+          {% if menu.enabled  %}
+          <li class="ssm-btn">
+            <!-- a href="{{menu.href}}{{ext}}" -->
+            <a id="{{menu.id}}">
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+              <span class="ssm-btn-text">{{menu.item}}</span>
+            </a>
+          </li>
+          {% else %}
+            <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu item disabled: {{menu.id}}] -->
+          {% endif %}
+        {% else %}
+          {% if menu.enabled %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}}  ml-2 mr-2"></i>
+              <span class="ssm-btn-text">{{menu.item}}</span>
+            </a>
+          </li>
+          {% else %}
+            <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu item disabled: {{menu.id}}] -->
+          {% endif %}
+        {% endif %}
+      {% else %}
+        <!-- [FATAL ] [ssm-top-level-only       ] [processing menu item failed] -->
+      {% endif %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu-top-level-only: end items] -->
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [reset menu_type for next loop] -->
+      {% assign menu_type = '' %}
+
+      {% comment %} Collect items failed
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% else %}
+        <!-- [FATAL  ] [j1.modules.ssm_menu.html  ] [detecting menu items|type failed] -->
+    {% assign menu_type = '' %}
+
+    {% endcase %}
+
+  {% endfor %}
+  <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end menu] -->
+  </ul>
+  <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end ssc container] -->
+
+{% endcapture %}
+{{cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines}}
+{% assign cache = nil %}