Use govuk-frontend v5 [DO NOT MERGE]

Gemfile.lock

@@ -10,6 +10,7 @@ PATH
       rouge
       sprockets (>= 3)
       sprockets-rails
+      terser
 
 GEM
   remote: https://rubygems.org/

app/assets/config/govuk_publishing_components_manifest.js

@@ -1,7 +1,8 @@
 // Pre-compile image and font assets from here and govuk-frontend
 //= link_tree ../images
-//= link_tree ../../../node_modules/govuk-frontend/govuk/assets/images
-//= link_tree ../../../node_modules/govuk-frontend/govuk/assets/fonts
+//= link_tree ../../../node_modules/govuk-frontend/dist/govuk/assets/images
+//= link_tree ../../../node_modules/govuk-frontend/dist/govuk/assets/fonts
+//= link_tree ../../../node_modules/govuk-frontend/dist/govuk/assets
 
 // Create asset files of each of the files in these directory
 //= link_directory ../javascripts/component_guide

app/assets/config/govuk_publishing_components_sassc-rails_manifest.js

@@ -1,7 +1,7 @@
 // Pre-compile image and font assets from here and govuk-frontend
 //= link_tree ../images
-//= link_tree ../../../node_modules/govuk-frontend/govuk/assets/images
-//= link_tree ../../../node_modules/govuk-frontend/govuk/assets/fonts
+//= link_tree ../../../node_modules/govuk-frontend/dist/govuk/assets/images
+//= link_tree ../../../node_modules/govuk-frontend/dist/govuk/assets/fonts
 
 // Create asset files of each of the files in these directory
 //= link_directory ../javascripts/component_guide

app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-auto-tracker.js

@@ -8,6 +8,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.module = module
     this.trackingTrigger = 'data-ga4-auto'
     this.PIIRemover = new window.GOVUK.analyticsGa4.PIIRemover()
+
+    this.init()
   }
 
   Ga4AutoTracker.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-ecommerce-tracker.js

@@ -1,4 +1,3 @@
-//= require govuk/vendor/polyfills/Element/prototype/closest.js
 ;(function (global) {
   'use strict'
 

app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-event-tracker.js

@@ -8,6 +8,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   function Ga4EventTracker (module) {
     this.module = module
     this.trackingTrigger = 'data-ga4-event' // elements with this attribute get tracked
+
+    this.init()
   }
 
   Ga4EventTracker.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-link-tracker.js

@@ -11,6 +11,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.trackLinksOnly = this.module.hasAttribute('data-ga4-track-links-only')
     this.limitToElementClass = this.module.getAttribute('data-ga4-limit-to-element-class')
     this.PIIRemover = new window.GOVUK.analyticsGa4.PIIRemover()
+
+    this.init()
   }
 
   Ga4LinkTracker.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-specialist-link-tracker.js

@@ -1,4 +1,3 @@
-// = require govuk/vendor/polyfills/Element/prototype/closest.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.analyticsGa4 = window.GOVUK.analyticsGa4 || {}
 window.GOVUK.analyticsGa4.analyticsModules = window.GOVUK.analyticsGa4.analyticsModules || {};

app/assets/javascripts/govuk_publishing_components/analytics/auto-scroll-tracker.js

@@ -14,6 +14,8 @@ window.GOVUK.analyticsVars = window.GOVUK.analyticsVars || {};
       resizeTimeoutDelay: 100,
       pageHeightTimeoutDelay: 500
     }
+
+    this.init()
   }
 
   AutoScrollTracker.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics/auto-track-event.js

@@ -4,6 +4,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function AutoTrackEvent ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   AutoTrackEvent.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics/cross-domain-tracking.js

@@ -5,6 +5,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   function CrossDomainTracking ($module) {
     this.$module = $module
     Modules.crossDomainLinkedTrackers = Modules.crossDomainLinkedTrackers || []
+
+    this.init()
   }
 
   CrossDomainTracking.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics/explicit-cross-domain-links.js

@@ -4,6 +4,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function ExplicitCrossDomainLinks ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   ExplicitCrossDomainLinks.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics/external-link-tracker.js

@@ -1,4 +1,3 @@
-// = require govuk/vendor/polyfills/Element/prototype/closest.js
 ;(function (global) {
   'use strict'
 

app/assets/javascripts/govuk_publishing_components/analytics/track-click.js

@@ -6,6 +6,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function GemTrackClick ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   GemTrackClick.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/analytics/track-select-change.js

@@ -4,6 +4,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function TrackSelectChange ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   TrackSelectChange.prototype.init = function ($module) {

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

@@ -1,7 +1,7 @@
 /* global nodeListForEach */
 //  = require ../vendor/polyfills/common.js
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/accordion/accordion.js
+// = require govuk/components/accordion/accordion.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukAccordion = window.GOVUKFrontend.Accordion;
@@ -21,6 +21,8 @@ window.GOVUK.Modules.GovukAccordion = window.GOVUKFrontend.Accordion;
     // language attribute pulled from data attributes
     this.$module.actions = {}
     this.$module.actions.locale = this.$module.getAttribute('data-locale')
+
+    this.init()
   }
 
   GemAccordion.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/button.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/button/button.js
+// = require govuk/components/button/button.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukButton = window.GOVUKFrontend.Button

app/assets/javascripts/govuk_publishing_components/components/character-count.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/character-count/character-count.js
+// = require govuk/components/character-count/character-count.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukCharacterCount = window.GOVUKFrontend.CharacterCount

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

@@ -1,5 +1,4 @@
-// = require govuk/vendor/polyfills/Element/prototype/closest.js
-// = require govuk/components/checkboxes/checkboxes.js
+// = require govuk/components/checkboxes/checkboxes.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukCheckboxes = window.GOVUKFrontend.Checkboxes;
@@ -9,6 +8,8 @@ window.GOVUK.Modules.GovukCheckboxes = window.GOVUKFrontend.Checkboxes;
     this.$module = $module
     this.$checkboxes = this.$module.querySelectorAll('input[type=checkbox]')
     this.$nestedCheckboxes = this.$module.querySelectorAll('[data-nested=true] input[type=checkbox]')
+
+    this.init()
   }
 
   GemCheckboxes.prototype.init = function () {

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

@@ -7,6 +7,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$guidance = this.$module.querySelector('.gem-c-contextual-guidance__wrapper')
     this.$inputId = this.$guidance.getAttribute('for')
     this.$input = this.$module.querySelector('#' + this.$inputId)
+
+    this.init()
   }
 
   ContextualGuidance.prototype.init = function () {

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

@@ -6,6 +6,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$module = $module
     this.$module.cookieBannerConfirmationMessage = this.$module.querySelector('.gem-c-cookie-banner__confirmation')
     this.$module.cookieBannerConfirmationMessageText = this.$module.querySelector('.gem-c-cookie-banner__confirmation-message')
+
+    this.init()
   }
 
   CookieBanner.prototype.init = function () {

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

@@ -6,6 +6,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$module = $module
     this.$input = this.$module.querySelector('.gem-c-input')
     this.$copyButton = this.$module.querySelector('.gem-c-button')
+
+    this.init()
   }
 
   CopyToClipboard.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/cross-service-header.js

@@ -11,6 +11,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$header = $module
     this.$navigation = $module && $module.querySelectorAll('[data-one-login-header-nav]')
     this.$numberOfNavs = this.$navigation && this.$navigation.length
+
+    this.init()
   }
   /**
   * Initialise header

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

@@ -1,7 +1,5 @@
-// = require govuk/components/details/details.js
 window.GOVUK = window.GOVUK || {}
-window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.GovukDetails = window.GOVUKFrontend.Details;
+window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
   function GemDetails ($module) {
@@ -10,6 +8,8 @@ window.GOVUK.Modules.GovukDetails = window.GOVUKFrontend.Details;
 
     this.customTrackLabel = this.$summary.getAttribute('data-track-label')
     this.detailsClick = this.$module.querySelector('[data-details-track-click]')
+
+    this.init()
   }
 
   GemDetails.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/error-summary.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/error-summary/error-summary.js
+// = require govuk/components/error-summary/error-summary.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukErrorSummary = window.GOVUKFrontend.ErrorSummary

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

@@ -21,6 +21,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.jshiddenClass = 'js-hidden'
     this.whatDoingInput = this.$module.querySelector('[name=what_doing]')
     this.whatWrongInput = this.$module.querySelector('[name=what_wrong]')
+
+    // this.init()
   }
 
   Feedback.prototype.init = function () {

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

@@ -4,6 +4,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function Govspeak ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   Govspeak.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/image-card.js

@@ -5,6 +5,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   function ImageCard ($module) {
     this.$module = $module
     this.$module.youtubeLink = this.$module.querySelector('.gem-c-image-card__image-wrapper div')
+
+    this.init()
   }
 
   ImageCard.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/intervention.js

@@ -7,6 +7,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$closeLink = this.$module.querySelector('.js-dismiss-link')
     this.$campaignName = this.$module.getAttribute('data-intervention-name')
     this.$campaignCookie = window.GOVUK.cookie('intervention_campaign') || ''
+
+    this.init()
   }
 
   Intervention.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/layout-header.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/header/header.js
+// = require govuk/components/header/header.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukHeader = window.GOVUKFrontend.Header

app/assets/javascripts/govuk_publishing_components/components/layout-super-navigation-header.js

@@ -1,5 +1,3 @@
-//= require govuk/vendor/polyfills/Element/prototype/classList.js
-
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
@@ -107,6 +105,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     )
 
     this.hiddenButtons = this.$module.querySelectorAll('button[hidden]')
+
+    this.init()
   }
 
   SuperNavigationMegaMenu.prototype.buttonHandler = function (event) {

app/assets/javascripts/govuk_publishing_components/components/metadata.js

@@ -4,6 +4,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function Metadata ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   Metadata.prototype.init = function () {

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

@@ -8,6 +8,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$closeButton = this.$module.querySelector('.gem-c-modal-dialogue__close-button')
     this.$html = document.querySelector('html')
     this.$body = document.querySelector('body')
+
+    this.init()
   }
 
   ModalDialogue.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/option-select.js

@@ -19,6 +19,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.mq = window.matchMedia('(min-width: 641px)')
     this.isClosedOnLoad = this.$optionSelect.getAttribute('data-closed-on-load')
     this.isClosedOnLoadMobile = this.$optionSelect.getAttribute('data-closed-on-load-mobile')
+
+    this.init()
   }
 
   OptionSelect.prototype.init = function () {

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

@@ -4,6 +4,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 (function (Modules) {
   function PrintLink ($module) {
     this.$module = $module
+
+    this.init()
   }
 
   PrintLink.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/radio.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/radios/radios.js
+// = require govuk/components/radios/radios.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukRadios = window.GOVUKFrontend.Radios

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

@@ -7,6 +7,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$module = $module
     this.$upButtons = this.$module.querySelectorAll('.js-reorderable-list-up')
     this.$downButtons = this.$module.querySelectorAll('.js-reorderable-list-down')
+
+    this.init()
   }
 
   ReorderableList.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js

@@ -12,6 +12,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.personalisationEndpoint = '/api/personalisation/check-email-subscription?base_path=' + this.basePath
     // This attribute is passed through to the personalisation API to ensure the updated button has the same button_location for analytics
     if (this.buttonLocation) this.personalisationEndpoint += '&button_location=' + this.buttonLocation
+
+    this.init()
   }
 
   SinglePageNotificationButton.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/skip-link.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/skip-link/skip-link.js
+// = require govuk/components/skip-link/skip-link.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukSkipLink = window.GOVUKFrontend.SkipLink

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

@@ -1,7 +1,3 @@
-//= require govuk/vendor/polyfills/Element/prototype/classList.js
-//= require ../vendor/polyfills/closest.js
-//= require ../vendor/polyfills/indexOf.js
-
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
@@ -16,6 +12,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.$module.activeStepClass = 'gem-c-step-nav__step--active'
     this.$module.activeLinkHref = '#content'
     this.$module.uniqueId = false
+
+    this.init()
   }
 
   Gemstepnav.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/table.js

@@ -16,6 +16,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     for (var i = 0; i < this.tableRows.length; i++) {
       this.tableRowsContent.push(this.tableRows[i].textContent.toUpperCase())
     }
+
+    this.init()
   }
 
   Table.prototype.init = function () {

app/assets/javascripts/govuk_publishing_components/components/tabs.js

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/tabs/tabs.js
+// = require govuk/components/tabs/tabs.bundle.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
 window.GOVUK.Modules.GovukTabs = window.GOVUKFrontend.Tabs