govuk_publishing_components 43.5.0 → 44.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 54db17f78b90649fa6445fc0676b54043c55bd4880545e1131d8c842c040059a
-  data.tar.gz: ac68880c1587230ac9d7640f146ed6ee3f2b52d4e9a8462d47204b13518b5aac
+  metadata.gz: f13f23ec1562e63350f590b579c1acecdc4da57c4fe96449c727abce1cd91002
+  data.tar.gz: a4e52c344237096f770b2867dd4a478bcf815be3cbbbeba01554984bd4d10e7e
 SHA512:
-  metadata.gz: 5fdc971290b9037889e7e2f303609171d117892533b3390374ebe60c5f2409eccdd8a55af265be76a23f3b747633392ab269ff100d9de3c8611784b1005ea769
-  data.tar.gz: ff848b675dbc62c6b454fe9b2142df504db3fbefdb14381afea3432e44f91b1706b28b530a026684e62ac54eb9dba5d3aaad0799895fc19d2220e40610c64b14
+  metadata.gz: 63e41b4da0785b914d0fe04409e4aa45cca913c6cebdd41c411b59d7bf413e4c1d16970fcc397becb3d8fcb80c0b06a9c700565075630095216cef109ebd451d
+  data.tar.gz: 7358a4951fddd6e5dc43fc7c17aa87511024bbb518e8c57e69874a5dea1d4245f763454986029301f3d9f7c39f099277f922e3d666e7c38a77d074add9e4b93c

data/app/assets/config/govuk_publishing_components_manifest.js

@@ -8,6 +8,5 @@
 //= link_directory ../javascripts/govuk_publishing_components
 
 // Pre-compile these specific files
-//= link govuk_publishing_components/vendor/modernizr.js
 //= link govuk_publishing_components/vendor/lux/lux-reporter.js
 //= link govuk_publishing_components/vendor/lux/lux-measurer.js

data/app/assets/javascripts/govuk_publishing_components/components/option-select.js

@@ -190,7 +190,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     var element = document.createElement('div')
     element.setAttribute('class', 'gem-c-option-select__selected-counter js-selected-counter')
     element.innerHTML = checkedString
-    this.$optionSelect.querySelector('.js-container-button').insertAdjacentElement('afterend', element)
+    this.$optionSelect.querySelector('.js-container-toggle').insertAdjacentElement('afterend', element)
   }
 
   OptionSelect.prototype.updateCheckedCount = function updateCheckedCount () {

data/app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-reporter.js

@@ -336,7 +336,7 @@
     return str;
   }
 
-  var VERSION = "4.0.26";
+  var VERSION = "4.0.27";
   /**
   * Returns the version of the script as a float to be stored in legacy systems that do not support
   * string versions.
@@ -564,7 +564,8 @@
   var updatedCustomData = {};
   function addCustomDataValue(name, value) {
     var typeV = typeof value;
-    if (customDataValues[name] !== value) {
+    var valueIsEmpty = typeV === "undefined" || value === null;
+    if (!valueIsEmpty && customDataValues[name] !== value) {
       // If the value is new or different to the previous value, record it so that later we can send
       // only the values that have changed.
       updatedCustomData[name] = value;
@@ -572,7 +573,7 @@
     if (typeV === "string" || typeV === "number" || typeV === "boolean") {
       customDataValues[name] = value;
     }
-    if (typeV === "undefined" || value === null) {
+    if (valueIsEmpty) {
       delete customDataValues[name];
     }
   }
@@ -681,25 +682,25 @@
         startTime: processTimeMetric(entry.startTime),
         elementSelector: getNodeSelector(source.node),
         elementType: source.node.nodeName,
-    }); })
-    : [];
-    if (sessionEntries.length &&
-      (entry.startTime - latestEntry.startTime >= 1000 ||
+      }); })
+      : [];
+      if (sessionEntries.length &&
+        (entry.startTime - latestEntry.startTime >= 1000 ||
         entry.startTime - firstEntry.startTime >= 5000)) {
-      sessionValue = entry.value;
-      sessionEntries = [entry];
-      sessionAttributions = sources;
-      largestEntry = entry;
-    }
-    else {
-      sessionValue += entry.value;
-      sessionEntries.push(entry);
-      sessionAttributions = sessionAttributions.concat(sources);
-      if (!largestEntry || entry.value > largestEntry.value) {
+        sessionValue = entry.value;
+        sessionEntries = [entry];
+        sessionAttributions = sources;
         largestEntry = entry;
       }
-    }
-    maximumSessionValue = max(maximumSessionValue, sessionValue);
+      else {
+        sessionValue += entry.value;
+        sessionEntries.push(entry);
+        sessionAttributions = sessionAttributions.concat(sources);
+        if (!largestEntry || entry.value > largestEntry.value) {
+          largestEntry = entry;
+        }
+      }
+      maximumSessionValue = max(maximumSessionValue, sessionValue);
     }
   }
   function reset$2() {

data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss

@@ -169,7 +169,7 @@
   }
 }
 
-.gem-c-action-link--light-text {
+.gem-c-action-link--inverse {
   color: govuk-colour("white");
 
   .gem-c-action-link__subtext {
@@ -188,12 +188,5 @@
     &::before {
       display: none;
     }
-
-    .gem-c-action-link__link {
-      &::after {
-        display: block;
-        font-size: 12pt;
-      }
-    }
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_cards.scss

@@ -155,7 +155,6 @@
   }
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-cards__list {
     display: block;
@@ -174,23 +173,12 @@
   }
 
   .gem-c-cards__link {
-    &,
-    &:link,
-    &:link:visited {
-      color: $govuk-print-text-colour !important;
-    }
-
     &::before {
       display: none;
     }
 
     &::after {
       position: static;
-      display: block;
-      margin: 1mm auto;
-      font-size: 12pt !important;
-      color: $govuk-print-text-colour;
     }
   }
 }
-// stylelint-enable declaration-no-important

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

@@ -88,10 +88,4 @@
   .gem-c-contents-list__list-item--parent {
     list-style-type: none;
   }
-
-  .gem-c-contents-list__link {
-    &.govuk-link {
-      color: $govuk-print-text-colour;
-    }
-  }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_devolved-nations.scss

@@ -11,25 +11,17 @@
   }
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-devolved-nations {
     border: 2pt solid $govuk-print-text-colour;
     margin: 0 0 5mm;
 
     * {
-      color: $govuk-print-text-colour !important;
+      color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
     }
 
     .govuk-list li {
       margin-bottom: 2mm;
     }
-
-    .govuk-link::after {
-      display: block;
-      margin: 1mm auto;
-      font-size: 12pt;
-    }
   }
 }
-// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss

@@ -35,6 +35,13 @@
   }
 }
 
+.gem-c-document-list--equal-item-spacing {
+  .gem-c-document-list__item {
+    margin-top: govuk-spacing(3);
+    padding-top: govuk-spacing(3);
+  }
+}
+
 .gem-c-document-list__item-title--context {
   margin-right: govuk-spacing(2);
 
@@ -162,21 +169,16 @@
   }
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-document-list__item {
     break-inside: avoid;
-  }
 
-  .gem-c-document-list__item-title {
-    .govuk-link {
-      color: $govuk-print-text-colour !important;
+    * {
+      color: $govuk-print-text-colour;
     }
+  }
 
-    .govuk-link::after {
-      display: block;
-      margin: 1mm auto;
-    }
+  .gem-c-document-list__item-context {
+    display: block;
   }
 }
-// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss

@@ -355,13 +355,8 @@
   }
 
   .gem-c-image-card__title-link {
-    color: $govuk-print-text-colour !important;
-
     &::after {
-      display: block;
       position: static;
-      margin-top: 2mm;
-      font-size: 12pt !important;
     }
   }
 }

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

@@ -1,25 +1,8 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/inset-text/inset-text";
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-inset-text {
     break-inside: avoid;
   }
-
-  .gem-c-inset-text .govuk-link {
-    &,
-    &:link,
-    &:link:visited {
-      color: $govuk-print-text-colour !important;
-    }
-
-    &::after {
-      display: block;
-      margin: 1mm auto;
-      font-size: 12pt !important;
-      color: $govuk-print-text-colour;
-    }
-  }
 }
-// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_intervention.scss

@@ -22,7 +22,6 @@
   margin-bottom: -2px;
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-intervention {
     break-inside: avoid;
@@ -33,20 +32,4 @@
       margin: 0;
     }
   }
-
-  .gem-c-intervention .govuk-link {
-    &,
-    &:link,
-    &:link:visited {
-      color: $govuk-print-text-colour !important;
-    }
-
-    &::after {
-      display: block;
-      margin: 1mm auto;
-      font-size: 12pt !important;
-      color: $govuk-print-text-colour;
-    }
-  }
 }
-// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_option-select.scss

@@ -76,11 +76,10 @@
 
 .gem-c-option-select__icon {
   display: none;
-  position: absolute;
-  top: 0;
-  left: 9px;
+  flex-shrink: 0;
   width: 30px;
   height: 40px;
+  margin-inline: 10px 4px;
   fill: govuk-colour("black");
 }
 
@@ -126,8 +125,14 @@
 .govuk-frontend-supported {
   .gem-c-option-select__heading {
     position: relative;
-    padding: 10px 8px 5px 43px;
-    margin: 0;
+    margin: 0 0 govuk-spacing(1);
+  }
+
+  .gem-c-option-select__toggle {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: start;
+    align-items: center;
   }
 
   [aria-expanded="true"] ~ .gem-c-option-select__icon--up {
@@ -152,9 +157,9 @@
 }
 
 .gem-c-option-select__selected-counter {
+  margin-left: 44px;
   color: $govuk-text-colour;
-  margin-top: 3px;
-  @include govuk-font($size: 16);
+  @include govuk-font($size: 16, $line-height: 1);
 }
 
 .gem-c-option-select.js-closed {

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss

@@ -32,17 +32,5 @@
 
   .gem-c-step-nav-header__title {
     @include govuk-font(24, $weight: bold);
-
-    &,
-    &:link,
-    &:link:visited {
-      color: $govuk-print-text-colour;
-    }
-
-    &::after {
-      display: block;
-      margin: 1mm auto;
-      font-size: 12pt !important; // stylelint-disable-line declaration-no-important
-    }
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-related.scss

@@ -45,26 +45,9 @@
   margin-top: govuk-spacing(3);
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-step-nav-related {
     background: none;
     border-color: $govuk-print-text-colour;
   }
-
-  .gem-c-step-nav-related__heading,
-  .gem-c-step-nav-related__link-item {
-    .govuk-link,
-    .govuk-link:link,
-    .govuk-link:link:visited {
-      color: $govuk-print-text-colour !important;
-
-      &::after {
-        display: block;
-        margin: 1mm auto;
-        font-size: 12pt !important;
-      }
-    }
-  }
 }
-// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/lib/_print_support.scss

@@ -25,3 +25,48 @@
     }
   }
 }
+
+// Two helper classes to ensure that all printed links
+// receive consistent formatting. Most links inherit
+// styles from govuk-frontend, including the printing
+// of the href that a link contains. This makes printed
+// links more useful, but they can take up a lot of space
+// on the page in the default font size and will print
+// in blue by default. These helpers set the printed colour
+// to black, reduce the font size, and improve the layout
+// of the printed href.
+//
+// .gem-print-link
+// ----------------------------------------------------------
+// Typically this class will be applied to existing
+// elements that have the `govuk-link` class but it can
+// also be used on other link elements.
+//
+// .gem-print-links-within
+// ----------------------------------------------------------
+// A variation of the previous print style, to be used on
+// parent elements that contain links with the `govuk-link`
+// class. This is typically only required for views where
+// the `govuk-link` element is not exposed in the markup
+// of the view as it's coming from a self-contained helper.
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-print-link,
+  .gem-print-links-within .govuk-link {
+    &,
+    &:link,
+    &:visited {
+      color: $govuk-print-text-colour !important;
+    }
+
+    &::after {
+      display: block;
+      margin: 1mm auto;
+      font-size: 12pt;
+      font-weight: normal;
+      color: $govuk-print-text-colour !important;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

data/app/models/govuk_publishing_components/component_wrapper_helper_options.rb

@@ -11,6 +11,7 @@ This component uses the component wrapper helper. It accepts the following optio
 - `role` - accepts a space separated string of roles
 - `lang` - accepts a language attribute value
 - `open` - accepts an open attribute value (true or false)
+- `hidden` - accepts an empty string, 'hidden', or 'until-found'
       "
     end
   end

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

@@ -10,7 +10,7 @@
   subtext ||= false
   subtext_href ||= false
   mobile_subtext ||= false
-  light_text ||= false
+  inverse ||= false
   simple ||= false
   simple_light ||= false
   dark_icon ||= false
@@ -18,7 +18,7 @@
   light_icon ||= false
 
   css_classes = %w(gem-c-action-link)
-  css_classes << "gem-c-action-link--light-text" if light_text
+  css_classes << "gem-c-action-link--inverse" if inverse
   css_classes << "gem-c-action-link--dark-icon" if dark_icon
   css_classes << "gem-c-action-link--dark-large-icon" if dark_large_icon
   css_classes << "gem-c-action-link--light-icon" if light_icon
@@ -28,8 +28,8 @@
   css_classes << "gem-c-action-link--mobile-subtext" if mobile_subtext
   css_classes << shared_helper.get_margin_bottom
 
-  link_classes = %w(govuk-link gem-c-action-link__link)
-  link_classes << "govuk-link--inverse" if light_text
+  link_classes = %w(govuk-link gem-c-action-link__link gem-print-link)
+  link_classes << "govuk-link--inverse" if inverse
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class(css_classes.join(" "))

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

@@ -38,7 +38,7 @@
             <%= content_tag("h#{sub_heading_level}", class: "gem-c-cards__sub-heading govuk-heading-s") do %>
               <%=
                 link_to link[:text], link[:path],
-                class: "govuk-link gem-c-cards__link",
+                class: "govuk-link gem-c-cards__link gem-print-link",
                 data: link[:data_attributes]
               %>
             <% end %>

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

@@ -8,7 +8,7 @@
   brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
   title_fallback = t("components.contents_list.contents", locale: I18n.locale, fallback: false, default: "en")
   classes = %w[gem-c-contents-list]
-  link_classes = %w[gem-c-contents-list__link govuk-link]
+  link_classes = %w[gem-c-contents-list__link govuk-link gem-print-link]
   link_classes << brand_helper.color_class
   link_classes << "govuk-link--no-underline" unless underline_links
 

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

@@ -4,12 +4,16 @@
   id ||= nil
   title ||= nil
   content ||= nil
-  data_attributes ||= {}
-  data_attributes[:module] = "contextual-guidance"
   guidance_id ||= nil
+
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.set_id(id)
+  component_helper.add_class("gem-c-contextual-guidance")
+  component_helper.add_data_attribute({ module: "contextual-guidance" })
+
 %>
 
-<%= tag.div class: "gem-c-contextual-guidance", id: id, data: data_attributes do %>
+<%= tag.div(**component_helper.all_attributes) do %>
   <%= tag.div class: "govuk-grid-row" do %>
     <%= tag.div class: "govuk-grid-column-two-thirds" do %>
       <%= tag.div class: "gem-c-contextual-guidance__input-field" do %>

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

@@ -23,13 +23,21 @@
                                   class: "govuk-link",
                                 )))
   services_cookies ||= nil
-  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
+
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.set_id(id)
+  component_helper.add_class("gem-c-cookie-banner govuk-clearfix govuk-cookie-banner js-banner-wrapper")
+  component_helper.add_class("gem-c-cookie-banner--services") if services_cookies
+
+  component_helper.add_data_attribute({ module: "cookie-banner", nosnippet: "" })
+  component_helper.add_role("region")
+  component_helper.add_aria_attribute(label: title)
+  component_helper.set_hidden("hidden")
 
   disable_ga4 ||= false
 %>
 
-<div id="<%= id %>" class="<%= css_classes.join(' ') %>" data-module="cookie-banner" data-nosnippet role="region" aria-label="<%= title %>" hidden>
+<%= tag.div(**component_helper.all_attributes) do %>
   <div class="govuk-cookie-banner__message govuk-width-container">
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
@@ -100,4 +108,4 @@
         </button>
     </div>
   </div>
-</div>
+<% end %>

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

@@ -7,23 +7,27 @@
   applies_to ||= t("components.devolved_nations.applies_to")
   heading_level ||= 2
   disable_ga4 ||= false
-  data_attributes = {}
+
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.add_class("gem-c-devolved-nations")
 
   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_attributes[:ga4_set_indexes] = ""
-    data_attributes[:ga4_link] = {
-      event_name: "navigation",
-      type: "devolved nations banner",
-      section: t("components.devolved_nations.applies_to", locale: :en) + " " + devolved_nations_helper.ga4_applicable_nations_title_text,
-    }.to_json
+    component_helper.add_data_attribute({
+      ga4_devolved_nations_banner: devolved_nations_helper.ga4_applicable_nations_title_text(true),
+      module: "ga4-link-tracker",
+      ga4_track_links_only: "",
+      ga4_set_indexes: "",
+      ga4_link: {
+        event_name: "navigation",
+        type: "devolved nations banner",
+        section: t("components.devolved_nations.applies_to", locale: :en) + " " + devolved_nations_helper.ga4_applicable_nations_title_text,
+      }.to_json
+    })
   end
 %>
 
 <% if national_applicability.any? { |k,v| v[:applicable] == true } %>
-  <%= tag.section class: "gem-c-devolved-nations", data: data_attributes do %>
+  <%= tag.section(**component_helper.all_attributes) do %>
     <%= content_tag(shared_helper.get_heading_level, class: "govuk-heading-s govuk-!-margin-bottom-0") do %>
       <%= applies_to %> <%= devolved_nations_helper.applicable_nations_title_text %>
     <% end %>
@@ -31,7 +35,7 @@
     <% if devolved_nations_helper.nations_with_urls.any? %>
       <%= content_tag :ul, class: "govuk-list govuk-!-margin-top-1 govuk-!-margin-bottom-0" do -%>
         <% devolved_nations_helper.nations_with_urls.each do |k, v| %>
-          <%= content_tag(:li, link_to(devolved_nations_helper.alternative_content_text(k), v[:alternative_url], class: "govuk-link")) %>
+          <%= content_tag(:li, link_to(devolved_nations_helper.alternative_content_text(k), v[:alternative_url], class: "govuk-link gem-print-link")) %>
         <% end %>
       <% end %>
     <% end %>

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

@@ -9,6 +9,7 @@
   component_helper.add_class("gem-c-document-list")
   component_helper.add_class("gem-c-document-list--no-top-border") if local_assigns[:remove_top_border]
   component_helper.add_class("gem-c-document-list--no-top-border-first-child") if local_assigns[:remove_top_border_from_first_child]
+  component_helper.add_class("gem-c-document-list--equal-item-spacing") if local_assigns[:equal_item_spacing]
   component_helper.add_class(shared_helper.get_margin_bottom)
 
   extra_link_classes = "govuk-link--no-underline" if local_assigns[:remove_underline]
@@ -56,7 +57,7 @@
                 item[:link][:text],
                 item[:link][:path],
                 data: item[:link][:data_attributes],
-                class: "#{item_classes} govuk-link #{extra_link_classes}",
+                class: "#{item_classes} govuk-link gem-print-link #{extra_link_classes}",
                 lang: item[:link][:locale].presence,
                 rel: rel,
               )
@@ -117,7 +118,7 @@
                       part[:link][:text],
                       part[:link][:path],
                       data: part[:link][:data_attributes],
-                      class: "gem-c-document-list-child__heading gem-c-document-list-child__link #{brand_helper.color_class} govuk-link #{extra_link_classes}",
+                      class: "gem-c-document-list-child__heading gem-c-document-list-child__link #{brand_helper.color_class} govuk-link gem-print-link #{extra_link_classes}",
                     )
                   else
                     content_tag(

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

@@ -25,12 +25,14 @@
   heading_link_classes = %w[
     gem-c-image-card__title-link
     govuk-link
+    gem-print-link
   ]
   heading_link_classes << brand_helper.color_class
   heading_link_classes << "gem-c-image-card__title-link--large-font-size-mobile" if card_helper.large_mobile_font_size?
   extra_link_classes = %w[
     gem-c-image-card__list-item-link
     govuk-link
+    gem-print-link
   ]
   extra_link_classes << brand_helper.color_class
 

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

@@ -10,7 +10,7 @@
     margin_bottom: margin_bottom
   })
 
-  classes = %w[gem-c-inset-text govuk-inset-text]
+  classes = %w[gem-c-inset-text govuk-inset-text gem-print-links-within]
   classes << shared_helper.get_margin_top
   classes << shared_helper.get_margin_bottom
 %>

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

@@ -38,7 +38,7 @@
   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",
+    class: "govuk-link gem-print-link",
     href: suggestion_link_url,
     data: suggestion_data_attributes,
   }

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

@@ -18,7 +18,6 @@
     <%= csrf_meta_tags %>
     <%= favicon_link_tag "govuk_publishing_components/favicon-#{environment}.png" %>
     <%= stylesheet_link_tag css_filename, media: "all" %>
-    <%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
     <% if GovukPublishingComponents::Config.use_es6_components %>
       <%= javascript_include_tag js_module_filename, type: "module" %>
     <% end %>

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

@@ -45,9 +45,11 @@
 
 <%= tag.div(**helper.all_attributes) do %>
   <h3 class="gem-c-option-select__heading js-container-heading">
-    <span class="gem-c-option-select__title js-container-button" id="<%= title_id %>"><%= title %></span>
-    <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="gem-c-option-select__icon gem-c-option-select__icon--up" aria-hidden="true" focusable="false"><path d="m798.16 609.84l-256-256c-16.683-16.683-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0l225.84-225.84 225.84 225.84c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"/></svg>
-    <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="gem-c-option-select__icon gem-c-option-select__icon--down" aria-hidden="true" focusable="false"><path d="m225.84 414.16l256 256c16.683 16.683 43.691 16.683 60.331 0l256-256c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-225.84 225.84-225.84-225.84c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331z"/></svg>
+    <div class="gem-c-option-select__toggle js-container-toggle">
+      <span class="gem-c-option-select__title js-container-button" id="<%= title_id %>"><%= title %></span>
+      <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="gem-c-option-select__icon gem-c-option-select__icon--up" aria-hidden="true" focusable="false"><path d="m798.16 609.84l-256-256c-16.683-16.683-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0l225.84-225.84 225.84 225.84c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"/></svg>
+      <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="gem-c-option-select__icon gem-c-option-select__icon--down" aria-hidden="true" focusable="false"><path d="m225.84 414.16l256 256c16.683 16.683 43.691 16.683 60.331 0l256-256c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-225.84 225.84-225.84-225.84c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331z"/></svg>
+    </div>
   </h3>
 
   <%= content_tag(:div, class: options_container_classes, id: options_container_id, tabindex: "-1") do %>

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

@@ -35,7 +35,7 @@
     <strong class="gem-c-step-nav-header__part-of">Part of</strong>
     <% if path %>
       <a href="<%= path %>"
-        class="gem-c-step-nav-header__title govuk-link"
+        class="gem-c-step-nav-header__title govuk-link gem-print-link"
         <% unless disable_ga4 %>
           data-ga4-link='<%= ga4_data %>'
         <% end %>

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

@@ -15,7 +15,7 @@
       <span class="gem-c-step-nav-related__pretitle"><%= pretitle %></span>
       <% if links.length == 1 && !always_display_as_list %>
           <a href="<%= links[0][:href] %>"
-            class="govuk-link"
+            class="govuk-link gem-print-link"
             <% unless disable_ga4
               ga4_attributes = {
                 event_name: "navigation",
@@ -37,7 +37,7 @@
           <% links.each_with_index do |link, index| %>
             <li class="gem-c-step-nav-related__link-item">
               <a href="<%= link[:href] %>"
-                class="govuk-link"
+                class="govuk-link gem-print-link"
                 <% unless disable_ga4
                   ga4_attributes = {
                     event_name: "navigation",

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

@@ -18,11 +18,11 @@ examples:
       text: "Coronavirus (COVID-19):"
       nowrap_text: what you need to do
       href: "/page"
-  with_light_text:
+  inverse:
     data:
       text: "Coronavirus (COVID-19)"
       href: "/page"
-      light_text: true
+      inverse: true
     context:
       dark_background: true
   with_subtext:
@@ -35,7 +35,7 @@ examples:
       text: Emergency something
       href: "/page"
       subtext: This is about the emergency that is happening right now unfortunately so pay attention
-      light_text: true
+      inverse: true
     context:
       dark_background: true
   mobile_subtext:
@@ -56,7 +56,7 @@ examples:
       text: Remain calm
       subtext: Better things are ahead
       subtext_href: "/page"
-      light_text: true
+      inverse: true
     context:
       dark_background: true
   simple_arrow:
@@ -68,7 +68,7 @@ examples:
     data:
       text: Getting financial help and keeping your business safe
       href: "/financial-help"
-      light_text: true
+      inverse: true
       simple_light: true
     context:
       dark_background: true

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

@@ -6,6 +6,12 @@ body: |
 
   It is expected to be embedded inside an element that provides text styles
   (such as `.govuk-body`) so does not provide its own text styling.
+accessibility_criteria: |
+    All touch targets (e.g the attachment link) must be 24px large, or leave sufficient space (target-size). See [Understanding Success Criterion 2.5.8: Target Size (Minimum))](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html).
+
+    To achieve this, you can embed the attachment link within another element that maintains sufficient space above and below the target. For instance, you can place individual links inside a paragraph element styled with a `.govuk-body` class, or as list items in the [list component](https://components.publishing.service.gov.uk/component-guide/list).
+
+    Attachment links within paragraphs of text do not need to meet the 24 by 24 CSS pixels requirements.    
 shared_accessibility_criteria:
 - link
 examples:

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

@@ -18,11 +18,26 @@ examples:
     data:
       number: 119
       label: Open consultations
-  passing_extra_symbols:
-    description: "In some cases, we want to communicate more than just the flat numeric value eg: `400+`, `90%`, `-20`, `1M` etc. This is why we allow values to be passed as flat strings."
+  with_plus_symbol:
+    description: "In some cases, we want to communicate more than just the flat numeric value eg: `400+`. This is why we allow values to be passed as flat strings."
     data:
       number: "400+"
       label: Other agencies and public bodies
+  with_percentage_symbol:
+    description: "In some cases, we want to communicate more than just the flat numeric value eg: `90%`. This is why we allow values to be passed as flat strings."
+    data:
+      number: "90%"
+      label: is a large percentage of something
+  with_negative_symbol:
+    description: "In some cases, we want to communicate more than just the flat numeric value eg: `-20`. This is why we allow values to be passed as flat strings."
+    data:
+      number: "-20"
+      label: is a negative number
+  with_unit_symbol:
+    description: "In some cases, we want to communicate more than just the flat numeric value eg: `1M`. This is why we allow values to be passed as flat strings."
+    data:
+      number: "1M"
+      label: is a shorter way of saying one million
   with_link:
     data:
       number: 23

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

@@ -6,9 +6,11 @@ body: |
   We recommend that if using the breadcrumbs for navigation purposes, you set `collapse_on_mobile` to `true` to make things more readable for mobile users. However, you can specify `collapse_on_mobile:``false` or remove the flag completely to stop this behaviour.
 shared_accessibility_criteria:
   - link
-accessibility_criteria:
+accessibility_criteria: |
   The breadcrumb links must have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA
   (this especially applies when [using the inverse flag](/component-guide/breadcrumbs/inverse)).
+
+  Always place breadcrumbs at the top of a page, before the `<main>` element. Placing them here means that the "Skip to main content" link allows the user to skip all navigation links, including breadcrumbs.
 accessibility_excluded_rules:
   - skip-link # This component is creating a reference to #content which is part of the layout
 display_html: true

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

@@ -11,6 +11,7 @@ accessibility_criteria: |
   * be hidden by default
   * be visible when the associated input field if focused
   * stay visible until another input field with guidance is being focused
+uses_component_wrapper_helper: true
 shared_accessibility_criteria:
   - link
 examples:

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

@@ -7,6 +7,7 @@ body: |
 
   * nations that the alternative content relates to
   * a list of alternative URLs where applicable
+uses_component_wrapper: true
 shared_accessibility_criteria:
   - link
 accessibility_criteria: |
@@ -104,4 +105,4 @@ examples:
           applicable: false
           alternative_url: /
       type: detailed_guide
-      ga4_tracking: true
+      disable_ga4: true

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

@@ -244,6 +244,28 @@ examples:
         metadata:
           public_updated_at: 2017-07-19 15:01:48
           document_type: 'Statistical data set'
+  with_equal_item_spacing:
+    description: |
+      The new search UI has consistently equal spacing between items in the document list, instead
+      of the original larger bottom padding.
+    data:
+      equal_item_spacing: true
+      items:
+      - link:
+          text: 'Become an apprentice'
+          path: '/become-an-apprentice'
+          description: 'Becoming an apprentice - what to expect, apprenticeship levels, pay and training, making an application, complaining about an apprenticeship.'
+          full_size_description: true
+      - link:
+          text: 'Become a journeyman'
+          path: '/become-a-journeyman'
+          description: 'Becoming a journeyman - what to expect, what to take, pay and training, making an application, complaining about being a journeyman.'
+          full_size_description: true
+      - link:
+          text: 'Become enlightened'
+          path: '/become-enlightened'
+          description: 'Becoming enlightened - what to expect, what to take, pay and training, making an application, complaining about being enlightened.'
+          full_size_description: true
   highlighted_result:
     description: Highlight one or more of the items in the list. This is used on finders to provide a 'top result' for a search. The `highlight_text` parameter is optional.
     data:

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

@@ -16,10 +16,8 @@ accessibility_criteria: |
 examples:
   default:
     data: {}
-  apply_custom_styling_to_the_label_and_set_search_value:
+  set_search_value:
     data:
-      inline_label: false
-      label_text: "<h1>Search GOV.UK</h1>"
       value: "driving licence"
   stop_the_label_appearing_inline:
     data:

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

@@ -8,6 +8,8 @@ accessibility_criteria: |
   An earlier version of the component did not use a heading element – this failed WCAG 2.1 Success Criterion 1.3.1 ("Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.")
 
   An early version of the component contained a hidden skip link for keyboard and screen reader users, that jumped to the step by step navigation component in the sidebar (similar to the 'skip to content' link at the top of all GOV.UK pages). User testing suggested that rather than helping users it confused them, so this has been removed.
+
+  Always place the step by step navigation header at the top of a page, before the `<main>` element. Placing the component here means that the "Skip to main content" link allows the user to skip all navigation links, including the step by step navigation header.
 shared_accessibility_criteria:
   - link
 examples:

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

@@ -114,7 +114,7 @@ examples:
     description: Disables GA4 tracking on tabs as links. Tracking is enabled by default.
     data:
       as_links: true
-      ga4_tracking: true
+      disable_ga4: true
       tabs:
         - href: "/page1"
           label: "Link 1"

data/app/views/govuk_publishing_components/components/layout_for_public/_account-layout.html.erb

@@ -1,7 +1,6 @@
 <div class="govuk-width-container">
   <%= render "govuk_publishing_components/components/phase_banner", {
     phase: "beta",
-    ga4_tracking: true,
     message: sanitize(t("components.layout_for_public.account_layout.feedback.banners.phase_banner_html"))
   } unless omit_account_phase_banner %>
 

data/app/views/layouts/govuk_publishing_components/application.html.erb

@@ -41,8 +41,6 @@
     <%= stylesheet_link_tag "component_guide/application", media: "all" %>
     <%= yield :application_stylesheet %>
     <%= render_component_stylesheets %>
-
-    <%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
     <%= yield :extra_headers %>
   </head>
   <body class="gem-c-layout-for-admin govuk-template__body <%= 'hide-header-and-footer' if @preview %>">

data/lib/govuk_publishing_components/presenters/component_wrapper_helper.rb

@@ -11,6 +11,7 @@ module GovukPublishingComponents
         check_role_is_valid(@options[:role]) if @options.include?(:role)
         check_lang_is_valid(@options[:lang]) if @options.include?(:lang)
         check_open_is_valid(@options[:open]) if @options.include?(:open)
+        check_hidden_is_valid(@options[:hidden]) if @options.include?(:hidden)
       end
 
       def all_attributes
@@ -23,6 +24,7 @@ module GovukPublishingComponents
         attributes[:role] = @options[:role] unless @options[:role].blank?
         attributes[:lang] = @options[:lang] unless @options[:lang].blank?
         attributes[:open] = @options[:open] unless @options[:open].blank?
+        attributes[:hidden] = @options[:hidden] unless @options[:hidden].nil?
 
         attributes
       end
@@ -62,6 +64,11 @@ module GovukPublishingComponents
         @options[:open] = open_attribute
       end
 
+      def set_hidden(hidden_attribute)
+        check_hidden_is_valid(hidden_attribute)
+        @options[:hidden] = hidden_attribute
+      end
+
     private
 
       def check_id_is_valid(id)
@@ -130,6 +137,15 @@ module GovukPublishingComponents
         end
       end
 
+      def check_hidden_is_valid(hidden_attribute)
+        return if hidden_attribute.nil?
+
+        options = ["", "hidden", "until-found"]
+        unless options.include? hidden_attribute
+          raise(ArgumentError, "hidden attribute (#{hidden_attribute}) is not recognised")
+        end
+      end
+
       def extend_string(option, string)
         ((@options[option] ||= "") << " #{string}").strip!
       end

data/lib/govuk_publishing_components/presenters/page_with_step_by_step_navigation.rb

@@ -77,18 +77,18 @@ 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, ga4_tracking: @query_parameters[:ga4_tracking])
+            sb.merge!(small: true, heading_level: 3, tracking_id: current_step_nav.content_id, disable_ga4: @query_parameters[:disable_ga4])
           end
         end
       end
 
-      def header(ga4_tracking)
+      def header(disable_ga4)
         if show_header?
           {
             title: current_step_nav.title,
             path: current_step_nav.base_path,
             tracking_id: current_step_nav.content_id,
-            ga4_tracking:,
+            disable_ga4:,
           }
         else
           {}

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "43.5.0".freeze
+  VERSION = "44.0.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 43.5.0
+  version: 44.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-09-24 00:00:00.000000000 Z
+date: 2024-10-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -494,7 +494,6 @@ files:
 - app/assets/javascripts/govuk_publishing_components/single-consent-functions.js
 - app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-measurer.js
 - app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-reporter.js
-- app/assets/javascripts/govuk_publishing_components/vendor/modernizr.js
 - app/assets/stylesheets/component_guide/application.scss
 - app/assets/stylesheets/govuk_publishing_components/_all_components.scss
 - app/assets/stylesheets/govuk_publishing_components/_individual_component_support.scss
@@ -1952,7 +1951,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.19
+rubygems_version: 3.5.21
 signing_key: 
 specification_version: 4
 summary: A gem to document components in GOV.UK frontend applications

data/app/assets/javascripts/govuk_publishing_components/vendor/modernizr.js

@@ -1,3 +0,0 @@
-/*! modernizr 3.6.0 (Custom Build) | MIT *
- * https://modernizr.com/download/?-flexbox-flexboxtweener-history-printshiv-setclasses !*/
-!function(e,t,n){function r(e,t){return typeof e===t}function o(){var e,t,n,o,i,a,s;for(var l in E)if(E.hasOwnProperty(l)){if(e=[],t=E[l],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(o=r(t.fn,"function")?t.fn():t.fn,i=0;i<e.length;i++)a=e[i],s=a.split("."),1===s.length?Modernizr[s[0]]=o:(!Modernizr[s[0]]||Modernizr[s[0]]instanceof Boolean||(Modernizr[s[0]]=new Boolean(Modernizr[s[0]])),Modernizr[s[0]][s[1]]=o),x.push((o?"":"no-")+s.join("-"))}}function i(e){var t=C.className,n=Modernizr._config.classPrefix||"";if(b&&(t=t.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(r,"$1"+n+"js$2")}Modernizr._config.enableClasses&&(t+=" "+n+e.join(" "+n),b?C.className.baseVal=t:C.className=t)}function a(e,t){return!!~(""+e).indexOf(t)}function s(){return"function"!=typeof t.createElement?t.createElement(arguments[0]):b?t.createElementNS.call(t,"http://www.w3.org/2000/svg",arguments[0]):t.createElement.apply(t,arguments)}function l(){var e=t.body;return e||(e=s(b?"svg":"body"),e.fake=!0),e}function u(e,n,r,o){var i,a,u,f,c="modernizr",d=s("div"),p=l();if(parseInt(r,10))for(;r--;)u=s("div"),u.id=o?o[r]:c+(r+1),d.appendChild(u);return i=s("style"),i.type="text/css",i.id="s"+c,(p.fake?p:d).appendChild(i),p.appendChild(d),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(t.createTextNode(e)),d.id=c,p.fake&&(p.style.background="",p.style.overflow="hidden",f=C.style.overflow,C.style.overflow="hidden",C.appendChild(p)),a=n(d,e),p.fake?(p.parentNode.removeChild(p),C.style.overflow=f,C.offsetHeight):d.parentNode.removeChild(d),!!a}function f(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function c(t,n,r){var o;if("getComputedStyle"in e){o=getComputedStyle.call(e,t,n);var i=e.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(i){var a=i.error?"error":"log";i[a].call(i,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!n&&t.currentStyle&&t.currentStyle[r];return o}function d(t,r){var o=t.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(f(t[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var i=[];o--;)i.push("("+f(t[o])+":"+r+")");return i=i.join(" or "),u("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"==c(e,null,"position")})}return n}function p(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function m(e,t,o,i){function l(){f&&(delete _.style,delete _.modElem)}if(i=r(i,"undefined")?!1:i,!r(o,"undefined")){var u=d(e,o);if(!r(u,"undefined"))return u}for(var f,c,m,h,v,g=["modernizr","tspan","samp"];!_.style&&g.length;)f=!0,_.modElem=s(g.shift()),_.style=_.modElem.style;for(m=e.length,c=0;m>c;c++)if(h=e[c],v=_.style[h],a(h,"-")&&(h=p(h)),_.style[h]!==n){if(i||r(o,"undefined"))return l(),"pfx"==t?h:!0;try{_.style[h]=o}catch(y){}if(_.style[h]!=v)return l(),"pfx"==t?h:!0}return l(),!1}function h(e,t){return function(){return e.apply(t,arguments)}}function v(e,t,n){var o;for(var i in e)if(e[i]in t)return n===!1?e[i]:(o=t[e[i]],r(o,"function")?h(o,n||t):o);return!1}function g(e,t,n,o,i){var a=e.charAt(0).toUpperCase()+e.slice(1),s=(e+" "+N.join(a+" ")+a).split(" ");return r(t,"string")||r(t,"undefined")?m(s,t,o,i):(s=(e+" "+j.join(a+" ")+a).split(" "),v(s,t,n))}function y(e,t,r){return g(e,n,n,t,r)}var E=[],S={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){E.push({name:e,fn:t,options:n})},addAsyncTest:function(e){E.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=S,Modernizr=new Modernizr;var x=[],C=t.documentElement,b="svg"===C.nodeName.toLowerCase();b||!function(e,t){function n(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}function r(){var e=w.elements;return"string"==typeof e?e.split(" "):e}function o(e,t){var n=w.elements;"string"!=typeof n&&(n=n.join(" ")),"string"!=typeof e&&(e=e.join(" ")),w.elements=n+" "+e,u(t)}function i(e){var t=b[e[x]];return t||(t={},C++,e[x]=C,b[C]=t),t}function a(e,n,r){if(n||(n=t),v)return n.createElement(e);r||(r=i(n));var o;return o=r.cache[e]?r.cache[e].cloneNode():S.test(e)?(r.cache[e]=r.createElem(e)).cloneNode():r.createElem(e),!o.canHaveChildren||E.test(e)||o.tagUrn?o:r.frag.appendChild(o)}function s(e,n){if(e||(e=t),v)return e.createDocumentFragment();n=n||i(e);for(var o=n.frag.cloneNode(),a=0,s=r(),l=s.length;l>a;a++)o.createElement(s[a]);return o}function l(e,t){t.cache||(t.cache={},t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){return w.shivMethods?a(n,e,t):t.createElem(n)},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+r().join().replace(/[\w\-:]+/g,function(e){return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'})+");return n}")(w,t.frag)}function u(e){e||(e=t);var r=i(e);return!w.shivCSS||h||r.hasCSS||(r.hasCSS=!!n(e,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),v||l(e,r),e}function f(e){for(var t,n=e.getElementsByTagName("*"),o=n.length,i=RegExp("^(?:"+r().join("|")+")$","i"),a=[];o--;)t=n[o],i.test(t.nodeName)&&a.push(t.applyElement(c(t)));return a}function c(e){for(var t,n=e.attributes,r=n.length,o=e.ownerDocument.createElement(T+":"+e.nodeName);r--;)t=n[r],t.specified&&o.setAttribute(t.nodeName,t.nodeValue);return o.style.cssText=e.style.cssText,o}function d(e){for(var t,n=e.split("{"),o=n.length,i=RegExp("(^|[\\s,>+~])("+r().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),a="$1"+T+"\\:$2";o--;)t=n[o]=n[o].split("}"),t[t.length-1]=t[t.length-1].replace(i,a),n[o]=t.join("}");return n.join("{")}function p(e){for(var t=e.length;t--;)e[t].removeNode()}function m(e){function t(){clearTimeout(a._removeSheetTimer),r&&r.removeNode(!0),r=null}var r,o,a=i(e),s=e.namespaces,l=e.parentWindow;return!_||e.printShived?e:("undefined"==typeof s[T]&&s.add(T),l.attachEvent("onbeforeprint",function(){t();for(var i,a,s,l=e.styleSheets,u=[],c=l.length,p=Array(c);c--;)p[c]=l[c];for(;s=p.pop();)if(!s.disabled&&N.test(s.media)){try{i=s.imports,a=i.length}catch(m){a=0}for(c=0;a>c;c++)p.push(i[c]);try{u.push(s.cssText)}catch(m){}}u=d(u.reverse().join("")),o=f(e),r=n(e,u)}),l.attachEvent("onafterprint",function(){p(o),clearTimeout(a._removeSheetTimer),a._removeSheetTimer=setTimeout(t,500)}),e.printShived=!0,e)}var h,v,g="3.7.3",y=e.html5||{},E=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,S=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,x="_html5shiv",C=0,b={};!function(){try{var e=t.createElement("a");e.innerHTML="<xyz></xyz>",h="hidden"in e,v=1==e.childNodes.length||function(){t.createElement("a");var e=t.createDocumentFragment();return"undefined"==typeof e.cloneNode||"undefined"==typeof e.createDocumentFragment||"undefined"==typeof e.createElement}()}catch(n){h=!0,v=!0}}();var w={elements:y.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:g,shivCSS:y.shivCSS!==!1,supportsUnknownElements:v,shivMethods:y.shivMethods!==!1,type:"default",shivDocument:u,createElement:a,createDocumentFragment:s,addElements:o};e.html5=w,u(t);var N=/^$|\b(?:all|print)\b/,T="html5shiv",_=!v&&function(){var n=t.documentElement;return!("undefined"==typeof t.namespaces||"undefined"==typeof t.parentWindow||"undefined"==typeof n.applyElement||"undefined"==typeof n.removeNode||"undefined"==typeof e.attachEvent)}();w.type+=" print",w.shivPrint=m,m(t),"object"==typeof module&&module.exports&&(module.exports=w)}("undefined"!=typeof e?e:this,t),Modernizr.addTest("history",function(){var t=navigator.userAgent;return-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone")||"file:"===location.protocol?e.history&&"pushState"in e.history:!1});var w="Moz O ms Webkit",N=S._config.usePrefixes?w.split(" "):[];S._cssomPrefixes=N;var T={elem:s("modernizr")};Modernizr._q.push(function(){delete T.elem});var _={style:T.elem.style};Modernizr._q.unshift(function(){delete _.style});var j=S._config.usePrefixes?w.toLowerCase().split(" "):[];S._domPrefixes=j,S.testAllProps=g,S.testAllProps=y,Modernizr.addTest("flexbox",y("flexBasis","1px",!0)),Modernizr.addTest("flexboxtweener",y("flexAlign","end",!0)),o(),i(x),delete S.addTest,delete S.addAsyncTest;for(var P=0;P<Modernizr._q.length;P++)Modernizr._q[P]();e.Modernizr=Modernizr}(window,document);