govuk_publishing_components 35.21.4 → 35.23.0

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

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

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

@@ -1,12 +1,12 @@
 <% navigation = GovukPublishingComponents::Presenters::ContextualNavigation.new(content_item, request) %>
-<% ga4_tracking ||= false %>
+<% disable_ga4 ||= false %>
 
 <% unless navigation.content_tagged_to_current_step_by_step? %>
   <div class="gem-c-contextual-footer">
     <%# Rendering related navigation because no step by step list %>
     <%= render 'govuk_publishing_components/components/related_navigation',
                content_item: content_item,
-               ga4_tracking: ga4_tracking,
+               disable_ga4: disable_ga4,
                context: :footer %>
   </div>
 <% end %>

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

@@ -1,8 +1,8 @@
 <%
   add_gem_component_stylesheet("contextual-sidebar")
 
-  ga4_tracking ||= false
-  request.query_parameters[:ga4_tracking] = ga4_tracking
+  disable_ga4 ||= false
+  request.query_parameters[:disable_ga4] = disable_ga4
   navigation = GovukPublishingComponents::Presenters::ContextualNavigation.new(content_item, request)
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   show_ukraine_cta = navigation.show_ukraine_cta?
@@ -13,7 +13,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, ga4_tracking: ga4_tracking %>
+    <%= render 'govuk_publishing_components/components/step_by_step_nav_related', links: navigation.step_nav_helper.related_links, disable_ga4: disable_ga4 %>
   <% end %>
 
   <% if navigation.content_tagged_to_current_step_by_step? %>
@@ -21,7 +21,7 @@
     <%= render 'govuk_publishing_components/components/step_by_step_nav', navigation.step_nav_helper.sidebar %>
   <% else %>
     <%# Rendering related navigation sidebar because no step by step list %>
-    <%= render 'govuk_publishing_components/components/related_navigation', content_item: content_item, context: :sidebar, ga4_tracking: ga4_tracking, ga4_tracking_counts: ga4_tracking_counts %>
+    <%= render 'govuk_publishing_components/components/related_navigation', content_item: content_item, context: :sidebar, disable_ga4: disable_ga4, ga4_tracking_counts: ga4_tracking_counts %>
   <% end %>
 
   <% if navigation.content_tagged_to_other_step_by_steps? %>
@@ -30,11 +30,11 @@
       pretitle: t("components.contextual_sidebar.pretitle"),
       links: navigation.step_nav_helper.also_part_of_step_nav,
       always_display_as_list: true,
-      ga4_tracking: ga4_tracking
+      disable_ga4: disable_ga4
     } %>
   <% end %>
 
   <% if show_ukraine_cta %>
-    <%= render 'govuk_publishing_components/components/contextual_sidebar/ukraine_cta', content_item: content_item, ga4_tracking: ga4_tracking, ga4_tracking_counts: ga4_tracking_counts %>
+    <%= render 'govuk_publishing_components/components/contextual_sidebar/ukraine_cta', content_item: content_item, disable_ga4: disable_ga4, ga4_tracking_counts: ga4_tracking_counts %>
   <% end %>
 </div>

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

@@ -31,7 +31,7 @@
   css_classes = %w(gem-c-cookie-banner govuk-clearfix govuk-cookie-banner js-banner-wrapper)
   css_classes << "gem-c-cookie-banner--services" if services_cookies
 
-  ga4_tracking ||= false
+  disable_ga4 ||= false
 %>
 
 <div id="<%= id %>" class="<%= css_classes.join(' ') %>" data-module="cookie-banner" data-nosnippet role="region" aria-label="<%= title %>">
@@ -42,7 +42,7 @@
         <div tabindex="-1" class="govuk-cookie-banner__content gem-c-cookie-banner__confirmation">
           <span class="gem-c-cookie-banner__content"><%= text %></span>
           <p class="gem-c-cookie-banner__confirmation-message--accepted govuk-body" hidden
-          <% if ga4_tracking %>
+          <% unless disable_ga4 %>
             data-ga4-cookie-banner <%# GA4 pageview JS looks for data-ga4-cookie-banner %>
             data-module="ga4-link-tracker"
             data-ga4-track-links-only
@@ -96,14 +96,14 @@
     <div hidden class="js-hide-button govuk-button-group">
       <%
         button_data_module = "gem-track-click"
-        button_data_module << " ga4-event-tracker" if ga4_tracking
+        button_data_module << " ga4-event-tracker" unless disable_ga4
 
         ga4_event = {
           event_name: "select_content",
           type: "cookie banner",
           action: "closed",
           section: t("components.cookie_banner.confirmation_message.accepted", locale: :en)
-        }.to_json if ga4_tracking
+        }.to_json unless disable_ga4
       %>
       <button
         class="gem-c-cookie-banner__hide-button govuk-button"
@@ -111,7 +111,7 @@
         data-module="<%= button_data_module %>"
         data-track-category="cookieBanner"
         data-track-action="Hide cookie banner"
-        <% if ga4_tracking %> data-ga4-event="<%= ga4_event %>" <% end %>>
+        <% unless disable_ga4 %> data-ga4-event="<%= ga4_event %>" <% end %>>
           <%= t("components.cookie_banner.hide") %>
         </button>
     </div>

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

@@ -0,0 +1,19 @@
+<%
+  add_gem_component_stylesheet("cross-service-header")
+
+  product_name ||= nil
+  one_login_navigation_items ||= []
+  service_navigation_items ||= []
+  service_navigation_aria_label ||= "Service menu"
+%>
+
+<header class="gem-c-cross-service-header" role="banner" data-module="cross-service-header">
+  <%= render "govuk_publishing_components/components/cross_service_header/one_login_header", {
+    one_login_navigation_items: one_login_navigation_items,
+  } %>
+  <%= render "govuk_publishing_components/components/cross_service_header/service_header", {
+    service_navigation_aria_label: service_navigation_aria_label,
+    service_navigation_items: service_navigation_items,
+    product_name: product_name,
+  } %>
+</header>

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

@@ -6,10 +6,10 @@
 
   applies_to ||= t("components.devolved_nations.applies_to")
   heading_level ||= 2
-  ga4_tracking ||= false
+  disable_ga4 ||= false
   data_attributes = {}
 
-  if ga4_tracking
+  unless disable_ga4
     data_attributes[:ga4_devolved_nations_banner] = devolved_nations_helper.ga4_applicable_nations_title_text(true)
     data_attributes[:module] = "ga4-link-tracker"
     data_attributes[:ga4_track_links_only] = ""

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

@@ -7,7 +7,7 @@
   link_text ||= "More information"
   campaign_class ||= nil
   homepage ||= false
-  ga4_tracking ||= false
+  disable_ga4 ||= false
 
   emergency_banner_helper = GovukPublishingComponents::Presenters::EmergencyBannerHelper.new()
 
@@ -29,12 +29,11 @@
   description_classes = %w[gem-c-emergency-banner__description]
   description_classes << "gem-c-emergency-banner__description--homepage" if homepage
 
-
   data_attributes = {
     "nosnippet": true,
   }
 
-  if ga4_tracking
+  unless disable_ga4
     data_attributes[:ga4_emergency_banner] = ""
     data_attributes[:module] = "ga4-link-tracker"
     data_attributes[:ga4_track_links_only] = ""
@@ -46,7 +45,6 @@
     }.to_json
   end
 %>
-
 <%= content_tag('section', class: banner_classes, "aria-labelledby": "emergency-banner-heading", data: data_attributes) do %>
   <div class="govuk-width-container">
     <div class="govuk-grid-row">

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

@@ -32,10 +32,10 @@
   intervention_helper = GovukPublishingComponents::Presenters::InterventionHelper.new(options)
   dismiss_href = intervention_helper.dismiss_link
 
-  ga4_tracking ||= false
-  suggestion_data_attributes[:module] = "#{suggestion_data_attributes[:module]} ga4-link-tracker".strip if ga4_tracking
-  suggestion_data_attributes[:ga4_link] = { event_name: "navigation", type: "intervention", section: suggestion_text, index_link: 1, index_total: 1 }.to_json if ga4_tracking
-  data_attributes[:ga4_intervention_banner] = "" if ga4_tracking # Added to the parent element for the GA4 pageview object to use
+  disable_ga4 ||= false
+  suggestion_data_attributes[:module] = "#{suggestion_data_attributes[:module]} ga4-link-tracker".strip unless disable_ga4
+  suggestion_data_attributes[:ga4_link] = { event_name: "navigation", type: "intervention", section: suggestion_text, index_link: 1, index_total: 1 }.to_json unless disable_ga4
+  data_attributes[:ga4_intervention_banner] = "" unless disable_ga4 # Added to the parent element for the GA4 pageview object to use
 
   suggestion_tag_options = {
     class: "govuk-link",
@@ -59,8 +59,8 @@
   }
   section_options.merge!({ hidden: true }) if hide
 
-  dismiss_link_data_attributes[:module] = "#{dismiss_link_data_attributes[:module]} ga4-event-tracker".strip if ga4_tracking
-  dismiss_link_data_attributes[:ga4_event] = { event_name: "select_content", type: "intervention", section: suggestion_text, action: 'closed' }.to_json if ga4_tracking
+  dismiss_link_data_attributes[:module] = "#{dismiss_link_data_attributes[:module]} ga4-event-tracker".strip unless disable_ga4
+  dismiss_link_data_attributes[:ga4_event] = { event_name: "select_content", type: "intervention", section: suggestion_text, action: 'closed' }.to_json unless disable_ga4
 %>
 <% if intervention_helper.show? %>
   <%= tag.section **section_options do %>

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

@@ -11,12 +11,15 @@
   blue_bar_background_colour = layout_helper.blue_bar_background_colours.include?(blue_bar_background_colour) ? blue_bar_background_colour : nil
   logo_link ||= "/"
   navigation_items ||= []
+  one_login_navigation_items ||= {}
+  service_navigation_items ||= []
   omit_feedback_form ||= false
   omit_footer_navigation ||= false
   omit_footer_border ||= false
   omit_header ||= false
   product_name ||= nil
   show_explore_header ||= false
+  show_cross_service_header ||= false
   draft_watermark ||= false
   show_search = local_assigns.include?(:show_search) ? local_assigns[:show_search] : true
   title ||= "GOV.UK - The best place to find government services and information"
@@ -113,6 +116,12 @@
             logo_link: logo_link,
           } %>
         <% end %>
+      <% elsif show_cross_service_header %>
+        <%= render "govuk_publishing_components/components/cross_service_header", {
+          one_login_navigation_items: one_login_navigation_items,
+          service_navigation_items: service_navigation_items,
+          product_name: product_name,
+        } %>
       <% else %>
         <%= render "govuk_publishing_components/components/layout_header", {
           search: show_search,

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

@@ -26,13 +26,13 @@
 
   classes << shared_helper.get_margin_bottom if local_assigns[:margin_bottom]
 
-  ga4_tracking ||= false
+  disable_ga4 ||= false
   ga4_object = {
     event_name: "navigation",
     type: "content history",
     section: "Top",
     action: "opened"
-  }.to_json
+  }.to_json unless disable_ga4
 %>
 <%= content_tag :div, class: classes, data: { module: "gem-toggle metadata" } do %>
   <dl class="gem-c-metadata__list" data-module="gem-track-click">
@@ -66,7 +66,7 @@
                     data-track-category="content-history"
                     data-track-action="see-all-updates-link-clicked"
                     data-track-label="history"
-                    <% if ga4_tracking %>
+                    <% unless disable_ga4 %>
                       data-module="ga4-link-tracker"
                       data-ga4-link="<%= ga4_object %>"
                     <% end%>>
@@ -84,7 +84,7 @@
         <% if definition.any? %>
           <dt class="gem-c-metadata__term"><%= title %>:</dt>
           <dd class="gem-c-metadata__definition"
-              <% if ga4_tracking %>
+              <% unless disable_ga4 %>
                 data-module="ga4-link-tracker"
                 data-ga4-track-links-only
                 data-ga4-link="<%= ga4_object %>"

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

@@ -5,7 +5,7 @@ app_name ||= nil
 phase ||= nil
 message ||= nil
 inverse ||= false
-ga4_tracking ||= false
+disable_ga4 ||= false
 
 unless message.present?
   if phase == "beta"
@@ -20,7 +20,7 @@ container_css_classes << "gem-c-phase-banner--inverse" if inverse
 
 data_attributes = {}
 
-if ga4_tracking
+unless disable_ga4
   data_attributes[:ga4_phase_banner] = phase
   data_attributes[:module] = "ga4-link-tracker"
   data_attributes[:ga4_track_links_only] = ""

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

@@ -1,6 +1,6 @@
 <%
   add_gem_component_stylesheet("previous-and-next-navigation")
-  ga4_tracking ||= false
+  disable_ga4 ||= false
 
   if local_assigns.include?(:next_page) || local_assigns.include?(:previous_page)
 %>
@@ -8,7 +8,7 @@
     class="govuk-pagination govuk-pagination--block"
     role="navigation"
     aria-label="<%= t("components.previous_and_next_navigation.pagination") %>"
-    <% if ga4_tracking %>
+    <% unless disable_ga4 %>
       data-module="ga4-link-tracker"
     <% end %>
   >
@@ -27,7 +27,7 @@
           data-track-label="<%= previous_page[:url] %>"
           data-track-dimension="previous"
           data-track-dimension-index="29"
-          <% if ga4_tracking %>
+          <% unless disable_ga4 %>
             data-ga4-link = "<%= {
               event_name: "navigation",
               type: "previous and next",
@@ -63,7 +63,7 @@
           data-track-label="<%= next_page[:url] %>"
           data-track-dimension="next"
           data-track-dimension-index="29"
-          <% if ga4_tracking %>
+          <% unless disable_ga4 %>
             data-ga4-link = "<%= {
               event_name: "navigation",
               type: "previous and next",

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

@@ -1,11 +1,11 @@
 <%
   related_nav_helper = GovukPublishingComponents::Presenters::RelatedNavigationHelper.new(local_assigns)
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
-  ga4_tracking ||= false
+  disable_ga4 ||= false
   ga4_type = local_assigns[:context] == :footer ? "contextual footer" : "related content"
   data = {}
   data[:module] = "gem-track-click"
-  data[:module] << " ga4-link-tracker" if ga4_tracking
+  data[:module] << " ga4-link-tracker" unless disable_ga4
   ga4_tracking_counts ||= OpenStruct.new(index_section_count: 0)
   ga4_tracking_counts.index_section_count += related_nav_helper.index_section_count
 
@@ -43,7 +43,7 @@
         section_index: section_index,
         section_count: ga4_tracking_counts.index_section_count,
         random: random,
-        ga4_tracking: ga4_tracking,
+        disable_ga4: disable_ga4,
         ga4_type: ga4_type %>
     <% end %>
   <% end %>

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

@@ -18,12 +18,12 @@
 
   step_nav_helper = GovukPublishingComponents::Presenters::StepByStepNavHelper.new
 
-  ga4_tracking ||= false
+  disable_ga4 ||= false
 %>
 <% if steps %>
   <div
-    data-module="gemstepnav<% if ga4_tracking %> ga4-event-tracker<% end %>"
-    <%= "data-ga4-expandable" if ga4_tracking %>
+    data-module="gemstepnav<% unless disable_ga4 %> ga4-event-tracker<% end %>"
+    <%= "data-ga4-expandable" unless disable_ga4 %>
     class="gem-c-step-nav js-hidden <% if small %>govuk-!-display-none-print<% end %> <% unless small %>gem-c-step-nav--large<% end %>"
     <%= "data-remember" if remember_last_step %>
     <%= "data-id=#{tracking_id}" if tracking_id %>
@@ -76,7 +76,7 @@
           <%
             ga4_link_data = {}
 
-            if ga4_tracking
+            unless disable_ga4
               ga4_link_data = {
                 "module": "ga4-link-tracker",
                 "ga4-track-links-only": "",
@@ -99,7 +99,7 @@
               options[:step_title] = step[:title]
               options[:step_index] = step_index
               options[:link_index] = 0
-              options[:ga4_tracking] = ga4_tracking
+              options[:disable_ga4] = disable_ga4
             %>
             <% step[:contents].each do |element| %>
               <%= step_nav_helper.render_step_nav_element(element, options) %>

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

@@ -3,7 +3,7 @@
 
   title ||= false
   path ||= false
-  ga4_tracking ||= false
+  disable_ga4 ||= false
   breadcrumbs = [
     { title: "Home", url: "/" },
     { title: title, url: path }
@@ -12,7 +12,7 @@
 
   data = {}
   data[:module] = "gem-track-click"
-  data[:module] << " ga4-link-tracker" if ga4_tracking
+  data[:module] << " ga4-link-tracker" unless disable_ga4
 
   tracking_id ||= false
   tracking_category ||= "stepNavHeaderClicked"
@@ -26,7 +26,7 @@
     tracking_options ||= ({ dimension96: tracking_id }).to_json
   end
 
-  if ga4_tracking
+  unless disable_ga4
     ga4_data = {
       event_name: "navigation",
       type: "super breadcrumb",
@@ -52,7 +52,7 @@
         data-track-category="<%= tracking_category %>"
         data-track-action="<%= tracking_action %>"
         data-track-label="<%= tracking_label %>"
-        <% if ga4_tracking %>
+        <% unless disable_ga4 %>
           data-ga4-link='<%= ga4_data %>'
         <% end %>
         <% if tracking_dimension_enabled %>

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

@@ -1,6 +1,6 @@
 <%
   add_gem_component_stylesheet("step-by-step-nav-related")
-  ga4_tracking ||= false
+  disable_ga4 ||= false
   links ||= []
   pretitle ||= t("components.step_by_step_nav_related.part_of")
   always_display_as_list ||= false
@@ -8,7 +8,7 @@
   classes << "gem-c-step-nav-related--singular" if links.length == 1
   data = {}
   data[:module] = "gem-track-click"
-  data[:module] << " ga4-link-tracker" if ga4_tracking
+  data[:module] << " ga4-link-tracker" unless disable_ga4
 %>
 <% if links.any? %>
   <%= tag.div(class: classes, data: data) do %>
@@ -23,7 +23,7 @@
             data-track-dimension="<%= links[0][:text] %>"
             data-track-dimension-index="29"
             data-track-options='{"dimension96" : "<%= links[0][:tracking_id] %>" }'
-            <% if ga4_tracking
+            <% unless disable_ga4
               ga4_attributes = {
                 event_name: "navigation",
                 type: "part of",
@@ -51,7 +51,7 @@
                 data-track-dimension="<%= link[:text] %>"
                 data-track-dimension-index="29"
                 data-track-options='{"dimension96" : "<%= link[:tracking_id] %>" }'
-                <% if ga4_tracking
+                <% unless disable_ga4
                   ga4_attributes = {
                     event_name: "navigation",
                     type: "part of",

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

@@ -8,13 +8,13 @@
   panel_css_classes = panel_css_classes.join(" ")
 
   as_links ||= false
-  ga4_tracking ||= false
+  disable_ga4 ||= false
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("govuk-tabs gem-c-tabs")
   component_helper.add_data_attribute({ module: "govuk-tabs" }) unless as_links
 
-  if ga4_tracking
+  unless disable_ga4
     component_helper.add_data_attribute({ module: "ga4-event-tracker" }) unless as_links
     component_helper.add_data_attribute({ module: "ga4-link-tracker" }) if as_links
   end
@@ -29,7 +29,7 @@
       <li class="govuk-tabs__list-item <%= "govuk-tabs__list-item--selected" if tab[:active] %>">
         <%
           tab[:tab_data_attributes] ||= {}
-          if ga4_tracking
+          unless disable_ga4
             ga4_attributes = {
               event_name: "select_content",
               type: "tabs",
@@ -65,10 +65,10 @@
   <% end %>
 <% end %>
 <% if tabs.count == 1 %>
-    <section id="<%= tabs[0][:id] %>">
-      <% if tabs[0][:title] %>
-        <h2 class="govuk-heading-l"><%= tabs[0][:title] %></h2>
-      <% end %>
-      <%= tabs[0][:content] %>
-    </section>
+  <section id="<%= tabs[0][:id] %>">
+    <% if tabs[0][:title] %>
+      <h2 class="govuk-heading-l"><%= tabs[0][:title] %></h2>
+    <% end %>
+    <%= tabs[0][:content] %>
+  </section>
 <% end %>

data/app/views/govuk_publishing_components/components/contextual_sidebar/_ukraine_cta.html.erb

@@ -3,7 +3,7 @@
   title = t("components.related_navigation.ukraine.title")
   lang = shared_helper.t_locale("components.related_navigation.ukraine.title")
   data_module = "gem-track-click"
-  data_module << " ga4-link-tracker" if ga4_tracking
+  data_module << " ga4-link-tracker" unless disable_ga4
 %>
 <%= tag.div class: "gem-c-contextual-sidebar__cta gem-c-contextual-sidebar__cta--ukraine", data: { module: data_module } do %>
   <%= tag.h2 title, class: "gem-c-contextual-sidebar__heading govuk-heading-s" %>
@@ -20,7 +20,7 @@
             index_section_count: "#{ga4_tracking_counts.index_section_count}",
             index_total: "#{index_total}",
             section: title,
-          } if ga4_tracking
+          } unless disable_ga4
         %>
         <%= link_to link[:label],
           link[:href],

data/app/views/govuk_publishing_components/components/cross_service_header/_one_login_header.html.erb

@@ -0,0 +1,97 @@
+  <% one_login_home = one_login_navigation_items[:one_login_home] %>
+  <% one_login_sign_out = one_login_navigation_items[:one_login_sign_out] %>
+  
+  <div class="gem-c-one-login-header" data-one-login-header-nav>
+    <div class="gem-c-one-login-header__container govuk-width-container">
+      <div class="gem-c-one-login-header__logo">
+        <a href="https://www.gov.uk/" class="gem-c-one-login-header__link gem-c-one-login-header__link--homepage">
+          <span class="gem-c-one-login-header__logotype">
+            <!--[if gt IE 8]><!-->
+            <svg aria-hidden="true" focusable="false" class="gem-c-one-login-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132 97" height="30" width="36">
+              <path fill="currentColor" fill-rule="evenodd" d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
+            </svg>
+            <!--<![endif]-->
+            <span>
+              GOV.UK
+            </span>
+          </span>
+        </a>
+      </div>
+
+      <button type="button" 
+        aria-controls="one-login-header__nav" 
+        aria-label="Show GOV.UK One Login menu" 
+        data-open-class="gem-c-cross-service-header__button--open" 
+        data-label-for-show="Show GOV.UK One Login menu" 
+        data-label-for-hide="Hide GOV.UK One Login menu" 
+        aria-expanded="false" 
+        class="gem-c-cross-service-header__button gem-c-cross-service-header__button--one-login js-x-header-toggle">
+        <span class="gem-c-cross-service-header__button-content">One Login</span>
+
+        <!--[if gt IE 8]><!-->
+        <span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--default">
+          <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+            <circle cx="11" cy="11" r="11" fill="white"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="#1D70B8"/>
+            <circle cx="11" cy="7.75" r="3.75" fill="#1D70B8"/>
+            <circle cx="11" cy="11" r="10" stroke="white" stroke-width="2"/>
+          </svg>
+        </span>
+        <!--<![endif]-->
+
+        <!--[if gt IE 8]><!-->
+        <span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--focus">
+          <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+            <circle cx="11" cy="11" r="11" fill="black"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="white"/>
+            <circle cx="11" cy="7.75" r="3.75" fill="white"/>
+            <circle cx="11" cy="11" r="10" stroke="black" stroke-width="2"/>
+          </svg>
+        </span>
+        <!--<![endif]-->
+      </button>
+
+      <nav aria-label="GOV.UK One Login menu" class="gem-c-one-login-header__nav" data-open-class="gem-c-one-login-header__nav--open" id="one-login-header__nav">
+        <ul class="gem-c-one-login-header__nav__list">
+          <li class="gem-c-one-login-header__nav__list-item">
+            <%= link_to one_login_home[:href], class: "gem-c-one-login-header__nav__link gem-c-one-login-header__nav__link--one-login", data: one_login_home[:data] do %>
+              <span class="gem-c-one-login-header__nav__link-content">
+                GOV.UK One Login
+              </span>
+
+              <!--[if gt IE 8]><!-->
+              <span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--default">
+                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+                  <circle cx="11" cy="11" r="11" fill="white"/>
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="#1D70B8"/>
+                  <circle cx="11" cy="7.75" r="3.75" fill="#1D70B8"/>
+                  <circle cx="11" cy="11" r="10" stroke="white" stroke-width="2"/>
+                </svg>
+              </span>
+              <!--<![endif]-->
+
+              <!--[if gt IE 8]><!-->
+              <span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--focus">
+                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+                  <circle cx="11" cy="11" r="11" fill="black"/>
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="white"/>
+                  <circle cx="11" cy="7.75" r="3.75" fill="white"/>
+                  <circle cx="11" cy="11" r="10" stroke="black" stroke-width="2"/>
+                </svg>
+              </span>
+              <!--<![endif]-->
+            <% end %>
+          </li>
+          <li class="gem-c-one-login-header__nav__list-item">
+            <%= link_to(
+              one_login_sign_out[:text],
+              one_login_sign_out[:href],
+              class: 'gem-c-one-login-header__nav__link',
+              data: one_login_sign_out[:data],
+            ) %>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+