govuk_publishing_components 43.0.1 → 43.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4ee692ce9fb25200d425b34aa5f0637ca4d0632fdbcf46d3b3ae3483662d1d29
-  data.tar.gz: 517faafdb589e9cc379af61414487579107050a3e3d01545956c0913202da2b8
+  metadata.gz: 807aea002b544e9db46864e26c47fe8c43b073ac466ce0c318526df6d30cad86
+  data.tar.gz: a38681875e7616755c30d4a0fe311157d58504fe90235207bdb0965e1376d401
 SHA512:
-  metadata.gz: 621e5b66172186ca65e58aedfb29f6271f65ea7f888b7b2aa85f20e3c385b6528bec15168df542d40cd260d8d2453651ad7d595b8e9974baaac69e2c5ecaeffd
-  data.tar.gz: 267b3aa8d271d5a84c6b529c476f61122c43e9161c89245086ef7e170a9c0fd50805af45305639d7b8360e38765cdf63454468e6f465cce2a99dbf4869053698
+  metadata.gz: 89784fa1851bee65bf7df62a94de10b874e1fd87ba6fc97246a82c7874a6e05d64164bc7e66762e3431fccc930e1688b7fec26a85c53d0b94c5bc94651b8cc58
+  data.tar.gz: 45b90baa9e36e7c25737f71a3780fc216557f1dcbb7f8e574cc9d2dcefb1cc8e67dc43670a25c3804f8f98f93d679c36a61f56437ddac264de4ea89bc28048ca

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

@@ -60,6 +60,21 @@
     }
     return "";
   }
+  /**
+  * Returns the delivery type for the current document. To differentiate between the valid empty
+  * string value and browsers that don't support PerformanceResourceTiming.deliveryType, we convert
+  * the empty string value to "(empty string)". Browsers that don't support deliveryType will return
+  * null. Despite straying from the spec, this allows us to differentiate between the two cases.
+  *
+  * @see https://w3c.github.io/resource-timing/#dom-performanceresourcetiming-deliverytype
+  */
+  function deliveryType() {
+    var navEntry = getNavigationEntry();
+    if ("deliveryType" in navEntry) {
+      return navEntry.deliveryType || "(empty string)";
+    }
+    return undefined;
+  }
   function getNavigationEntry() {
     var navEntries = getEntriesByType("navigation");
     if (navEntries.length) {
@@ -321,7 +336,7 @@
     return str;
   }
 
-  var VERSION = "4.0.25";
+  var VERSION = "4.0.26";
   /**
   * Returns the version of the script as a float to be stored in legacy systems that do not support
   * string versions.
@@ -666,25 +681,25 @@
         startTime: processTimeMetric(entry.startTime),
         elementSelector: getNodeSelector(source.node),
         elementType: source.node.nodeName,
-      }); })
+    }); })
     : [];
     if (sessionEntries.length &&
       (entry.startTime - latestEntry.startTime >= 1000 ||
         entry.startTime - firstEntry.startTime >= 5000)) {
-        sessionValue = entry.value;
-        sessionEntries = [entry];
-        sessionAttributions = sources;
+      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) {
         largestEntry = entry;
       }
-      else {
-        sessionValue += entry.value;
-        sessionEntries.push(entry);
-        sessionAttributions = sessionAttributions.concat(sources);
-        if (!largestEntry || entry.value > largestEntry.value) {
-          largestEntry = entry;
-        }
-      }
-      maximumSessionValue = max(maximumSessionValue, sessionValue);
+    }
+    maximumSessionValue = max(maximumSessionValue, sessionValue);
     }
   }
   function reset$2() {
@@ -1946,7 +1961,7 @@
       ].join("");
     }
     function getCustomerId() {
-      return LUX.customerid || "";
+      return String(_thisCustomerId) || "";
     }
     function avgDomDepth() {
       var aElems = document.getElementsByTagName("*");
@@ -2184,6 +2199,12 @@
       var baseUrl = _getBeaconUrl(getAllCustomData());
       var is = inlineTagSize("script");
       var ic = inlineTagSize("style");
+      var ds = docSize();
+      var ct = connectionType();
+      var dt = deliveryType();
+      // Note some page stat values (the `PS` query string) are non-numeric. To make extracting these
+      // values easier, we append an underscore "_" to the value. Values this is used for include
+      // connection type (ct) and delivery type (dt).
       var metricsQueryString =
       // only send Nav Timing and lux.js metrics on initial pageload (not for SPA page views)
       (gbNavSent ? "" : "&NT=" + getNavTiming()) +
@@ -2216,8 +2237,9 @@
       docHeight(document) +
       "dw" +
       docWidth(document) +
-      (docSize() ? "ds" + docSize() : "") + // document HTTP transfer size (bytes)
-      (connectionType() ? "ct" + connectionType() + "_" : "") + // delimit with "_" since values can be non-numeric so need a way to extract with regex in VCL
+      (ds ? "ds" + ds : "") + // document HTTP transfer size (bytes)
+      (ct ? "ct" + ct + "_" : "") + // connection type
+      (typeof dt !== "undefined" ? "dt" + dt + "_" : "") + // delivery type
       "er" +
       nErrors +
       "nt" +

data/app/assets/stylesheets/component_guide/application.scss

@@ -139,7 +139,7 @@ $gem-guide-border-width: 1px;
 
   @include govuk-media-query($media-type: print) {
     &[class*="-background"] {
-      background-color: unset;
+      background: none;
     }
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_cross-service-header.scss

@@ -443,7 +443,7 @@ $govuk-header-link-underline-thickness: 3px;
   }
 
   .gem-c-one-login-header {
-    background-color: initial;
+    background: none;
     border-bottom: 2pt solid $govuk-print-text-colour;
 
     * {
@@ -456,6 +456,8 @@ $govuk-header-link-underline-thickness: 3px;
   }
 
   .gem-c-service-header {
+    background: none;
+
     .govuk-width-container {
       margin: 0;
     }

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

@@ -26,7 +26,7 @@
 @include govuk-media-query($media-type: print) {
   .gem-c-intervention {
     break-inside: avoid;
-    background-color: transparent;
+    background: none;
     border-color: $govuk-print-text-colour;
 
     .govuk-body {

data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss

@@ -30,7 +30,9 @@
 
 @include govuk-media-query($media-type: print) {
   .gem-c-inverse-header {
-    background-color: unset;
+    background: none;
+    padding-left: 0;
+    padding-right: 0;
     border-bottom: 2pt solid $govuk-print-text-colour;
 
     &,

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss

@@ -21,10 +21,39 @@
   margin-bottom: 20px;
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
+  .govuk-footer {
+    background: none;
+    margin: 25mm 0 0;
+    padding: 5mm 0 0;
+    border-top: 2pt solid $govuk-print-text-colour;
+
+    .govuk-width-container {
+      margin: 0;
+    }
+  }
+
+  .govuk-footer__meta,
+  .govuk-footer__meta-item {
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+
+  .govuk-footer__licence-description {
+    padding-right: 10mm;
+  }
+
+  .govuk-footer__copyright-logo {
+    min-width: auto;
+    padding-top: 13mm;
+    background-size: 15mm;
+    background-position: center top;
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
+
   .gem-c-layout-footer {
-    font-size: 12pt !important;
+    font-size: 10pt !important; // stylelint-disable-line declaration-no-important
   }
 }
-// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss

@@ -148,8 +148,6 @@
 }
 
 .gem-c-layout-header__search-form {
-  display: none;
-
   &.js-visible {
     display: block;
   }
@@ -185,7 +183,7 @@
     .gem-c-header__product-name,
     .gem-c-environment-tag {
       color: $govuk-print-text-colour;
-      background-color: unset;
+      background: none;
     }
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -989,7 +989,7 @@ $after-button-padding-left: govuk-spacing(4);
     border-top: 0;
     border-bottom: 2pt solid $govuk-print-text-colour;
     margin: 0 0 5mm;
-    background-color: transparent;
+    background: none;
 
     &:has(.gem-c-layout-super-navigation-header__header-logo .govuk-visually-hidden) {
       border: 0;

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

@@ -100,7 +100,7 @@
   .gem-c-metadata {
     break-inside: avoid;
     color: $govuk-print-text-colour !important;
-    background-color: unset;
+    background: none;
     margin-bottom: 5mm;
 
     a,

data/app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss

@@ -32,7 +32,7 @@
   .gem-c-phase-banner {
     &,
     & * {
-      background-color: unset !important;
+      background: none !important;
       color: $govuk-print-text-colour !important;
     }
 

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

@@ -22,7 +22,7 @@
 @include govuk-media-query($media-type: print) {
   .gem-c-step-nav-header {
     padding: 0 0 govuk-spacing(4) 0;
-    background: unset;
+    background: none;
     border-color: $govuk-print-text-colour;
   }
 

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

@@ -48,7 +48,7 @@
 // stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-step-nav-related {
-    background: unset;
+    background: none;
     border-color: $govuk-print-text-colour;
   }
 

data/app/assets/stylesheets/govuk_publishing_components/components/_success-alert.scss

@@ -9,7 +9,7 @@
 @include govuk-media-query($media-type: print) {
   .gem-c-success-alert {
     break-inside: avoid;
-    background-color: initial;
+    background: none;
     border-color: $govuk-print-text-colour;
 
     * {

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

@@ -133,7 +133,7 @@ $table-row-even-background-colour: govuk-colour("light-grey");
 
     * {
       color: $govuk-print-text-colour !important;
-      background-color: initial !important;
+      background: none !important;
     }
 
     .govuk-table__header,

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

@@ -28,7 +28,7 @@
   }
 
   .govuk-warning-text__icon {
-    background-color: transparent;
+    background: none;
     color: $govuk-print-text-colour;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss

@@ -32,7 +32,7 @@
 
       &,
       & * {
-        background-color: unset;
+        background: none;
         color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
       }
 

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss

@@ -44,15 +44,13 @@ $highlight-answer-color: govuk-colour("white");
       }
     }
 
-    // stylelint-disable declaration-no-important
     @include govuk-media-query($media-type: print) {
-      background-color: unset;
+      background: none;
 
       &,
       & * {
-        color: $govuk-print-text-colour !important;
+        color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
       }
     }
-    // stylelint-enable declaration-no-important
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/govuk_frontend_support.scss

@@ -8,6 +8,10 @@
 @import "components/mixins/govuk-template-link-focus-override";
 @import "components/mixins/css3";
 
+$govuk-suppressed-warnings: (
+  organisation-colours
+);
+
 $gem-secondary-button-colour: #00823b;
 $gem-secondary-button-hover-colour: darken($gem-secondary-button-colour, 5%);
 $gem-secondary-button-background-colour: govuk-colour("white");

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

@@ -63,7 +63,7 @@
         <% end %>
       </div>
 
-      <hr class="govuk-footer__section-break">
+      <hr class="govuk-footer__section-break govuk-!-display-none-print">
     <% end %>
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">

data/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb

@@ -1,9 +1,12 @@
-<% navigation_aria_label ||= "Top level" %>
+<%
+  navigation_aria_label ||= "Top level"
+  navigation_id = "navigation-#{SecureRandom.hex(4)}"
+%>
 
 <% if navigation_items.any? %>
   <%= tag.nav class: "gem-c-header__nav govuk-header__navigation govuk-header__navigation--end", aria: { label: navigation_aria_label } do %>
     <button
-      aria-controls="navigation"
+      aria-controls="<%= navigation_id %>"
       aria-label="Show or hide Top Level Navigation"
       class="govuk-header__menu-button govuk-js-header-toggle gem-c-header__menu-button govuk-!-display-none-print"
       type="button"
@@ -12,7 +15,7 @@
     >
       <%= t("components.layout_header.menu") %>
     </button>
-    <ul id="navigation" class="govuk-header__navigation-list govuk-!-display-none-print">
+    <ul id="<%= navigation_id %>" class="govuk-header__navigation-list govuk-!-display-none-print">
       <% navigation_items.each_with_index do |item, index| %>
         <%
           li_classes = %w(govuk-header__navigation-item)

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

@@ -1,16 +1,21 @@
+<%
+  search_form_id = "search-#{SecureRandom.hex(4)}"
+%>
+
 <button
-  class="search-toggle js-header-toggle"
+  class="search-toggle govuk-js-header-toggle"
   data-search-toggle-for="search"
   data-button-name="search"
   data-show-text="<%= t("components.layout_header.show_button") %>"
   data-hide-text="<%= t("components.layout_header.hide_button") %>"
+  aria-controls="<%= search_form_id %>"
 >
   <%= t("components.layout_header.show_button") %>
 </button>
 <form
   action="/search"
   class="gem-c-layout-header__search-form govuk-clearfix govuk-!-display-none-print"
-  id="search"
+  id="<%= search_form_id %>"
   method="get"
   role="search"
 >

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "43.0.1".freeze
+  VERSION = "43.0.2".freeze
 end

data/node_modules/sortablejs/README.md

@@ -739,8 +739,9 @@ Mounts a plugin to Sortable.
 * clone(el`:HTMLElement`)`:HTMLElement` — create a deep copy of the set of matched elements
 * toggleClass(el`:HTMLElement`, name`:String`, state`:Boolean`) — add or remove one classes from each element
 * detectDirection(el`:HTMLElement`)`:String` — automatically detect the [direction](https://github.com/SortableJS/Sortable/wiki/Swap-Thresholds-and-Direction#direction) of the element as either `'vertical'` or `'horizontal'`
-
-
+* index(el`:HTMLElement`, selector`:String`)`:Number` — index of the element within its parent for a selected set of elements
+* getChild(el`:HTMLElement`, childNum`:Number`, options`:Object`, includeDragEl`:Boolean`):`HTMLElement` — get the draggable element at a given index of draggable elements within a Sortable instance
+* expando`:String` — expando property name for internal use, sortableListElement[expando] returns the Sortable instance of that elemenet
 ---
 
 

data/node_modules/sortablejs/Sortable.js

@@ -1,5 +1,5 @@
 /**!
- * Sortable 1.15.2
+ * Sortable 1.15.3
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
@@ -134,7 +134,7 @@
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  var version = "1.15.2";
+  var version = "1.15.3";
 
   function userAgent(pattern) {
     if (typeof window !== 'undefined' && window.navigator) {
@@ -1467,7 +1467,7 @@
             }
             target = parent; // store last element
           }
-          /* jshint boss:true */ while (parent = parent.parentNode);
+          /* jshint boss:true */ while (parent = getParentOrHost(parent));
         }
         _unhideGhostForTarget();
       }
@@ -2373,7 +2373,8 @@
     nextTick: _nextTick,
     cancelNextTick: _cancelNextTick,
     detectDirection: _detectDirection,
-    getChild: getChild
+    getChild: getChild,
+    expando: expando
   };
 
   /**