govuk_publishing_components 24.13.4 → 24.13.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 48d13ec5bd03475381c42cb9e3fbdb32118e851c82a2021462994e0af0cbe042
-  data.tar.gz: 30b3eaa8d62c9fe6eab0c48b65667329e9ae99d955f584cd37009dc59daeb254
+  metadata.gz: 6e717864c0f9538183da995c95a88d67af2e5e4d5666122052c7840884aaf705
+  data.tar.gz: 465c33e805ec4d1567f9fc3447e001a553ba4cd542d83a28cf4dc52889824976
 SHA512:
-  metadata.gz: 83f0878e78d24711ed4fa7694d4becac691474370c29b33b355faed6dc98b98619af4f22bb6d3bdd70a787c510d93ac3cf8659d78ff7b009a3a46bbce93a9a50
-  data.tar.gz: 919f5697fbba2e55d2709e24750af0f3d3d07836958c0a09ece0cba6a5ee8e4634e58b99230303eb6ce88f467e5a4e99ced6a3bf3de527fb7ef1b4c2e7fd344a
+  metadata.gz: c34d794a8ff619c8ea5e64e94e894fa13a0605787c1c77df151b6954fbe0347e02232b67ca0d9e87a18dd6057bf4814b0e35b32093f44db39256b3de6f9be20c
+  data.tar.gz: 5030ea6f258797c43aca3c6b7e0028b748ec38886d28fe6893d6c9dc09866c2387e12c27f7109d46bec2713babc4f04a626e5028b3f8a87b3bc0e817d8d071a7

data/app/assets/javascripts/govuk_publishing_components/components/accordion.js

@@ -7,15 +7,12 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function GemAccordion () { }
-
-  GemAccordion.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function GemAccordion ($module) {
+    this.$module = $module
     this.sectionClass = 'gem-c-accordion__section'
     this.moduleId = this.$module.getAttribute('id')
     this.sections = this.$module.querySelectorAll('.' + this.sectionClass)
     this.openAllButton = ''
-    this.browserSupportsSessionStorage = helper.checkForSessionStorage()
     this.controlsClass = 'gem-c-accordion__controls'
     this.openAllClass = 'gem-c-accordion__open-all'
     this.openAllTextClass = 'gem-c-accordion__open-all-text'
@@ -39,6 +36,10 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$module.actions.showAllText = this.$module.getAttribute('data-show-all-text')
     this.$module.actions.hideAllText = this.$module.getAttribute('data-hide-all-text')
     this.$module.actions.thisSectionVisuallyHidden = this.$module.getAttribute('data-this-section-visually-hidden')
+  }
+
+  GemAccordion.prototype.init = function () {
+    this.browserSupportsSessionStorage = helper.checkForSessionStorage()
 
     // Indicate that JavaScript has worked
     this.$module.classList.add('gem-c-accordion--active')

data/app/assets/javascripts/govuk_publishing_components/components/checkboxes.js

@@ -6,14 +6,14 @@ window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
 
 (function (Modules) {
-  function GovukCheckboxes () { }
-
-  GovukCheckboxes.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function GovukCheckboxes ($module) {
+    this.$module = $module
     this.$checkboxes = this.$module.querySelectorAll('input[type=checkbox]')
     this.$nestedCheckboxes = this.$module.querySelectorAll('[data-nested=true] input[type=checkbox]')
     this.$exclusiveCheckboxes = this.$module.querySelectorAll('[data-exclusive=true] input[type=checkbox]')
+  }
 
+  GovukCheckboxes.prototype.init = function () {
     this.applyAriaControlsAttributes(this.$module)
 
     for (var i = 0; i < this.$checkboxes.length; i++) {

data/app/assets/javascripts/govuk_publishing_components/components/contextual-guidance.js

@@ -2,22 +2,21 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function ContextualGuidance () { }
-
-  ContextualGuidance.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function ContextualGuidance ($module) {
+    this.$module = $module
     this.$guidance = this.$module.querySelector('.gem-c-contextual-guidance__wrapper')
     this.$inputId = this.$guidance.getAttribute('for')
     this.$input = this.$module.querySelector('#' + this.$inputId)
+  }
+
+  ContextualGuidance.prototype.init = function () {
     if (!this.$input) return
     this.$input.addEventListener('focus', this.handleFocus.bind(this))
   }
 
   ContextualGuidance.prototype.handleFocus = function (event) {
     this.hideAllGuidance()
-    if (!event.target.getAttribute('data-contextual-guidance-hide-only')) {
-      this.$guidance.style.display = 'block'
-    }
+    this.$guidance.style.display = 'block'
   }
 
   ContextualGuidance.prototype.hideAllGuidance = function () {

data/app/assets/javascripts/govuk_publishing_components/components/cookie-banner.js

@@ -2,18 +2,18 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function CookieBanner () { }
+  function CookieBanner ($module) {
+    this.$module = $module
+    this.$module.cookieBanner = document.querySelector('.gem-c-cookie-banner')
+    this.$module.cookieBannerConfirmationMessage = this.$module.querySelector('.gem-c-cookie-banner__confirmation')
+    this.$module.cookieBannerConfirmationMessageText = this.$module.querySelector('.gem-c-cookie-banner__confirmation-message')
+  }
 
-  CookieBanner.prototype.start = function ($module) {
-    this.$module = $module[0]
+  CookieBanner.prototype.init = function () {
     this.$module.hideCookieMessage = this.hideCookieMessage.bind(this)
     this.$module.showConfirmationMessage = this.showConfirmationMessage.bind(this)
     this.$module.setCookieConsent = this.setCookieConsent.bind(this)
     this.$module.rejectCookieConsent = this.rejectCookieConsent.bind(this)
-
-    this.$module.cookieBanner = document.querySelector('.gem-c-cookie-banner')
-    this.$module.cookieBannerConfirmationMessage = this.$module.querySelector('.gem-c-cookie-banner__confirmation')
-    this.$module.cookieBannerConfirmationMessageText = this.$module.querySelector('.gem-c-cookie-banner__confirmation-message')
     this.setupCookieMessage()
   }
 

data/app/assets/javascripts/govuk_publishing_components/components/copy-to-clipboard.js

@@ -2,23 +2,24 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function CopyToClipboard () { }
-
-  CopyToClipboard.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function CopyToClipboard ($module) {
+    this.$module = $module
+    this.$input = this.$module.querySelector('.gem-c-input')
+    this.$copyButton = this.$module.querySelector('.gem-c-button')
+  }
 
-    var input = this.$module.querySelector('.gem-c-input')
-    var copyButton = this.$module.querySelector('.gem-c-button')
+  CopyToClipboard.prototype.init = function () {
+    if (!this.$input || !this.$copyButton) return
 
-    input.addEventListener('click', function () {
-      input.select()
-    })
+    this.$input.addEventListener('click', function () {
+      this.$input.select()
+    }.bind(this))
 
-    copyButton.addEventListener('click', function (event) {
+    this.$copyButton.addEventListener('click', function (event) {
       event.preventDefault()
-      input.select()
+      this.$input.select()
       document.execCommand('copy')
-    })
+    }.bind(this))
   }
 
   Modules.CopyToClipboard = CopyToClipboard

data/app/assets/javascripts/govuk_publishing_components/components/details.js

@@ -5,26 +5,20 @@ window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.Details = window.GOVUKFrontend;
 
 (function (Modules) {
-  function GovukDetails () { }
-
-  GovukDetails.prototype.start = function ($module) {
-    this.$module = $module[0]
-
-    var customTrackLabel = this.$module.getAttribute('data-track-label')
+  function GovukDetails ($module) {
+    this.$module = $module
+    this.customTrackLabel = this.$module.getAttribute('data-track-label')
+    this.detailsClick = this.$module.querySelector('[data-details-track-click]')
+  }
 
-    // If a custom label has been provided, we can simply call the tracking module
-    if (customTrackLabel) {
+  GovukDetails.prototype.init = function () {
+    if (this.customTrackLabel) { // If a custom label has been provided, we can simply call the tracking module
       var trackDetails = new window.GOVUK.Modules.GemTrackClick()
-      trackDetails.start($module)
-    } else {
-      // If no custom label is set, we use the open/close status as the label
-      var detailsClick = this.$module.querySelector('[data-details-track-click]')
-
-      if (detailsClick) {
-        detailsClick.addEventListener('click', function (event) {
-          this.trackDefault(this.$module)
-        }.bind(this))
-      }
+      trackDetails.start($(this.$module))
+    } else if (this.detailsClick) { // If no custom label is set, we use the open/close status as the label
+      this.detailsClick.addEventListener('click', function (event) {
+        this.trackDefault(this.$module)
+      }.bind(this))
     }
   }
 

data/app/assets/javascripts/govuk_publishing_components/components/feedback.js

@@ -3,244 +3,242 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  'use strict'
-
-  Modules.Feedback = function () {
-    this.start = function ($element) {
-      this.element = $element[0]
-      this.somethingIsWrongForm = this.element.querySelector('#something-is-wrong')
-      this.surveyForm = this.element.querySelector('#page-is-not-useful')
-      this.prompt = this.element.querySelector('.js-prompt')
-      this.forms = this.element.querySelectorAll('.js-feedback-form')
-      this.toggleForms = this.element.querySelectorAll('.js-toggle-form')
-      this.closeForms = this.element.querySelectorAll('.js-close-form')
-      this.activeForm = false
-      this.pageIsUsefulButton = this.element.querySelector('.js-page-is-useful')
-      this.pageIsNotUsefulButton = this.element.querySelector('.js-page-is-not-useful')
-      this.somethingIsWrongButton = this.element.querySelector('.js-something-is-wrong')
-      this.promptQuestions = this.element.querySelectorAll('.js-prompt-questions')
-      this.promptSuccessMessage = this.element.querySelector('.js-prompt-success')
-      this.surveyWrapper = this.element.querySelector('#survey-wrapper')
+  function Feedback ($module) {
+    this.$module = $module
+    this.somethingIsWrongForm = this.$module.querySelector('#something-is-wrong')
+    this.surveyForm = this.$module.querySelector('#page-is-not-useful')
+    this.prompt = this.$module.querySelector('.js-prompt')
+    this.forms = this.$module.querySelectorAll('.js-feedback-form')
+    this.toggleForms = this.$module.querySelectorAll('.js-toggle-form')
+    this.closeForms = this.$module.querySelectorAll('.js-close-form')
+    this.activeForm = false
+    this.pageIsUsefulButton = this.$module.querySelector('.js-page-is-useful')
+    this.pageIsNotUsefulButton = this.$module.querySelector('.js-page-is-not-useful')
+    this.somethingIsWrongButton = this.$module.querySelector('.js-something-is-wrong')
+    this.promptQuestions = this.$module.querySelectorAll('.js-prompt-questions')
+    this.promptSuccessMessage = this.$module.querySelector('.js-prompt-success')
+    this.surveyWrapper = this.$module.querySelector('#survey-wrapper')
+    this.jshiddenClass = 'js-hidden'
+  }
 
-      var thisModule = this
-      var jshiddenClass = 'js-hidden'
+  Feedback.prototype.init = function () {
+    this.setInitialAriaAttributes()
+    this.setHiddenValues()
 
-      setInitialAriaAttributes()
-      setHiddenValues()
+    for (var j = 0; j < this.toggleForms.length; j++) {
+      this.toggleForms[j].addEventListener('click', function (e) {
+        e.preventDefault()
+        var el = e.target
+        this.toggleForm(el.getAttribute('aria-controls'))
+        this.trackEvent(this.getTrackEventParams(el))
+        this.updateAriaAttributes(el)
+      }.bind(this))
+    }
 
-      for (var j = 0; j < this.toggleForms.length; j++) {
-        this.toggleForms[j].addEventListener('click', function (e) {
-          e.preventDefault()
-          var el = e.target
-          toggleForm(el.getAttribute('aria-controls'))
-          trackEvent(getTrackEventParams(el))
-          updateAriaAttributes(el)
-        })
-      }
+    for (var i = 0; i < this.closeForms.length; i++) {
+      this.closeForms[i].addEventListener('click', function (e) {
+        e.preventDefault()
+        var el = e.target
+        var formToToggle = el.getAttribute('aria-controls')
+        this.toggleForm(formToToggle)
+        this.trackEvent(this.getTrackEventParams(el))
+        this.setInitialAriaAttributes()
+        this.revealInitialPrompt()
+        var refocusClass = '.js-' + formToToggle
+        this.$module.querySelector(refocusClass).focus()
+      }.bind(this))
+    }
 
-      for (var i = 0; i < this.closeForms.length; i++) {
-        this.closeForms[i].addEventListener('click', function (e) {
-          e.preventDefault()
-          var el = e.target
-          var formToToggle = el.getAttribute('aria-controls')
-          toggleForm(formToToggle)
-          trackEvent(getTrackEventParams(el))
-          setInitialAriaAttributes()
-          revealInitialPrompt()
-          var refocusClass = '.js-' + formToToggle
-          thisModule.element.querySelector(refocusClass).focus()
-        })
+    this.pageIsUsefulButton.addEventListener('click', function (e) {
+      e.preventDefault()
+      this.trackEvent(this.getTrackEventParams(this.pageIsUsefulButton))
+      this.showFormSuccess()
+      this.revealInitialPrompt()
+    }.bind(this))
+
+    this.pageIsNotUsefulButton.addEventListener('click', function (e) {
+      var gaClientId
+      var dummyGaClientId = '111111111.1111111111'
+      if (window.GOVUK.cookie('_ga') === null || window.GOVUK.cookie('_ga') === '') {
+        gaClientId = dummyGaClientId
+      } else {
+        gaClientId = window.GOVUK.cookie('_ga').split('.').slice(-2).join('.')
       }
-
-      this.pageIsUsefulButton.addEventListener('click', function (e) {
-        e.preventDefault()
-        trackEvent(getTrackEventParams(thisModule.pageIsUsefulButton))
-        showFormSuccess()
-        revealInitialPrompt()
-      })
-
-      this.pageIsNotUsefulButton.addEventListener('click', function (e) {
-        var gaClientId
-        var dummyGaClientId = '111111111.1111111111'
-        if (window.GOVUK.cookie('_ga') === null || window.GOVUK.cookie('_ga') === '') {
-          gaClientId = dummyGaClientId
-        } else {
-          gaClientId = window.GOVUK.cookie('_ga').split('.').slice(-2).join('.')
-        }
-        setHiddenValuesNotUsefulForm(gaClientId)
-      })
-
-      // much of the JS needed to support sending the form contents via this script is
-      // unsupported by IE, even IE11. This check causes IE to not intercept form submits
-      // and let them happen normally, which is handled already by the backend
-      if (typeof window.URLSearchParams === 'function') {
-        for (var f = 0; f < this.forms.length; f++) {
-          this.forms[f].addEventListener('submit', function (e) {
-            e.preventDefault()
-            var $form = e.target
-            var xhr = new XMLHttpRequest()
-            var url = $form.getAttribute('action')
-            var params = new FormData($form)
-            params = new URLSearchParams(params).toString()
-
-            xhr.open('POST', url, true)
-            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded')
-
-            xhr.onreadystatechange = function () {
-              if (xhr.readyState === 4 && xhr.status === 200) {
-                trackEvent(getTrackEventParams($form))
-                showFormSuccess(xhr.message)
-                revealInitialPrompt()
-                setInitialAriaAttributes()
-                thisModule.activeForm.classList.toggle(jshiddenClass)
-              } else {
-                showError(xhr)
-                enableSubmitFormButton($form)
-              }
+      this.setHiddenValuesNotUsefulForm(gaClientId)
+    }.bind(this))
+
+    // much of the JS needed to support sending the form contents via this script is
+    // unsupported by IE, even IE11. This check causes IE to not intercept form submits
+    // and let them happen normally, which is handled already by the backend
+    if (typeof window.URLSearchParams === 'function') {
+      for (var f = 0; f < this.forms.length; f++) {
+        this.forms[f].addEventListener('submit', function (e) {
+          e.preventDefault()
+          var $form = e.target
+          var xhr = new XMLHttpRequest()
+          var url = $form.getAttribute('action')
+          var params = new FormData($form)
+          params = new URLSearchParams(params).toString()
+
+          xhr.open('POST', url, true)
+          xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded')
+
+          xhr.onreadystatechange = function () {
+            if (xhr.readyState === 4 && xhr.status === 200) {
+              this.trackEvent(this.getTrackEventParams($form))
+              this.showFormSuccess(xhr.message)
+              this.revealInitialPrompt()
+              this.setInitialAriaAttributes()
+              this.activeForm.classList.toggle(this.jshiddenClass)
+            } else {
+              this.showError(xhr)
+              this.enableSubmitFormButton($form)
             }
+          }.bind(this)
 
-            disableSubmitFormButton($form)
-            xhr.send(params)
-          })
-        }
+          this.disableSubmitFormButton($form)
+          xhr.send(params)
+        }.bind(this))
       }
+    }
+  }
 
-      function disableSubmitFormButton ($form) {
-        var formButton = $form.querySelector('[type="submit"]')
-        formButton.setAttribute('disabled', true)
-      }
+  Feedback.prototype.disableSubmitFormButton = function ($form) {
+    var formButton = $form.querySelector('[type="submit"]')
+    formButton.setAttribute('disabled', true)
+  }
 
-      function enableSubmitFormButton ($form) {
-        var formButton = $form.querySelector('[type="submit"]')
-        formButton.removeAttribute('disabled')
-      }
+  Feedback.prototype.enableSubmitFormButton = function ($form) {
+    var formButton = $form.querySelector('[type="submit"]')
+    formButton.removeAttribute('disabled')
+  }
 
-      function setInitialAriaAttributes () {
-        for (var i = 0; i < thisModule.forms.length; i++) {
-          thisModule.forms[i].setAttribute('aria-hidden', true)
-        }
-        thisModule.pageIsNotUsefulButton.setAttribute('aria-expanded', false)
-        thisModule.somethingIsWrongButton.setAttribute('aria-expanded', false)
-      }
+  Feedback.prototype.setInitialAriaAttributes = function () {
+    for (var i = 0; i < this.forms.length; i++) {
+      this.forms[i].setAttribute('aria-hidden', true)
+    }
+    this.pageIsNotUsefulButton.setAttribute('aria-expanded', false)
+    this.somethingIsWrongButton.setAttribute('aria-expanded', false)
+  }
 
-      function setHiddenValues () {
-        var javascriptEnabled = document.createElement('input')
-        javascriptEnabled.setAttribute('type', 'hidden')
-        javascriptEnabled.setAttribute('name', 'javascript_enabled')
-        javascriptEnabled.setAttribute('value', true)
-        thisModule.somethingIsWrongForm.appendChild(javascriptEnabled)
-
-        var referrer = document.createElement('input')
-        referrer.setAttribute('type', 'hidden')
-        referrer.setAttribute('name', 'referrer')
-        referrer.setAttribute('value', document.referrer || 'unknown')
-        thisModule.somethingIsWrongForm.appendChild(referrer)
-        thisModule.somethingIsWrongForm.invalidInfoError = [
-          '<h2>Sorry, we’re unable to send your message as you haven’t given us any information.</h2>',
-          ' <p>Please tell us what you were doing or what went wrong</p>'
-        ].join('')
-      }
+  Feedback.prototype.setHiddenValues = function () {
+    var javascriptEnabled = document.createElement('input')
+    javascriptEnabled.setAttribute('type', 'hidden')
+    javascriptEnabled.setAttribute('name', 'javascript_enabled')
+    javascriptEnabled.setAttribute('value', true)
+    this.somethingIsWrongForm.appendChild(javascriptEnabled)
+
+    var referrer = document.createElement('input')
+    referrer.setAttribute('type', 'hidden')
+    referrer.setAttribute('name', 'referrer')
+    referrer.setAttribute('value', document.referrer || 'unknown')
+    this.somethingIsWrongForm.appendChild(referrer)
+    this.somethingIsWrongForm.invalidInfoError = [
+      '<h2>Sorry, we’re unable to send your message as you haven’t given us any information.</h2>',
+      ' <p>Please tell us what you were doing or what went wrong</p>'
+    ].join('')
+  }
 
-      function setHiddenValuesNotUsefulForm (gaClientId) {
-        var currentPathName = window.location.pathname.replace(/[^\s=?&]+(?:@|%40)[^\s=?&]+/, '[email]')
-        var finalPathName = encodeURI(currentPathName)
-        thisModule.surveyForm.invalidInfoError = [
-          '<h2>Sorry, we’re unable to send your message as you haven’t given us a valid email address.</h2>',
-          ' <p>Enter an email address in the correct format, like name@example.com</p>'
-        ].join('')
-        if (document.querySelectorAll('[name="email_survey_signup[ga_client_id]"]').length === 0) {
-          var hiddenInput = document.createElement('input')
-          hiddenInput.setAttribute('type', 'hidden')
-          hiddenInput.setAttribute('name', 'email_survey_signup[ga_client_id]')
-          hiddenInput.setAttribute('value', gaClientId || '0')
-          thisModule.surveyForm.appendChild(hiddenInput)
-        }
-
-        if (document.querySelectorAll('.gem-c-feedback__email-link#take-survey').length === 0) {
-          var takeSurvey = document.createElement('a')
-          takeSurvey.setAttribute('href', 'https://www.smartsurvey.co.uk/s/gov-uk-banner/?c=' + finalPathName + '&amp;gcl=' + gaClientId)
-          takeSurvey.setAttribute('class', 'gem-c-feedback__email-link govuk-link')
-          takeSurvey.setAttribute('id', 'take-survey')
-          takeSurvey.setAttribute('target', '_blank')
-          takeSurvey.setAttribute('rel', 'noopener noreferrer')
-          takeSurvey.innerHTML = 'Don’t have an email address?'
-          thisModule.surveyWrapper.appendChild(takeSurvey)
-        }
-      }
+  Feedback.prototype.setHiddenValuesNotUsefulForm = function (gaClientId) {
+    var currentPathName = window.location.pathname.replace(/[^\s=?&]+(?:@|%40)[^\s=?&]+/, '[email]')
+    var finalPathName = encodeURI(currentPathName)
+    this.surveyForm.invalidInfoError = [
+      '<h2>Sorry, we’re unable to send your message as you haven’t given us a valid email address.</h2>',
+      ' <p>Enter an email address in the correct format, like name@example.com</p>'
+    ].join('')
+    if (document.querySelectorAll('[name="email_survey_signup[ga_client_id]"]').length === 0) {
+      var hiddenInput = document.createElement('input')
+      hiddenInput.setAttribute('type', 'hidden')
+      hiddenInput.setAttribute('name', 'email_survey_signup[ga_client_id]')
+      hiddenInput.setAttribute('value', gaClientId || '0')
+      this.surveyForm.appendChild(hiddenInput)
+    }
 
-      function updateAriaAttributes (linkClicked) {
-        linkClicked.setAttribute('aria-expanded', true)
-        var controls = linkClicked.getAttribute('aria-controls')
-        var ariaControls = document.querySelector('#' + controls)
-        ariaControls.setAttribute('aria-hidden', false)
-      }
+    if (document.querySelectorAll('.gem-c-feedback__email-link#take-survey').length === 0) {
+      var takeSurvey = document.createElement('a')
+      takeSurvey.setAttribute('href', 'https://www.smartsurvey.co.uk/s/gov-uk-banner/?c=' + finalPathName + '&amp;gcl=' + gaClientId)
+      takeSurvey.setAttribute('class', 'gem-c-feedback__email-link govuk-link')
+      takeSurvey.setAttribute('id', 'take-survey')
+      takeSurvey.setAttribute('target', '_blank')
+      takeSurvey.setAttribute('rel', 'noopener noreferrer')
+      takeSurvey.innerHTML = 'Don’t have an email address?'
+      this.surveyWrapper.appendChild(takeSurvey)
+    }
+  }
 
-      function toggleForm (formId) {
-        thisModule.activeForm = thisModule.element.querySelector('#' + formId)
-        thisModule.activeForm.classList.toggle(jshiddenClass)
-        thisModule.prompt.classList.toggle(jshiddenClass)
+  Feedback.prototype.updateAriaAttributes = function (linkClicked) {
+    linkClicked.setAttribute('aria-expanded', true)
+    var controls = linkClicked.getAttribute('aria-controls')
+    var ariaControls = document.querySelector('#' + controls)
+    ariaControls.setAttribute('aria-hidden', false)
+  }
 
-        var formIsVisible = !thisModule.activeForm.classList.contains(jshiddenClass)
+  Feedback.prototype.toggleForm = function (formId) {
+    this.activeForm = this.$module.querySelector('#' + formId)
+    this.activeForm.classList.toggle(this.jshiddenClass)
+    this.prompt.classList.toggle(this.jshiddenClass)
 
-        if (formIsVisible) {
-          thisModule.activeForm.querySelector('.gem-c-input').focus()
-        } else {
-          thisModule.activeForm = false
-        }
-      }
+    var formIsVisible = !this.activeForm.classList.contains(this.jshiddenClass)
 
-      function getTrackEventParams ($node) {
-        return {
-          category: $node.getAttribute('data-track-category'),
-          action: $node.getAttribute('data-track-action')
-        }
-      }
+    if (formIsVisible) {
+      this.activeForm.querySelector('.gem-c-input').focus()
+    } else {
+      this.activeForm = false
+    }
+  }
 
-      function trackEvent (trackEventParams) {
-        if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
-          window.GOVUK.analytics.trackEvent(trackEventParams.category, trackEventParams.action)
-        }
-      }
+  Feedback.prototype.getTrackEventParams = function ($node) {
+    return {
+      category: $node.getAttribute('data-track-category'),
+      action: $node.getAttribute('data-track-action')
+    }
+  }
 
-      function showError (error) {
-        var genericError = [
-          '<h2>Sorry, we’re unable to receive your message right now.</h2>',
-          ' <p>If the problem persists, we have other ways for you to provide',
-          ' feedback on the <a href="/contact/govuk">contact page</a>.</p>'
-        ].join('')
-        // if the response is not a 404 or 500, show the error message if it exists
-        // otherwise show the generic message
-        if ('response' in error) {
-          if (typeof error.response === 'object' && error.response !== null) {
-            error = error.response.message === 'email survey sign up failure' ? genericError : error.response.message
-          } else {
-            error = genericError
-          }
-        } else if (error.status === 422) {
-          // there's clobbering by nginx on all 422 requests, which is why the response returns a rendered html page instead of the expected JSON
-          // this is a temporary workaround to ensure that we are displaying relevant error messages to the users
-          error = thisModule.activeForm.invalidInfoError || genericError
-        } else {
-          error = genericError
-        }
-        var $errors = thisModule.activeForm.querySelector('.js-errors')
-        $errors.innerHTML = error
-        $errors.classList.remove(jshiddenClass)
-        $errors.focus()
-      }
+  Feedback.prototype.trackEvent = function (trackEventParams) {
+    if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
+      window.GOVUK.analytics.trackEvent(trackEventParams.category, trackEventParams.action)
+    }
+  }
 
-      function showFormSuccess () {
-        for (var i = 0; i < thisModule.promptQuestions.length; i++) {
-          thisModule.promptQuestions[i].classList.add(jshiddenClass)
-        }
-        thisModule.promptSuccessMessage.classList.remove(jshiddenClass)
-        thisModule.promptSuccessMessage.focus()
+  Feedback.prototype.showError = function (error) {
+    var genericError = [
+      '<h2>Sorry, we’re unable to receive your message right now.</h2>',
+      ' <p>If the problem persists, we have other ways for you to provide',
+      ' feedback on the <a href="/contact/govuk">contact page</a>.</p>'
+    ].join('')
+    // if the response is not a 404 or 500, show the error message if it exists
+    // otherwise show the generic message
+    if ('response' in error) {
+      if (typeof error.response === 'object' && error.response !== null) {
+        error = error.response.message === 'email survey sign up failure' ? genericError : error.response.message
+      } else {
+        error = genericError
       }
+    } else if (error.status === 422) {
+      // there's clobbering by nginx on all 422 requests, which is why the response returns a rendered html page instead of the expected JSON
+      // this is a temporary workaround to ensure that we are displaying relevant error messages to the users
+      error = this.activeForm.invalidInfoError || genericError
+    } else {
+      error = genericError
+    }
+    var $errors = this.activeForm.querySelector('.js-errors')
+    $errors.innerHTML = error
+    $errors.classList.remove(this.jshiddenClass)
+    $errors.focus()
+  }
 
-      function revealInitialPrompt () {
-        thisModule.prompt.classList.remove(jshiddenClass)
-        thisModule.prompt.focus()
-      }
+  Feedback.prototype.showFormSuccess = function () {
+    for (var i = 0; i < this.promptQuestions.length; i++) {
+      this.promptQuestions[i].classList.add(this.jshiddenClass)
     }
+    this.promptSuccessMessage.classList.remove(this.jshiddenClass)
+    this.promptSuccessMessage.focus()
   }
+
+  Feedback.prototype.revealInitialPrompt = function () {
+    this.prompt.classList.remove(this.jshiddenClass)
+    this.prompt.focus()
+  }
+
+  Modules.Feedback = Feedback
 })(window.GOVUK.Modules)

data/app/assets/javascripts/govuk_publishing_components/components/govspeak.js

@@ -2,11 +2,11 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function Govspeak () { }
-
-  Govspeak.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function Govspeak ($module) {
+    this.$module = $module
+  }
 
+  Govspeak.prototype.init = function () {
     if (this.$module.className.indexOf('disable-youtube') === -1) {
       this.embedYoutube()
     }

data/app/assets/javascripts/govuk_publishing_components/components/modal-dialogue.js

@@ -2,14 +2,16 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function ModalDialogue () { }
-
-  ModalDialogue.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function ModalDialogue ($module) {
+    this.$module = $module
     this.$dialogBox = this.$module.querySelector('.gem-c-modal-dialogue__box')
     this.$closeButton = this.$module.querySelector('.gem-c-modal-dialogue__close-button')
     this.$html = document.querySelector('html')
     this.$body = document.querySelector('body')
+  }
+
+  ModalDialogue.prototype.init = function () {
+    if (!this.$dialogBox || !this.$closeButton) return
 
     this.$module.resize = this.handleResize.bind(this)
     this.$module.open = this.handleOpen.bind(this)

data/app/assets/javascripts/govuk_publishing_components/components/print-link.js

@@ -2,10 +2,11 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function PrintLink () { }
+  function PrintLink ($module) {
+    this.$module = $module
+  }
 
-  PrintLink.prototype.start = function ($module) {
-    this.$module = $module[0]
+  PrintLink.prototype.init = function () {
     this.$module.addEventListener('click', function () {
       window.print()
     })

data/app/assets/javascripts/govuk_publishing_components/components/reorderable-list.js

@@ -3,13 +3,13 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function ReorderableList () { }
-
-  ReorderableList.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function ReorderableList ($module) {
+    this.$module = $module
     this.$upButtons = this.$module.querySelectorAll('.js-reorderable-list-up')
     this.$downButtons = this.$module.querySelectorAll('.js-reorderable-list-down')
+  }
 
+  ReorderableList.prototype.init = function () {
     this.sortable = window.Sortable.create(this.$module, { // eslint-disable-line new-cap
       chosenClass: 'gem-c-reorderable-list__item--chosen',
       dragClass: 'gem-c-reorderable-list__item--drag',

data/app/assets/javascripts/govuk_publishing_components/components/show-password.js

@@ -2,11 +2,12 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function ShowPassword () { }
-
-  ShowPassword.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function ShowPassword ($module) {
+    this.$module = $module
     this.input = this.$module.querySelector('.gem-c-input')
+  }
+
+  ShowPassword.prototype.init = function () {
     this.$module.togglePassword = this.togglePassword.bind(this)
     this.$module.revertToPasswordOnFormSubmit = this.revertToPasswordOnFormSubmit.bind(this)
     this.input.classList.add('gem-c-input--with-password')

data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js

@@ -6,10 +6,8 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function Gemstepnav () { }
-
-  Gemstepnav.prototype.start = function ($module) {
-    this.$module = $module[0]
+  function Gemstepnav ($module) {
+    this.$module = $module
     this.$module.actions = {} // stores text for JS appended elements 'show' and 'hide' on steps, and 'show/hide all' button
     this.$module.rememberShownStep = false
     this.$module.stepNavSize = false
@@ -18,7 +16,9 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$module.activeStepClass = 'gem-c-step-nav__step--active'
     this.$module.activeLinkHref = '#content'
     this.$module.uniqueId = false
+  }
 
+  Gemstepnav.prototype.init = function () {
     // Indicate that js has worked
     this.$module.classList.add('gem-c-step-nav--active')
 

data/app/views/govuk_publishing_components/components/_government_navigation.html.erb

@@ -3,7 +3,7 @@
 %>
 
 <nav id="proposition-menu" class="no-proposition-name gem-c-government-navigation" aria-label="Departments and policy navigation">
-  <ul id="proposition-links">
+  <ul id="proposition-links" data-module="gem-track-click">
     <li>
       <a class="<%= 'active' if active == 'departments' %> govuk-link govuk-link--no-underline govuk-link--inverse"
          data-track-category="headerClicked"

data/lib/govuk_publishing_components/presenters/content_breadcrumbs_based_on_priority.rb

@@ -8,13 +8,9 @@ module GovukPublishingComponents
         education_coronavirus: "272308f4-05c8-4d0d-abc7-b7c2e3ccd249",
         worker_coronavirus: "b7f57213-4b16-446d-8ded-81955d782680",
         business_coronavirus: "65666cdf-b177-4d79-9687-b9c32805e450",
-        transition_period: "d6c2de5d-ef90-45d1-82d4-5f2438369eea",
-      }.freeze
-
-      BREXIT_TAXONS = {
-        brexit: "d6c2de5d-ef90-45d1-82d4-5f2438369eea",
         brexit_business: "634fd193-8039-4a70-a059-919c34ff4bfc",
-        brexit_citizen: "614b2e65-56ac-4f8d-bb9c-d1a14167ba25",
+        brexit_individuals: "614b2e65-56ac-4f8d-bb9c-d1a14167ba25",
+        brexit_taxon: "d6c2de5d-ef90-45d1-82d4-5f2438369eea",
       }.freeze
 
       # Returns the highest priority taxon that has a content_id matching those in PRIORITY_TAXONS
@@ -39,7 +35,7 @@ module GovukPublishingComponents
       def breadcrumbs
         taxon && {
           title: taxon["title"],
-          path: taxon["base_path"],
+          path: breadcrumb_path,
           tracking_category: "breadcrumbClicked",
           tracking_action: tracking_action,
           tracking_label: content_item["base_path"],
@@ -52,6 +48,8 @@ module GovukPublishingComponents
       def preferred_taxon
         if preferred_priority_taxon
           priority_taxons.find { |t| t["content_id"] == preferred_priority_taxon }
+        elsif tagged_to_both_brexit_child_taxons?
+          priority_taxons.find { |t| t["content_id"] == PRIORITY_TAXONS[:brexit_taxon] }
         end
       end
 
@@ -74,17 +72,34 @@ module GovukPublishingComponents
         PRIORITY_TAXONS.values.include?(taxon["content_id"])
       end
 
+      def brexit_child_taxon?(taxon)
+        brexit_child_taxons.include?(taxon["content_id"])
+      end
+
+      def brexit_child_taxons
+        [PRIORITY_TAXONS[:brexit_business], PRIORITY_TAXONS[:brexit_individuals]]
+      end
+
       def preferred_priority_taxon
         query_parameters["priority-taxon"] if query_parameters
       end
 
       def tracking_action
         action = %w[superBreadcrumb]
-        action << "Brexitbusiness" if taxon["content_id"] == BREXIT_TAXONS[:brexit_business]
-        action << "Brexitcitizen" if taxon["content_id"] == BREXIT_TAXONS[:brexit_business]
-        action << "Brexitbusinessandcitizen" if taxon["content_id"] == BREXIT_TAXONS[:brexit]
+        action << "Brexitbusiness" if taxon["content_id"] == PRIORITY_TAXONS[:brexit_business]
+        action << "Brexitcitizen" if taxon["content_id"] == PRIORITY_TAXONS[:brexit_individuals]
+        action << "Brexitbusinessandcitizen" if taxon["content_id"] == PRIORITY_TAXONS[:brexit_taxon]
         action.join(" ")
       end
+
+      def tagged_to_both_brexit_child_taxons?
+        t = priority_taxons.select { |taxon| brexit_child_taxon?(taxon) }
+        t.uniq.count > 1
+      end
+
+      def breadcrumb_path
+        taxon.dig("details", "url_override").present? ? taxon.dig("details", "url_override") : taxon["base_path"]
+      end
     end
   end
 end

data/lib/govuk_publishing_components/presenters/contextual_navigation.rb

@@ -194,6 +194,7 @@ module GovukPublishingComponents
           maib_report
           raib_report
           simple_smart_answer
+          smart_answer
           transaction
         ]
       end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "24.13.4".freeze
+  VERSION = "24.13.5".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 24.13.4
+  version: 24.13.5
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-06-09 00:00:00.000000000 Z
+date: 2021-06-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config