govuk_publishing_components 34.12.0 → 34.14.0

data/app/assets/stylesheets/govuk_publishing_components/components/_translation-nav.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-translation-nav {
   @include responsive-top-margin;
   @include govuk-text-colour;

data/app/assets/stylesheets/govuk_publishing_components/components/_warning-text.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/warning-text/warning-text";
 
 .gem-c-warning-text .govuk-warning-text__text {

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("accordion")
+
   local_assigns[:margin_bottom] ||= 6
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("action-link")
+
   local_assigns[:margin_bottom] ||= 0
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("attachment")
+
   attachment = GovukPublishingComponents::Presenters::AttachmentHelper.new(attachment)
   target ||= "_self"
   hide_opendocument_metadata ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("attachment-link")
+
   attachment = GovukPublishingComponents::Presenters::AttachmentHelper.new(attachment)
   target ||= nil
   data_attributes ||= {}

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("back-link")
+
   text ||= t('components.back_link.back')
   data_attributes ||= nil
 %>

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("big-number")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   big_number_helper = GovukPublishingComponents::Presenters::BigNumberHelper.new(local_assigns)
 
@@ -34,7 +36,7 @@
       </span>
     <% end %>
   <% end %>
-  
+
   <%= tag.div class: classes, aria: aria do %>
     <% unless href.nil? %>
       <%= link_to big_number_value, href, class: "govuk-link gem-c-big-number__link", data: data_attributes %>

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("breadcrumbs")
+
   border ||= false
   breadcrumbs ||= []
   collapse_on_mobile ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("button")
+
   # button_helper.css_classes generates "gem-c-button"
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   local_assigns[:classes] = shared_helper.classes

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("cards")
+
   heading ||= nil
   items ||= nil
   sub_heading_level ||= 3

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("character-count")
+
   id ||= "character-count-#{SecureRandom.hex(4)}"
   maxlength ||= nil
   maxwords ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("checkboxes")
+
   # cb_helper.css_classes generates "gem-c-checkboxes"
   cb_helper = GovukPublishingComponents::Presenters::CheckboxesHelper.new(local_assigns)
   id = cb_helper.id

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

@@ -1,4 +1,6 @@
 <%-
+  add_gem_component_stylesheet("contents-list")
+
   cl_helper = GovukPublishingComponents::Presenters::ContentsListHelper.new(local_assigns)
   underline_links ||= false
   aria_label ||= t("components.contents_list.contents")

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

@@ -1,7 +1,10 @@
-<% prioritise_taxon_breadcrumbs ||= false %>
-<% breadcrumb_selector = GovukPublishingComponents::Presenters::BreadcrumbSelector.new(content_item, request, prioritise_taxon_breadcrumbs) %>
-<% inverse ||= false %>
-<% collapse_on_mobile ||= true unless local_assigns[:collapse_on_mobile].eql?(false) %>
+<% 
+  ga4_tracking ||= false
+  prioritise_taxon_breadcrumbs ||= false
+  breadcrumb_selector = GovukPublishingComponents::Presenters::BreadcrumbSelector.new(content_item, request, prioritise_taxon_breadcrumbs, ga4_tracking)
+  inverse ||= false
+  collapse_on_mobile ||= true unless local_assigns[:collapse_on_mobile].eql?(false) 
+%>
 
 <div class="gem-c-contextual-breadcrumbs">
   <% if breadcrumb_selector.step_by_step %>

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("contextual-guidance")
+
   id ||= nil
   title ||= nil
   content ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("contextual-sidebar")
+
   ga4_tracking ||= false
   request.query_parameters[:ga4_tracking] = ga4_tracking
   navigation = GovukPublishingComponents::Presenters::ContextualNavigation.new(content_item, request)
@@ -8,7 +10,7 @@
 <div class="gem-c-contextual-sidebar">
   <% if navigation.content_tagged_to_a_reasonable_number_of_step_by_steps? %>
     <%# Rendering step by step related items because there are a few but not too many of them %>
-    <%= render 'govuk_publishing_components/components/step_by_step_nav_related', links: navigation.step_nav_helper.related_links %>
+    <%= render 'govuk_publishing_components/components/step_by_step_nav_related', links: navigation.step_nav_helper.related_links, ga4_tracking: ga4_tracking %>
   <% end %>
 
   <% if navigation.content_tagged_to_current_step_by_step? %>
@@ -24,7 +26,8 @@
     <%= render 'govuk_publishing_components/components/step_by_step_nav_related', {
       pretitle: t("components.contextual_sidebar.pretitle"),
       links: navigation.step_nav_helper.also_part_of_step_nav,
-      always_display_as_list: true
+      always_display_as_list: true,
+      ga4_tracking: ga4_tracking
     } %>
   <% end %>
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("cookie-banner")
+
   id ||= 'global-cookie-message'
   title ||= t("components.cookie_banner.title")
   text ||= t("components.cookie_banner.text")

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("date-input")
+
   id ||= "input-#{SecureRandom.hex(4)}"
   name ||= nil
   items ||= [

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("details")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
   open ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("devolved-nations")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   devolved_nations_helper = GovukPublishingComponents::Presenters::DevolvedNationsHelper.new(local_assigns)
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("document-list")
+
   items ||= []
 
   classes = "gem-c-document-list"

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("emergency-banner")
+
   heading ||= ""
   short_description ||= nil
   link ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("error-alert")
+
   id ||= nil
   description ||= nil
   data_attributes ||= {}

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("error-message")
+
   id ||= "error-message-#{SecureRandom.hex(4)}"
   classes ||= ''
   css_classes = %w( gem-c-error-message govuk-error-message )

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("error-summary")
+
   id ||= "error-summary-#{SecureRandom.hex(4)}"
   title ||= false
   description ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("feedback")
+
   def utf_encode(element)
     element.is_a?(String) ? element.encode : element
   end

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("fieldset")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
   text = text || yield

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("file-upload")
+
   id ||= "file-upload-#{SecureRandom.hex(4)}"
   value ||= nil
   accept ||= nil

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

@@ -1,4 +1,5 @@
 <%
+  add_gem_component_stylesheet("govspeak")
   inverse ||= false
   direction_class = "direction-#{direction}" if local_assigns.include?(:direction)
   disable_youtube_expansions = local_assigns.fetch(:disable_youtube_expansions) if local_assigns.include?(:disable_youtube_expansions)

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("govspeak-html-publication")
+
   govspeak_locals = {}
   govspeak_locals[:content] = local_assigns.fetch(:content) if local_assigns.include?(:content)
   govspeak_locals[:direction] = local_assigns.fetch(:direction) if local_assigns.include?(:direction)

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("heading")
+
   brand ||= false
   lang = local_assigns[:lang].presence
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("hint")
+
   id ||= "hint-#{SecureRandom.hex(4)}"
   right_to_left ||= false
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("image-card")
+
   sizes ||= false
   brand ||= false
 
@@ -17,7 +19,7 @@
   heading_link_classes = %w[
     gem-c-image-card__title-link
     govuk-link
-  ] 
+  ]
   heading_link_classes << brand_helper.color_class
   extra_link_classes = %w[
     gem-c-image-card__list-item-link
@@ -59,8 +61,8 @@
                 %>
               <% else %>
                 <%= link[:text] %>
-              <% end %>  
-            </li>    
+              <% end %>
+            </li>
           <% end %>
         </ul>
       <% end %>

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("input")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
   autocomplete ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("inset-text")
+
   id ||= "inset-text-#{SecureRandom.hex(4)}"
   margin_top ||= 6
   margin_bottom ||= 6

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("intervention")
+
   dismiss_text ||= false
   suggestion_link_text ||= false
   suggestion_link_url ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("inverse-header")
+
   css_classes = []
   css_classes << " gem-c-inverse-header--full-width" if local_assigns[:full_width]
   css_classes << " gem-c-inverse-header--padding-top" unless local_assigns[:padding_top].eql?(false)

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("label")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
   hint_text ||= ""

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("layout-footer")
+
   meta ||= []
   navigation ||= []
   with_border ||= false

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

@@ -1,4 +1,8 @@
-<% product_name ||= "Publishing" %>
+<%
+  add_gem_component_stylesheet("layout-for-admin")
+
+  product_name ||= "Publishing"
+%>
 
 <!DOCTYPE html>
 <html lang="en" class="govuk-template">

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("layout-for-public")
+
   emergency_banner ||= nil
   full_width ||= false
   global_bar ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("layout-header")
+
   environment ||= nil
   full_width ||= false
   navigation_aria_label ||= t("components.layout_header.top_level")

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("layout-super-navigation-header")
+
   logo_link ||= "https://www.gov.uk/"
   logo_link_title ||= t("components.layout_super_navigation_header.logo_link_title")
   logo_text = t("components.layout_super_navigation_header.logo_text")

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("lead-paragraph")
+
   text ||= ""
   inverse ||= false
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("metadata")
+
   from ||= []
   from = Array(from)
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("modal-dialogue")
+
   id ||= "modal-dialogue-#{SecureRandom.hex(4)}"
   wide ||= false
   data_attributes = {}

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("notice")
+
   title ||= false
   description_text ||= false
   description_govspeak ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("organisation-logo")
+
   logo_helper = GovukPublishingComponents::Presenters::OrganisationLogoHelper.new(local_assigns)
   brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(organisation[:brand])
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("panel")
+
   description ||= false
   prepend ||= false
   append ||= false

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

@@ -1,4 +1,6 @@
 <%
+add_gem_component_stylesheet("phase-banner")
+
 app_name ||= nil
 phase ||= nil
 message ||= nil

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

@@ -1,4 +1,9 @@
-<% if local_assigns.include?(:next_page) || local_assigns.include?(:previous_page) %>
+<%
+  add_gem_component_stylesheet("previous-and-next-navigation")
+
+  if local_assigns.include?(:next_page) || local_assigns.include?(:previous_page)
+%>
+  
   <nav
     class="govuk-pagination govuk-pagination--block"
     role="navigation"

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("print-link")
+
   text ||= t('components.print_link.text')
   href ||= nil
   data_attributes ||= {}

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("radio")
+
   local_assigns[:margin_bottom] ||= 6
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   id ||= nil

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

@@ -7,6 +7,10 @@
   data[:module] << " ga4-link-tracker" if ga4_tracking
 %>
 
+<%
+  add_gem_component_stylesheet("related-navigation")
+%>
+
 <% if related_nav_helper.related_navigation? %>
   <% random = SecureRandom.hex(4) %>
   <%= tag.div(class: "gem-c-related-navigation", data: data) do %>

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("reorderable-list")
+
   items ||= []
   input_name ||= "ordering"
   data_attributes ||= {}

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("search")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   heading_helper = GovukPublishingComponents::Presenters::HeadingHelper.new(local_assigns)
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("select")
+
   # select_helper.css_classes generates "gem-c-select"
   id ||= false
   label ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("share-links")
+
   links ||= []
   title ||= false
   track_as_sharing ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("show-password")
+
   disable_form_submit_check ||= false
   label ||= nil
   value ||= nil

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("signup-link")
+
   local_assigns[:heading_level] ||= 3
   local_assigns[:margin_bottom] ||= 0
   link_text ||= false

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("single-page-notification-button")
+
   component_helper = GovukPublishingComponents::Presenters::SinglePageNotificationButtonHelper.new(local_assigns)
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("skip-link")
+
   href ||= '#main-content'
   text ||= t('components.skip_link.text')
 %>

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

@@ -1,4 +1,6 @@
 <%
+  add_gem_component_stylesheet("step-by-step-nav")
+
   options = {}
   options[:heading_level] = heading_level ||= 2
 

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

@@ -1,12 +1,19 @@
 <%
+  add_gem_component_stylesheet("step-by-step-nav-header")
+
   title ||= false
   path ||= false
+  ga4_tracking ||= false
   breadcrumbs = [
     { title: "Home", url: "/" },
     { title: title, url: path }
   ]
   breadcrumb_presenter = GovukPublishingComponents::Presenters::Breadcrumbs.new(breadcrumbs)
 
+  data = {}
+  data[:module] = "gem-track-click"
+  data[:module] << " ga4-link-tracker" if ga4_tracking
+
   tracking_id ||= false
   tracking_category ||= "stepNavHeaderClicked"
   tracking_action ||= "top"
@@ -20,7 +27,7 @@
   end
 
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
-  classes = %w(gem-c-step-nav-header)
+  classes = %w[gem-c-step-nav-header]
   classes << shared_helper.get_margin_bottom if local_assigns[:margin_bottom]
 %>
 <% if title %>
@@ -28,7 +35,7 @@
     <%= raw JSON.pretty_generate(breadcrumb_presenter.structured_data) %>
   </script>
 
-  <%= tag.div class: classes, data: { module: "gem-track-click" } do %>
+  <%= tag.div(class: classes, data: data) do %>
     <strong class="gem-c-step-nav-header__part-of">Part of</strong>
     <% if path %>
       <a href="<%= path %>"
@@ -36,6 +43,9 @@
         data-track-category="<%= tracking_category %>"
         data-track-action="<%= tracking_action %>"
         data-track-label="<%= tracking_label %>"
+        <% if ga4_tracking %>
+          data-ga4-link='{"event_name":"navigation", "type":"super breadcrumb", "index":{"index_link": "1"}, "index_total":"1"}'
+        <% end %>
         <% if tracking_dimension_enabled %>
           data-track-dimension="<%= tracking_dimension %>"
           data-track-dimension-index="<%= tracking_dimension_index %>"