j1-template 2020.0.2 → 2020.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d7984c1650f6ccb9ef434fa65f54e85cd625bd133435fc073ba851a9cb83abe2
-  data.tar.gz: f4b738d93a3f61f97af77ffe7d052b921fe15255752eb0b11e3b2645e81db7ce
+  metadata.gz: 5d3711d432bcb8345139685cd06df4952544d74b98bcce348dc3a23435d023ac
+  data.tar.gz: b5a7e08cdff2b51c815d86cada41ac601c57a083465d1bee31883dae2596a520
 SHA512:
-  metadata.gz: 186ea24e4f24ee80ddb74957ace1f6a42f4ba8c741f2a7ae6fe4df1400979772a1ee9fa404a883a95e4e09e7d6c6a9236352648c66e846c0885606e65d34d75d
-  data.tar.gz: df3b80e39aa47a1704ec296b3c8a87cdb9ff71f9b3866657ead7143d7a797dfeb12020d6e3283a7968a06382bab603a01852a4398dcdf1cf749fb49d2d7b92d2
+  metadata.gz: 17d0793bbc2f65a280e4447b5b8d5b2cfa47e9541c24be3d118fa51165fd50d576bc3ca428d32892201340562213b714dffe73b9d05715f611a44ad11dc2e78b
+  data.tar.gz: 908afd620d27216ce001e2861a8e110df0bf8fef04957df898ae37cc050f3767ed5cf55b7a82342bc2e3c908aa0e83368ca5de18a8ac74bf16cb80c413fd14af

data/_includes/themes/j1/modules/navigator/generator.html

@@ -1,7 +1,7 @@
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/navigator/generator.html
- #  Liquid HTML template to create the Navigation System for J1 Template 
+ #  Liquid HTML template to create the Navigation System for J1 Template
  #
  #  Product/Info:
  #  https://jekyll.one
@@ -41,7 +41,7 @@
 {% assign template_config             = site.data.template_settings %}
 {% assign blocks                      = site.data.blocks %}
 {% assign modules                     = site.data.modules %}
- 
+
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign authentication_defaults     = modules.defaults.authentication.defaults %}
@@ -92,17 +92,18 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_id                  = navigator_defaults.nav_bar.xhr_container_id %}
 {% assign nav_menu_id                 = navigator_defaults.nav_menu.xhr_container_id %}
+{% assign nav_mmenu_id                = navigator_defaults.nav_mmenu.xhr_container_id %}
 {% assign nav_sidebar_id              = navigator_defaults.nav_sidebar.xhr_container_id %}
 {% assign nav_quicklinks_id           = navigator_defaults.nav_quicklinks.xhr_container_id %}
 {% assign authclient_modals_id        = authclient_options.xhr_container_id %}
 {% assign nav_navbar_media_breakpoint = navigator_defaults.nav_bar.media_breakpoint %}
 
-{% comment %} Set navBarProperties 
+{% comment %} Set navBarProperties
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if nav_fixed %}
   {% assign nav_bar_fixed = 'navbar-fixed' %}
   {% if nav_style == 'overlay' %} {% assign nav_bar_style = 'navbar-transparent' %} {% endif %}
-{% endif %} 
+{% endif %}
 
 {% if nav_color == 'light' %}
   {% assign nav_bar_color = 'light' %}
@@ -111,7 +112,6 @@
 {% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
 
 
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
@@ -119,11 +119,17 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
 {% if topsearch_options.enabled %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->                 
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->
   {% include {{ topsearch_create }} options=topsearch_options %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: topsearch ] -->
 {% endif %}
 
+{% comment %} Place Mobile NAV menu container (HTML data loaded via AJAX)
+------------------------------------------------------------------------------ {% endcomment %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (mobile) ] -->
+<nav id="{{nav_mmenu_id}}"></nav>
+
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: navigation ] -->
 <nav id="{{nav_bar_id}}" class="{{nav_bar_default_css_classes}} {{nav_bar_color}} {{nav_bar_fixed}} {{nav_bar_style}}">
 
@@ -147,35 +153,37 @@
     {% else %}
       <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
-    <button type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-48px"></i>
     </button>
   {% elsif brand_position == "right" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
-    <button type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
-      <i class="mdi mdi-menu mdi-48px"></i>
-    </button>
     {% if site.brand.image %}
       <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
       <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
-  {% else %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
-    <button type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: left ] -->
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-48px"></i>
     </button>
+  {% else %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
     {% if site.brand.image %}
       <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
       <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: right ] -->
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+      <i class="mdi mdi-menu mdi-48px"></i>
+    </button>
   {% endif %}
 
-  {% comment %} Place NAV menu container (HTML data loaded via AJAX)
+  {% comment %} Place Desktop NAV menu container (HTML data loaded via AJAX)
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: nav bar ] -->
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load ] -->
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (desktop) ] -->
   <div id="{{nav_menu_id}}" class="collapse"></div>
 
   {% comment %} Place|Hide Quicklinks container (HTML data loaded via AJAX)
@@ -198,5 +206,3 @@
 <div id="{{authclient_modals_id}}" class="authclient_modals"></div>
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: auth_client ] -->
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: navigation ] -->
-
-

data/assets/data/menu.html

@@ -138,9 +138,9 @@ regenerate:                             true
 <!-- div id="{{nav_menu_id}}" class="{{dropdown_collapse}}" -->
 <!-- div class="{{dropdown_collapse}}" -->
   {% if nav_menu_animation %}
-  <ul class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="{{animate_in}}" data-out="{{animate_out}}">
+  <ul id="desktop_menu" class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="{{animate_in}}" data-out="{{animate_out}}">
   {% else %}
-  <ul class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="fadeIn" data-out="fadeOut">
+  <ul id="desktop_menu" class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="fadeIn" data-out="fadeOut">
   {% endif %}
 
   {% for menu in navigator_menu_config %}
@@ -460,10 +460,10 @@ regenerate:                             true
   <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [nav_menu_settings: end menu] -->
   </ul>
   <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [nav_menu_settings: end navbar] -->
-<!-- div --> 
+<!-- div -->
 <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [nav_menu_settings: end processing] -->
 
 {% endcapture %}
 
 {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

data/assets/data/mmenu.html

@@ -0,0 +1,455 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/menu.html
+ # Liquid procedure to generate HTML portion of the main menu bar
+ # 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
+-------------------------------------------------------------------------------- {% endcomment %}
+{% 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 %}
+
+
+{% 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 navigator_settings    = modules.navigator.settings %}
+{% assign navigator_defaults    = modules.defaults.navigator.defaults %}
+{% assign navigator_menu_config = modules.navigator_menu %}
+
+{% assign themer_defaults       = modules.defaults.themer.defaults %}
+{% assign themer_settings       = modules.themer.settings %}
+
+{% assign nav_bar_defaults      = navigator_defaults.nav_bar %}
+{% assign nav_bar_settings      = navigator_settings.nav_bar %}
+{% assign nav_menu_defaults     = navigator_defaults.nav_menu %}
+{% assign nav_menu_settings     = navigator_settings.nav_menu %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign themer_options        = themer_defaults | merge: themer_settings %}
+{% assign nav_bar_options       = nav_bar_defaults  | merge: nav_bar_settings %}
+{% assign nav_menu_options      = nav_menu_defaults | merge: nav_menu_settings %}
+{% assign theme_preview         = themer_options.preview_page %}
+{% assign nav_menu_id           = nav_menu_options.id %}
+
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+
+<!-- [DEBUG  ] [j1.modules.mmenu.html  ] [detect bs type] -->
+{% assign bs_type  = 'bmd4' %}
+{% if navigator_settings.bs_type == 'bs4' %}
+  {% assign bs_type = 'bs4' %}
+{% endif %}
+
+{% if bs_type == 'bmd4' %}
+  {% assign dropdown_collapse = 'collapse'  %}
+{% elsif bs_type == 'bs4' %}
+  {% assign dropdown_collapse = 'fake-class collapse'  %}
+{% endif %}
+
+<!-- [DEBUG  ] [j1.modules.mmenu.html  ] [bs type detected: {{bs_type}}] -->
+
+{% comment %} Set navBarOptions
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_bar_position      = nav_bar_options.position %}
+
+{% comment %} Set navMenuOptions
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_menu_animation    = nav_menu_options.dropdown_animate %}
+{% if nav_menu_animation %}
+  {% assign animate_in  = nav_menu_options.dropdown_animate_in %}
+  {% assign animate_out = nav_menu_options.dropdown_animate_out %}
+{% endif %}
+
+{% comment %} Set base nav features
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture nav_menu_position %}dropdown-menu-{{nav_bar_position}}{% endcapture %}
+{% unless nav_menu_animation %} {% assign nav_menu_animation  = false %} {% endunless %}
+
+<!-- [DEBUG  ] [j1.modules.mmenu.html  ] [initialize default menu properties] -->
+{% if nav_menu_options.raised_level %}
+  {% assign raised_level = nav_menu_options.raised_level %}
+{% else %}
+  {% assign raised_level = 0 %}
+{% endif %}
+
+{% comment %} Set base icons and sizes
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [DEBUG  ] [j1.modules.mmenu.html  ] [initialize default menu icon properties] -->
+{% assign nav_menu_icon_family         = nav_menu_options.icon_family %}
+{% assign nav_menu_icon_style          = nav_menu_options.icon_style %}
+{% assign nav_menu_icon_color          = nav_menu_options.icon_color %}
+{% assign nav_menu_icon_size           = nav_menu_options.icon_size %}
+
+{% assign icon_family = nav_menu_icon_family | strip | downcase %}
+
+{% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' %}
+  {% assign nav_menu_icon_family  = 'fa' %}
+  {% assign nav_menu_icon_style   = nav_menu_icon_style %}
+{% elsif icon_family == 'mdi' %}
+  {% assign nav_menu_icon_family  = 'mdi' %}
+  {% assign nav_menu_icon_style   = nav_menu_icon_style %}
+{% else %}
+  {% assign nav_menu_icon_family  = 'mdi' %}
+  {% assign nav_menu_icon_style   = nav_menu_icon_style %}
+{% endif %}
+
+{% include {{select_color}} color=nav_menu_icon_color fallback="#9E9E9E" %}
+{% assign nav_menu_icon_color = color %}
+
+{% include {{select_icon_size}} family=nav_menu_icon_family size=nav_menu_icon_size %}
+{% assign nav_menu_icon_size = size %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- [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">
+
+  {% for menu in navigator_menu_config %}
+
+    {% comment %} Identify the menu (item) type
+    ---------------------------------------------------------------------------- {% endcomment %}
+
+    {% if menu.sublevel %}
+      {% assign menu_type = 'sublevel_menu' %}
+    {% elsif menu.megamenu %}
+      {% assign menu_type = 'mega_menu' %}
+    {% elsif menu.auth_client %}
+      {% assign menu_type = 'auth_client' %}
+    {% elsif menu.theme_select %}
+      {% assign menu_type = 'theme_select' %}
+    {% 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.mmenu.html  ] [found menu-type: sub-menue] -->
+      <!-- [INFO   ] [j1.modules.mmenu.html  ] [submenu level 1 detected] -->
+      <li>
+        {% if menu.icon == null %}
+          <a href="#">{{menu.item}}</a>
+        {% else %}
+          <a href="#"> <i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i>{{menu.item}}</a>
+        {% endif %}
+
+        <ul>
+        {% for level_1 in menu.sublevel %}
+          {% if level_1.dropdown == null %}
+            {% if level_1.icon == null %}
+              {% if level_1.target == null %}
+                <li><a href="{{level_1.href}}{{ext}}">{{level_1.title}}</a></li>
+              {% else %}
+                <li><a href="{{level_1.href}}{{ext}}" target="{{level_1.target}}">{{level_1.title}}</a></li>
+              {% endif %}
+            {% else %}
+              {% if level_1.target == null %}
+                <li><a href="{{level_1.href}}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_1.title}}</a></li>
+              {% else %}
+                <li><a href="{{level_1.href}}{{ext}}" target="{{level_1.target}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_1.title}}</a></li>
+              {% endif %}
+            {% endif %}
+          {% endif %}
+
+          {% if level_1.dropdown %}
+            <!-- [INFO   ] [j1.modules.mmenu.html  ] [submenu level 2 (dropdown) detected] -->
+            <li>
+              {% if level_1.icon == null %}
+                <a href="#">{{level_1.title}}</a>
+              {% else %}
+                <a href="#"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_1.title}}</a>
+              {% endif %}
+
+              <ul>
+                {% for level_2 in level_1.dropdown %}
+                  {% if level_2.dropdown == null %}
+                    {% if level_2.icon == null %}
+                      {% if level_2.target == null %}
+                        <li><a href="{{level_2.href}}{{ext}}">{{level_2.title}}</a></li>
+                      {% else %}
+                        <li><a href="{{level_2.href}}{{ext}}" target="{{level_2.target}}">{{level_2.title}}</a></li>
+                      {% endif %}
+                    {% else %}
+                      {% if level_2.target == null %}
+                        <li><a href="{{level_2.href}}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_2.title}}</a></li>
+                      {% else %}
+                        <li><a href="{{level_2.href}}{{ext}}" target="{{level_2.target}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_2.title}}</a></li>
+                      {% endif %}
+                    {% endif %}
+                  {% endif %}
+                  {% if level_2.dropdown %}
+                    <!-- [INFO   ] [j1.modules.mmenu.html  ] [submenu level 3 detected (last level supported)] -->
+                    <li>
+                      {% if level_2.icon == null %}
+                        <a href="#" >{{level_2.title}}</a>
+                      {% else %}
+                        <a href="#" ><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_2.title}}</a>
+                      {% endif %}
+
+                      <ul>
+                      {% for level_3 in level_2.dropdown %}
+                        {% if level_2.icon == null %}
+                          {% if level_3.target == null %}
+                            <li><a href="{{level_3.href}}{{ext}}">{{level_3.title}}</a></li>
+                          {% else %}
+                            <li><a href="{{level_3.href}}{{ext}}" target="{{level_3.target}}">{{level_3.title}}</a></li>
+                          {% endif %}
+                        {% else %}
+                          {% if level_3.target == null %}
+                            <li><a href="{{level_3.href}}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_3.title}}</a></li>
+                          {% else %}
+                            <li><a href="{{level_3.href}}{{ext}}" target="{{level_3.target}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{level_3.title}}</a></li>
+                          {% endif %}
+                        {% endif %}
+                        {% if level_3.divider %} <li class="divider"></li> {% endif %}
+                      {% endfor %} <!-- [INFO   ] [j1.modules.mmenu.html  ] [end processing: level 3] -->
+                      </ul>
+                    </li>
+                  {% endif %}
+              {% endfor %} <!-- [INFO   ] [j1.modules.mmenu.html  ] [end processing: level 2] -->
+              </ul>
+            </li>
+          {% endif %}
+        {% endfor %} <!-- [INFO   ] [j1.modules.mmenu.html  ] [end processing: level 1] -->
+        </ul>
+      </li>
+      <!-- [INFO   ] [j1.modules.mmenu.html  ] [reset menu_type for next loop] -->
+    {% assign menu_type = '' %}
+
+
+    {% comment %} Collect items having a MEGA menu (disabled for now)
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'mmmmmmmega_menu' %}
+      <!-- [INFO   ] [j1.modules.mmenu.html  ] [found menu-type: megamenu-menue] -->
+      <!-- calculate size of mm_columns -->
+      {% assign columns = menu.megamenu | size %}
+      {% assign columns_width_md = 12 | divided_by:columns %}
+      <!-- [INFO   ] [j1.modules.mmenu.html  ] [Calculated size of mm_columns: {{columns_width_md}}] -->
+
+      <li>
+        <a href="#" >{{menu.item}} </a>
+        <ul>
+          <li>
+            <div class="row">
+            {% for megabox in menu.megamenu %}
+            <div class="col-menu col-md-{{columns_width_md}} col-sm-6">
+              {% if megabox.icon == null %}
+                <div class="post-headline mt-2 mb-3">
+                  <h2 class="title" style="font-size:1.25em !important">{{megabox.title}}</h2>
+                </div>
+              {% else %}
+                <div class="post-headline mt-2 mb-3">
+                  <h2 class="title" style="font-size:1.25em !important"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{megabox.icon}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{megabox.title}}</h2>
+                </div>
+              {% endif %}
+              <div class="content">
+                <ul class="menu-col">
+                {% for links in megabox.column %}
+                  {% if links.icon == null %}
+                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{links.target}}">{{links.title}}</a></li>
+                  {% else %}
+                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{links.target}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{links.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{links.title}}</a></li>
+                  {% endif %}
+                {% endfor %}
+                </ul>
+              </div>
+            </div>
+            <!-- [INFO   ] [j1.modules.mmenu.html  ] [megamenu-menue: end megabox] -->
+            {% endfor %}
+            </div>
+          </li>
+        </ul>
+      </li>
+      <!-- [INFO   ] [j1.modules.mmenu.html  ] [megamenu-menue: end mega-menu] -->
+      <!-- [INFO   ] [j1.modules.mmenu.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.mmenu.html  ] [found menu-type: menu-top-level-only] -->
+        {% if menu.icon == null %}
+          <!-- [INFO   ] [j1.modules.mmenu.html  ] [no icon for menu-item found -->
+          {% if menu.target == null %}
+            <li> <a href="{{menu.href}}{{ext}}">{{menu.item}}</a> </li>
+          {% else %}
+            <li> <a href="{{menu.href}}{{ext}}" target="{{menu.target}}">{{menu.item}}</a> </li>
+          {% endif %}
+        {% elsif menu.icon %}
+          <!-- [INFO   ] [j1.modules.mmenu.html  ] [no icon for menu-item found -->
+          {% if menu.target == null %}
+            <li> <a href="{{menu.href}}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{menu.item}}</a> </li>
+          {% else %}
+            <li> <a href="{{menu.href}}{{ext}}" target="{{menu.target}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{menu.item}}</a> </li>
+          {% endif %}
+        {% else %}
+          <!-- [FATAL ] [nav_menu.menu-top-level-only       ] [processing menu item failed] -->
+        {% endif %}
+        <!-- [INFO   ] [j1.modules.mmenu.html  ] [menu-top-level-only: end menu] -->
+        <!-- [INFO   ] [j1.modules.mmenu.html  ] [reset menu_type for next loop] -->
+        {% assign menu_type = '' %}
+
+
+        {% comment %} Collect items having a LOGIN menu  (disabled for now)
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% when 'aaaaaaauth_client' %}
+          <!-- [INFO   ] [j1.modules.mmenu.html  ] [found menu-type: auth_client] -->
+          <li id="menuBarSignInOut" class="dropdown nav-item">
+            <a href="#">{{menu.item}} </a>
+
+            <ul>
+              {% assign item_found = 'false' %}
+              {% for item in menu.auth_client %}
+
+                <!-- [INFO   ] [j1.modules.mmenu.html  ] [START: check signin] -->
+                {% if item.mode == 'signin' %}
+                  <li>
+                    <a href="#" data-toggle="modal" data-target="#modalOmniSignIn"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i>{{item.title}}</a>
+                  </li>
+                  {% assign item_found = 'true' %}
+                {% endif %}
+                <!-- [INFO   ] [j1.modules.mmenu.html  ] [END: check signin] -->
+
+                <!-- [INFO   ] [j1.modules.mmenu.html  ] [START: check signout] -->
+                {% if item.mode == 'signout' %}
+                  <li>
+                    <a href="#" data-toggle="modal" data-target="#modalOmniSignOut"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i>{{item.title}}</a>
+                  </li>
+                  {% assign item_found = 'true' %}
+                {% endif %}
+                <!-- [INFO   ] [j1.modules.mmenu.html  ] [END: check signout] -->
+
+                {% if item_found == 'false' %}
+                <!-- [FATAL  ] [j1.modules.mmenu.html  ] [no valid menu item config found] -->
+                  <li>
+                    {% if item.title %}
+                      <a href="#" >Invalid: {{item.title}}</a>
+                    {% else %}
+                      <a href="#" >Item invalid</a>
+                    {% endif %}
+                  </li>
+                {% endif %}
+
+              {% endfor %}
+              <!-- [INFO   ] [j1.modules.mmenu.html  ] [login_menu: end menu] -->
+            </ul>
+          </li>
+          <!-- [INFO   ] [j1.modules.mmenu.html  ] [reset menu_type for next loop] -->
+          {% assign menu_type = '' %}
+
+          {% comment %} Collect items having a THEMES menu  (disabled for now)
+          ---------------------------------------------------------------------- {% endcomment %}
+          {% when 'ttttttttheme_select' %}
+          {% if themer_options.enabled %}
+            <!-- [INFO   ] [j1.modules.mmenu.html  ] [found menu-type: theme_select] -->
+            <li>
+              <a href="#">{{menu.item}} </a>
+              {% if nav_menu_animation %}
+              <ul>
+              <!-- ul class="dropdown-menu data-in="{{nav_menu_animation}}" data-out="{{nav_menu_animation}}" -->
+              {% else %}
+              <ul>
+              {% endif %}
+                {% assign item_found = 'false' %}
+                {% for item in menu.theme_select %}
+                  <!-- check for J1 Theme selector -->
+                  {% if item.local_themes and item.local_themes == 'enabled' %}
+                    <li>
+                      <a href="#"><i class="{{nav_menu_icon_family}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{item.title}}</a>
+                      <ul id="ThemeSelect"> </ul>
+                    </li>
+                    {% assign item_found = 'true' %}
+                  {% endif %} <!-- end J1 theme selector -->
+                  <!-- check for BootSwatch theme selector -->
+                  {% if item.bootswatch_themes and item.bootswatch_themes == 'enabled' %}
+                    <li>
+                      <a href="#"><i class="{{nav_menu_icon_family}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{item.title}}</a>
+                      <ul id="ThemeList"> </ul>
+                    </li>
+                    {% assign item_found = 'true' %}
+                  {% endif %} <!-- end BootSwatch theme selector -->
+                  {% if item.preview and item.preview == 'enabled' %}
+                    <li>
+                      <a href="{{theme_preview}}" ><i class="{{nav_menu_icon_family}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{item.title}}</a>
+                    </li>
+                    {% assign item_found = 'true' %}
+                    {% endif %} <!-- end theme preview -->
+                     <!-- fallback if no valid config found -->
+                    {% if item_found == 'false' %}
+                    <li>
+                      {% if item.title %}
+                        <a href="#" >Invalid: {{item.title}}</a>
+                      {% else %}
+                        <a href="#" >Item invalid</a>
+                      {% endif %}
+                    </li>
+                  {% endif %} <!-- end fallback -->
+                {% endfor %}
+              </ul>
+            </li>
+            <!-- [INFO   ] [j1.modules.mmenu.html  ] [reset menu_type for next loop] -->
+          {% endif %}
+          {% assign menu_type = '' %}
+
+
+          {% comment %} Collect items failed
+          ---------------------------------------------------------------------- {% endcomment %}
+          {% else %}
+            <!-- [FATAL  ] [j1.modules.mmenu.html  ] [detecting menu items|type failed] -->
+        {% assign menu_type = '' %}
+
+    {% endcase %}
+
+  {% endfor %}
+  <!-- [INFO   ] [j1.modules.mmenu.html  ] [nav_menu_settings: end menu] -->
+  </ul>
+  <!-- [INFO   ] [j1.modules.mmenu.html  ] [nav_menu_settings: end navbar] -->
+<!-- div -->
+<!-- [INFO   ] [j1.modules.mmenu.html  ] [nav_menu_settings: end processing] -->
+
+{% endcapture %}
+
+{{cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines}}
+{% assign cache = nil %}