govuk_publishing_components 27.3.0 → 27.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d52dba0489e69f7b978320fb25718ed4a674702f4c89f4885780dddd2eeed5bf
-  data.tar.gz: 66604e208eb054325e982779c62dcfa1d4a463b02801d6d90564d51de90fd5eb
+  metadata.gz: 826abb0589e48d2525ea4581c2822e8c924143fd8fe1291723d8daeb9ea27aed
+  data.tar.gz: 3609b9bc4dd4431663e8d8a9424a366c1e62259f305eb89deea5cbd730c47459
 SHA512:
-  metadata.gz: 8331252ae2695e7c8f82659a80bcebe413e4d0f8bfad357ac99a512ed0b7124a97c1ba61d9cc508992d10bb6d8f1d52bf105d8040f7e8d9e8c3530a3f7e7f39b
-  data.tar.gz: 420546b30c1401ba308f1f6c063a8ad1f2bb11f10245a144a1878d534efacb670cc8b965c801879552f23e0b4d4195332a0a1e13d61cb7fdcbb4b85d72330323
+  metadata.gz: fc3b285ebf4bb142daad075031fd004e6be838ee306d4efc21e77c887f46ce8a35a91fc7d4b8a5496941e6be16b365c778b2c2a58f3e7b32c8a2863ccb1f2e92
+  data.tar.gz: 35d279033c32850de9356d00d89a3752203f31495b475f3810b7449ad0cb05db681d037b4f0a3b1852d635c1c9c1fb1cd5d6afb6d231341942ff742b3377e0b6

data/app/assets/images/govuk_publishing_components/action-link-arrow--blue.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4893 23C17.8406 23 22.9893 17.8513 22.9893 11.5C22.9893 5.14873 17.8406 0 11.4893 0C5.64643 0 0.821276 4.35747 0.0862655 10H12.7633L8.98933 5.67277L10.4482 4L16.9893 11.5L10.4482 19L8.98933 17.3272L13.6354 12H0C0.261778 18.1193 5.30558 23 11.4893 23ZM13.9893 11.5942L14.0715 11.5L13.9893 11.4057V11.5942Z" fill="#366FB3"/>
+</svg>

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

@@ -8,6 +8,24 @@
     this.start = function ($module) {
       var element = $module[0]
 
+      var cookieBannerEngaged = GOVUK.cookie('cookies_preferences_set')
+
+      // If not engaged, append only ?cookie-consent=not-engaged
+      // If engaged and rejected, append only ?cookie-consent=reject
+      // If engaged and accepted usage, append ?_ga=clientid if available and cookie-consent=accept
+
+      if (cookieBannerEngaged === 'false') {
+        this.decorate(element, 'cookie_consent=not-engaged')
+        return
+      }
+      var cookieConsent = GOVUK.getConsentCookie()
+      if (cookieConsent.usage === false) {
+        this.decorate(element, 'cookie_consent=reject')
+        return
+      }
+
+      this.decorate(element, 'cookie_consent=accept')
+
       if (!global.ga) { return }
 
       global.ga(function () {
@@ -28,6 +46,26 @@
         }
       })
     }
+
+    this.decorate = function (element, param) {
+      var attribute = 'href'
+      var attributeValue = element.getAttribute(attribute)
+
+      if (!attributeValue) {
+        attribute = 'action'
+        attributeValue = element.getAttribute(attribute)
+      }
+
+      if (!attributeValue) { return }
+
+      if (attributeValue.includes('?')) {
+        attributeValue += '&' + param
+        element.setAttribute(attribute, attributeValue)
+      } else {
+        attributeValue += '?' + param
+        element.setAttribute(attribute, attributeValue)
+      }
+    }
   }
 
   global.GOVUK = GOVUK

data/app/assets/javascripts/govuk_publishing_components/analytics/init.js

@@ -8,6 +8,25 @@ var analyticsInit = function () {
     var linkedDomains = window.GOVUK.analyticsVars.linkedDomains || false
   }
 
+  window.GOVUK.Analytics.checkDigitalIdentityConsent = function (location) {
+    if (!location || !location.search) return
+    // this checks for the presence of the Digital Identity cookie consent query parameter and updates our consent cookie accordingly
+    // This is so that users don't see multiple cookie banners when they move between the different account management pages, as some will be on GOV.UK and others will be on the DI domain.
+    var digitalIdentityConsent = /([?&]cookie_consent=)(accept|reject)/.exec(location.search)
+    if (digitalIdentityConsent) {
+      if (digitalIdentityConsent[2] === 'accept') {
+        window.GOVUK.setConsentCookie({ usage: true })
+        // set cookies_preferences_set to true to prevent cookie banner showing
+        window.GOVUK.cookie('cookies_preferences_set', 'true')
+      } else if (digitalIdentityConsent[2] === 'reject') {
+        window.GOVUK.setConsentCookie({ usage: false })
+        window.GOVUK.cookie('cookies_preferences_set', 'true')
+      }
+    }
+  }
+
+  window.GOVUK.Analytics.checkDigitalIdentityConsent(window.location)
+
   var consentCookie = window.GOVUK.getConsentCookie()
   var dummyAnalytics = {
     addLinkedTrackerDomain: function () {},

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

@@ -15,7 +15,6 @@
 
   var CONFIG = {
     '/brexit': percentages,
-    '/guidance/coronavirus-covid-19-information-for-the-public': percentages,
     '/government/publications/the-essential-trustee-what-you-need-to-know-cc3/the-essential-trustee-what-you-need-to-know-what-you-need-to-do': [
       ['Heading', '1. About this guidance'],
       ['Heading', '2. Trustees’ duties at a glance'],
@@ -147,7 +146,6 @@
     '/wood-packaging-import-export': [
       ['Heading', 'Export solid wood packaging']
     ],
-    '/guidance/answers-to-the-most-common-topics-asked-about-by-the-public-for-the-coronavirus-press-conference': percentages,
     '/coronavirus': percentages,
     '/coronavirus/education-and-childcare': percentages,
     '/coronavirus/worker-support': percentages,
@@ -164,21 +162,6 @@
     '/guidance/brexit-guidance-for-individuals-and-families': percentages,
     '/guidance/brexit-guidance-for-individuals-and-families.cy': percentages,
     '/guidance/import-and-export-goods-using-preference-agreements': percentages,
-    '/guidance/red-amber-and-green-list-rules-for-entering-england': [
-      ['Heading', 'Stay up-to-date'],
-      ['Heading', 'Red list of countries and territories'],
-      ['Heading', 'Amber list of countries and territories'],
-      ['Heading', 'Amber list rules if you are fully UK vaccinated'],
-      ['Heading', 'Amber list rules if you are not fully UK vaccinated'],
-      ['Heading', 'Green list countries and territories'],
-      ['Heading', 'Green list rules'],
-      ['Heading', 'Ireland, the UK, the Channel Islands and the Isle of Man'],
-      ['Heading', 'Transit stops in amber or red list countries'],
-      ['Heading', 'Job and medical exemptions'],
-      ['Heading', 'Travelling abroad from England'],
-      ['Heading', 'Demonstrating your COVID-19 vaccination status when travelling abroad'],
-      ['Heading', 'Foreign, Commonwealth & Development Office travel advice']
-    ],
     '/guidance/travel-abroad-from-england-during-coronavirus-covid-19': [
       ['Heading', 'Before you travel abroad'],
       ['Heading', '1. Check the rules for the country you’re going to'],

data/app/assets/javascripts/govuk_publishing_components/lib/primary-links.js

@@ -2,15 +2,14 @@
 ;(function (global) {
   'use strict'
 
-  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 + ')')
+    this.el = el
+    this.extraLinks = this.el.querySelectorAll('li:not(' + selector + ')')
     // only hide more than one extra link
-    if (this.$extraLinks.length > 1) {
+    if (this.extraLinks.length > 1) {
       this.addToggleLink()
       this.hideExtraLinks()
     }
@@ -18,29 +17,35 @@
 
   PrimaryList.prototype = {
     toggleText: function () {
-      if (this.$extraLinks.length > 1) {
-        return '+' + this.$extraLinks.length + ' others'
+      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)
+      this.toggleLink = document.createElement('a')
+      this.toggleLink.href = '#'
+      this.toggleLink.setAttribute('aria-expanded', 'false')
+      this.toggleLink.innerText = this.toggleText()
+
+      this.el.parentNode.insertBefore(this.toggleLink, this.el.nextSibling)
+      this.toggleLink.addEventListener('click', this.toggleLinks.bind(this))
     },
     toggleLinks: function (e) {
       e.preventDefault()
-      this.$toggleLink.remove()
+      this.toggleLink.remove()
       this.showExtraLinks()
     },
     hideExtraLinks: function () {
-      this.$extraLinks.addClass('visuallyhidden')
-      $(window).trigger('govuk.pageSizeChanged')
+      for (var i = 0; i < this.extraLinks.length; i++) {
+        this.extraLinks[i].className = 'primary-links--display-none'
+      }
     },
     showExtraLinks: function () {
-      this.$extraLinks.removeClass('visuallyhidden')
-      $(window).trigger('govuk.pageSizeChanged')
+      for (var i = 0; i < this.extraLinks.length; i++) {
+        this.extraLinks[i].className = ''
+      }
     }
   }
 
@@ -48,7 +53,18 @@
 
   GOVUK.primaryLinks = {
     init: function (selector) {
-      $(selector).parent().each(function (i, el) {
+      var allListItems = document.querySelectorAll(selector)
+      var AllLists = []
+
+      for (var i = 0; i < allListItems.length; i++) {
+        var parent = allListItems[i].parentNode
+
+        if (AllLists.indexOf(parent) < 0) {
+          AllLists.push(parent)
+        }
+      }
+
+      AllLists.forEach(function (el, i) {
         new GOVUK.PrimaryList(el, selector) // eslint-disable-line no-new
       })
     }

data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss

@@ -92,6 +92,18 @@
   }
 }
 
+.gem-c-action-link--blue-arrow {
+  &:before {
+    width: 45px;
+    height: 35px;
+    background: image-url("govuk_publishing_components/action-link-arrow--blue.png");
+    background: image-url("govuk_publishing_components/action-link-arrow--blue.svg"), linear-gradient(transparent, transparent);
+    background-repeat: no-repeat;
+    background-size: 35px auto;
+    background-position: 0 0;
+  }
+}
+
 .gem-c-action-link--simple {
   &:before {
     width: 30px;

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_typography.scss

@@ -108,3 +108,11 @@
     @include govuk-link-style-inverse;
   }
 }
+
+// This helper class is for use by the primary links js module
+// We have this custom helper here with a single rule over using the design system helper class govuk-!-display-none
+// because jasmine tests don't like the "!" in the distributed helper class
+
+.primary-links--display-none {
+  display: none;
+}

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

@@ -9,6 +9,7 @@
   subtext_href ||= false
   mobile_subtext ||= false
   light_text ||= false
+  blue_arrow ||= false
   simple ||= false
   simple_light ||= false
   dark_icon ||= false
@@ -27,6 +28,7 @@
   css_classes << "gem-c-action-link--transparent-icon" if transparent_icon
   css_classes << "gem-c-action-link--nhs" if nhs_icon
   css_classes << "gem-c-action-link--brexit" if brexit_icon
+  css_classes << "gem-c-action-link--blue-arrow" if blue_arrow
   css_classes << "gem-c-action-link--simple" if simple
   css_classes << "gem-c-action-link--simple-light" if simple_light
   css_classes << "gem-c-action-link--with-subtext" if subtext

data/app/views/govuk_publishing_components/components/docs/action_link.yml

@@ -78,6 +78,11 @@ examples:
       light_text: true
     context:
       dark_background: true
+  blue_arrow:
+    data:
+      text: Find out how to stay safe and help prevent the spread
+      href: "/something"
+      blue_arrow: true
   simple_arrow:
     data:
       text: Getting financial help and keeping your business safe

data/app/views/govuk_publishing_components/components/layout_for_public/_account-navigation.html.erb

@@ -16,6 +16,7 @@
         GovukPersonalisation::Urls.manage,
         class: 'gem-c-layout-for-public-account-menu__link govuk-link govuk-link--no-visited-state',
         'aria-current': page_is == "manage" ? "page" : nil,
+        data: { module: "explicit-cross-domain-links" },
       ) %>
     </li>
     <li class="gem-c-layout-for-public-account-menu__item <%= "gem-c-layout-for-public-account-menu__item--current" if page_is == "security" %>">
@@ -24,6 +25,7 @@
         GovukPersonalisation::Urls.security,
         class: 'gem-c-layout-for-public-account-menu__link govuk-link govuk-link--no-visited-state',
         'aria-current': page_is == "security" ? "page" : nil,
+        data: { module: "explicit-cross-domain-links" },
       ) %>
     </li>
   </ul>

data/config/locales/ar.yml

@@ -43,6 +43,15 @@ ar:
       hide:
       text:
       title:
+    devolved_nations:
+      applies_to:
+      connectors:
+        last_word:
+        two_words:
+      england:
+      northern_ireland:
+      scotland:
+      wales:
     feedback:
       close:
       dont_include_personal_info:
@@ -69,10 +78,36 @@ ar:
       news_and_communications:
       statistics:
       worldwide:
+    intervention:
+      description:
+      dismiss_link_text:
+      dismiss_post_link:
+      title:
     layout_footer:
       copyright_html:
       licence_html:
       support_links:
+    layout_for_public:
+      account_layout:
+        feedback:
+          banners:
+            footer_intro:
+            footer_link:
+            footer_outro:
+            phase_intro:
+            phase_link:
+            phase_outro:
+            title:
+        navigation:
+          destroy_user_session:
+          menu_bar:
+            account:
+              link_text:
+            manage:
+              link_text:
+            security:
+              link_text:
+          user_root_path:
     layout_header:
       hide_button:
       menu:
@@ -82,6 +117,9 @@ ar:
     layout_super_navigation_header:
       logo_link_title:
       logo_text:
+      menu_toggle_label:
+        hide:
+        show:
       navigation_links:
       navigation_menu_heading:
       navigation_search_heading:
@@ -100,6 +138,8 @@ ar:
       toggle_more:
     modal_dialogue:
       close_modal:
+    notice:
+      banner_title:
     organisation_schema:
       all_content_search_description:
     previous_and_next_navigation:

data/config/locales/az.yml

@@ -43,6 +43,15 @@ az:
       hide:
       text:
       title:
+    devolved_nations:
+      applies_to:
+      connectors:
+        last_word:
+        two_words:
+      england:
+      northern_ireland:
+      scotland:
+      wales:
     feedback:
       close:
       dont_include_personal_info:
@@ -69,10 +78,36 @@ az:
       news_and_communications:
       statistics:
       worldwide:
+    intervention:
+      description:
+      dismiss_link_text:
+      dismiss_post_link:
+      title:
     layout_footer:
       copyright_html:
       licence_html:
       support_links:
+    layout_for_public:
+      account_layout:
+        feedback:
+          banners:
+            footer_intro:
+            footer_link:
+            footer_outro:
+            phase_intro:
+            phase_link:
+            phase_outro:
+            title:
+        navigation:
+          destroy_user_session:
+          menu_bar:
+            account:
+              link_text:
+            manage:
+              link_text:
+            security:
+              link_text:
+          user_root_path:
     layout_header:
       hide_button:
       menu:
@@ -82,6 +117,9 @@ az:
     layout_super_navigation_header:
       logo_link_title:
       logo_text:
+      menu_toggle_label:
+        hide:
+        show:
       navigation_links:
       navigation_menu_heading:
       navigation_search_heading:
@@ -100,6 +138,8 @@ az:
       toggle_more:
     modal_dialogue:
       close_modal:
+    notice:
+      banner_title:
     organisation_schema:
       all_content_search_description:
     previous_and_next_navigation:

data/config/locales/be.yml

@@ -43,6 +43,15 @@ be:
       hide:
       text:
       title:
+    devolved_nations:
+      applies_to:
+      connectors:
+        last_word:
+        two_words:
+      england:
+      northern_ireland:
+      scotland:
+      wales:
     feedback:
       close:
       dont_include_personal_info:
@@ -69,10 +78,36 @@ be:
       news_and_communications:
       statistics:
       worldwide:
+    intervention:
+      description:
+      dismiss_link_text:
+      dismiss_post_link:
+      title:
     layout_footer:
       copyright_html:
       licence_html:
       support_links:
+    layout_for_public:
+      account_layout:
+        feedback:
+          banners:
+            footer_intro:
+            footer_link:
+            footer_outro:
+            phase_intro:
+            phase_link:
+            phase_outro:
+            title:
+        navigation:
+          destroy_user_session:
+          menu_bar:
+            account:
+              link_text:
+            manage:
+              link_text:
+            security:
+              link_text:
+          user_root_path:
     layout_header:
       hide_button:
       menu:
@@ -82,6 +117,9 @@ be:
     layout_super_navigation_header:
       logo_link_title:
       logo_text:
+      menu_toggle_label:
+        hide:
+        show:
       navigation_links:
       navigation_menu_heading:
       navigation_search_heading:
@@ -100,6 +138,8 @@ be:
       toggle_more:
     modal_dialogue:
       close_modal:
+    notice:
+      banner_title:
     organisation_schema:
       all_content_search_description:
     previous_and_next_navigation:

data/config/locales/bg.yml

@@ -43,6 +43,15 @@ bg:
       hide:
       text:
       title:
+    devolved_nations:
+      applies_to:
+      connectors:
+        last_word:
+        two_words:
+      england:
+      northern_ireland:
+      scotland:
+      wales:
     feedback:
       close:
       dont_include_personal_info:
@@ -69,10 +78,36 @@ bg:
       news_and_communications:
       statistics:
       worldwide:
+    intervention:
+      description:
+      dismiss_link_text:
+      dismiss_post_link:
+      title:
     layout_footer:
       copyright_html:
       licence_html:
       support_links:
+    layout_for_public:
+      account_layout:
+        feedback:
+          banners:
+            footer_intro:
+            footer_link:
+            footer_outro:
+            phase_intro:
+            phase_link:
+            phase_outro:
+            title:
+        navigation:
+          destroy_user_session:
+          menu_bar:
+            account:
+              link_text:
+            manage:
+              link_text:
+            security:
+              link_text:
+          user_root_path:
     layout_header:
       hide_button:
       menu:
@@ -82,6 +117,9 @@ bg:
     layout_super_navigation_header:
       logo_link_title:
       logo_text:
+      menu_toggle_label:
+        hide:
+        show:
       navigation_links:
       navigation_menu_heading:
       navigation_search_heading:
@@ -100,6 +138,8 @@ bg:
       toggle_more:
     modal_dialogue:
       close_modal:
+    notice:
+      banner_title:
     organisation_schema:
       all_content_search_description:
     previous_and_next_navigation:

data/config/locales/bn.yml

@@ -43,6 +43,15 @@ bn:
       hide:
       text:
       title:
+    devolved_nations:
+      applies_to:
+      connectors:
+        last_word:
+        two_words:
+      england:
+      northern_ireland:
+      scotland:
+      wales:
     feedback:
       close:
       dont_include_personal_info:
@@ -69,10 +78,36 @@ bn:
       news_and_communications:
       statistics:
       worldwide:
+    intervention:
+      description:
+      dismiss_link_text:
+      dismiss_post_link:
+      title:
     layout_footer:
       copyright_html:
       licence_html:
       support_links:
+    layout_for_public:
+      account_layout:
+        feedback:
+          banners:
+            footer_intro:
+            footer_link:
+            footer_outro:
+            phase_intro:
+            phase_link:
+            phase_outro:
+            title:
+        navigation:
+          destroy_user_session:
+          menu_bar:
+            account:
+              link_text:
+            manage:
+              link_text:
+            security:
+              link_text:
+          user_root_path:
     layout_header:
       hide_button:
       menu:
@@ -82,6 +117,9 @@ bn:
     layout_super_navigation_header:
       logo_link_title:
       logo_text:
+      menu_toggle_label:
+        hide:
+        show:
       navigation_links:
       navigation_menu_heading:
       navigation_search_heading:
@@ -100,6 +138,8 @@ bn:
       toggle_more:
     modal_dialogue:
       close_modal:
+    notice:
+      banner_title:
     organisation_schema:
       all_content_search_description:
     previous_and_next_navigation: