govuk_publishing_components 64.1.1 → 64.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6ce0c3f4602a7fc50dd1f1f38a9d177c256c320842afd37f83260571361c8aef
-  data.tar.gz: 851ec585153e68a005871ad0a242130d0e8df04e10902c888750f51186a63410
+  metadata.gz: b76aa67410518b26c0c6d78c41091e672f6e365fc88b9da459cceb52839edcbb
+  data.tar.gz: 4ce5beffe1d098ae456534a6bb82e414092b645e96b0b342f75700c6b237a635
 SHA512:
-  metadata.gz: 994f0af2defdd9971a6c22b14e039e9afc801ef18d704527287fc6d355ba1a2d9ea2c898fd1a067992e7a6f289529c8844e4822f8e855b69cfbcdad204dd4ea7
-  data.tar.gz: b9b4edbc35f12d6373aca1df522393529da9124a65eb64b8598c120963815be5f405b29dede59ea5a9277123c1d1632e2753ecc9d9b727bcb0a62e5932cc9b3b
+  metadata.gz: e7212d1dd0e31d1a87adf5463afb9b57b0751a398adabf47357f93586499ac70b2009c6032b9a4c356f9e07f63c9ef7d968041bcabc01d784a708d7703df704d
+  data.tar.gz: e3793bc2726f8e95f930dabcaf0a0cd8bd8e3bf14077c105b757878986fce456a74a9e1cc492488ad7f5be0bd3bc14cd5f9bed9cc54e260e763ef2a820168764

data/app/assets/javascripts/govuk_publishing_components/components/modal-dialogue.js

@@ -49,7 +49,6 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
     this.$html.classList.add('gem-o-template--modal')
     this.$body.classList.add('gem-o-template__body--modal')
-    this.$body.classList.add('gem-o-template__body--blur')
     this.$focusedElementBeforeOpen = document.activeElement
     this.$module.style.display = 'block'
     this.$dialogBox.focus()
@@ -64,7 +63,6 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
     this.$html.classList.remove('gem-o-template--modal')
     this.$body.classList.remove('gem-o-template__body--modal')
-    this.$body.classList.remove('gem-o-template__body--blur')
     this.$module.style.display = 'none'
     this.$focusedElementBeforeOpen.focus()
 

data/app/assets/javascripts/govuk_publishing_components/components/select-with-search.js

@@ -13,6 +13,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {}
       return
     }
 
+    const blankOptionText = 'Select none'
     const placeholderOption = this.module.querySelector(
       'option[value=""]:first-child'
     )
@@ -42,6 +43,21 @@ window.GOVUK.Modules = window.GOVUK.Modules || {}
           const inner = this.containerInner.element
           const input = this.input.element
           inner.prepend(input)
+        } else {
+          // Update text for blank option in the hidden select
+          const selectElement = this.passedElement.element
+          if (selectElement.id.search('blank') > 0) {
+            selectElement.firstChild.innerText = blankOptionText
+          }
+          // Update text for blank option in the choices dropdown
+          // choices.js 'lastChild' in this context is the listbox of choices:
+          const listbox = this.dropdown.element.lastChild
+          // choices.js 'firstChild' in this context is the first option.
+          // This always displays "Select One" for selects with a blank option:
+          var blankOption = listbox.firstChild
+          if (blankOption && blankOption.id.search('blank') > 0) {
+            blankOption.innerText = blankOptionText
+          }
         }
         // Add aria-labelledby to the listbox as well as the combobox
         const listbox = this.itemList.element
@@ -54,6 +70,23 @@ window.GOVUK.Modules = window.GOVUK.Modules || {}
       }
     })
 
+    // Reset blank 'Select One' to 'Select None' on each change
+    // This is because choices.js rebuilds the widget on each
+    // change event and resets the text. We can't use the preferred
+    // refresh method as this loses the current state of the dropdown.
+    const selectElement = this.choices.passedElement.element
+    const listbox = this.choices.dropdown.element.lastChild
+    selectElement.addEventListener(
+      'change',
+      function (event) {
+        var blankOption = listbox.firstChild
+        if (blankOption && blankOption.id.search('blank') > 0) {
+          blankOption.innerText = blankOptionText
+        }
+      },
+      false
+    )
+
     this.module.choices = this.choices
   }
 

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

@@ -286,7 +286,9 @@
     return sinceNavigationStart;
   }
 
-  var version = "4.4.2";
+  var version = "4.4.3";
+  var pkg = {
+    version: version};
 
   function padStart(str, length$1, char) {
     while (str[length] < length$1) {
@@ -295,7 +297,8 @@
     return str;
   }
 
-  var VERSION = version;
+  var pkgVersion = pkg.version;
+  var VERSION = pkgVersion;
   /**
   * Returns the version of the script as a float to be stored in legacy systems that do not support
   * string versions.
@@ -458,7 +461,7 @@
           emit("beacon", payload);
         }
       }
-      catch (e) {
+      catch (_b) {
         // Intentionally empty; handled below
       }
       if (!this.isSent) {
@@ -636,7 +639,7 @@
         return currentSelector;
       }
     }
-    catch (error) {
+    catch (_a) {
       // Do nothing.
     }
     return selector;
@@ -1461,7 +1464,7 @@
         // Seeing "Permission denied" errors, so do a simple try-catch.
         bCancelable = evt.cancelable;
       }
-      catch (e) {
+      catch (_a) {
         // bail - no need to return anything
         logger.logEvent(52 /* LogEvent.InputEventPermissionError */);
         return;
@@ -2053,7 +2056,7 @@
         try {
           size += e.innerHTML[length];
         }
-        catch (e) {
+        catch (_a) {
           // It seems like IE throws an error when accessing the innerHTML property
           logger.logEvent(53 /* LogEvent.InnerHtmlAccessError */);
           return -1;
@@ -2359,7 +2362,7 @@
           curtop += el.offsetTop;
           el = el.offsetParent;
         }
-        catch (e) {
+        catch (_a) {
           // If we get an exception, just return the current values.
           return [curleft, curtop];
         }
@@ -2681,7 +2684,7 @@
             target = e.target;
           }
         }
-        catch (e) {
+        catch (_a) {
           logger.logEvent(54 /* LogEvent.EventTargetAccessError */);
         }
         if (target) {
@@ -2827,7 +2830,7 @@
           }
         }
       }
-      catch (e) {
+      catch (_a) {
         logger.logEvent(55 /* LogEvent.CookieReadError */);
       }
       return undefined;
@@ -2842,7 +2845,7 @@
         (globalConfig.cookieDomain ? "; domain=" + globalConfig.cookieDomain : "") +
         "; path=/; SameSite=Lax";
       }
-      catch (e) {
+      catch (_a) {
         logger.logEvent(56 /* LogEvent.CookieSetError */);
       }
     }
@@ -2994,9 +2997,9 @@
     */
     function _runCommand(_a) {
       var fn = _a[0], args = _a.slice(1);
-      if (typeof globalLux[fn] === "function") {
-        // eslint-disable-next-line @typescript-eslint/ban-types
-        globalLux[fn].apply(globalLux, args);
+      var method = globalLux[fn];
+      if (typeof method === "function") {
+        method.apply(globalLux, args);
       }
     }
     // Process the command queue

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

@@ -4,6 +4,10 @@
   // needs to be this specific to override govuk-heading
   .gem-c-heading__text {
     margin: 0;
+    // improve visual layout of headings
+    // set balance as a fallback for firefox, pretty for other browsers
+    text-wrap: balance;
+    text-wrap: pretty;
   }
 }
 

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

@@ -13,7 +13,7 @@
   @include govuk-text-colour;
 
   @include govuk-media-query($until: tablet) {
-    flex-direction: row-reverse;
+    flex-direction: column-reverse;
     gap: govuk-spacing(3);
   }
 }
@@ -142,7 +142,7 @@
     border-top: none;
   }
 
-  @include govuk-media-query($until: "mobile") {
+  @include govuk-media-query($until: mobile) {
     flex-direction: column-reverse;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss

@@ -71,10 +71,9 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
   left: 0;
   width: 100%;
   height: 100%;
-  opacity: .8;
-  background: govuk-colour("black");
   pointer-events: none;
   touch-action: none;
+  backdrop-filter: blur(2px) brightness(0.4);
 }
 
 .gem-o-template--modal {
@@ -87,17 +86,6 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
   overflow: hidden;
 }
 
-.gem-o-template__body--blur {
-  .govuk-skip-link,
-  .govuk-header,
-  .govuk-phase-banner,
-  .govuk-width-container .govuk-back-link,
-  .govuk-footer,
-  .govuk-main-wrapper {
-    filter: blur(2px);
-  }
-}
-
 .gem-c-modal-dialogue__header {
   padding: 9px govuk-spacing(3) 10px;
   color: govuk-colour("white");

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

@@ -1,12 +1,12 @@
-<%
-  cb_helper = GovukPublishingComponents::Presenters::CheckboxesHelper.new(local_assigns)
-  id = cb_helper.id
-  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
-  component_helper.set_id(id)
-  component_helper.add_class(cb_helper.css_classes.join(" ")) # cb_helper.css_classes generates "gem-c-checkboxes"
-  component_helper.add_data_attribute({ module: "gem-checkboxes govuk-checkboxes" })
-%>
+<% cb_helper = GovukPublishingComponents::Presenters::CheckboxesHelper.new(local_assigns) %>
 <% if cb_helper.items.any? %>
+  <%
+    id = cb_helper.id
+    component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+    component_helper.set_id(id)
+    component_helper.add_class(cb_helper.css_classes.join(" ")) # cb_helper.css_classes generates "gem-c-checkboxes"
+    component_helper.add_data_attribute({ module: "gem-checkboxes govuk-checkboxes" })
+  %>
   <%= tag.div(**component_helper.all_attributes) do %>
     <% if cb_helper.should_have_fieldset %>
       <% if cb_helper.heading_markup %>

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

@@ -30,7 +30,7 @@ examples:
 
       This option is not tied to the `heading_level` option in order to give flexibility.
     data:
-      text: 'One big heading'
+      text: 'One big heading containing a number of words'
       font_size: "xl"
   right_to_left:
     data:

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "64.1.1".freeze
+  VERSION = "64.1.2".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 64.1.1
+  version: 64.1.2
 platform: ruby
 authors:
 - GOV.UK Dev
@@ -2115,7 +2115,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.6
+rubygems_version: 4.0.7
 specification_version: 4
 summary: A gem to document components in GOV.UK frontend applications
 test_files: []