govuk_frontend_toolkit 4.18.3 → 4.18.4

data/app/assets/javascripts/govuk/modules/auto-track-event.js

@@ -1,30 +1,30 @@
-(function(global) {
-  "use strict";
+;(function (global) {
+  'use strict'
 
-  var GOVUK = global.GOVUK || {};
-  GOVUK.Modules = GOVUK.Modules || {};
+  var GOVUK = global.GOVUK || {}
+  GOVUK.Modules = GOVUK.Modules || {}
 
-  GOVUK.Modules.AutoTrackEvent = function() {
-    this.start = function(element) {
-      var options = {nonInteraction: 1}, // automatic events shouldn't affect bounce rate
-          category = element.data('track-category'),
-          action = element.data('track-action'),
-          label = element.data('track-label'),
-          value = element.data('track-value');
+  GOVUK.Modules.AutoTrackEvent = function () {
+    this.start = function (element) {
+      var options = { nonInteraction: 1 } // automatic events shouldn't affect bounce rate
+      var category = element.data('track-category')
+      var action = element.data('track-action')
+      var label = element.data('track-label')
+      var value = element.data('track-value')
 
-      if (typeof label === "string") {
-        options.label = label;
+      if (typeof label === 'string') {
+        options.label = label
       }
 
       if (value || value === 0) {
-        options.value = value;
+        options.value = value
       }
 
       if (GOVUK.analytics && GOVUK.analytics.trackEvent) {
-        GOVUK.analytics.trackEvent(category, action, options);
+        GOVUK.analytics.trackEvent(category, action, options)
       }
     }
-  };
+  }
 
-  global.GOVUK = GOVUK;
-})(window);
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk/multivariate-test.js

@@ -1,8 +1,8 @@
-(function(global) {
-  "use strict";
+;(function (global) {
+  'use strict'
 
-  var $ = global.jQuery;
-  var GOVUK = global.GOVUK || {};
+  var $ = global.jQuery
+  var GOVUK = global.GOVUK || {}
 
   // A multivariate test framework
   //
@@ -10,72 +10,70 @@
   //
   // Full documentation is in README.md.
   //
-  function MultivariateTest(options) {
-    this.$el = $(options.el);
-    this._loadOption(options, 'name');
-    this._loadOption(options, 'customDimensionIndex', null);
-    this._loadOption(options, 'cohorts');
-    this._loadOption(options, 'runImmediately', true);
-    this._loadOption(options, 'defaultWeight', 1);
-    this._loadOption(options, 'contentExperimentId', null);
-    this._loadOption(options, 'cookieDuration', 30);
+  function MultivariateTest (options) {
+    this.$el = $(options.el)
+    this._loadOption(options, 'name')
+    this._loadOption(options, 'customDimensionIndex', null)
+    this._loadOption(options, 'cohorts')
+    this._loadOption(options, 'runImmediately', true)
+    this._loadOption(options, 'defaultWeight', 1)
+    this._loadOption(options, 'contentExperimentId', null)
+    this._loadOption(options, 'cookieDuration', 30)
 
     if (this.runImmediately) {
-      this.run();
+      this.run()
     }
   }
 
-  MultivariateTest.prototype._loadOption = function(options, key, defaultValue) {
+  MultivariateTest.prototype._loadOption = function (options, key, defaultValue) {
     if (options[key] !== undefined) {
-      this[key] = options[key];
+      this[key] = options[key]
     }
     if (this[key] === undefined) {
       if (defaultValue === undefined) {
-        throw new Error(key+" option is required for a multivariate test");
-      }
-      else {
-        this[key] = defaultValue;
+        throw new Error(key + ' option is required for a multivariate test')
+      } else {
+        this[key] = defaultValue
       }
     }
-  };
+  }
 
-  MultivariateTest.prototype.run = function() {
-    var cohort = this.getCohort();
+  MultivariateTest.prototype.run = function () {
+    var cohort = this.getCohort()
     if (cohort) {
-      this.setUpContentExperiment(cohort);
-      this.setCustomVar(cohort);
-      this.executeCohort(cohort);
-      this.createDummyEvent(cohort);
+      this.setUpContentExperiment(cohort)
+      this.setCustomVar(cohort)
+      this.executeCohort(cohort)
+      this.createDummyEvent(cohort)
     }
-  };
+  }
 
-  MultivariateTest.prototype.executeCohort = function(cohort) {
-    var cohortObj = this.cohorts[cohort];
+  MultivariateTest.prototype.executeCohort = function (cohort) {
+    var cohortObj = this.cohorts[cohort]
     if (cohortObj.callback) {
-      if (typeof cohortObj.callback === "string") {
-        this[cohortObj.callback]();
-      }
-      else {
-        cohortObj.callback();
+      if (typeof cohortObj.callback === 'string') {
+        this[cohortObj.callback]()
+      } else {
+        cohortObj.callback()
       }
     }
     if (cohortObj.html) {
-      this.$el.html(cohortObj.html);
-      this.$el.show();
+      this.$el.html(cohortObj.html)
+      this.$el.show()
     }
-  };
+  }
 
   // Get the current cohort or assign one if it has not been already
-  MultivariateTest.prototype.getCohort = function() {
-    var cohort = GOVUK.cookie(this.cookieName());
+  MultivariateTest.prototype.getCohort = function () {
+    var cohort = GOVUK.cookie(this.cookieName())
     if (!cohort || !this.cohorts[cohort]) {
-      cohort = this.chooseRandomCohort();
-      GOVUK.cookie(this.cookieName(), cohort, {days: this.cookieDuration});
+      cohort = this.chooseRandomCohort()
+      GOVUK.cookie(this.cookieName(), cohort, {days: this.cookieDuration})
     }
-    return cohort;
-  };
+    return cohort
+  }
 
-  MultivariateTest.prototype.setCustomVar = function(cohort) {
+  MultivariateTest.prototype.setCustomVar = function (cohort) {
     if (this.customDimensionIndex &&
       this.customDimensionIndex.constructor === Array) {
       for (var index = 0; index < this.customDimensionIndex.length; index++) {
@@ -84,64 +82,64 @@
     } else if (this.customDimensionIndex) {
       this.setDimension(cohort, this.customDimensionIndex)
     }
-  };
+  }
 
-  MultivariateTest.prototype.setDimension = function(cohort, dimension) {
+  MultivariateTest.prototype.setDimension = function (cohort, dimension) {
     GOVUK.analytics.setDimension(
       dimension,
-      this.cookieName() + "__" + cohort
-    );
-  };
-
-  MultivariateTest.prototype.setUpContentExperiment = function(cohort) {
-    var contentExperimentId = this.contentExperimentId;
-    var cohortVariantId = this.cohorts[cohort]['variantId'];
-    if(typeof contentExperimentId !== 'undefined' &&
+      this.cookieName() + '__' + cohort
+    )
+  }
+
+  MultivariateTest.prototype.setUpContentExperiment = function (cohort) {
+    var contentExperimentId = this.contentExperimentId
+    var cohortVariantId = this.cohorts[cohort]['variantId']
+    if (typeof contentExperimentId !== 'undefined' &&
       typeof cohortVariantId !== 'undefined' &&
-      typeof window.ga === "function"){
-      window.ga('set', 'expId', contentExperimentId);
-      window.ga('set', 'expVar', cohortVariantId);
+      typeof window.ga === 'function') {
+      window.ga('set', 'expId', contentExperimentId)
+      window.ga('set', 'expVar', cohortVariantId)
     };
-  };
+  }
 
-  MultivariateTest.prototype.createDummyEvent = function(cohort) {
+  MultivariateTest.prototype.createDummyEvent = function (cohort) {
     // Fire off a dummy event to set the custom var and the content experiment on the page.
     // Ideally we'd be able to call setCustomVar before trackPageview,
     // but would need reordering the existing GA code.
-    GOVUK.analytics.trackEvent(this.cookieName(), 'run', {nonInteraction:true});
-  };
+    GOVUK.analytics.trackEvent(this.cookieName(), 'run', {nonInteraction: true})
+  }
 
-  MultivariateTest.prototype.weightedCohortNames = function() {
-    var names = [],
-        defaultWeight = this.defaultWeight;
+  MultivariateTest.prototype.weightedCohortNames = function () {
+    var names = []
+    var defaultWeight = this.defaultWeight
 
-    $.each(this.cohorts, function(key, cohortSettings) {
-      var numberForCohort, i;
+    $.each(this.cohorts, function (key, cohortSettings) {
+      var numberForCohort, i
 
-      if (typeof cohortSettings.weight === 'undefined'){
-        numberForCohort = defaultWeight;
+      if (typeof cohortSettings.weight === 'undefined') {
+        numberForCohort = defaultWeight
       } else {
-        numberForCohort = cohortSettings.weight;
+        numberForCohort = cohortSettings.weight
       }
 
-      for(i=0; i<numberForCohort; i++){
-        names.push(key);
+      for (i = 0; i < numberForCohort; i++) {
+        names.push(key)
       }
-    });
+    })
 
-    return names;
-  };
+    return names
+  }
 
-  MultivariateTest.prototype.chooseRandomCohort = function() {
-    var names = this.weightedCohortNames();
-    return names[Math.floor(Math.random() * names.length)];
-  };
+  MultivariateTest.prototype.chooseRandomCohort = function () {
+    var names = this.weightedCohortNames()
+    return names[Math.floor(Math.random() * names.length)]
+  }
 
-  MultivariateTest.prototype.cookieName = function() {
-    return "multivariatetest_cohort_" + this.name;
-  };
+  MultivariateTest.prototype.cookieName = function () {
+    return 'multivariatetest_cohort_' + this.name
+  }
 
-  GOVUK.MultivariateTest = MultivariateTest;
+  GOVUK.MultivariateTest = MultivariateTest
 
-  global.GOVUK = GOVUK;
-})(window);
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk/primary-links.js

@@ -1,56 +1,57 @@
-(function(global) {
-  "use strict";
+;(function (global) {
+  'use strict'
 
-  var $ = global.jQuery;
-  var GOVUK = global.GOVUK || {};
+  var $ = global.jQuery
+  var GOVUK = global.GOVUK || {}
 
   // Only show the first {n} items in a list, documentation is in the README.md
-  var PrimaryList = function(el, selector){
-    this.$el = $(el);
-    this.$extraLinks = this.$el.find('li:not('+selector+')');
+  var PrimaryList = function (el, selector) {
+    this.$el = $(el)
+    this.$extraLinks = this.$el.find('li:not(' + selector + ')')
     // only hide more than one extra link
-    if(this.$extraLinks.length > 1){
-      this.addToggleLink();
-      this.hideExtraLinks();
+    if (this.$extraLinks.length > 1) {
+      this.addToggleLink()
+      this.hideExtraLinks()
     }
-  };
+  }
+
   PrimaryList.prototype = {
-    toggleText: function(){
-      if(this.$extraLinks.length > 1){
-        return '+'+ this.$extraLinks.length +' others';
+    toggleText: function () {
+      if (this.$extraLinks.length > 1) {
+        return '+' + this.$extraLinks.length + ' others'
       } else {
-        return '+'+ this.$extraLinks.length +' other';
+        return '+' + this.$extraLinks.length + ' other'
       }
     },
-    addToggleLink: function(){
-      this.$toggleLink = $('<a href="#">'+ this.toggleText() + '</a>');
-      this.$toggleLink.click($.proxy(this.toggleLinks, this));
-      this.$toggleLink.insertAfter(this.$el);
+    addToggleLink: function () {
+      this.$toggleLink = $('<a href="#">' + this.toggleText() + '</a>')
+      this.$toggleLink.click($.proxy(this.toggleLinks, this))
+      this.$toggleLink.insertAfter(this.$el)
     },
-    toggleLinks: function(e){
-      e.preventDefault();
-      this.$toggleLink.remove();
-      this.showExtraLinks();
+    toggleLinks: function (e) {
+      e.preventDefault()
+      this.$toggleLink.remove()
+      this.showExtraLinks()
     },
-    hideExtraLinks: function(){
-      this.$extraLinks.addClass('visuallyhidden');
-      $(window).trigger('govuk.pageSizeChanged');
+    hideExtraLinks: function () {
+      this.$extraLinks.addClass('visuallyhidden')
+      $(window).trigger('govuk.pageSizeChanged')
     },
-    showExtraLinks: function(){
-      this.$extraLinks.removeClass('visuallyhidden');
-      $(window).trigger('govuk.pageSizeChanged');
+    showExtraLinks: function () {
+      this.$extraLinks.removeClass('visuallyhidden')
+      $(window).trigger('govuk.pageSizeChanged')
     }
-  };
+  }
 
-  GOVUK.PrimaryList = PrimaryList;
+  GOVUK.PrimaryList = PrimaryList
 
   GOVUK.primaryLinks = {
-    init: function(selector){
-      $(selector).parent().each(function(i, el){
-        new GOVUK.PrimaryList(el, selector);
-      });
+    init: function (selector) {
+      $(selector).parent().each(function (i, el) {
+        new GOVUK.PrimaryList(el, selector) // eslint-disable-line no-new
+      })
     }
-  };
+  }
 
-  global.GOVUK = GOVUK;
-})(window);
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk/selection-buttons.js

@@ -1,113 +1,112 @@
-(function (global) {
-  "use strict";
+;(function (global) {
+  'use strict'
 
-  var $ = global.jQuery;
-  var GOVUK = global.GOVUK || {};
+  var $ = global.jQuery
+  var GOVUK = global.GOVUK || {}
 
   var SelectionButtons = function (elmsOrSelector, opts) {
-
-    this.selectedClass = 'selected';
-    this.focusedClass = 'focused';
-    this.radioClass = 'selection-button-radio';
-    this.checkboxClass = 'selection-button-checkbox';
+    this.selectedClass = 'selected'
+    this.focusedClass = 'focused'
+    this.radioClass = 'selection-button-radio'
+    this.checkboxClass = 'selection-button-checkbox'
     if (opts !== undefined) {
       $.each(opts, function (optionName, optionObj) {
-        this[optionName] = optionObj;
-      }.bind(this));
+        this[optionName] = optionObj
+      }.bind(this))
     }
     if (typeof elmsOrSelector === 'string') {
-      this.selector = elmsOrSelector;
-      this.setInitialState($(this.selector));
+      this.selector = elmsOrSelector
+      this.setInitialState($(this.selector))
     } else if (elmsOrSelector !== undefined) {
-      this.$elms = elmsOrSelector;
-      this.setInitialState(this.$elms);
+      this.$elms = elmsOrSelector
+      this.setInitialState(this.$elms)
     }
-    this.addEvents();
-  };
+    this.addEvents()
+  }
   SelectionButtons.prototype.addEvents = function () {
     if (typeof this.$elms !== 'undefined') {
-      this.addElementLevelEvents();
+      this.addElementLevelEvents()
     } else {
-      this.addDocumentLevelEvents();
+      this.addDocumentLevelEvents()
     }
-  };
+  }
   SelectionButtons.prototype.setInitialState = function ($elms) {
     $elms.each(function (idx, elm) {
-      var $elm = $(elm);
+      var $elm = $(elm)
 
-      var labelClass = $elm.attr('type') === 'radio' ? this.radioClass : this.checkboxClass;
-      $elm.parent('label').addClass(labelClass);
+      var labelClass = $elm.attr('type') === 'radio' ? this.radioClass : this.checkboxClass
+      $elm.parent('label').addClass(labelClass)
       if ($elm.is(':checked')) {
-        this.markSelected($elm);
+        this.markSelected($elm)
       }
-    }.bind(this));
-  };
+    }.bind(this))
+  }
   SelectionButtons.prototype.markFocused = function ($elm, state) {
     if (state === 'focused') {
-      $elm.parent('label').addClass(this.focusedClass);
+      $elm.parent('label').addClass(this.focusedClass)
     } else {
-      $elm.parent('label').removeClass(this.focusedClass);
+      $elm.parent('label').removeClass(this.focusedClass)
     }
-  };
+  }
   SelectionButtons.prototype.markSelected = function ($elm) {
-    var radioName;
+    var radioName
 
     if ($elm.attr('type') === 'radio') {
-      radioName = $elm.attr('name');
+      radioName = $elm.attr('name')
       $($elm[0].form).find('input[name="' + radioName + '"]')
         .parent('label')
-        .removeClass(this.selectedClass);
-      $elm.parent('label').addClass(this.selectedClass);
+        .removeClass(this.selectedClass)
+      $elm.parent('label').addClass(this.selectedClass)
     } else { // checkbox
       if ($elm.is(':checked')) {
-        $elm.parent('label').addClass(this.selectedClass);
+        $elm.parent('label').addClass(this.selectedClass)
       } else {
-        $elm.parent('label').removeClass(this.selectedClass);
+        $elm.parent('label').removeClass(this.selectedClass)
       }
     }
-  };
+  }
   SelectionButtons.prototype.addElementLevelEvents = function () {
-    this.clickHandler = this.getClickHandler();
-    this.focusHandler = this.getFocusHandler({ 'level' : 'element' });
+    this.clickHandler = this.getClickHandler()
+    this.focusHandler = this.getFocusHandler({ 'level': 'element' })
 
     this.$elms
       .on('click', this.clickHandler)
-      .on('focus blur', this.focusHandler);
-  };
+      .on('focus blur', this.focusHandler)
+  }
   SelectionButtons.prototype.addDocumentLevelEvents = function () {
-    this.clickHandler = this.getClickHandler();
-    this.focusHandler = this.getFocusHandler({ 'level' : 'document' });
+    this.clickHandler = this.getClickHandler()
+    this.focusHandler = this.getFocusHandler({ 'level': 'document' })
 
     $(document)
       .on('click', this.selector, this.clickHandler)
-      .on('focus blur', this.selector, this.focusHandler);
-  };
+      .on('focus blur', this.selector, this.focusHandler)
+  }
   SelectionButtons.prototype.getClickHandler = function () {
     return function (e) {
-      this.markSelected($(e.target));
-    }.bind(this);
-  };
+      this.markSelected($(e.target))
+    }.bind(this)
+  }
   SelectionButtons.prototype.getFocusHandler = function (opts) {
-    var focusEvent = (opts.level === 'document') ? 'focusin' : 'focus';
+    var focusEvent = (opts.level === 'document') ? 'focusin' : 'focus'
 
     return function (e) {
-      var state = (e.type === focusEvent) ? 'focused' : 'blurred';
+      var state = (e.type === focusEvent) ? 'focused' : 'blurred'
 
-      this.markFocused($(e.target), state);
-    }.bind(this);
-  };
+      this.markFocused($(e.target), state)
+    }.bind(this)
+  }
   SelectionButtons.prototype.destroy = function () {
     if (typeof this.selector !== 'undefined') {
       $(document)
         .off('click', this.selector, this.clickHandler)
-        .off('focus blur', this.selector, this.focusHandler);
+        .off('focus blur', this.selector, this.focusHandler)
     } else {
       this.$elms
         .off('click', this.clickHandler)
-        .off('focus blur', this.focusHandler);
+        .off('focus blur', this.focusHandler)
     }
-  };
+  }
 
-  GOVUK.SelectionButtons = SelectionButtons;
-  global.GOVUK = GOVUK;
-})(window);
+  GOVUK.SelectionButtons = SelectionButtons
+  global.GOVUK = GOVUK
+})(window)