j1-template 2020.0.8 → 2020.0.13

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -35,18 +35,23 @@ regenerate:                             false
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config       = site %}
 {% assign template_config   = site.data.template_settings %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign algolia_config    = site_config.algolia %}
+{% assign algolia_config    = site.algolia %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/algolia.js
@@ -63,6 +68,12 @@ regenerate:                             false
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -113,7 +124,9 @@ j1.adapter['algolia'] = (function (j1, window) {
       {% comment %} Load module config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       // Load  module DEFAULTS|CONFIG
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{algolia_config | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof settings !== 'undefined') {
         moduleOptions = j1.mergeData(moduleOptions, settings);
@@ -129,24 +142,24 @@ j1.adapter['algolia'] = (function (j1, window) {
       var hitTemplate = function(hit) {
         // state = 'start search';
         // logger.info('state: ' + state);
-        // var re = new RegExp("^\/posts");
-        // var re = new RegExp("^\/pages");
-        var re = new RegExp("^\/pages|^\/posts|^\/collections");
+        // var re = new RegExp('^\/posts');
+        // var re = new RegExp('^\/pages');
+        var re = new RegExp('^\/pages|^\/posts|^\/collections');
         if (re.test(hit.url)) {
-          let date = '';
+          var date = '';
           if (hit.date) {
             date = moment.unix(hit.date).format('MMM D, YYYY');
           }
-          // let url = `/jekyll-algolia-example${hit.url}#${hit.anchor}`;
-          let url = `${hit.url}`;
+          // var url = `/jekyll-algolia-example${hit.url}#${hit.anchor}`;
+          var url = hit.url;
 
           const title = hit._highlightResult.title.value;
-          let breadcrumbs = '';
+          var breadcrumbs = '';
 
           if (hit._highlightResult.headings) {
             breadcrumbs = hit._highlightResult.headings.map(match => {
-              return `<span class="post-breadcrumb">${match.value}</span>`
-            }).join(' > ')
+              return `<span class="post-breadcrumb">${match.value}</span>`;
+            }).join(' > ');
           }
 
           var content = hit._highlightResult.html.value;
@@ -169,7 +182,7 @@ j1.adapter['algolia'] = (function (j1, window) {
         }
         // state = 'finished search';
         // logger.info('state: ' + state);
-      }
+      };
 
       if (moduleOptions.enabled == true) {
         // initialize currentRefinedValues
@@ -230,9 +243,9 @@ j1.adapter['algolia'] = (function (j1, window) {
             container:        '#refinement-list',
             attributeName:    'tags',
             collapsible:      true,
-            operator:         "and",
+            operator:         'and',
             limit:            5,
-            sortBy:           ["isRefined","count:desc","name:asc"],
+            sortBy:           ['isRefined','count:desc','name:asc'],
             templates: {
               header:         'Tags'
             },
@@ -264,7 +277,7 @@ j1.adapter['algolia'] = (function (j1, window) {
         $('#algolia-site-search').append('<p class="ml-5 mt-5 mb-5 "> <strong>Algolia Search DISABLED</strong> </p>');
         _this.setState('finished');
         logger.info('state: ' + _this.getState());
-        logger.warn("module disabled");
+        logger.warn('module disabled');
       }
 
       return true;
@@ -317,5 +330,9 @@ j1.adapter['algolia'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -36,7 +36,6 @@ regenerate:                             true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config           = site %}
 {% assign template_config       = site.data.template_settings %}
 {% assign blocks                = site.data.blocks %}
 {% assign modules               = site.data.modules %}
@@ -50,6 +49,11 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign attic_options        = attic_defaults | merge: attic_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/attic.js
@@ -70,6 +74,12 @@ regenerate:                             true
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -113,14 +123,17 @@ j1.adapter['attic'] = (function (j1, window) {
       logger.info('module is being initialized');
 
       {% comment %} Loading headers if j1.template.init() loaded all data objects
+      DISABLED all DEPENDENCIES to NOT delay the render of a page (SEO)
       -------------------------------------------------------------------------- {% endcomment %}
-      var dependencies_met_attic_adapter = setInterval(function() {
-        if (typeof j1.colors !== 'undefined' && typeof j1.fonts !== 'undefined') {
-          _this.loadHeader(frontmatterOptions);
-          // clear interval checking
-          clearInterval(dependencies_met_attic_adapter);
-        }
-      }, 25); // END 'dataLoaded'
+      // var dependencies_met_attic_adapter = setInterval(function() {
+      //   if (typeof j1.colors !== 'undefined' && typeof j1.fonts !== 'undefined') {
+      //     _this.loadHeader(frontmatterOptions);
+      //     // clear interval checking
+      //     clearInterval(dependencies_met_attic_adapter);
+      //   }
+      // }, 25); // END 'dataLoaded'
+
+      _this.loadHeader(frontmatterOptions);
 
       return true;
     }, // END init
@@ -143,7 +156,7 @@ j1.adapter['attic'] = (function (j1, window) {
           function {{attic_id}} (atticOptions) {
             // Fire backstretch for all slides of the header on attic_id
             if ($('#{{attic_id}}').length) {
-              $("#{{attic_id}}").backstretch(
+              $('#{{attic_id}}').backstretch(
                 atticOptions.slides, {
                   debug:                          atticOptions.debug,
                   spinner:                        atticOptions.spinner,
@@ -188,7 +201,7 @@ j1.adapter['attic'] = (function (j1, window) {
             See: https://github.com/jquery-backstretch/jquery-backstretch/issues/194
             -------------------------------------------------------------------- {% endcomment %}
             $(window).on('backstretch.after', function (e, instance, index) {
-              logText ='add caption text'
+              logText ='add caption text';
               _this.setState('backstretch_after');
               logger.debug('state: ' + status);
               logger.debug(logText);
@@ -235,7 +248,7 @@ j1.adapter['attic'] = (function (j1, window) {
             {% comment %} Detect how show should run (only once|infinite loop)
             -------------------------------------------------------------------- {% endcomment %}
             {% if image_loop %}
-            $(window).on("backstretch.before", function (e, instance, index) {
+            $(window).on('backstretch.before', function (e, instance, index) {
               _this.setState('backstretch_before_image_loop');
               logger.debug('state: ' + _this.getState());
               // remove class for the backstretch_intro background
@@ -244,12 +257,12 @@ j1.adapter['attic'] = (function (j1, window) {
               }
             });
             {% else %}
-            $(window).on("backstretch.before", function (e, instance, index) {
+            $(window).on('backstretch.before', function (e, instance, index) {
               _this.setState('backstretch_before_image_once');
               logger.debug('state: ' + _this.getState());
               // Stop the slideshow after reached the last image
               if (index === backstretch_instance_data.images.length -1) {
-                $("#{{attic_id}}").backstretch("pause");
+                $('#{{attic_id}}').backstretch('pause');
                 // remove class for the backstretch_intro background
                 $('.backstretch').removeClass(atticOptions.spinner);
               }
@@ -316,6 +329,7 @@ j1.adapter['attic'] = (function (j1, window) {
 
                 // Create and json object for HEADER options taken from
                 // header config (YAML data file)
+                /* eslint-disable */
                 var atticOptions = {
                   {% if raised_level %}         "raised_level":           {{ raised_level | json }}, {% endif %}
                   {% if r_text %}               "r_text":                 {{ r_text | json }}, {% endif %}
@@ -334,10 +348,10 @@ j1.adapter['attic'] = (function (j1, window) {
                   {% if background_color_1 %}   "background_color_1":     {{ background_color_1 | json }}, {% endif %}
                   {% if background_color_2 %}   "background_color_2":     {{ background_color_2 | json }}, {% endif %}
                 }
-
+                /* eslint-enable */
                 {% comment %} trans-script header|backstretch options
                 ---------------------------------------------------------------- {% endcomment %}
-                {% if type == "video" %}
+                {% if type == 'video' %}
                   {% assign isVideo = true %}
                   {% if sound %} {% assign mute = false %} {% else %} {% assign mute = true %} {% endif %}
                   {% if loop %}  {% assign loop = true %}  {% else %} {% assign loop = true %} {% endif %}
@@ -345,6 +359,7 @@ j1.adapter['attic'] = (function (j1, window) {
 
                 // Create an json object for BACKSTRETCH options taken from
                 // header config (yaml data file)
+                /* eslint-disable */
                 var atticOptions = {
                   {% if spinner %}              "spinner":                {{ spinner | json }}, {% endif %}
                   {% if opacity %}              "opacity":                {{ opacity | json }}, {% endif %}
@@ -366,20 +381,13 @@ j1.adapter['attic'] = (function (j1, window) {
                   {% if duration %}             "duration":               {{ duration | json }}, {% endif %}
                 }
 
-                // Load  Header DEFAULTS
+                // Load  Attic DEFAULTS
                 var attic_options = $.extend({}, {{attic_options | replace:'=>',':' }});
 
-                // Merge|Overload  Header DEFAULTS by (header) OPTIONS
+                // Merge|Overload  Attic DEFAULTS by individual settings
                 // var atticOptions = j1.mergeData(attic_options, atticOptions);
                 var atticOptions = j1.mergeData(atticOptions, attic_options);
-
-                // Load  Backstretch DEFAULTS
-                //var image_attic_defaults = $.extend({}, {{image_attic_defaults | replace:'=>',':' }});
-
-                // Merge|Overload  Backstretch DEFAULTS by (header) OPTIONS
-                //var atticOptions = j1.mergeData(image_attic_defaults, atticOptions);
-
-
+                /* eslint-enable */
               {% else %}
                 {% continue %}
               {% endif %} // ENDIF attic_id
@@ -433,26 +441,34 @@ j1.adapter['attic'] = (function (j1, window) {
 
             {% comment %} Resolve symbolic color names
             -------------------------------------------------------------------- {% endcomment %}
-            atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
-            atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
-            atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
-            atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+            // atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
+            // atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
+            // atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
+            // atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+
+            atticOptions.title_color         = atticOptions.title_color;
+            atticOptions.tagline_color       = atticOptions.tagline_color;
+            atticOptions.background_color_1  = atticOptions.background_color_1;
+            atticOptions.background_color_2  = atticOptions.background_color_2;
 
             {% comment %} Resolve symbolic font sizes names
             -------------------------------------------------------------------- {% endcomment %}
-            atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
-            atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+            // atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
+            // atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+
+            atticOptions.title_size          = atticOptions.title_size;
+            atticOptions.tagline_size        = atticOptions.tagline_size;
 
             {% comment %} Add header CSS classes
             -------------------------------------------------------------------- {% endcomment %}
             if (atticOptions.r_text == 'enabled') { $('#{{attic_id}}').addClass('r-text'); }
 
-            var raised_level = "raised-z" +atticOptions.raised_level;
+            var raised_level = 'raised-z' +atticOptions.raised_level;
             $('#{{attic_id}}').addClass(raised_level);
             $('#head-title').addClass(atticOptions.title_animate);
             $('#head-tagline').addClass(atticOptions.tagline_animate);
 
-            var text_emphasis = "text-emphasis-" +atticOptions.text_emphasis;
+            var text_emphasis = 'text-emphasis-' +atticOptions.text_emphasis;
             $('#head-title-text').addClass(text_emphasis);
             $('#head-tagline-text').addClass(text_emphasis);
 
@@ -461,22 +477,22 @@ j1.adapter['attic'] = (function (j1, window) {
             var attic_style = '';
 
             // Initialze header background gradient
-            attic_style += "<style> .attic { ";
-            attic_style += "background-image: -webkit-gradient(linear, left top, left bottom, from(" +atticOptions.background_color_1+ "), to(" +atticOptions.background_color_2+ "));";
-            attic_style += "background-image: -webkit-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += "background-image: -o-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += "background-image: linear-gradient(to bottom, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0); ';
-            attic_style += "} </style>";
+            attic_style += '<style> .attic { ';
+            attic_style += 'background-image: -webkit-gradient(linear, left top, left bottom, from(' +atticOptions.background_color_1+ '), to(' +atticOptions.background_color_2+ '));';
+            attic_style += 'background-image: -webkit-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%);';
+            attic_style += 'background-image: -o-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%);';
+            attic_style += 'background-image: linear-gradient(to bottom, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%);';
+            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0);';
+            attic_style += '} </style>';
             $('head').append(attic_style);
 
             // Initialze header sizes
             attic_style = '';
+            attic_style = '<style> .attic { padding-top: ' +atticOptions.padding_top+ 'px; padding-bottom: ' +atticOptions.padding_bottom+ 'px; margin-bottom: ' +atticOptions.margin_bottom+ 'px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>';
 
-            attic_style = "<style> .attic { padding-top:" +atticOptions.padding_top+ "px; padding-bottom: " +atticOptions.padding_bottom+ "px; margin-bottom: " +atticOptions.margin_bottom+ "px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>"
             $('head').append(attic_style);
-            $('head').append("<style> .attic .head-title h2 { color: " +atticOptions.title_color+ ";font-size: " +atticOptions.title_size+ " !important; text-align: " +atticOptions.title_align+ ";} </style>");
-            $('head').append("<style> .attic .head-tagline h3 { color: " +atticOptions.tagline_color+ ";font-size: " +atticOptions.tagline_size+ " !important; text-align: " +atticOptions.tagline_align+ "; } </style>");
+            $('head').append('<style> .attic .head-title h2 { color: ' +atticOptions.title_color+ ';font-size: ' +atticOptions.title_size+ ' !important; text-align: ' +atticOptions.title_align+ ';} </style>');
+            $('head').append('<style> .attic .head-tagline h3 { color: ' +atticOptions.tagline_color+ ';font-size: ' +atticOptions.tagline_size+ ' !important; text-align: ' +atticOptions.tagline_align+ '; } </style>');
 
             // Add opacity to all header images
             // See: https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
@@ -495,7 +511,7 @@ j1.adapter['attic'] = (function (j1, window) {
               $(function() {
                 // logger.debug('Load image header on: ' + {{attic_id}});
                 logger.debug('Load image header');
-                {{attic_id}}(atticOptions)
+                {{attic_id}}(atticOptions);
                 _this.setState('completed');
                 logger.info('state: ' + _this.getState());
               });
@@ -559,5 +575,9 @@ j1.adapter['attic'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -31,6 +31,12 @@ regenerate:                             true
 {% assign template_version    = site.version %}
 {% assign slider_id           = '' %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
@@ -64,6 +70,12 @@ regenerate:                             true
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -102,7 +114,9 @@ j1.adapter['carousel'] = (function (j1, window) {
       {% comment %} Load module config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       // Load  module DEFAULTS|CONFIG
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{carousel_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof settings !== 'undefined') {
         moduleOptions = j1.mergeData(moduleOptions, settings);
@@ -141,7 +155,7 @@ j1.adapter['carousel'] = (function (j1, window) {
             {% if item.show.slide_height != null %}
               // Set slide_height: {{item.show.slide_height}}vh
               {% assign slide_height  = item.show.slide_height %}
-              $('head').append("<style>.owl-carousel .item{height: {{slide_height}}vh;}</style>");
+              $('head').append('<style>.owl-carousel .item{height: {{slide_height}}vh;}</style>');
             {% endif %}
 
             {% if item.show.slide_space_between %}
@@ -173,12 +187,13 @@ j1.adapter['carousel'] = (function (j1, window) {
               $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,0.3)}</style>');
             {% endif %}
 
-            $('head').append("<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>");
+            $('head').append('<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>');
             //$('.{{slider_id}}-item').parent().addClass('owl-carousel');
             //$('.owl-carousel .item').css('margin','{{slide_space}}px');
 
             // Initialize individual show parameters
-            $("#{{slider_id}}").owlCarousel({
+            /* eslint-disable */
+            $('#{{slider_id}}').owlCarousel({
               {% for option in item.show.options %}
               {{option[0] | json}}: {{option[1] | json}},
               {% endfor %}
@@ -189,29 +204,31 @@ j1.adapter['carousel'] = (function (j1, window) {
               "jsonPath": {{carousel_options.xhr_data_path | json}},
               "jsonSuccess": customDataSuccess_{{forloop.index}}
             });
+            /* eslint-enable */
+
             // Initialize instance variable (for later access)
             //{{slider_id}} = $('#{{slider_id}}').data('owlCarousel');
 
-            j1["{{slider_id}}"] = $('#{{slider_id}}').data('owlCarousel');
+            j1['{{slider_id}}'] = $('#{{slider_id}}').data('owlCarousel');
 
             // jQuery show data functions
             function customDataSuccess_{{forloop.index}}(data){
-              var content = "";
-              for (var i in data["{{slider_id}}"]) {
+              var content = '';
+              for (var i in data['{{slider_id}}']) {
                 {% if slider_type == 'image' %}
-                var lb          = data["{{slider_id}}"][i].lb;
-                var lb_caption  = data["{{slider_id}}"][i].lb_caption;
-                var img         = data["{{slider_id}}"][i].img;
-                var alt         = data["{{slider_id}}"][i].alt;
+                var lb          = data['{{slider_id}}'][i].lb;
+                var lb_caption  = data['{{slider_id}}'][i].lb_caption;
+                var img         = data['{{slider_id}}'][i].img;
+                var alt         = data['{{slider_id}}'][i].alt;
                 {% endif %}
                 {% if slider_type == 'text' %}
-                var text        = data["{{slider_id}}"][i].text;
+                var text        = data['{{slider_id}}'][i].text;
                 {% endif %}
-                var href        = data["{{slider_id}}"][i].href;
+                var href        = data['{{slider_id}}'][i].href;
                 {% if  css_classes %}
-                var css_classes = 'class="{{css_classes}}";'
+                var css_classes = 'class="{{css_classes}}";';
                 {% else %}
-                var css_classes = ''
+                var css_classes = '';
                 {% endif %}
 
                 {% if slider_type == 'image' %}
@@ -229,24 +246,24 @@ j1.adapter['carousel'] = (function (j1, window) {
                     }
                     content += '\t\t' + '</div>' + '\n';
                   } else {
-                    content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{slider_id}}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + '</a>'
+                    content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{slider_id}}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + '</a>';
                   }
                 } else if (href) {
-                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>'
+                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>';
                 } else {
-                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>'
+                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>';
                 }
                 {% endif %}
 
                 {% if slider_type == 'text' %}
                 if (href) {
-                  content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>'
+                  content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>';
                 } else {
-                  content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>'
+                  content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>';
                 }
                 {% endif %}
               }
-              $("#{{slider_id}}").html(content);
+              $('#{{slider_id}}').html(content);
               logText = 'initializing slider finished on id: {{slider_id}}';
               logger.info(logText);
             } // END customDataSuccess_{{forloop.index}}
@@ -309,5 +326,9 @@ j1.adapter['carousel'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{cache | strip_empty_lines}}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}