govuk_publishing_components 65.2.2 → 66.0.1

data/node_modules/choices.js/public/assets/scripts/choices.search-prefix.mjs

@@ -1,4 +1,4 @@
-/*! choices.js v11.2.1 | © 2026 Josh Johnson | https://github.com/Choices-js/Choices#readme */
+/*! choices.js v11.2.2 | © 2026 Josh Johnson | https://github.com/Choices-js/Choices#readme */
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -558,14 +558,40 @@ var Input = /** @class */ (function () {
         return this;
     };
     /**
-     * Set the correct input width based on placeholder
-     * value or input value
+     * Set the correct input width based on placeholder value or input value.
+     * Renders text into a hidden off-screen span that inherits the input's
+     * CSS classes and measures its pixel width, then converts to `ch` units.
+     * This correctly handles CJK, Hangul, fullwidth forms, emoji, and any
+     * font — no hard-coded code-point ranges required.
      */
     Input.prototype.setWidth = function () {
-        // Resize input to contents or placeholder
         var element = this.element;
-        element.style.minWidth = "".concat(element.placeholder.length + 1, "ch");
-        element.style.width = "".concat(element.value.length + 1, "ch");
+        var value = element.value, placeholder = element.placeholder;
+        var minWidth = 0;
+        var width = 0;
+        if (value || placeholder) {
+            var e = document.createElement('span');
+            e.style.position = 'absolute';
+            e.style.visibility = 'hidden';
+            e.style.whiteSpace = 'pre';
+            e.style.height = 'auto';
+            e.style.width = 'auto';
+            e.style.minWidth = '1ch';
+            addClassesToElement(e, Array.from(element.classList));
+            element.after(e);
+            var chInPx = parseFloat(getComputedStyle(e).width);
+            if (placeholder) {
+                e.innerText = placeholder;
+                minWidth = parseFloat(getComputedStyle(e).width) / chInPx;
+            }
+            if (value) {
+                e.innerText = value;
+                width = parseFloat(getComputedStyle(e).width) / chInPx;
+            }
+            e.remove();
+        }
+        element.style.minWidth = "".concat(Math.ceil(minWidth) + 1, "ch");
+        element.style.width = "".concat(Math.ceil(width) + 1, "ch");
     };
     Input.prototype.setActiveDescendant = function (activeDescendantID) {
         this.element.setAttribute('aria-activedescendant', activeDescendantID);
@@ -574,9 +600,7 @@ var Input = /** @class */ (function () {
         this.element.removeAttribute('aria-activedescendant');
     };
     Input.prototype._onInput = function () {
-        if (this.type !== PassedElementTypes.SelectOne) {
-            this.setWidth();
-        }
+        this.setWidth();
     };
     Input.prototype._onPaste = function (event) {
         if (this.preventPaste) {
@@ -2035,8 +2059,8 @@ var Choices = /** @class */ (function () {
             _this.passedElement.triggerEvent(EventType.showDropdown);
             var activeElement = _this.choiceList.element.querySelector(getClassNamesSelector(_this.config.classNames.selectedState));
             if (activeElement !== null && !isScrolledIntoView(activeElement, _this.choiceList.element)) {
-                // We use the native scrollIntoView function instead of choiceList.scrollToChildElement to avoid animated scroll.
-                activeElement.scrollIntoView();
+                // scrollIntoView can cause entire page scrolling, scrollToChildElement causes undesired animation
+                _this.choiceList.element.scrollTop = activeElement.offsetTop;
             }
         });
         return this;
@@ -2206,8 +2230,8 @@ var Choices = /** @class */ (function () {
             if (!Array.isArray(fetcher_1)) {
                 throw new TypeError(".setChoices first argument function must return either array of choices or Promise, got: ".concat(typeof fetcher_1));
             }
-            // recursion with results, it's sync and choices were cleared already
-            return this.setChoices(fetcher_1, value, label, false);
+            // eslint-disable-next-line no-param-reassign
+            choicesArrayOrFetcher = fetcher_1;
         }
         if (!Array.isArray(choicesArrayOrFetcher)) {
             throw new TypeError(".setChoices must be called either with array of choices with a function resulting into Promise of array of choices");
@@ -2245,6 +2269,10 @@ var Choices = /** @class */ (function () {
             });
             _this.unhighlightAll();
         });
+        // ensure any notice is displayed as expected when the dropdown is open
+        if (this.dropdown.isActive && this._canAddUserChoices) {
+            this._canCreateItem(this.input.value);
+        }
         // @todo integrate with Store
         this._searcher.reset();
         return this;
@@ -2797,7 +2825,7 @@ var Choices = /** @class */ (function () {
         if (!config.singleModeForMultiSelect && maxItemCount > 0 && maxItemCount <= this._store.items.length) {
             this.choiceList.element.replaceChildren('');
             this._notice = undefined;
-            this._displayNotice(typeof maxItemText === 'function' ? maxItemText(maxItemCount) : maxItemText, NoticeTypes.addChoice);
+            this._displayNotice(typeof maxItemText === 'function' ? maxItemText(maxItemCount) : maxItemText, NoticeTypes.addChoice, false);
             return false;
         }
         if (this._notice && this._notice.type === NoticeTypes.addChoice) {
@@ -3636,7 +3664,7 @@ var Choices = /** @class */ (function () {
             throw new TypeError("".concat(caller, " called for an element which has multiple instances of Choices initialised on it"));
         }
     };
-    Choices.version = '11.2.1';
+    Choices.version = '11.2.2';
     return Choices;
 }());
 

data/node_modules/choices.js/public/types/src/scripts/components/input.d.ts

@@ -24,8 +24,11 @@ export default class Input {
     blur(): void;
     clear(setWidth?: boolean): this;
     /**
-     * Set the correct input width based on placeholder
-     * value or input value
+     * Set the correct input width based on placeholder value or input value.
+     * Renders text into a hidden off-screen span that inherits the input's
+     * CSS classes and measures its pixel width, then converts to `ch` units.
+     * This correctly handles CJK, Hangul, fullwidth forms, emoji, and any
+     * font — no hard-coded code-point ranges required.
      */
     setWidth(): void;
     setActiveDescendant(activeDescendantID: string): void;

data/node_modules/choices.js/src/scripts/choices.ts

@@ -527,8 +527,8 @@ class Choices {
       );
 
       if (activeElement !== null && !isScrolledIntoView(activeElement, this.choiceList.element)) {
-        // We use the native scrollIntoView function instead of choiceList.scrollToChildElement to avoid animated scroll.
-        activeElement.scrollIntoView();
+        // scrollIntoView can cause entire page scrolling, scrollToChildElement causes undesired animation
+        this.choiceList.element.scrollTop = activeElement.offsetTop;
       }
     });
 
@@ -725,8 +725,8 @@ class Choices {
         );
       }
 
-      // recursion with results, it's sync and choices were cleared already
-      return this.setChoices(fetcher, value, label, false);
+      // eslint-disable-next-line no-param-reassign
+      choicesArrayOrFetcher = fetcher;
     }
 
     if (!Array.isArray(choicesArrayOrFetcher)) {
@@ -778,6 +778,10 @@ class Choices {
 
       this.unhighlightAll();
     });
+    // ensure any notice is displayed as expected when the dropdown is open
+    if (this.dropdown.isActive && this._canAddUserChoices) {
+      this._canCreateItem(this.input.value);
+    }
 
     // @todo integrate with Store
     this._searcher.reset();
@@ -1416,6 +1420,7 @@ class Choices {
       this._displayNotice(
         typeof maxItemText === 'function' ? maxItemText(maxItemCount) : maxItemText,
         NoticeTypes.addChoice,
+        false,
       );
 
       return false;

data/node_modules/choices.js/src/scripts/components/input.ts

@@ -1,5 +1,6 @@
 import { ClassNames } from '../interfaces/class-names';
-import { PassedElementType, PassedElementTypes } from '../interfaces/passed-element-type';
+import { PassedElementType } from '../interfaces/passed-element-type';
+import { addClassesToElement } from '../lib/utils';
 
 export default class Input {
   element: HTMLInputElement;
@@ -106,14 +107,45 @@ export default class Input {
   }
 
   /**
-   * Set the correct input width based on placeholder
-   * value or input value
+   * Set the correct input width based on placeholder value or input value.
+   * Renders text into a hidden off-screen span that inherits the input's
+   * CSS classes and measures its pixel width, then converts to `ch` units.
+   * This correctly handles CJK, Hangul, fullwidth forms, emoji, and any
+   * font — no hard-coded code-point ranges required.
    */
   setWidth(): void {
-    // Resize input to contents or placeholder
     const { element } = this;
-    element.style.minWidth = `${element.placeholder.length + 1}ch`;
-    element.style.width = `${element.value.length + 1}ch`;
+    const { value, placeholder } = element;
+    let minWidth = 0;
+    let width = 0;
+
+    if (value || placeholder) {
+      const e = document.createElement('span');
+      e.style.position = 'absolute';
+      e.style.visibility = 'hidden';
+      e.style.whiteSpace = 'pre';
+      e.style.height = 'auto';
+      e.style.width = 'auto';
+      e.style.minWidth = '1ch';
+      addClassesToElement(e, Array.from(element.classList));
+      element.after(e);
+      const chInPx = parseFloat(getComputedStyle(e).width);
+
+      if (placeholder) {
+        e.innerText = placeholder;
+        minWidth = parseFloat(getComputedStyle(e).width) / chInPx;
+      }
+
+      if (value) {
+        e.innerText = value;
+        width = parseFloat(getComputedStyle(e).width) / chInPx;
+      }
+
+      e.remove();
+    }
+
+    element.style.minWidth = `${Math.ceil(minWidth) + 1}ch`;
+    element.style.width = `${Math.ceil(width) + 1}ch`;
   }
 
   setActiveDescendant(activeDescendantID: string): void {
@@ -125,9 +157,7 @@ export default class Input {
   }
 
   _onInput(): void {
-    if (this.type !== PassedElementTypes.SelectOne) {
-      this.setWidth();
-    }
+    this.setWidth();
   }
 
   _onPaste(event: ClipboardEvent): void {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 65.2.2
+  version: 66.0.1
 platform: ruby
 authors:
 - GOV.UK Dev
@@ -520,6 +520,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/components/tabs.js
 - app/assets/javascripts/govuk_publishing_components/dependencies.js
 - app/assets/javascripts/govuk_publishing_components/domain-config.js
+- app/assets/javascripts/govuk_publishing_components/initialise-vars.js
 - app/assets/javascripts/govuk_publishing_components/lib.js
 - app/assets/javascripts/govuk_publishing_components/lib/cookie-functions.js
 - app/assets/javascripts/govuk_publishing_components/lib/cookie-settings.js
@@ -2116,7 +2117,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '3.2'
+      version: 3.3.1
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="