govuk_publishing_components 55.1.0 → 56.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 83f2b97f13438d68421e57375dc8460c00ce20c62ec826adb265d83730ed37c6
-  data.tar.gz: de8b365caa595806d8d12a02d751fd4e00102d655296a5e8ad10f4374a165541
+  metadata.gz: 5bd7ea7301bfc4ad16b432de2454f8557703f0da104df7238390c0898e9d71da
+  data.tar.gz: 8558af085431866c26875ef71548ac8dd1918e61ef5c42ca13978b9866e0274c
 SHA512:
-  metadata.gz: db208c3e1c9e5db170a8707ae2ca60e601265e4c7a04e65f3975fe4561d4bbb59988765ddd462d039f3e34e7a2d741f1decb9b7073702e3ccde823a3ecde05a1
-  data.tar.gz: 835cc61d5e298f78b9dc2c9537b2ad46cbf94982808eeca8fa234d917140d53d4c2e623a084307f5f94d8059c343419f25ab82601f21759d42493b531979eb1f
+  metadata.gz: 5d5024063bd18beaae519aabf8c9e1e04a07c3492d1150e38179cc677954d1ed8481b10e35b39f5588d14208c6939ff1199b5a215d29fdb394c1c165d119899b
+  data.tar.gz: e34384803cbf5b6b9b507aa88700248ecb0d61b7eee230acfcac87b17d0be706cf400c35d49bd5659647758eccf4fb1ae7761ad0e510715a6855791faed6ffc9

data/app/assets/javascripts/govuk_publishing_components/{lib/sticky-element-container.js → components/contents-list-with-body.js}

@@ -4,7 +4,7 @@
   - stick to the bottom of the window while the parent element is in view;
   - stick to the bottom of the target when the user scrolls past the bottom.
 
-  Use 'data-module="sticky-element-container"' to instantiate, and add
+  Use 'data-module="contents-list-with-body"' to instantiate, and add
   `[data-sticky-element]` to the child you want to position.
 */
 
@@ -12,7 +12,7 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  function StickyElementContainer (element) {
+  function ContentsListWithBody (element) {
     this.wrapper = element
     this.stickyElement = this.wrapper.querySelector('[data-sticky-element]')
     this.hasResized = true
@@ -23,7 +23,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.stopPosition = 0
   }
 
-  StickyElementContainer.prototype.init = function () {
+  ContentsListWithBody.prototype.init = function () {
     if (!this.stickyElement) return
 
     window.onresize = this.onResize.bind(this)
@@ -32,31 +32,31 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     setInterval(this.checkScroll.bind(this), this.interval)
     this.checkResize()
     this.checkScroll()
-    this.stickyElement.classList.add('sticky-element--enabled')
+    this.stickyElement.classList.add('gem-c-contents-list-with-body__sticky-element--enabled')
   }
 
-  StickyElementContainer.prototype.getWindowDimensions = function () {
+  ContentsListWithBody.prototype.getWindowDimensions = function () {
     return {
       height: window.innerHeight,
       width: window.innerWidth
     }
   }
 
-  StickyElementContainer.prototype.getWindowPositions = function () {
+  ContentsListWithBody.prototype.getWindowPositions = function () {
     return {
       scrollTop: window.scrollY
     }
   }
 
-  StickyElementContainer.prototype.onResize = function () {
+  ContentsListWithBody.prototype.onResize = function () {
     this.hasResized = true
   }
 
-  StickyElementContainer.prototype.onScroll = function () {
+  ContentsListWithBody.prototype.onScroll = function () {
     this.hasScrolled = true
   }
 
-  StickyElementContainer.prototype.checkResize = function () {
+  ContentsListWithBody.prototype.checkResize = function () {
     if (this.hasResized) {
       this.hasResized = false
       this.hasScrolled = true
@@ -68,7 +68,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     }
   }
 
-  StickyElementContainer.prototype.checkScroll = function () {
+  ContentsListWithBody.prototype.checkScroll = function () {
     if (this.hasScrolled) {
       this.hasScrolled = false
 
@@ -79,7 +79,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     }
   }
 
-  StickyElementContainer.prototype.updateVisibility = function () {
+  ContentsListWithBody.prototype.updateVisibility = function () {
     var isPastStart = this.startPosition < this.windowVerticalPosition
     if (isPastStart) {
       this.show()
@@ -88,7 +88,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     }
   }
 
-  StickyElementContainer.prototype.updatePosition = function () {
+  ContentsListWithBody.prototype.updatePosition = function () {
     var isPastEnd = this.stopPosition < this.windowVerticalPosition
     if (isPastEnd) {
       this.stickToParent()
@@ -97,21 +97,21 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     }
   }
 
-  StickyElementContainer.prototype.stickToWindow = function () {
-    this.stickyElement.classList.add('sticky-element--stuck-to-window')
+  ContentsListWithBody.prototype.stickToWindow = function () {
+    this.stickyElement.classList.add('gem-c-contents-list-with-body__sticky-element--stuck-to-window')
   }
 
-  StickyElementContainer.prototype.stickToParent = function () {
-    this.stickyElement.classList.remove('sticky-element--stuck-to-window')
+  ContentsListWithBody.prototype.stickToParent = function () {
+    this.stickyElement.classList.remove('gem-c-contents-list-with-body__sticky-element--stuck-to-window')
   }
 
-  StickyElementContainer.prototype.show = function () {
-    this.stickyElement.classList.remove('sticky-element--hidden')
+  ContentsListWithBody.prototype.show = function () {
+    this.stickyElement.classList.remove('gem-c-contents-list-with-body__sticky-element--hidden')
   }
 
-  StickyElementContainer.prototype.hide = function () {
-    this.stickyElement.classList.add('sticky-element--hidden')
+  ContentsListWithBody.prototype.hide = function () {
+    this.stickyElement.classList.add('gem-c-contents-list-with-body__sticky-element--hidden')
   }
 
-  Modules.StickyElementContainer = StickyElementContainer
+  Modules.ContentsListWithBody = ContentsListWithBody
 })(window.GOVUK.Modules)

data/app/assets/javascripts/govuk_publishing_components/lib/cookie-settings.js

@@ -29,21 +29,19 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     var currentConsentCookie = window.GOVUK.cookie('cookies_policy')
     if (currentConsentCookie) {
       var currentConsentCookieJSON = JSON.parse(currentConsentCookie)
-
-      // We don't need the essential value as this cannot be changed by the user
-      delete currentConsentCookieJSON.essential
-
-      for (var cookieType in currentConsentCookieJSON) {
-        var radioButton
-
-        if (currentConsentCookieJSON[cookieType]) {
-          radioButton = document.querySelector('input[name=cookies-' + cookieType + '][value=on]')
-        } else {
-          radioButton = document.querySelector('input[name=cookies-' + cookieType + '][value=off]')
-        }
-
-        if (radioButton) {
-          radioButton.checked = true
+      if (currentConsentCookieJSON) {
+        // We don't need the essential value as this cannot be changed by the user
+        delete currentConsentCookieJSON.essential
+        for (var cookieType in currentConsentCookieJSON) {
+          var radioButton
+          if (currentConsentCookieJSON[cookieType]) {
+            radioButton = document.querySelector('input[name=cookies-' + cookieType + '][value=on]')
+          } else {
+            radioButton = document.querySelector('input[name=cookies-' + cookieType + '][value=off]')
+          }
+          if (radioButton) {
+            radioButton.checked = true
+          }
         }
       }
     }

data/app/assets/javascripts/govuk_publishing_components/lib/toggle.js

@@ -129,8 +129,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       var toggledText = this.getAttribute('data-toggled-text')
 
       if (typeof toggledText === 'string') {
-        this.setAttribute('data-toggled-text', this.innerText)
-        this.innerText = toggledText
+        this.setAttribute('data-toggled-text', this.innerHTML)
+        this.innerHTML = toggledText
       }
     })
   }

data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list-with-body.scss

@@ -1,5 +1,28 @@
 @import "govuk_publishing_components/individual_component_support";
-@import "helpers/sticky-element-container";
+
+.govuk-frontend-supported .gem-c-contents-list-with-body__sticky-element {
+  position: absolute;
+  bottom: 0;
+
+  &--stuck-to-window {
+    bottom: 0;
+    position: fixed;
+  }
+
+  &--enabled {
+    transition: opacity, .3s, ease;
+    opacity: 1;
+
+    @include govuk-media-query($until: tablet) {
+      position: static;
+    }
+  }
+
+  &--hidden {
+    opacity: 0;
+    pointer-events: none;
+  }
+}
 
 .gem-c-contents-list-with-body__link-container {
   margin: 0 auto;
@@ -31,7 +54,7 @@
   }
 }
 
-.gem-c-contents-list-with-body__link-wrapper.sticky-element--stuck-to-window {
+.gem-c-contents-list-with-body__link-wrapper.gem-c-contents-list-with-body__sticky-element--stuck-to-window {
   background-color: govuk-colour("light-grey");
   bottom: -1px; // 'Fix' for anomalous 1px margin which sporadically appears below this element.
   left: 0;

data/app/models/govuk_publishing_components/audit_comparer.rb

@@ -6,7 +6,6 @@ module GovukPublishingComponents
       if gem_data[:gem_found]
         @applications_using_static = %w[
           collections
-          email-alert-frontend
           feedback
           finder-frontend
           frontend

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

@@ -7,7 +7,7 @@
     component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
     component_helper.set_id(id)
     component_helper.add_class("gem-c-contents-list-with-body")
-    component_helper.add_data_attribute({ module: "sticky-element-container" }) if contents.any?
+    component_helper.add_data_attribute({ module: "contents-list-with-body" }) if contents.any?
   %>
   <%= tag.div(**component_helper.all_attributes) do %>
     <% if contents.any? %>

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

@@ -3,26 +3,27 @@
   alt ||= ""
   caption ||= ""
   credit ||= ""
+  src ||= nil
   local_assigns[:lang] ||= "en"
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("gem-c-figure")
 %>
-<%= tag.figure(**component_helper.all_attributes) do %>
-  <% if src.present? %>
-    <img class="gem-c-figure__image" src="<%= src %>" alt="<%= alt %>">
+<% if src.present? %>
+  <%= tag.figure(**component_helper.all_attributes) do %>
+    <%= tag.img(class: "gem-c-figure__image", src: src, alt: alt) %>
+    <% if caption.present? || credit.present? %>
+      <figcaption class="gem-c-figure__figcaption">
+        <% if caption.present? %>
+          <p class="gem-c-figure__figcaption-text">
+            <%= caption %>
+          </p>
+        <% end %>
+        <% if credit.present? %>
+          <p class="gem-c-figure__figcaption-text">
+            <%= I18n.t("components.figure.image_credit", credit: credit) %>
+          </p>
+        <% end %>
+      </figcaption>
+    <% end %>
   <% end %>
-  <% if caption.present? || credit.present? %>
-    <figcaption class="gem-c-figure__figcaption">
-      <% if caption.present? %>
-        <p class="gem-c-figure__figcaption-text">
-          <%= caption %>
-        </p>
-      <% end %>
-      <% if credit.present? %>
-        <p class="gem-c-figure__figcaption-text">
-          <%= I18n.t("components.figure.image_credit", credit: credit) %>
-        </p>
-      <% end %>
-    </figcaption>
-  <% end %>
-<% end %>
+<% end %>

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

@@ -18,22 +18,22 @@
   <%= tag.div(**component_helper.all_attributes) do %>
     <h2 class="govuk-visually-hidden"><%= t('components.published_dates.hidden_heading') %></h2>
     <% if published %>
-      <%= t('components.published_dates.published', date: published) %>
+      <div><%= t('components.published_dates.published', date: published) %></div>
     <% end %>
     <% if last_updated %>
-      <% if published %><br /><% end %><%= t('components.published_dates.last_updated', date: last_updated) %>
+      <%= t('components.published_dates.last_updated', date: last_updated) %>
       <% if link_to_history && history.empty? %>
-        &mdash; <a href="#history" class="gem-c-published-dates__history-link govuk-link"><%= t('components.published_dates.see_all_updates', locale: :en) %></a>
+        <span aria-hidden="true">— </span><a href="#history" class="gem-c-published-dates__history-link govuk-link"><%= t('components.published_dates.see_all_updates', locale: :en) %></a>
       <% elsif history.any? %>
         <a href="#full-history"
         class="gem-c-published-dates__toggle govuk-link"
         data-controls="full-history"
         data-expanded="false"
-        data-toggled-text="&#45;&nbsp;<%= t('components.published_dates.hide_all_updates', locale: :en) %>"
+        data-toggled-text="<span aria-hidden='true'>‐ </span><%= t('components.published_dates.hide_all_updates', locale: :en) %>"
         data-module="ga4-event-tracker"
         data-ga4-event="<%= {event_name: "select_content", type: "content history", section: "Footer"}.to_json %>"
         data-ga4-expandable
-        >&#43;&nbsp;<%= t('components.published_dates.show_all_updates', locale: :en) %></a>
+        ><span aria-hidden="true">+ </span><%= t('components.published_dates.show_all_updates', locale: :en) %></a>
         <div class="gem-c-published-dates__change-history js-hidden" id="full-history">
           <ol class="gem-c-published-dates__list">
             <% history.each do |change| %>

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

@@ -6,6 +6,7 @@
   label ||= false
   name ||= id
   is_page_heading ||= false
+  data_attributes ||= {}
 
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   heading_size = false unless shared_helper.valid_heading_size?(heading_size)
@@ -39,6 +40,6 @@
       } %>
     <% end %>
 
-    <%= select_tag name, options_for_select(select_helper.option_markup, select_helper.selected_option), id: id, class: select_helper.select_classes, aria: aria_describedby %>
+    <%= select_tag name, options_for_select(select_helper.option_markup, select_helper.selected_option), id: id, class: select_helper.select_classes, aria: aria_describedby, data: data_attributes %>
   <% end %>
 <% end %>

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

@@ -55,7 +55,22 @@ examples:
       - text: Something else
         value: option2
   with_data_attributes:
-    description: Other data attributes can be passed to the component if needed.
+    description: Data attributes can be passed to the select component if needed.
+    data:
+      id: dropdown4-3
+      label: With data attributes
+      data_attributes:
+        another_attribute: attribute 1
+        something_else: attribute 2
+      options:
+        - text: Option one
+          value: option1
+        - text: Option two
+          value: option2
+        - text: Option three
+          value: option3
+  with_data_attributes_for_options:
+    description: Other data attributes can be passed to the select component options if needed.
     data:
       id: dropdown4
       label: With data attributes

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "55.1.0".freeze
+  VERSION = "56.0.0".freeze
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 55.1.0
+  version: 56.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 bindir: bin
 cert_chain: []
-date: 2025-03-17 00:00:00.000000000 Z
+date: 2025-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -474,6 +474,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/components/button.js
 - app/assets/javascripts/govuk_publishing_components/components/character-count.js
 - app/assets/javascripts/govuk_publishing_components/components/checkboxes.js
+- app/assets/javascripts/govuk_publishing_components/components/contents-list-with-body.js
 - app/assets/javascripts/govuk_publishing_components/components/contextual-guidance.js
 - app/assets/javascripts/govuk_publishing_components/components/cookie-banner.js
 - app/assets/javascripts/govuk_publishing_components/components/copy-to-clipboard.js
@@ -511,7 +512,6 @@ files:
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js
 - app/assets/javascripts/govuk_publishing_components/lib/initial-focus.js
-- app/assets/javascripts/govuk_publishing_components/lib/sticky-element-container.js
 - app/assets/javascripts/govuk_publishing_components/lib/toggle-input-class-on-focus.js
 - app/assets/javascripts/govuk_publishing_components/lib/toggle.js
 - app/assets/javascripts/govuk_publishing_components/lib/trigger-event.js
@@ -636,7 +636,6 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_govuk-frontend-settings.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_link.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss
-- app/assets/stylesheets/govuk_publishing_components/components/helpers/_sticky-element-container.scss
 - app/assets/stylesheets/govuk_publishing_components/components/mixins/_css3.scss
 - app/assets/stylesheets/govuk_publishing_components/components/mixins/_govuk-template-link-focus-override.scss
 - app/assets/stylesheets/govuk_publishing_components/components/mixins/_grid-helper.scss

data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_sticky-element-container.scss

@@ -1,23 +0,0 @@
-.govuk-frontend-supported .sticky-element {
-  position: absolute;
-  bottom: 0;
-
-  &--stuck-to-window {
-    bottom: 0;
-    position: fixed;
-  }
-
-  &--enabled {
-    transition: opacity, .3s, ease;
-    opacity: 1;
-
-    @include govuk-media-query($until: tablet) {
-      position: static;
-    }
-  }
-
-  &--hidden {
-    opacity: 0;
-    pointer-events: none;
-  }
-}