govuk_publishing_components 34.2.0 → 34.4.0

data/config/locales/sq.yml

@@ -1,12 +1,14 @@
 ---
 sq:
   common:
+    hide: Fshih
+    show: Shfaq
+    toggle_less: Shfaq më pak
+    toggle_more: "%{show} %{number} më tepër"
     translations: Përkthimet
   components:
     accordion:
-      hide: Fshih
       hide_all: Fshih të gjitha seksionet
-      show: Shfaq
       show_all: Shfaq të gjitha seksionet
       this_section_visually_hidden: " këtë seksion"
     article_schema:
@@ -126,8 +128,6 @@ sq:
       part_of: Pjesë e
       published: Publikuar
       see_all_updates: Shih të gjitha përditësimet
-      toggle_less: Shfaq më pak
-      toggle_more: "+ %{number} më tepër"
     modal_dialogue:
       close_modal: Mbyll dialogun modal
     notice:

data/config/locales/sr.yml

@@ -1,12 +1,14 @@
 ---
 sr:
   common:
+    hide: Sakrij
+    show: Prikaži
+    toggle_less: Prikaži manje
+    toggle_more: još %{number}
     translations: Prevodi
   components:
     accordion:
-      hide: Sakrij
       hide_all: Sakrij sve odeljke
-      show: Prikaži
       show_all: Prikaži sve odeljke
       this_section_visually_hidden: " ovaj odeljak"
     article_schema:
@@ -127,8 +129,6 @@ sr:
       part_of: Deo
       published: Objavljeno
       see_all_updates: Pogledajte sva ažuriranja
-      toggle_less: Prikaži manje
-      toggle_more: još %{number}
     modal_dialogue:
       close_modal: Zatvori modalni dijalog
     notice:

data/config/locales/sv.yml

@@ -1,12 +1,14 @@
 ---
 sv:
   common:
+    hide: Dölj
+    show: Visa
+    toggle_less: Visa färre
+    toggle_more: "%{show} %{number} mer"
     translations: Översättningar
   components:
     accordion:
-      hide: Dölj
       hide_all: Dölj alla avsnitt
-      show: Visa
       show_all: Visa alla avsnitt
       this_section_visually_hidden: " detta avsnitt"
     article_schema:
@@ -126,8 +128,6 @@ sv:
       part_of: Del av
       published: Publicerad
       see_all_updates: Se alla uppdateringar
-      toggle_less: Visa färre
-      toggle_more: "+ %{number} mer"
     modal_dialogue:
       close_modal: Stäng den modala dialogen
     notice:

data/config/locales/sw.yml

@@ -1,12 +1,14 @@
 ---
 sw:
   common:
+    hide: Ficha
+    show: Onyesha
+    toggle_less: Onyesha chache
+    toggle_more: "%{show} %{number} zaidi"
     translations: Tafsiri
   components:
     accordion:
-      hide: Ficha
       hide_all: Ficha sehemu zote
-      show: Onyesha
       show_all: Onyesha sehemu zote
       this_section_visually_hidden: " sehemu hii"
     article_schema:
@@ -126,8 +128,6 @@ sw:
       part_of: Sehemu ya
       published: Ilichapishwa
       see_all_updates: Angalia taarifa zote
-      toggle_less: Onyesha chache
-      toggle_more: "+ %{number} zaidi"
     modal_dialogue:
       close_modal: Funga dirisha ibukizi
     notice:

data/config/locales/ta.yml

@@ -1,12 +1,14 @@
 ---
 ta:
   common:
+    hide: மறை
+    show: காட்டு
+    toggle_less: குறைவாகக் காட்டு
+    toggle_more: மேலும் %{show} %{number}
     translations: மொழிபெயர்ப்புகள்
   components:
     accordion:
-      hide: மறை
       hide_all: அனைத்துப் பிரிவுகளையும் மறை
-      show: காட்டு
       show_all: அனைத்துப் பிரிவுகளையும் காட்டு
       this_section_visually_hidden: " இந்தப் பிரிவு"
     article_schema:
@@ -127,8 +129,6 @@ ta:
       part_of: பகுதி
       published: வெளியிடப்பட்டது
       see_all_updates: அனைத்து புதுப்பித்தல்களையும் பார்
-      toggle_less: குறைவாகக் காட்டு
-      toggle_more: மேலும் + %{number}
     modal_dialogue:
       close_modal: மாதிரி உரையாடலை மூடு
     notice:

data/config/locales/th.yml

@@ -1,12 +1,14 @@
 ---
 th:
   common:
+    hide: ซ่อน
+    show: แสดง
+    toggle_less: แสดงน้อยลง
+    toggle_more: เพิ่มเติม %{show} %{number} รายการ
     translations: ข้อความแปล
   components:
     accordion:
-      hide: ซ่อน
       hide_all: ซ่อนทุกส่วน
-      show: แสดง
       show_all: แสดงส่วนทั้งหมด
       this_section_visually_hidden: " ส่วนนี้"
     article_schema:
@@ -124,8 +126,6 @@ th:
       part_of: ส่วนหนึ่งของ
       published: เผยแพร่แล้ว
       see_all_updates: ดูอัปเดตทั้งหมด
-      toggle_less: แสดงน้อยลง
-      toggle_more: เพิ่มเติม + %{number} รายการ
     modal_dialogue:
       close_modal: ปิดการสนทนาโมดอล
     notice:

data/config/locales/tk.yml

@@ -1,12 +1,14 @@
 ---
 tk:
   common:
+    hide: Gizle
+    show: görkez
+    toggle_less: Azrak görkez
+    toggle_more: "%{show} %{number} köpeltmek üçin"
     translations: Terjimeler
   components:
     accordion:
-      hide: Gizle
       hide_all: Ähli bölümleri gizle
-      show: görkez
       show_all: Ähli bölümleri görkez
       this_section_visually_hidden: " Bu bölüm"
     article_schema:
@@ -127,8 +129,6 @@ tk:
       part_of: Bir bölegi
       published: Çap edilen
       see_all_updates: Ähli täzelenmelere serediň
-      toggle_less: Azrak görkez
-      toggle_more: "+ %{number} köpeltmek üçin"
     modal_dialogue:
       close_modal: Modal gepleşikleri tamamlamak
     notice:

data/config/locales/tr.yml

@@ -1,12 +1,14 @@
 ---
 tr:
   common:
+    hide: Gizle
+    show: Göster
+    toggle_less: Daha az göster
+    toggle_more: "%{show} %{number} daha fazla"
     translations: Tercümeler
   components:
     accordion:
-      hide: Gizle
       hide_all: Tüm bölümleri gizle
-      show: Göster
       show_all: Tüm bölümleri göster
       this_section_visually_hidden: " Bu bölüm"
     article_schema:
@@ -127,8 +129,6 @@ tr:
       part_of: Şunun kısmı
       published: Yayınlanan
       see_all_updates: Tüm güncellemeleri görün
-      toggle_less: Daha az göster
-      toggle_more: "+ %{number} daha fazla"
     modal_dialogue:
       close_modal: Model diyaloğu kapat
     notice:

data/config/locales/uk.yml

@@ -1,12 +1,14 @@
 ---
 uk:
   common:
+    hide: Приховати
+    show: Показати
+    toggle_less: Показати менше
+    toggle_more: "%{show} %{number} більше"
     translations: Переклади
   components:
     accordion:
-      hide: Приховати
       hide_all: приховати всі розділи
-      show: Показати
       show_all: Показати всі розділи
       this_section_visually_hidden: " цей розділ"
     article_schema:
@@ -133,8 +135,6 @@ uk:
       part_of: Частина
       published: Опубліковано
       see_all_updates: Переглянути всі оновлення
-      toggle_less: Показати менше
-      toggle_more: "+ %{number} більше"
     modal_dialogue:
       close_modal: Закрити модальний діалог
     notice:

data/config/locales/ur.yml

@@ -1,12 +1,14 @@
 ---
 ur:
   common:
+    hide: پوشیدہ کریں
+    show: دکھائی
+    toggle_less: کم دکھائیں
+    toggle_more: "%{show} %{number} مزید"
     translations: تراجم
   components:
     accordion:
-      hide: پوشیدہ کریں
       hide_all: تمام سیکشنز کو پوشیدہ کریں
-      show: دکھائی
       show_all: تمام سیکشنز دکھائیں
       this_section_visually_hidden: " یہ سیکشن"
     article_schema:
@@ -123,8 +125,6 @@ ur:
       part_of: حصہ از
       published: شائع کردہ
       see_all_updates: تمام اپ ڈیٹس دیکھیں
-      toggle_less: کم دکھائیں
-      toggle_more: "+ %{number} مزید"
     modal_dialogue:
       close_modal: محدود موڈل ڈائیلاگ
     notice:

data/config/locales/uz.yml

@@ -1,12 +1,14 @@
 ---
 uz:
   common:
+    hide: Яшириш
+    show: Кўрсатиш
+    toggle_less: Камроқ кўрсатиш
+    toggle_more: "%{show} %{number} кўпроқ"
     translations: Таржималар
   components:
     accordion:
-      hide: Яшириш
       hide_all: Бўлимларни барчасини яшириш
-      show: Кўрсатиш
       show_all: Бўлимларни барчасини кўрсатиш
       this_section_visually_hidden: " ушбу бўлим"
     article_schema:
@@ -128,8 +130,6 @@ uz:
       part_of: Қисм
       published: Нашр қилинган
       see_all_updates: Барча янгиланишларни кўриш
-      toggle_less: Камроқ кўрсатиш
-      toggle_more: "+ %{number} кўпроқ"
     modal_dialogue:
       close_modal: Модал мулоқотни ёпиш
     notice:

data/config/locales/vi.yml

@@ -1,12 +1,14 @@
 ---
 vi:
   common:
+    hide: Ẩn
+    show: Hiển thị
+    toggle_less: Ẩn bớt
+    toggle_more: "%{show} thêm %{number}"
     translations: Bản dịch
   components:
     accordion:
-      hide: Ẩn
       hide_all: Ẩn tất cả các phần
-      show: Hiển thị
       show_all: Hiển thị tất cả các phần
       this_section_visually_hidden: " phần này"
     article_schema:
@@ -125,8 +127,6 @@ vi:
       part_of: Một phần của
       published: Đã xuất bản
       see_all_updates: Xem tất cả nội dung cập nhật
-      toggle_less: Ẩn bớt
-      toggle_more: "+ thêm %{number}"
     modal_dialogue:
       close_modal: Đóng đối thoại phương thức
     notice:

data/config/locales/zh-hk.yml

@@ -1,12 +1,14 @@
 ---
 zh-hk:
   common:
+    hide: 隱藏
+    show: 顯示
+    toggle_less: 顯示更少內容
+    toggle_more: "%{show} %{number} more"
     translations: 譯文
   components:
     accordion:
-      hide: 隱藏
       hide_all: 隱藏所有部份
-      show: 顯示
       show_all: 顯示所有部份
       this_section_visually_hidden: 此部份
     article_schema:
@@ -124,8 +126,6 @@ zh-hk:
       part_of: 部份
       published: 已發佈
       see_all_updates: 查閱所有更新項
-      toggle_less: 顯示更少內容
-      toggle_more: "+ %{number} more"
     modal_dialogue:
       close_modal: 關閉互動視窗對話
     notice:

data/config/locales/zh-tw.yml

@@ -1,12 +1,14 @@
 ---
 zh-tw:
   common:
+    hide: 隱藏
+    show: 展開
+    toggle_less: 顯示部分
+    toggle_more: "%{show} %{number}更多"
     translations: 翻譯
   components:
     accordion:
-      hide: 隱藏
       hide_all: 隱藏所有區段
-      show: 展開
       show_all: 展開所有區段
       this_section_visually_hidden: " 這個區段"
     article_schema:
@@ -124,8 +126,6 @@ zh-tw:
       part_of: 部分
       published: 發布
       see_all_updates: 查看所有更新
-      toggle_less: 顯示部分
-      toggle_more: "+ %{number}更多"
     modal_dialogue:
       close_modal: 關閉模態對話
     notice:

data/config/locales/zh.yml

@@ -1,12 +1,14 @@
 ---
 zh:
   common:
+    hide: 隐藏
+    show: 显示
+    toggle_less: 显示更少
+    toggle_more: "%{show} %{number}更多"
     translations: 翻译
   components:
     accordion:
-      hide: 隐藏
       hide_all: 隐藏所有小节
-      show: 显示
       show_all: 显示所有小节
       this_section_visually_hidden: " 本小节"
     article_schema:
@@ -124,8 +126,6 @@ zh:
       part_of: 一部分
       published: 已发布
       see_all_updates: 查看全部更新
-      toggle_less: 显示更少
-      toggle_more: "+ %{number}更多"
     modal_dialogue:
       close_modal: 关闭模态对话
     notice:

data/lib/govuk_publishing_components/presenters/image_card_helper.rb

@@ -4,14 +4,15 @@ module GovukPublishingComponents
       include ActionView::Helpers
       include ActionView::Context
 
-      attr_reader :href, :href_data_attributes, :extra_details, :large, :extra_details_no_indent, :heading_text, :metadata, :lang, :image_loading
+      attr_reader :href_data_attributes, :extra_details, :extra_details_no_indent, :heading_text, :metadata, :lang, :image_loading, :youtube_video_id, :image_src
 
-      def initialize(local_assigns)
+      def initialize(local_assigns, brand_helper)
         @href = local_assigns[:href]
         @href_data_attributes = local_assigns[:href_data_attributes]
         @extra_details = local_assigns[:extra_details] || []
         @image_src = local_assigns[:image_src]
         @image_alt = local_assigns[:image_alt] || ""
+        @youtube_video_alt = local_assigns[:youtube_video_alt]
         @image_loading = local_assigns[:image_loading] || "auto"
         @srcset = local_assigns[:srcset] || nil
         @sizes = local_assigns[:sizes] || nil
@@ -23,6 +24,22 @@ module GovukPublishingComponents
         @extra_details_no_indent = local_assigns[:extra_details_no_indent]
         @metadata = local_assigns[:metadata]
         @lang = local_assigns[:lang]
+        @youtube_video_id = local_assigns[:youtube_video_id] || nil
+
+        @brand_helper = brand_helper
+      end
+
+      def href
+        return youtube_href if @youtube_video_id
+
+        @href
+      end
+
+      def large
+        # if youtube video, we don't want to use
+        # the small variant, large will be always
+        # true if a youtube_video_id is supplied
+        @youtube_video_id || @large
       end
 
       def is_tracking?
@@ -36,6 +53,12 @@ module GovukPublishingComponents
         false
       end
 
+      def media
+        return youtube_link if @youtube_video_id
+
+        image
+      end
+
       def image
         if @image_src
           content_tag(:figure, class: "gem-c-image-card__image-wrapper") do
@@ -75,6 +98,46 @@ module GovukPublishingComponents
       def description
         content_tag(:div, @description, class: "gem-c-image-card__description") if @description
       end
+
+      def youtube_href
+        "https://www.youtube.com/watch?v=#{@youtube_video_id}"
+      end
+
+      def youtube_thumbnail_url
+        "https://img.youtube.com/vi/#{@youtube_video_id}/maxresdefault.jpg"
+      end
+
+      def youtube_thumbnail
+        thumbnail = content_tag(:div, class: "gem-c-image-card__youtube-thumbnail-image-container") do
+          image_tag(
+            youtube_thumbnail_url,
+            class: "gem-c-image-card__image gem-c-image-card__youtube-thumbnail-image",
+            alt: "",
+            loading: @image_loading,
+          )
+        end
+        thumbnail + content_tag(:figcaption, @youtube_video_alt, class: "gem-c-image-card__youtube-thumbnail-container-text govuk-link #{@brand_helper.color_class}")
+      end
+
+      def youtube_link
+        content_tag(
+          :figure,
+          class: "gem-c-image-card__image-wrapper gem-c-image-card__image-wrapper--youtube-embed",
+        ) do
+          content_tag(:div) do
+            link_to(
+              href,
+              {
+                class: "govuk-body govuk-link gem-c-image-card__youtube-thumbnail-container js-youtube-card-embed",
+                "data-youtube-player-analytics": true,
+                "data-youtube-player-analytics-category": "EmbeddedYoutube",
+              },
+            ) do
+              youtube_thumbnail
+            end
+          end
+        end
+      end
     end
   end
 end

data/lib/govuk_publishing_components/presenters/page_with_step_by_step_navigation.rb

@@ -77,7 +77,7 @@ module GovukPublishingComponents
         if show_sidebar?
           @sidebar ||= current_step_nav.content.tap do |sb|
             configure_for_sidebar(sb)
-            sb.merge!(small: true, heading_level: 3, tracking_id: current_step_nav.content_id)
+            sb.merge!(small: true, heading_level: 3, tracking_id: current_step_nav.content_id, ga4_tracking: @query_parameters[:ga4_tracking])
           end
         end
       end

data/lib/govuk_publishing_components/presenters/related_navigation_helper.rb

@@ -65,6 +65,10 @@ module GovukPublishingComponents
         end
       end
 
+      def component_title
+        I18n.t("components.related_#{@context}_navigation.related_content", default: I18n.t("components.related_navigation.related_content"))
+      end
+
       def section_css_class(css_class, section_title, link: {}, link_is_inline: false)
         css_classes = [css_class]
         css_classes << "#{css_class}--#{@context}" unless @context.nil?

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "34.2.0".freeze
+  VERSION = "34.4.0".freeze
 end

data/node_modules/axe-core/axe.js

@@ -1,5 +1,5 @@
-/*! axe v4.6.1
- * Copyright (c) 2022 Deque Systems, Inc.
+/*! axe v4.6.2
+ * Copyright (c) 2023 Deque Systems, Inc.
  *
  * Your use of this Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
@@ -22,7 +22,7 @@
     }, _typeof(obj);
   }
   var axe = axe || {};
-  axe.version = '4.6.1';
+  axe.version = '4.6.2';
   if (typeof define === 'function' && define.amd) {
     define('axe-core', [], function() {
       return axe;
@@ -18127,16 +18127,15 @@
     function fullyEncompasses(node, rects) {
       rects = Array.isArray(rects) ? rects : [ rects ];
       var nodeRect = node.getBoundingClientRect();
+      var right = nodeRect.right, bottom = nodeRect.bottom;
       var style = window.getComputedStyle(node);
       var overflow = style.getPropertyValue('overflow');
       if ([ 'scroll', 'auto' ].includes(overflow) || node instanceof window.HTMLHtmlElement) {
-        nodeRect.width = node.scrollWidth;
-        nodeRect.height = node.scrollHeight;
-        nodeRect.right = nodeRect.left + nodeRect.width;
-        nodeRect.bottom = nodeRect.top + nodeRect.height;
+        right = nodeRect.left + node.scrollWidth;
+        bottom = nodeRect.top + node.scrollHeight;
       }
       return rects.every(function(rect) {
-        return rect.top >= nodeRect.top && rect.bottom <= nodeRect.bottom && rect.left >= nodeRect.left && rect.right <= nodeRect.right;
+        return rect.top >= nodeRect.top && rect.bottom <= bottom && rect.left >= nodeRect.left && rect.right <= right;
       });
     }
     function normalizeBlendMode(blendmode) {