govuk_frontend_toolkit 4.18.3 → 4.18.4

data/app/assets/javascripts/govuk/shim-links-with-button-role.js

@@ -8,11 +8,11 @@
 // object with your own selector for the target elements and addional keyup
 // codes if there becomes a need to do so. For example:
 // GOVUK.shimLinksWithButtonRole.init({ selector: '[role="button"]' });
-(function(global) {
-  "use strict";
+;(function (global) {
+  'use strict'
 
-  var $ = global.jQuery;
-  var GOVUK = global.GOVUK || {};
+  var $ = global.jQuery
+  var GOVUK = global.GOVUK || {}
 
   GOVUK.shimLinksWithButtonRole = {
 
@@ -27,12 +27,12 @@
     },
 
     // event behaviour (not a typical anonymous function for resuse if needed)
-    triggerClickOnTarget: function triggerClickOnTarget(event) {
+    triggerClickOnTarget: function triggerClickOnTarget (event) {
       // if the code from this event is in the keycodes array then
       if ($.inArray(event.which, this.config.keycodes) !== -1) {
-        event.preventDefault();
+        event.preventDefault()
         // trigger the target's click event
-        event.target.click();
+        event.target.click()
       }
     },
 
@@ -42,19 +42,18 @@
     // @param  {Object}   customConfig                object to override default configuration
     //         {String}   customConfig.selector       a selector for the elements to be 'clicked'
     //         {Array}    customConfig.keycodes       an array of javascript keycode values to match against that when pressed will trigger the click
-    init: function init(customConfig) {
+    init: function init (customConfig) {
       // extend the default config with any custom attributes passed in
-      this.config = $.extend(this.config, customConfig);
+      this.config = $.extend(this.config, customConfig)
       // if we have found elements then:
-      if($(this.config.selector).length > 0) {
+      if ($(this.config.selector).length > 0) {
         // listen to 'document' for keyup event on the elements and fire the triggerClickOnTarget
-        $(document).on('keyup', this.config.selector, this.triggerClickOnTarget.bind(this));
+        $(document).on('keyup', this.config.selector, this.triggerClickOnTarget.bind(this))
       }
     }
 
-  };
+  }
 
   // hand back to global
-  global.GOVUK = GOVUK;
-
-})(window);
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk/stick-at-top-when-scrolling.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 || {}
 
   // Stick elements to top of screen when you scroll past, documentation is in the README.md
   var sticky = {
@@ -11,108 +11,108 @@
     _hasResized: false,
     _resizeTimeout: false,
 
-    getWindowDimensions: function() {
+    getWindowDimensions: function () {
       return {
         height: $(global).height(),
         width: $(global).width()
-      };
+      }
     },
-    getWindowPositions: function() {
+    getWindowPositions: function () {
       return {
         scrollTop: $(global).scrollTop()
-      };
+      }
     },
-    getElementOffset: function($el) {
+    getElementOffset: function ($el) {
       return $el.offset()
     },
-    init: function(){
-      var $els = $('.js-stick-at-top-when-scrolling');
+    init: function () {
+      var $els = $('.js-stick-at-top-when-scrolling')
 
-      if($els.length > 0){
-        sticky.$els = $els;
+      if ($els.length > 0) {
+        sticky.$els = $els
 
-        if(sticky._scrollTimeout === false) {
-          $(global).scroll(sticky.onScroll);
-          sticky._scrollTimeout = global.setInterval(sticky.checkScroll, 50);
+        if (sticky._scrollTimeout === false) {
+          $(global).scroll(sticky.onScroll)
+          sticky._scrollTimeout = global.setInterval(sticky.checkScroll, 50)
         }
 
-        if(sticky._resizeTimeout === false) {
-          $(global).resize(sticky.onResize);
-          sticky._resizeTimeout = global.setInterval(sticky.checkResize, 50);
+        if (sticky._resizeTimeout === false) {
+          $(global).resize(sticky.onResize)
+          sticky._resizeTimeout = global.setInterval(sticky.checkResize, 50)
         }
       }
-      if(GOVUK.stopScrollingAtFooter){
-        $els.each(function(i,el){
-          var $img = $(el).find('img');
-          if($img.length > 0){
-            var image = new Image();
-            image.onload = function(){
-              GOVUK.stopScrollingAtFooter.addEl($(el), $(el).outerHeight());
-            };
-            image.src = $img.attr('src');
+      if (GOVUK.stopScrollingAtFooter) {
+        $els.each(function (i, el) {
+          var $img = $(el).find('img')
+          if ($img.length > 0) {
+            var image = new global.Image()
+            image.onload = function () {
+              GOVUK.stopScrollingAtFooter.addEl($(el), $(el).outerHeight())
+            }
+            image.src = $img.attr('src')
           } else {
-            GOVUK.stopScrollingAtFooter.addEl($(el), $(el).outerHeight());
+            GOVUK.stopScrollingAtFooter.addEl($(el), $(el).outerHeight())
           }
-        });
+        })
       }
     },
-    onScroll: function(){
-      sticky._hasScrolled = true;
+    onScroll: function () {
+      sticky._hasScrolled = true
     },
-    onResize: function(){
-      sticky._hasResized = true;
+    onResize: function () {
+      sticky._hasResized = true
     },
-    checkScroll: function(){
-      if(sticky._hasScrolled === true){
-        sticky._hasScrolled = false;
+    checkScroll: function () {
+      if (sticky._hasScrolled === true) {
+        sticky._hasScrolled = false
 
-        var windowVerticalPosition = sticky.getWindowPositions().scrollTop;
+        var windowVerticalPosition = sticky.getWindowPositions().scrollTop
 
-        var windowDimensions = sticky.getWindowDimensions();
+        var windowDimensions = sticky.getWindowDimensions()
 
-        sticky.$els.each(function(i, el){
-          var $el = $(el),
-              scrolledFrom = $el.data('scrolled-from');
+        sticky.$els.each(function (i, el) {
+          var $el = $(el)
+          var scrolledFrom = $el.data('scrolled-from')
 
-          if (scrolledFrom && windowVerticalPosition < scrolledFrom){
-            sticky.release($el);
-          } else if(windowDimensions.width > 768 && windowVerticalPosition >= sticky.getElementOffset($el).top) {
-            sticky.stick($el);
+          if (scrolledFrom && windowVerticalPosition < scrolledFrom) {
+            sticky.release($el)
+          } else if (windowDimensions.width > 768 && windowVerticalPosition >= sticky.getElementOffset($el).top) {
+            sticky.stick($el)
           }
-        });
+        })
       }
     },
-    checkResize: function() {
-      if(sticky._hasResized === true){
-        sticky._hasResized = false;
+    checkResize: function () {
+      if (sticky._hasResized === true) {
+        sticky._hasResized = false
 
-        var windowDimensions = sticky.getWindowDimensions();
+        var windowDimensions = sticky.getWindowDimensions()
 
-        sticky.$els.each(function(i, el){
-          var $el = $(el);
+        sticky.$els.each(function (i, el) {
+          var $el = $(el)
 
-          if(windowDimensions.width <= 768) {
-            sticky.release($el);
+          if (windowDimensions.width <= 768) {
+            sticky.release($el)
           }
-        });
+        })
       }
     },
-    stick: function($el){
+    stick: function ($el) {
       if (!$el.hasClass('content-fixed')) {
-        $el.data('scrolled-from', sticky.getElementOffset($el).top);
-        var height = Math.max($el.height(), 1);
-        $el.before('<div class="shim" style="width: '+ $el.width() + 'px; height: ' + height + 'px">&nbsp;</div>');
-        $el.css('width', $el.width() + "px").addClass('content-fixed');
+        $el.data('scrolled-from', sticky.getElementOffset($el).top)
+        var height = Math.max($el.height(), 1)
+        $el.before('<div class="shim" style="width: ' + $el.width() + 'px; height: ' + height + 'px">&nbsp;</div>')
+        $el.css('width', $el.width() + 'px').addClass('content-fixed')
       }
     },
-    release: function($el){
-      if($el.hasClass('content-fixed')){
-        $el.data('scrolled-from', false);
-        $el.removeClass('content-fixed').css('width', '');
-        $el.siblings('.shim').remove();
+    release: function ($el) {
+      if ($el.hasClass('content-fixed')) {
+        $el.data('scrolled-from', false)
+        $el.removeClass('content-fixed').css('width', '')
+        $el.siblings('.shim').remove()
       }
     }
-  };
-  GOVUK.stickAtTopWhenScrolling = sticky;
-  global.GOVUK = GOVUK;
-})(window);
+  }
+  GOVUK.stickAtTopWhenScrolling = sticky
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk/stop-scrolling-at-footer.js

@@ -10,12 +10,11 @@
 // Height is passed in separatly incase the scrolling element has no height
 // itself.
 
+;(function (global) {
+  'use strict'
 
-(function (global) {
-  "use strict";
-
-  var $ = global.jQuery;
-  var GOVUK = global.GOVUK || {};
+  var $ = global.jQuery
+  var GOVUK = global.GOVUK || {}
 
   var stopScrollingAtFooter = {
     _pollingId: null,
@@ -23,118 +22,118 @@
     _hasScrollEvt: false,
     _els: [],
 
-    addEl: function($fixedEl, height){
-      var fixedOffset;
+    addEl: function ($fixedEl, height) {
+      var fixedOffset
 
-      if(!$fixedEl.length) { return; }
+      if (!$fixedEl.length) { return }
 
-      fixedOffset = parseInt($fixedEl.css('top'), 10);
-      fixedOffset = isNaN(fixedOffset) ? 0 : fixedOffset;
+      fixedOffset = parseInt($fixedEl.css('top'), 10)
+      fixedOffset = isNaN(fixedOffset) ? 0 : fixedOffset
 
-      stopScrollingAtFooter.updateFooterTop();
-      $(global).on('govuk.pageSizeChanged', stopScrollingAtFooter.updateFooterTop);
+      stopScrollingAtFooter.updateFooterTop()
+      $(global).on('govuk.pageSizeChanged', stopScrollingAtFooter.updateFooterTop)
 
-      var $siblingEl = $('<div></div>');
-      $siblingEl.insertBefore($fixedEl);
-      var fixedTop = $siblingEl.offset().top - $siblingEl.position().top;
-      $siblingEl.remove();
+      var $siblingEl = $('<div></div>')
+      $siblingEl.insertBefore($fixedEl)
+      var fixedTop = $siblingEl.offset().top - $siblingEl.position().top
+      $siblingEl.remove()
 
       var el = {
         $fixedEl: $fixedEl,
         height: height + fixedOffset,
         fixedTop: height + fixedTop,
         state: 'fixed'
-      };
-      stopScrollingAtFooter._els.push(el);
+      }
+      stopScrollingAtFooter._els.push(el)
 
-      stopScrollingAtFooter.initTimeout();
+      stopScrollingAtFooter.initTimeout()
     },
-    updateFooterTop: function(){
-      var footer = $('.js-footer:eq(0)');
+    updateFooterTop: function () {
+      var footer = $('.js-footer:eq(0)')
       if (footer.length === 0) {
-        return 0;
+        return 0
       }
-      stopScrollingAtFooter.footerTop = footer.offset().top - 10;
+      stopScrollingAtFooter.footerTop = footer.offset().top - 10
     },
-    initTimeout: function(){
-      if(stopScrollingAtFooter._hasScrollEvt === false) {
-        $(window).scroll(stopScrollingAtFooter.onScroll);
-        stopScrollingAtFooter._hasScrollEvt = true;
+    initTimeout: function () {
+      if (stopScrollingAtFooter._hasScrollEvt === false) {
+        $(window).scroll(stopScrollingAtFooter.onScroll)
+        stopScrollingAtFooter._hasScrollEvt = true
       }
     },
-    onScroll: function(){
+    onScroll: function () {
       if (stopScrollingAtFooter._isPolling === false) {
-        stopScrollingAtFooter.startPolling();
+        stopScrollingAtFooter.startPolling()
       }
     },
-    startPolling: (function(){
+    startPolling: (function () {
       if (window.requestAnimationFrame) {
-        return (function(){
-          var callback = function(){
-            stopScrollingAtFooter.checkScroll();
+        return function () {
+          var callback = function () {
+            stopScrollingAtFooter.checkScroll()
             if (stopScrollingAtFooter._isPolling === true) {
-              stopScrollingAtFooter.startPolling();
+              stopScrollingAtFooter.startPolling()
             }
-          };
-          stopScrollingAtFooter._pollingId = window.requestAnimationFrame(callback);
-          stopScrollingAtFooter._isPolling = true;
-        });
+          }
+          stopScrollingAtFooter._pollingId = window.requestAnimationFrame(callback)
+          stopScrollingAtFooter._isPolling = true
+        }
       } else {
-        return (function(){
-          stopScrollingAtFooter._pollingId = window.setInterval(stopScrollingAtFooter.checkScroll, 16);
-          stopScrollingAtFooter._isPolling = true;
-        });
+        return function () {
+          stopScrollingAtFooter._pollingId = window.setInterval(stopScrollingAtFooter.checkScroll, 16)
+          stopScrollingAtFooter._isPolling = true
+        }
       }
     }()),
-    stopPolling: (function(){
+    stopPolling: (function () {
       if (window.requestAnimationFrame) {
-        return (function(){
-          window.cancelAnimationFrame(stopScrollingAtFooter._pollingId);
-          stopScrollingAtFooter._isPolling = false;
-        });
+        return function () {
+          window.cancelAnimationFrame(stopScrollingAtFooter._pollingId)
+          stopScrollingAtFooter._isPolling = false
+        }
       } else {
-        return (function(){
-          window.clearInterval(stopScrollingAtFooter._pollingId);
-          stopScrollingAtFooter._isPolling = false;
-        });
+        return function () {
+          window.clearInterval(stopScrollingAtFooter._pollingId)
+          stopScrollingAtFooter._isPolling = false
+        }
       }
     }()),
-    checkScroll: function(){
-      var cachedScrollTop = $(window).scrollTop();
+    checkScroll: function () {
+      var cachedScrollTop = $(window).scrollTop()
       if ((cachedScrollTop < (stopScrollingAtFooter.cachedScrollTop + 2)) && (cachedScrollTop > (stopScrollingAtFooter.cachedScrollTop - 2))) {
-        stopScrollingAtFooter.stopPolling();
-        return;
+        stopScrollingAtFooter.stopPolling()
+        return
       } else {
-        stopScrollingAtFooter.cachedScrollTop = cachedScrollTop;
+        stopScrollingAtFooter.cachedScrollTop = cachedScrollTop
       }
 
-      $.each(stopScrollingAtFooter._els, function(i, el){
-        var bottomOfEl = cachedScrollTop + el.height;
+      $.each(stopScrollingAtFooter._els, function (i, el) {
+        var bottomOfEl = cachedScrollTop + el.height
 
-        if (bottomOfEl > stopScrollingAtFooter.footerTop){
-          stopScrollingAtFooter.stick(el);
+        if (bottomOfEl > stopScrollingAtFooter.footerTop) {
+          stopScrollingAtFooter.stick(el)
         } else {
-          stopScrollingAtFooter.unstick(el);
+          stopScrollingAtFooter.unstick(el)
         }
-      });
+      })
     },
-    stick: function(el){
-      if(el.state === 'fixed' && el.$fixedEl.css('position') === 'fixed'){
-        el.$fixedEl.css({ 'position': 'absolute', 'top': stopScrollingAtFooter.footerTop - el.fixedTop });
-        el.state = 'absolute';
+    stick: function (el) {
+      if (el.state === 'fixed' && el.$fixedEl.css('position') === 'fixed') {
+        el.$fixedEl.css({ 'position': 'absolute', 'top': stopScrollingAtFooter.footerTop - el.fixedTop })
+        el.state = 'absolute'
       }
     },
-    unstick: function(el){
-      if(el.state === 'absolute'){
-        el.$fixedEl.css({ 'position': '', 'top': '' });
-        el.state = 'fixed';
+    unstick: function (el) {
+      if (el.state === 'absolute') {
+        el.$fixedEl.css({ 'position': '', 'top': '' })
+        el.state = 'fixed'
       }
     }
-  };
+  }
 
-  GOVUK.stopScrollingAtFooter = stopScrollingAtFooter;
+  GOVUK.stopScrollingAtFooter = stopScrollingAtFooter
 
-  $(global).load(function(){ $(global).trigger('govuk.pageSizeChanged'); });
+  $(global).load(function () { $(global).trigger('govuk.pageSizeChanged') })
 
-  global.GOVUK = GOVUK;
-})(window);
+  global.GOVUK = GOVUK
+})(window)