j1-template 2021.2.0 → 2021.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e12cb7e971b904ebcbdbaea8e6a2b2ad2a02ddcba559dbe0f7c61eadcdbf13b
-  data.tar.gz: c863ff27d0a55b32d639bea1e71d498a5a7942d177959cfc14d640f6b595b9df
+  metadata.gz: '09dbfff70a16ed74df238081b060f13508ec9fe23389ee21f9658caa5c0cc6df'
+  data.tar.gz: f5e2167db6af04253321eebd10bf8b727ff2b0d501a99a84f8f88225d260e0dc
 SHA512:
-  metadata.gz: 78afda98753c8454c825d2d2cb7b95d6574b25feeb539302330728431b3a59c79687f3a5cac3dbef43e3f34fe45d7e1069f6fb62debeafb4c38553a1f6f73ca2
-  data.tar.gz: def228715354f5f95891e891270f8b0ddccad1c50a2f2a830029c36c379413973c8ad4371956960d222a0bee5722e0465b2aa3f0a958dfeccf659e0fe9674b8d
+  metadata.gz: 0e6eb46994768e0ff33d7f408de15daf377b5f5b5473b7dd5a674a4451e15a10b2718b0faabe56338c0f89e3aff4aa4e721c9a1b4afbe4275085be397f36febf
+  data.tar.gz: 4c36317c41ecd6ab66cd2f76515c9272b296e1834f66a6273094f299240e3b5b563fa31f59861c877b41e7fe5e026bc9ac0f693a69b0824d122c75e9a2b748a9

data/_includes/themes/j1/layouts/content_generator_news_panel_posts.html

@@ -302,13 +302,13 @@
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                           {% endif %}
                           {% if language == "de" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
-                        <a class="card-link text-muted text-lowercase"
+                        <a class="card-link md-grey-900 text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>
@@ -350,13 +350,13 @@
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                           {% endif %}
                           {% if language == "de" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
-                        <a class="card-link text-muted text-lowercase"
+                        <a class="card-link md-grey-900 text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>

data/_includes/themes/j1/layouts/layout_metadata_generator.html

@@ -60,7 +60,12 @@
 
 {% if template_config.translation.enabled %}
 <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ add google translator meta tag to enable customized translations ] -->
-<meta name="google-translate-customization" />
+<meta name="translation" content="enabled" />
+{% endif %}
+
+{% if template_config.translation.google %}
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ add google translator meta tag to enable customized translations ] -->
+<meta name="{{template_config.translation.google.meta_data}}" content="enabled" />
 {% endif %}
 
 {% if page.layout == 'home' %}

data/_includes/themes/j1/modules/connectors/translators/google-translator.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/connectors/translators/google-translator.html
- #  Support of multiple languages by Google Translator for J1 Template
+ #  Connector for the Google Translator
  #
  #  Product/Info:
  #  http://jekyll.one
@@ -25,25 +25,13 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- Google Translator, NOT shown by default -->
-<div id="google_translate_element" class="ml-5 mr-5 mb-4" style="display: none;"></div>
-
-  <script type="text/javascript">
-    var logger;
-    
-    function googleTranslateElementInit() {
-      logger = log4javascript.getLogger('j1.translator');
-      logger.info('initialize translator: google');
-      //includedLanguages: 'de,fr,es',
-      //layout: google.translate.TranslateElement.InlineLayout.SIMPLE
-      new google.translate.TranslateElement({
-        pageLanguage: 'en'        
-      }, 
-      'google_translate_element');
-    }
-  </script>
-    
-  <script type="text/javascript"
-    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
-  </script>
-
+<!-- [INFO   ] [j1.modules.connectors.translation     ] [ place callback for the Google Translator API ] -->
+<script>
+  function googleTranslateElementInit() {
+    new google.translate.TranslateElement({
+      pageLanguage: 'en',
+      layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT
+    },
+    'google_translate_element');
+  }
+</script>

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -223,22 +223,22 @@
               <div class="card-footer-text">
                 {% if post.date %}
                   {% if language == "en" %}
-                    <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                    <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                   {% endif %}
                   {% if language == "de" %}
-                    <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                    <i class="mdi mdi-calendar-blank md-md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                   {% endif %}
                 {% endif %}
                 {% if likes_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-heart md-grey-600 mr-1"></i> {{likes_count}}
+                <i class="mdi mdi-heart md-grey-900 mr-1"></i> {{likes_count}}
                 {% endif %}
                 {% if comment_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-comment md-grey-600 mr-1"></i> {{comment_count}}
+                <i class="mdi mdi-comment md-grey-900 mr-1"></i> {{comment_count}}
                 {% endif %}
               </div>
-              <a class="card-link text-muted text-lowercase"
+              <a class="card-link md-grey-900 text-lowercase"
                 href="{{post.url}}#readmore">
                 {{readmore_text}} · {{post.tagline}}
               </a>

data/_layouts/default.html

@@ -130,8 +130,7 @@ layout:                                 compress
   ------------------------------------------------------------------------------ {% endcomment %}
     <!-- [INFO   ] [j1.layout.default.html                ] [ start page processing for region: 'body' ] -->
     <!-- [INFO   ] [j1.layout.default.html                ] [ place wrapper to prevent "DOM flicker" ] -->
-    <!-- [INFO   ] [j1.layout.default.html                ] [ make page hidden ] -->
-    <!-- div id="no_flicker" class="nojs" -->
+    <!-- [INFO   ] [j1.layout.default.html                ] [ make page hidden (suppress flicker) ] -->
     <div id="no_flicker" style="display: none">
 
       {% comment %} collect the BODY-NAVIGATION region
@@ -153,6 +152,7 @@ layout:                                 compress
       <!-- [INFO   ] [j1.layout.default.html                ] [ end content_writer default_writer for region: 'body-footer' ] -->
 
     </div>
+    <!-- [INFO   ] [j1.layout.default.html                ] [ end suppress flicker ] -->
     <!-- [INFO   ] [j1.layout.default.html                ] [ end default writer] -->
 
     <!-- [INFO   ] [j1.layout.default.html                ] [ place noscript info|error page ] -->
@@ -206,17 +206,11 @@ layout:                                 compress
         </body>
       </html>
     </noscript>
-  </body>
 
-  {% comment %} Place|Initialize module components
-  ------------------------------------------------------------------------------
-  NOTE: xhr_container should be DYNAMICALLY placed by
-        the module using it !!!
-        Example CookieConsent
-  ------------------------------------------------------------------------------ {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html                ] [ place hidden color selector/themes: bg-primary ] -->
+    <div id="bg-primary" class="bg-primary" style="display: none"></div>
 
-  {% comment %} Place container for Cookiebar modals
-  ------------------------------------------------------------------------------ {% endcomment %}
+  </body>
 
   {% comment %} Place container for WebHook modals
   ------------------------------------------------------------------------------ {% endcomment %}
@@ -230,11 +224,14 @@ layout:                                 compress
   <!-- [INFO   ] [j1.layout.default.html                ] [ place container for the r-text resizer modal ] -->
   <div id="rtext_resizer_container"></div>
 
-  {% comment %} Initialize Tooltips|Popovers
+  {% comment %} Initialize global JS scripts
   ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.layout.default.html                ] [ initialize BS tooltips|popovers ] -->
+  <!-- [INFO   ] [j1.layout.default.html                ] [ initialize global JS scripts ] -->
   <script>
     $(function() {
+    {% comment %} BS tooltips and popovers
+    ---------------------------------------------------------------------------- {% endcomment %}
+    // initialize BS tooltips and popovers
     {% if tooltips_options.enabled %}
       $('[data-toggle="tooltip"').tooltip({
         trigger: '{{tooltips_options.trigger}}'
@@ -245,25 +242,39 @@ layout:                                 compress
         trigger: '{{popovers_options.trigger}}'
       });
     {% endif %}
-    });
-  </script>
 
-  {% comment %} Initialize Window History (back on <ESC>)
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.layout.default.html                ] [ initialize window.history.back ] -->
-  <script>
-  // Redirect on KEY <ESC>
-  window.onkeyup = function (e)
-  {
-   if (e.keyCode == 27) window.history.back();
-  }
+    {% comment %} Update cookie for lastpage
+    ---------------------------------------------------------------------------- {% endcomment %}
+      // save the current page to userstate cookie
+      var dependencies_met_page_ready = setInterval (function (options) {
+        if (j1.getState() === 'finished') {
+          var logger = log4javascript.getLogger('j1.layout.default');
+
+          function setLastPage() {
+            var cookie_names                = j1.getCookieNames();
+            const user_state_cookie_name    = cookie_names.user_session;
+            var user_state                  = j1.readCookie(user_state_cookie_name);
+            var user_state_last_page        = window.location.pathname;
+            user_state.last_page            = user_state_last_page;
+
+            j1.writeCookie({
+              name: user_state_cookie_name,
+              data: user_state,
+              samesite: 'Strict'
+            });
+            logger.debug('\n' + 'saved current page to cookie :' + user_state_last_page);
+          }
+          setLastPage();
+          clearInterval(dependencies_met_page_ready);
+        }
+      });
+    });
   </script>
   <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->
 </html>
 
 {% endcapture %}
 
-
 {% comment %} POST processing of the generated page using (captured) cache
 -------------------------------------------------------------------------------- {% endcomment %}
 {% case environment %}
@@ -277,7 +288,6 @@ layout:                                 compress
       {{ j1_cache | strip_empty_lines | remove: '<p>excerpt__end</p>' }}
     {% endif %} {% comment %} END prettify {% endcomment %}
 
-
   {% comment %} PRODUCTION mode
   ------------------------------------------------------------------------------ {% endcomment %}
   {% when 'production' or 'prod' %}

data/assets/data/cookieconsent.html

@@ -69,12 +69,14 @@ exclude_from_search:                    true
 <div id="consent-data-en">
   <div id="modal-consent-en" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
     <div class="modal-content">
+
       <div class="modal-header">
-        <p class="lead">{{consent_options.consent_modal_title.en}}</p>
+        <p class="lead">{{consent_options.modal_settings.title.en}}</p>
       </div>
+
       <div class="modal-body">
         <div class="bccs-body-text" style="font-size: 90%">
-          <p class="mb-4">{{consent_options.body_text.en}}</p>
+          <p class="mb-4">{{consent_options.modal_settings.body_text.en}}</p>
         </div>
         <p>
           <a href="#bccs-privacy" data-toggle="collapse" class="">Privacy Notice</a>
@@ -83,7 +85,7 @@ exclude_from_search:                    true
 
         <div id="bccs-privacy" class="collapse">
           <div class="bccs-body-text" style="font-size: 90%">
-            <p class="mb-4">{{consent_options.privacy_notice.en}}</p>
+            <p class="mb-4">{{consent_options.modal_settings.privacy_notice.en}}</p>
           </div>
         </div>
 
@@ -94,50 +96,52 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="necessary">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" disabled="" checked="">
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked="true" disabled>
                 <span class="bmd-switch-track"></span>
-                Necessary
+                Necessary (Session Cookies)
               </label>
               <ul>
                 <li>Required to run the website</li>
               </ul>
             </div>
           </div>
-          <div class="bccs-option" data-name="analyses">
+          <div class="bccs-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxAnalyses" type="checkbox" name="bccs-checkboxAnalyses" checked="">
+                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked="true">
                 <span class="bmd-switch-track"></span>
-                Analyses
+                Analysis (Persistent Cookies)
               </label>
               <ul>
-                <li>Monitoring website usage</li>
-                <li>Optimizing the user experience</li>
+                <li>Usage monitoring for this site</li>
+                <li>Optimizing of the performance for this site</li>
+                <li>Optimizing of content for all visitors</li>
               </ul>
             </div>
           </div>
           <div class="bccs-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="">
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="true">
                 <span class="bmd-switch-track"></span>
-                Personalization
+                Personalization (Persistent Cookies)
               </label>
               <ul>
-                <li>Storage of your preferences from previous visits</li>
-                <li>Collecting user feedback to improve our website</li>
-                <li>Recording of your interests in order to provide customised content and offers</li>
+                <li>Collect user feedback for improvements</li>
+                <li>Storage of personal preferences from previous visits</li>
+                <li>Translation or comments to exchange visitor's experiences</li>
               </ul>
             </div>
           </div>
         </div>
       </div>
+
       <div class="modal-footer">
         <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
-        I do not agree
+        I do not Agree
         </button>
         <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
-        Agree
+        I Agree
         </button>
         <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
         Save selection
@@ -146,6 +150,7 @@ exclude_from_search:                    true
         Agree on all
         </button>
       </div>
+
     </div>
   </div>
 </div>
@@ -158,12 +163,14 @@ exclude_from_search:                    true
 <div id="consent-data-de">
   <div id="modal-consent-de" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
     <div class="modal-content">
+
       <div class="modal-header">
-        <p class="lead">{{consent_options.consent_modal_title.de}}</p>
+        <p class="lead">{{consent_options.modal_settings.title.de}}</p>
       </div>
+
       <div class="modal-body">
         <div class="bccs-body-text" style="font-size: 90%">
-          <p class="mb-4">{{consent_options.body_text.de}}</p>
+          <p class="mb-4">{{consent_options.modal_settings.body_text.de}}</p>
         </div>
         <p>
           <a href="#bccs-privacy" data-toggle="collapse" class="">Datenschutzerklärung</a>
@@ -172,7 +179,7 @@ exclude_from_search:                    true
 
         <div id="bccs-privacy" class="collapse">
           <div class="bccs-body-text" style="font-size: 90%">
-            <p class="mb-4">{{consent_options.privacy_notice.de}}</p>
+            <p class="mb-4">{{consent_options.modal_settings.privacy_notice.de}}</p>
           </div>
         </div>
 
@@ -183,50 +190,52 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="necessary">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" disabled="" checked="">
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked="true" disabled>
                 <span class="bmd-switch-track"></span>
-                Notwendig
+                Notwendig (Sitzungscookies)
               </label>
               <ul>
                 <li>Zum Betrieb der Website erforderlich</li>
               </ul>
             </div>
           </div>
-          <div class="bccs-option" data-name="analyses">
+          <div class="bccs-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxAnalyses" type="checkbox" name="bccs-checkboxAnalyses" checked="">
+                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked="true">
                 <span class="bmd-switch-track"></span>
-                Analysen
+                Analysen (dauerhafte Cookies)
               </label>
               <ul>
-                <li>Beobachtung der Website-Nutzung</li>
-                <li>Optimierung der Benutzererfahrung</li>
+                <li>Nutzungsüberwachung für diese Website</li>
+                <li>Optimierung der Leistung für diese Website</li>
+                <li>Optimierung des Inhalts für alle Besucher</li>
               </ul>
             </div>
           </div>
           <div class="bccs-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="">
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="true">
                 <span class="bmd-switch-track"></span>
-                Personalisierung
+                Personalisierung (dauerhafte Cookies)
               </label>
               <ul>
-                <li>Speicherung Ihrer Präfererenzen aus frühreren Besuchen</li>
-                <li>Sammeln von Benutzer-Feedback zur Verbesserung unserer Website</li>
-                <li>Erfassung Ihrer Interessen, um maßgeschneiderte Inhalte und Angebote anzubieten</li>
+                <li>Sammeln von Benutzer-Feedback für Verbesserungen</li>
+                <li>Speicherung Ihrer Präferenzen aus frühreren Besuchen</li>
+                <li>Übersetzungen oder Kommentare zum Austausch von Erfahrungen der Besucher</li>
               </ul>
             </div>
           </div>
         </div>
       </div>
+
       <div class="modal-footer">
         <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
         Ich bin nicht einverstanden
         </button>
         <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
-        Einverstanden
+        Ich bin Einverstanden
         </button>
         <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
         Auswahl speichern
@@ -235,6 +244,7 @@ exclude_from_search:                    true
         Allen zustimmen
         </button>
       </div>
+
     </div>
   </div>
 </div>

data/assets/data/msdropdown.json

@@ -0,0 +1,155 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/msdropdown.json
+ # The Liquid template is used by J1 Translator module to create msDropdown
+ # (select) elements DYNAMICALLY
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # Be carefull change the Liquid code. If the code is changed, check the
+ # integrity of the JSON data created. Invalid JSON data will cause the
+ # the J1 Translator module to fail.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+
+{
+  "googleLanguages":
+  [
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "af",    "text": "Afrikaans"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sq",    "text": "Albanian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ar",    "text": "Arabic"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hy",    "text": "Armenian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "az",    "text": "Azerbaijani"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "eu",    "text": "Basque"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "be",    "text": "Belarusian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "bn",    "text": "Bengali"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "bg",    "text": "Bulgarian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ca",    "text": "Catalan"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "zh-CN", "text": "Chinese (Simplified)"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "zh-TW", "text": "Chinese (Traditional)"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hr",    "text": "Croatian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "cs",    "text": "Czech"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "da",    "text": "Danish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "nl",    "text": "Dutch"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "eo",    "text": "Esperanto"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "et",    "text": "Estonian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "tl",    "text": "Filipino"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fi",    "text": "Finnish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fr",    "text": "French"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "gl",    "text": "Galician"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ka",    "text": "Georgian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "de",    "text": "German"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "el",    "text": "Greek"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "gu",    "text": "Gujarati"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ht",    "text": "Haitian Creole"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "iw",    "text": "Hebrew"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hi",    "text": "Hindi"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hu",    "text": "Hungarian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "is",    "text": "Icelandic"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "id",    "text": "Indonesian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ga",    "text": "Irish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "it",    "text": "Italian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ja",    "text": "Japanese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "kn",    "text": "Kannada"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ko",    "text": "Korean"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "la",    "text": "Latin"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lv",    "text": "Latvian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lt",    "text": "Lithuanian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "mk",    "text": "Macedonian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ms",    "text": "Malay"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "mt",    "text": "Maltese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "no",    "text": "Norwegian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fa",    "text": "Persian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pl",    "text": "Polish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt",    "text": "Portuguese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ro",    "text": "Romanian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ru",    "text": "Russian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sr",    "text": "Serbian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sk",    "text": "Slovak"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sl",    "text": "Slovenian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "es",    "text": "Spanish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sw",    "text": "Swahili"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sv",    "text": "Swedish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ta",    "text": "Tamil"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "te",    "text": "Telugu"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "th",    "text": "Thai"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "tr",    "text": "Turkish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "uk",    "text": "Ukrainian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ur",    "text": "Urdu"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "vi",    "text": "Vietnamese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "cy",    "text": "Welsh"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "yi",    "text": "Yiddish"}
+  ],
+
+  "deeplLanguages":
+  [
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "bg",    "text": "Bulgarian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "cs",    "text": "Czech" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "da",    "text": "Danish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "de",    "text": "German" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "el",    "text": "Greek" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "es",    "text": "Spanish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "en",    "text": "English" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "en-us", "text": "English (American)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "en-uk", "text": "English (British)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "et",    "text": "Estonian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ft",    "text": "Finnish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fr",    "text": "French" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hu",    "text": "Hungarian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "it",    "text": "Italian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ja",    "text": "Japanese" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lv",    "text": "Latvian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lt",    "text": "Lithuanian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "nl",    "text": "Dutch" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "af",    "text": "Polish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt",    "text": "Portuguese" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt-pt", "text": "Portuguese (Portugal)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt-br", "text": "Portuguese (Brazilian)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ro",    "text": "Romanian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ru",    "text": "Russian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sk",    "text": "Slovak" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sl",    "text": "Slovenian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sv",    "text": "Swedish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "zh",    "text": "Chinese" }
+  ],
+
+  "jsonTest":
+  [
+    {"description":"Choose your payment gateway", "value":"", "text":"Payment Gateway"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Amex-56.png", "description":"My life. My card...", "value":"amex", "text":"Amex"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Discover-56.png", "description":"It pays to Discover...", "value":"Discover", "text":"Discover"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Mastercard-56.png", "title":"For everything else...", "description":"For everything else...", "value":"Mastercard", "text":"Mastercard"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Cash-56.png", "description":"Sorry not available...", "value":"cash", "text":"Cash on delivery", "disabled":true},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Visa-56.png", "description":"All you need...", "value":"Visa", "text":"Visa"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Paypal-56.png", "description":"Pay and get paid...", "value":"Paypal", "text":"Paypal"}
+  ]
+}
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}