govuk_publishing_components 35.22.0 → 36.0.0

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

@@ -13,18 +13,6 @@ examples:
       text: Look at this margin
       href: "/page"
       margin_bottom: 9
-  with_data_attributes:
-    data:
-      text: "Coronavirus (COVID-19)"
-      href: "/page"
-      data:
-        attr_test: "hasDataAttribute"
-  with_js_classes:
-    description: Use `js-` prefixed classes only as interaction hooks – to query and operate on elements via JavaScript. Classes are added to the link itself.
-    data:
-      text: "Coronavirus (COVID-19)"
-      href: "/page"
-      classes: 'js-hook'
   with_no_wrapping_text:
     data:
       text: "Coronavirus (COVID-19):"
@@ -37,14 +25,6 @@ examples:
       light_text: true
     context:
       dark_background: true
-  with_transparent_svg:
-    data:
-      text: Find out what you need to do
-      href: "/page"
-      light_text: true
-      transparent_icon: true
-    context:
-      dark_background: true
   with_subtext:
     data:
       text: Emergency something
@@ -79,19 +59,6 @@ examples:
       light_text: true
     context:
       dark_background: true
-  white_arrow:
-    data:
-      text: Find out how to stay safe and help prevent the spread
-      href: "/something"
-      white_arrow: true
-      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
@@ -105,11 +72,6 @@ examples:
       simple_light: true
     context:
       dark_background: true
-  with_small_icon:
-    data:
-      text: Coronavirus (COVID-19)
-      href: "/my-test-page"
-      small_icon: true
   with_dark_icon:
     data:
       text: Coronavirus (COVID-19)
@@ -124,17 +86,4 @@ examples:
     data:
       text: Coronavirus (COVID-19)
       href: "/my-test-page"
-      light_icon: true      
-  with_brexit_icon_and_custom_font_size:
-    data:
-      text: Guidance for businesses
-      href: "/guidance-for-businesses"
-      brexit_icon: true
-      font_size: m
-  with_nhs_icon:
-    data:
-      text: Something about the NHS
-      subtext: Perhaps you'd like to click here
-      subtext_href: "/page"
-      mobile_subtext: true
-      nhs_icon: true
+      light_icon: true

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

@@ -0,0 +1,64 @@
+name: Cross service header
+description: | 
+  The One Login header contains two distinct navigation menus - one for GOV.UK One Login links and another for internal service navigation.
+body: |
+  The header contains two links:
+
+  * "GOV.UK One Login": this takes the user to their One Login ‘home’ area, where they can manage their credentials and see and access the services they've used - you don't need to update the url this points to
+  * "Sign out": you'll need to adapt this link so that it signs the user out of your service and signs them out of One Login - how you do this will depend on how you've implemented sign out functionality in your service
+shared_accessibility_criteria:
+  - link
+accessibility_criteria:
+accessibility_excluded_rules:
+  - landmark-banner-is-top-level
+  - duplicate-id-aria
+  - landmark-no-duplicate-banner
+  - landmark-unique
+examples:
+  default:
+    description:
+    data:
+      show_account_layout: true
+      show_cross_service_header: true
+      product_name: GOV.UK email subscriptions
+      one_login_navigation_items:
+        one_login_home:
+          href: "#"
+        one_login_sign_out:
+          text: Sign out
+  with_data_attributes:
+    data:
+      show_account_layout: true
+      show_cross_service_header: true
+      product_name: GOV.UK email subscriptions
+      one_login_navigation_items:
+        one_login_home:
+          href: "#"
+          data:
+            module: explicit-cross-domain-links
+        one_login_sign_out:
+          text: Sign out
+          data:
+            module: explicit-cross-domain-links
+  with_service_navigation_links:
+    description: The header has space to optionally add links to different parts of your service, just as the current 'service header' component from the Design System does. Follow the same patterns for internal service navigation links as you do with the [Design System service header](https://design-system.service.gov.uk/components/header/).
+    data:
+      show_account_layout: true
+      show_cross_service_header: true
+      product_name: GOV.UK email subscriptions
+      one_login_navigation_items:
+        one_login_home:
+          href: "#"
+          data:
+            module: explicit-cross-domain-links
+        one_login_sign_out:
+          text: Sign out
+          data:
+            module: explicit-cross-domain-links
+      service_navigation_items:
+        - text: Example link 1
+          href: "#"
+        - text: Example link 2
+          href: "#"
+        - text: Example link 3
+          href: "#"

data/lib/govuk_publishing_components/app_helpers/asset_helper.rb

@@ -28,6 +28,7 @@ module GovukPublishingComponents
         govuk_publishing_components/components/_title.css
 
         govuk_publishing_components/components/_cookie-banner.css
+        govuk_publishing_components/components/_cross-service-header.css
         govuk_publishing_components/components/_feedback.css
         govuk_publishing_components/components/_layout-footer.css
         govuk_publishing_components/components/_layout-for-public.css

data/lib/govuk_publishing_components/presenters/component_wrapper_helper.rb

@@ -76,7 +76,7 @@ module GovukPublishingComponents
         return if classes.blank?
 
         class_array = classes.split(" ")
-        unless class_array.all? { |c| c.start_with?("js-", "gem-c-", "govuk-", "brand--", "brand__") }
+        unless class_array.all? { |c| c.start_with?("js-", "gem-c-", "govuk-", "app-c-", "brand--", "brand__") }
           raise(ArgumentError, "Classes (#{classes}) must be prefixed with `js-`")
         end
       end

data/lib/govuk_publishing_components/presenters/meta_tags.rb

@@ -19,6 +19,7 @@ module GovukPublishingComponents
       def meta_tags
         meta_tags = {}
         meta_tags = add_core_tags(meta_tags)
+        meta_tags = add_ga4_political_tags(meta_tags)
         meta_tags = add_organisation_tags(meta_tags)
         meta_tags = add_political_tags(meta_tags)
         meta_tags = add_taxonomy_tags(meta_tags)
@@ -48,6 +49,8 @@ module GovukPublishingComponents
         primary_publisher = content_item.dig(:links, :primary_publishing_organisation)
         primary_publisher = primary_publisher.first[:title] unless primary_publisher.blank?
         meta_tags["govuk:primary-publishing-organisation"] = primary_publisher unless primary_publisher.blank?
+
+        # Some browse topics are nested in the content item, we want to grab these for GA4 tracking.
         ga4_browse_topic = content_item.dig(:links, :ordered_related_items, 0, :links, :mainstream_browse_pages, 0, :links, :parent, 0, :title)
         ga4_browse_topic = ga4_browse_topic.downcase if ga4_browse_topic
         meta_tags["govuk:ga4-browse-topic"] = ga4_browse_topic if ga4_browse_topic
@@ -84,6 +87,24 @@ module GovukPublishingComponents
         meta_tags
       end
 
+      # Some 'government' objects are nested in the content item on some pages. We want to grab these for GA4 tracking.
+      # We only add the publishing government if 'political' is true, otherwise some content items get incorrectly linked to a government
+      def add_ga4_political_tags(meta_tags)
+        government = content_item.dig(:links, :government, 0)
+
+        # political: true/false is in a different place to current: true/false, which is why we have 'details' and 'government[:details]'
+        if government && details[:political]
+          meta_tags["govuk:ga4-political-status"] = government[:details][:current] ? "political" : "historic"
+
+          government_title = government[:title]
+          if government_title && !government[:details][:current]
+            meta_tags["govuk:ga4-publishing-government"] = government_title
+          end
+        end
+
+        meta_tags
+      end
+
       def add_taxonomy_tags(meta_tags)
         themes = root_taxon_slugs(content_item)
         meta_tags["govuk:themes"] = themes.to_a.sort.join(", ") unless themes.empty?

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "35.22.0".freeze
+  VERSION = "36.0.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 35.22.0
+  version: 36.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-11-16 00:00:00.000000000 Z
+date: 2023-11-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -342,11 +342,6 @@ files:
 - LICENCE.md
 - README.md
 - app/assets/config/govuk_publishing_components_manifest.js
-- app/assets/images/govuk_publishing_components/action-link--nhs.png
-- app/assets/images/govuk_publishing_components/action-link--nhs.svg
-- app/assets/images/govuk_publishing_components/action-link-arrow--blue.png
-- app/assets/images/govuk_publishing_components/action-link-arrow--blue.svg
-- app/assets/images/govuk_publishing_components/action-link-arrow--brexit.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--dark.png
 - app/assets/images/govuk_publishing_components/action-link-arrow--dark.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--light.png
@@ -355,9 +350,6 @@ files:
 - app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--simple.png
 - app/assets/images/govuk_publishing_components/action-link-arrow--simple.svg
-- app/assets/images/govuk_publishing_components/action-link-arrow--transparent.svg
-- app/assets/images/govuk_publishing_components/action-link-arrow--white.png
-- app/assets/images/govuk_publishing_components/action-link-arrow--white.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow.png
 - app/assets/images/govuk_publishing_components/action-link-arrow.svg
 - app/assets/images/govuk_publishing_components/crests/bis_crest_13px.png
@@ -487,6 +479,7 @@ files:
 - 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
+- app/assets/javascripts/govuk_publishing_components/components/cross-service-header.js
 - app/assets/javascripts/govuk_publishing_components/components/details.js
 - app/assets/javascripts/govuk_publishing_components/components/error-summary.js
 - app/assets/javascripts/govuk_publishing_components/components/feedback.js
@@ -553,6 +546,7 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_cookie-banner.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_copy-to-clipboard.scss
+- app/assets/stylesheets/govuk_publishing_components/components/_cross-service-header.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_date-input.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_details.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_devolved-nations.scss
@@ -688,6 +682,7 @@ files:
 - app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb
 - app/views/govuk_publishing_components/components/_cookie_banner.html.erb
 - app/views/govuk_publishing_components/components/_copy_to_clipboard.html.erb
+- app/views/govuk_publishing_components/components/_cross_service_header.html.erb
 - app/views/govuk_publishing_components/components/_date_input.html.erb
 - app/views/govuk_publishing_components/components/_details.html.erb
 - app/views/govuk_publishing_components/components/_devolved_nations.html.erb
@@ -755,6 +750,8 @@ files:
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_html.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_spreadsheet.html.erb
 - app/views/govuk_publishing_components/components/contextual_sidebar/_ukraine_cta.html.erb
+- app/views/govuk_publishing_components/components/cross_service_header/_one_login_header.html.erb
+- app/views/govuk_publishing_components/components/cross_service_header/_service_header.html.erb
 - app/views/govuk_publishing_components/components/docs/accordion.yml
 - app/views/govuk_publishing_components/components/docs/action_link.yml
 - app/views/govuk_publishing_components/components/docs/attachment.yml
@@ -773,6 +770,7 @@ files:
 - app/views/govuk_publishing_components/components/docs/contextual_sidebar.yml
 - app/views/govuk_publishing_components/components/docs/cookie_banner.yml
 - app/views/govuk_publishing_components/components/docs/copy_to_clipboard.yml
+- app/views/govuk_publishing_components/components/docs/cross_service_header.yml
 - app/views/govuk_publishing_components/components/docs/date_input.yml
 - app/views/govuk_publishing_components/components/docs/details.yml
 - app/views/govuk_publishing_components/components/docs/devolved_nations.yml

data/app/assets/images/govuk_publishing_components/action-link--nhs.svg

@@ -1 +0,0 @@
-<svg fill="none" height="227" viewBox="0 0 227 227" width="227" xmlns="http://www.w3.org/2000/svg"><path d="m55.7 226.5c-30.4 0-55.2-24.8-55.2-55.2v-115.6c0-30.4 24.8-55.2 55.2-55.2h115.6c30.4 0 55.2 24.8 55.2 55.2v115.6c0 30.4-24.8 55.2-55.2 55.2z" fill="#0ba23b"/><path d="m171.3 1c30.2 0 54.7 24.5 54.7 54.7v115.6c0 30.2-24.5 54.7-54.7 54.7h-115.6c-30.2 0-54.7-24.5-54.7-54.7v-115.6c0-30.2 24.5-54.7 54.7-54.7zm0-1h-115.6c-30.7 0-55.7 25-55.7 55.7v115.6c0 30.7 25 55.7 55.7 55.7h115.6c30.7 0 55.7-25 55.7-55.7v-115.6c0-30.7-25-55.7-55.7-55.7z" fill="#0ba23b"/><path d="m113.5 52.7-.5-.3-112 112v6.9c0 7.3 1.5 14.3 4.1 20.7l107.9-107.9.5.3 108.2 108.2c2.8-6.5 4.3-13.8 4.3-21.3v-6.1z" fill="#fcf411"/><path d="m171.3 1h-3l57.7 57.7v-3c0-30.2-24.5-54.7-54.7-54.7z" fill="#fcf411"/><path d="m57.8 1h-2.1c-30.2 0-54.7 24.5-54.7 54.7v2.1z" fill="#fcf411"/><path d="m226 94.5-93.5-93.5h-38.8l-92.7 92.7v31.7l112-112 .5.3 112.5 112.5z" fill="#fcf411"/><path d="m205.8 213.8-92.3-92.3-.5-.3-92.2002 92.2c6 5 13.1 8.7 20.9 10.8l71.3002-71.3.5.3 71.1 71.1c7.9-1.9 15.1-5.6 21.2-10.5z" fill="#fcf411"/><path d="m112.1 188.3 1 1 .8-.8z" fill="#fcf411"/><path d="m149.8 226-36.7-36.7-36.7001 36.7z" fill="#fcf411"/><path d="m166.5 213.1h-106.0001c-25.7 0-46.6-20.9-46.6-46.6v-106c0-25.7 20.9-46.6 46.6-46.6h106.0001c25.7 0 46.6 20.9 46.6 46.6v106c0 25.7-20.9 46.6-46.6 46.6z" fill="#0071b9"/><g fill="#fff"><path d="m56.2998 56.7v48.5h119.7002v-48.5zm26.9 43.7-8.2-27h-.1l-5.4 27h-9.8l8.3-39h13l8 27.1h.1l5.5-27.1h9.8002l-8.3002 39zm39.7002 0 3.5-16.7h-12.3l-3.5 16.7h-10.4l8.1-39h10.5l-3.1 14.9h12.3l3.1-14.9h10.5l-8.1 39zm46.1-30.2c-2.7-1.2-5.6-1.8-8.6-1.8-4.1 0-7.5.6-7.5 3.7 0 5.5 15.1 3.5 15.1 15.3 0 10.8-10 13.6-19.1 13.6-4.1-.1-8.2-.8-12.1-2l2.4-7.9c2.1 1.3 6.2 2.2 9.6 2.2s8.3-.6 8.3-4.6c0-6.3-15.1-3.9-15.1-14.9 0-10.1 8.8-13.1 17.4-13.1 4.8 0 9.3.5 12 1.7z"/><path d="m50.5001 156.8c-.6.4-1.6.6-3 .9-1.3.2-2.8.3-4.3.3-2.6 0-4.9-.4-6.8-1.3s-3.6-2.1-4.9-3.7-2.3-3.4-2.9-5.5c-.7-2.1-1-4.4-1-6.9s.3-4.8 1-6.9 1.6-4 2.9-5.5c1.3-1.6 2.9-2.8 4.8-3.7s4.2-1.3 6.7-1.3c1.7 0 3.3.2 4.6.5s2.3.6 2.9.9l-.3 5.6c-.6-.3-1.5-.7-2.5-1.2s-2.3-.7-3.9-.7c-1.3 0-2.5.2-3.7.7-1.1.5-2.2 1.2-3 2.2-.9 1-1.6 2.3-2.1 3.8-.5 1.6-.8 3.4-.8 5.6s.3 4.1.8 5.6c.5 1.6 1.2 2.8 2.1 3.8s1.9 1.7 3 2.2 2.4.7 3.7.7c1.5 0 2.8-.2 3.8-.5s1.9-.7 2.6-1.3z"/><path d="m52.6001 140.6c0-3 .4-5.7 1.1-7.9s1.7-4 3-5.4c1.2-1.4 2.7-2.5 4.3-3.1 1.6-.7 3.3-1 5.1-1s3.4.3 5.1 1c1.6.7 3.1 1.7 4.3 3.1s2.2 3.2 3 5.4c.7 2.2 1.1 4.8 1.1 7.9 0 3-.4 5.7-1.1 7.9s-1.7 4-3 5.4c-1.2 1.4-2.7 2.5-4.3 3.1-1.6.7-3.3 1-5.1 1s-3.4-.3-5.1-1c-1.6-.7-3.1-1.7-4.3-3.1s-2.2-3.2-3-5.4c-.7-2.3-1.1-4.9-1.1-7.9zm6.4 0c0 2.3.2 4.3.6 5.9s.9 2.9 1.5 3.9 1.4 1.7 2.3 2.2 1.8.7 2.8.7 1.9-.2 2.8-.7 1.6-1.2 2.3-2.2c.6-1 1.1-2.3 1.5-3.9s.6-3.6.6-5.9-.2-4.3-.6-5.9-.9-2.9-1.5-3.9-1.4-1.7-2.3-2.2-1.8-.7-2.8-.7-1.9.2-2.8.7-1.6 1.2-2.3 2.2c-.6 1-1.1 2.3-1.5 3.9s-.6 3.5-.6 5.9z"/><path d="m80.3003 123.6h6.7l6.8 26.1h.1l6.9997-26.1h6.4l-10.2997 33.9h-6.6z"/><path d="m110.4 123.6h6.2v33.9h-6.2z"/><path d="m122.6 123.6h8.8c5.3 0 9.4 1.4 12.1 4.2s4.1 7.1 4.1 12.7c0 2.8-.4 5.3-1.2 7.5-.8 2.1-1.9 3.9-3.4 5.3-1.4 1.4-3.1 2.5-5.1 3.2s-4.1 1-6.5 1h-8.8zm6.2 29.2h2.1c1.7 0 3.3-.3 4.5-.9 1.3-.6 2.3-1.4 3.2-2.5s1.4-2.4 1.8-3.9.6-3.2.6-5-.2-3.5-.6-5-1-2.8-1.8-3.9-1.9-1.9-3.2-2.5-2.8-.8-4.5-.8h-2.1z"/><path d="m152 141.2h11.2v5h-11.2z"/><path d="m170.7 130.8-4.5 4.2-2.9-4.2 8.3-7.2h5.1v33.9h-6z"/><path d="m183.8 151.8c.6.3 1.3.6 2.2.9.9.4 2 .5 3.4.5 1.7 0 3-.4 4-1.2s1.8-1.8 2.3-2.9.9-2.4 1.1-3.7.3-2.5.4-3.5l-.1-.1c-.6.9-1.4 1.7-2.3 2.4-1 .7-2.3 1-3.9 1-1.2 0-2.3-.2-3.4-.7s-2-1.1-2.9-2.1-1.5-2.1-2-3.4c-.5-1.4-.8-3-.8-4.8 0-1.7.2-3.2.7-4.6.4-1.4 1.1-2.5 1.9-3.5s1.9-1.7 3.1-2.2 2.7-.8 4.3-.8c2.2 0 4 .4 5.4 1.2s2.5 2 3.4 3.4c.8 1.4 1.4 3.1 1.8 5.1.3 1.9.5 4 .5 6.1 0 2.5-.2 4.9-.6 7.2s-1.1 4.3-2.1 6.1c-1 1.7-2.3 3.1-4 4.2s-3.8 1.6-6.4 1.6c-1.6 0-2.8-.1-3.9-.4-1-.3-1.8-.5-2.4-.8zm4.1-17.7c0 1.8.3 3.4 1 4.6s1.8 1.8 3.4 1.8c1.5 0 2.5-.6 3.3-1.7.7-1.1 1.1-2.7 1.1-4.6 0-2-.3-3.6-1-4.7s-1.8-1.7-3.3-1.7c-1.6 0-2.7.6-3.4 1.7-.7 1-1.1 2.6-1.1 4.6z"/></g></svg>

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

@@ -1,9 +0,0 @@
-<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="19.5" cy="19.5" r="19.5" fill="#366FB3" mask="url(#mask)"/>
-
-<mask id="mask">
-	<rect width="100%" height="100%" fill="white"/>
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0343 20L14.1812 10.1469L17.0096 7.31848L29.6912 20L17.0096 32.6815L14.1812 29.8531L24.0343 20Z" fill="black"/>
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M0.000423781 18L25.1328 18L25.1328 22L0.000423431 22L0.000423781 18Z" fill="black"/>
-</mask>
-</svg>

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

@@ -1,3 +0,0 @@
-<svg width="38" height="36" viewBox="0 0 38 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M38 35.8461C34.8518 35.8299 31.701 35.8136 28.5528 35.7974C28.5447 29.2599 28.5366 22.7252 28.5284 16.1878C21.8989 22.7252 15.2721 29.2599 8.64252 35.7974C5.8547 35.792 3.06417 35.7838 0.276344 35.7784C0.262798 34.1366 0.249251 32.4948 0.232996 30.8503C7.36917 23.7195 14.5026 16.5833 21.6388 9.44717C14.4268 9.47697 7.21204 9.50406 0 9.53387C3.17254 6.35862 6.34778 3.18608 9.52032 0.010837C19.0135 0.00812776 28.5068 0.00270925 38 0C38 11.9234 38 23.8577 38 35.8461Z" fill="#FF003B"/>
-</svg>

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

@@ -1 +0,0 @@
-<svg width="39" height="39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.01 6.818l-2.828 2.828 7.853 7.854-22 .066L0 21.5h22.035l-7.853 7.854 2.828 2.828L29.69 19.5zM39 19.5C39 30.27 30.27 39 19.5 39 9.373 39 1.05 31.28.092 21.405A19.737 19.737 0 010 19.5C0 8.73 8.73 0 19.5 0S39 8.73 39 19.5z" fill="#fff500"/></svg>

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

@@ -1 +0,0 @@
-<svg width="39" height="39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.01 6.818l-2.828 2.828 7.853 7.854-22 .066L0 21.5h22.035l-7.853 7.854 2.828 2.828L29.69 19.5zM39 19.5C39 30.27 30.27 39 19.5 39 9.373 39 1.05 31.28.092 21.405A19.737 19.737 0 010 19.5C0 8.73 8.73 0 19.5 0S39 8.73 39 19.5z" fill="#fff"/></svg>