govuk_publishing_components 45.4.1 → 45.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 91a9b3470d53c814d4fec823d2fd87bd8a6ab7127bc3f53b62b3ca2d51411b96
-  data.tar.gz: e45e589a4686dfd477d8681d3389b8d1f365496d30462b5f1ffec307eecdf0f4
+  metadata.gz: e4609ce45817837b00359ee2799de40d7c65d25f0e3980db4af6f2da14cae010
+  data.tar.gz: 0b38ffa5529b9cf6ecc95ecc25fc9bb2c2929c5a036c37baace13931a919e04a
 SHA512:
-  metadata.gz: dc8a324574146f0965d92f38f5ff419f8543601f6d47e79ba001578111ba6e8002e19300c73bf799aac8d54f6d19e187baa187966f4c4a0921f5facdcc66847e
-  data.tar.gz: 2013bf52ff4204da2669c8c920b6d50a12aaac9e25bc8c99f94f187f65c566713ec22bcea250103fe04c68bd70d7cea5db36b701f823a42f2307eb2f3ac97518
+  metadata.gz: ee5ecdc7c7a3bd7ef8630d383f71a646e164956e3959ca7a44df145116a7a626a6e622682a149bc24a14cce8092e8a0120ff8c53c050ceb056f403459b87e334
+  data.tar.gz: d715613daa240e57363b618cf5bcc19b30160b03fd776b3185519a3afe05e671dfb3565d0699b97bbfb156b59dd683cc90bfc1d06c425c703094078fae6e6858

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

@@ -259,7 +259,7 @@
     PostBeaconCancelled: 85,
     PostBeaconStopRecording: 86,
     PostBeaconMetricRejected: 87,
-    PostBeaconDisabled: 88,
+    // PostBeaconDisabled: 88, // Not used
     PostBeaconSendFailed: 89,
     PostBeaconCSPViolation: 90,
   };
@@ -336,7 +336,7 @@
     return str;
   }
 
-  var VERSION = "4.0.27";
+  var VERSION = "4.0.28";
   /**
   * Returns the version of the script as a float to be stored in legacy systems that do not support
   * string versions.
@@ -360,7 +360,10 @@
   * was prerendered or restored from BF cache
   */
   function shouldReportValue(value) {
-    return value > 0 || getPageRestoreTime() || wasPrerendered();
+    if (getPageRestoreTime() || wasPrerendered()) {
+      return value >= 0;
+    }
+    return value > 0;
   }
   /**
   * Fit an array of user timing delimited strings into a URL and return both the entries that fit and
@@ -457,10 +460,6 @@
     };
     Beacon.prototype.send = function () {
       this.logger.logEvent(LogEvent.PostBeaconSendCalled);
-      if (!this.config.enablePostBeacon) {
-        this.logger.logEvent(LogEvent.PostBeaconDisabled);
-        return;
-      }
       for (var _i = 0, _a = this.onBeforeSendCbs; _i < _a.length; _i++) {
         var cb = _a[_i];
         cb();
@@ -531,7 +530,6 @@
       conversions: getProperty(obj, "conversions"),
       cookieDomain: getProperty(obj, "cookieDomain"),
       customerid: getProperty(obj, "customerid"),
-      enablePostBeacon: getProperty(obj, "enablePostBeacon", true),
       errorBeaconUrl: getProperty(obj, "errorBeaconUrl", luxOrigin + "/error/"),
       interactionBeaconDelay: getProperty(obj, "interactionBeaconDelay", 200),
       jspagelabel: getProperty(obj, "jspagelabel"),
@@ -743,6 +741,9 @@
   function processEntry$1(entry) {
     if (entry.interactionId || (entry.entryType === "first-input" && !entryExists(entry))) {
       var duration = entry.duration, startTime = entry.startTime, interactionId = entry.interactionId, name_1 = entry.name, processingStart = entry.processingStart, processingEnd = entry.processingEnd, target = entry.target;
+      if (duration < 0) {
+        return;
+      }
       var processingTime = processingEnd - processingStart;
       var existingEntry = slowestEntriesMap[interactionId];
       var selector = target ? getNodeSelector(target) : null;
@@ -858,14 +859,14 @@
         };
       }
     }
-    var value = processTimeMetric(lcpEntry.startTime);
+    var value = lcpEntry.startTime;
     if (!shouldReportValue(value)) {
       // It's possible the LCP entry we have occurred before the current page was initialised. In
       // this case, we don't want to report the LCP value.
       return undefined;
     }
     return {
-      value: value,
+      value: processTimeMetric(value),
       subParts: subParts,
       attribution: lcpEntry.element
       ? {

data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss

@@ -128,25 +128,12 @@ $column-width: 9.5em;
 
 .gem-c-share-links--square-icons {
   .gem-c-share-links__link-icon {
-    background-color: govuk-colour("dark-blue");
-    color: govuk-colour("white");
+    background-color: govuk-colour("light-grey");
+    color: govuk-colour("black");
     padding: govuk-spacing(2);
   }
 
-  .gem-c-share-links__link:hover {
-    .gem-c-share-links__link-icon {
-      background-color: govuk-colour("black");
-    }
-  }
-
-  .gem-c-share-links__link:focus {
-    .gem-c-share-links__link-icon {
-      background-color: govuk-colour("black");
-    }
-  }
-
   .gem-c-share-links__label {
-    color: govuk-colour("black");
     @include govuk-font(19, $weight: bold);
   }
 }

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

@@ -19,6 +19,8 @@
   link ||= false
   height ||= 400
   padding ||= false
+  point_size ||= 10
+  y_axis_auto_adjust ||= false
 
   chart_id = "chart-id-#{SecureRandom.hex(4)}"
   table_id = "table-id-#{SecureRandom.hex(4)}"
@@ -39,12 +41,13 @@
   font_19 = { color: '#000', fontName: 'GDS Transport', fontSize: '19', italic: false }
   legend = 'none'
   legend = { position: 'top', textStyle: font_16 } unless hide_legend
-  pointSize = 10
-  pointSize = 0 if minimal
+  point_size = 0 if minimal
   enableInteractivity = true
   enableInteractivity = false if minimal
   textPosition = nil
   textPosition = 'none' if minimal
+  y_axis_view_window_min = 0
+  y_axis_view_window_min = "auto" if y_axis_auto_adjust
 
   if !minimal && !chart_heading
     raise ArgumentError, "A chart heading must be provided for accessibility purposes."
@@ -56,22 +59,23 @@
     curveType: 'none',
     enableInteractivity: enableInteractivity,
     legend: legend,
-    pointSize: pointSize,
+    pointSize: point_size,
     height: height,
     tooltip: { isHtml: true },
     hAxis: {
       textStyle: font_16,
-      format: 'd MMM Y', # https://developers.google.com/chart/interactive/docs/reference#dateformatter
       title: h_axis_title,
       titleTextStyle: font_19,
       textPosition: textPosition,
     },
     vAxis: {
-      format: '#,###,###',
       textStyle: font_16,
       title: v_axis_title,
       titleTextStyle: font_19,
       textPosition: textPosition,
+      viewWindow: {
+        min: y_axis_view_window_min
+      }
     },
   }
 

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

@@ -6,7 +6,7 @@ body: |
   The chart relies upon chartkick and renders using JavaScript, so the table is provided as a fallback for a lack of JavaScript,
   an accessible view on the data for screenreaders, and a simple view of the raw data for all users.
 
-  The `chart_overview` option can be used to provide an explanation for screen reader users of what the graph shows.
+  The `chart_overview` option can be used to provide an explanation for screen reader users of what the chart shows.
 accessibility_criteria: |
   Charts must:
 
@@ -137,6 +137,80 @@ examples:
             - 118
             - 85
             - 80
+  with_a_different_point_size:
+    description: For some charts it may be better to reduce the point size so that the line is clearer. However it is recommended that the point size is larger to make it easier for users to move the mouse over them.
+    data:
+      chart_heading: Page views chart
+      h_axis_title: Day
+      v_axis_title: Views
+      chart_overview: This chart shows page views for January 2015.
+      point_size: 0
+      keys:
+        - "2015-01-01"
+        - "2015-01-02"
+        - "2015-01-03"
+        - "2015-01-04"
+        - "2015-01-05"
+        - "2015-01-06"
+        - "2015-01-07"
+        - "2015-01-08"
+        - "2015-01-09"
+        - "2015-01-10"
+      rows:
+        - label: January 2015
+          values:
+            - 600
+            - 690
+            - 740
+            - 820
+            - 570
+            - 950
+            - 810
+            - 610
+            - 770
+            - 530
+  scale_y_axis_based_on_data:
+    description: |
+      By default the Y-axis will always start at zero, but this may not always be required.
+
+      If there are empty items in the data the chart line will either discontinue or leave a gap, as shown.
+    data:
+      chart_heading: Page views chart
+      h_axis_title: Day
+      v_axis_title: Views
+      chart_overview: This chart shows page views for January 2015.
+      hide_legend: true
+      y_axis_auto_adjust: true
+      keys:
+        - "2015-01-01"
+        - "2015-01-02"
+        - "2015-01-03"
+        - "2015-01-04"
+        - "2015-01-05"
+        - "2015-01-06"
+        - "2015-01-07"
+        - "2015-01-08"
+        - "2015-01-09"
+        - "2015-01-10"
+        - "2015-01-11"
+        - "2015-01-12"
+        - "2015-01-13"
+      rows:
+        - label: January 2015
+          values:
+            - 1500
+            - 1190
+            - 1740
+            - 1820
+            - 1270
+            -
+            -
+            - 1450
+            - 1110
+            - 1210
+            - 1670
+            - 1430
+            - 1352
   with_a_different_heading_level:
     description: Use a different heading level for the chart heading. It defaults to a H2.
     data:

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "45.4.1".freeze
+  VERSION = "45.5.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 45.4.1
+  version: 45.5.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-15 00:00:00.000000000 Z
+date: 2024-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: chartkick