@cagovweb/state-template 6.3.1 → 6.3.2

package/dist/js/cagov.core.js

@@ -1,7 +1,7 @@
-var StateTemplateNpmPackageVersion="6.3.1";
+var StateTemplateNpmPackageVersion="6.3.2";
 /*!
-  * Bootstrap v5.3.0 (https://getbootstrap.com/)
-  * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Bootstrap v5.3.3 (https://getbootstrap.com/)
+  * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 (function (global, factory) {
@@ -210,7 +210,6 @@ var StateTemplateNpmPackageVersion="6.3.1";
   const reflow = element => {
     element.offsetHeight; // eslint-disable-line no-unused-expressions
   };
-
   const getjQuery = () => {
     if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
       return window.jQuery;
@@ -648,7 +647,7 @@ var StateTemplateNpmPackageVersion="6.3.1";
    * Constants
    */
 
-  const VERSION = '5.3.0';
+  const VERSION = '5.3.3';
 
   /**
    * Class definition
@@ -731,7 +730,7 @@ var StateTemplateNpmPackageVersion="6.3.1";
       }
       selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null;
     }
-    return parseSelector(selector);
+    return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null;
   };
   const SelectorEngine = {
     find(selector, element = document.documentElement) {
@@ -3916,7 +3915,6 @@ var StateTemplateNpmPackageVersion="6.3.1";
     // if false, we use the backdrop helper without adding any element to the dom
     rootElement: 'body' // give the choice to place backdrop under different elements
   };
-
   const DefaultType$8 = {
     className: 'string',
     clickCallback: '(function|null)',
@@ -4041,7 +4039,6 @@ var StateTemplateNpmPackageVersion="6.3.1";
     autofocus: true,
     trapElement: null // The element to trap focus inside of
   };
-
   const DefaultType$7 = {
     autofocus: 'boolean',
     trapElement: 'element'
@@ -4768,7 +4765,10 @@ var StateTemplateNpmPackageVersion="6.3.1";
     br: [],
     col: [],
     code: [],
+    dd: [],
     div: [],
+    dl: [],
+    dt: [],
     em: [],
     hr: [],
     h1: [],
@@ -5858,13 +5858,15 @@ var StateTemplateNpmPackageVersion="6.3.1";
   const ARROW_RIGHT_KEY = 'ArrowRight';
   const ARROW_UP_KEY = 'ArrowUp';
   const ARROW_DOWN_KEY = 'ArrowDown';
+  const HOME_KEY = 'Home';
+  const END_KEY = 'End';
   const CLASS_NAME_ACTIVE = 'active';
   const CLASS_NAME_FADE$1 = 'fade';
   const CLASS_NAME_SHOW$1 = 'show';
   const CLASS_DROPDOWN = 'dropdown';
   const SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
   const SELECTOR_DROPDOWN_MENU = '.dropdown-menu';
-  const NOT_SELECTOR_DROPDOWN_TOGGLE = ':not(.dropdown-toggle)';
+  const NOT_SELECTOR_DROPDOWN_TOGGLE = `:not(${SELECTOR_DROPDOWN_TOGGLE})`;
   const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
   const SELECTOR_OUTER = '.nav-item, .list-group-item';
   const SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role="tab"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`;
@@ -5964,13 +5966,19 @@ var StateTemplateNpmPackageVersion="6.3.1";
       this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE$1));
     }
     _keydown(event) {
-      if (![ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY].includes(event.key)) {
+      if (![ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY, HOME_KEY, END_KEY].includes(event.key)) {
         return;
       }
       event.stopPropagation(); // stopPropagation/preventDefault both added to support up/down keys without scrolling the page
       event.preventDefault();
-      const isNext = [ARROW_RIGHT_KEY, ARROW_DOWN_KEY].includes(event.key);
-      const nextActiveElement = getNextActiveElement(this._getChildren().filter(element => !isDisabled(element)), event.target, isNext, true);
+      const children = this._getChildren().filter(element => !isDisabled(element));
+      let nextActiveElement;
+      if ([HOME_KEY, END_KEY].includes(event.key)) {
+        nextActiveElement = children[event.key === HOME_KEY ? 0 : children.length - 1];
+      } else {
+        const isNext = [ARROW_RIGHT_KEY, ARROW_DOWN_KEY].includes(event.key);
+        nextActiveElement = getNextActiveElement(children, event.target, isNext, true);
+      }
       if (nextActiveElement) {
         nextActiveElement.focus({
           preventScroll: true
@@ -7972,12 +7980,12 @@ document.addEventListener("DOMContentLoaded", () => {
 
     item.updateCounter = () => {
       item.counterCount += item.counterStep;
-      item.innerText = Math.ceil(item.counterCount).toString();
+      item.innerText = Math.ceil(item.counterCount).toLocaleString();
 
       if (item.counterCount < item.counterTarget) {
         window.setTimeout(item.updateCounter, item.counterSpeed);
       } else {
-        item.innerText = item.counterTarget.toString();
+        item.innerText = item.counterTarget.toLocaleString();
       }
     };
   });
@@ -8176,6 +8184,8 @@ window.addEventListener("load", () => {
 
   // DESKTOP Side nav
   const moveSideNavToMainContent = () => {
+    if (sidenavigation === mainContentSideNavCont) return; //Prevents an error if sidenav is not set up correctly
+
     mainContentSideNavCont?.append(sidenavigation);
     sidenavigation.removeAttribute("aria-hidden");
     allSidenavLinks?.forEach(el => {
@@ -8661,7 +8671,8 @@ window.addEventListener("load", () => {
   /** @type {HTMLButtonElement} */
   const navToggleBtn = document.querySelector(".toggle-menu");
   if (!navToggleBtn) return;
-
+  /** @type {HTMLElement} */
+  const mainNav = document.querySelector(".main-navigation");
   // create container for drawer mobile nav items
   const mobileItemsCont = document.createElement("div");
   mobileItemsCont.className = "nav-drawer";
@@ -8682,9 +8693,6 @@ window.addEventListener("load", () => {
   navMobileMenuToggleBtn.append(...navCloseBtnSpans);
   mobileItemsCont.append(navMobileMenuToggleBtn);
 
-  /** @type {HTMLElement} */
-  const mainNav = document.querySelector(".main-navigation");
-
   // VARIABLES
   /** @type {HTMLDivElement} */
   const navSearchCont = document.querySelector(".navigation-search");
@@ -8842,16 +8850,34 @@ window.addEventListener("load", () => {
   navMobileMenuToggleBtn.addEventListener("click", closeMenu);
 
   const mobileCheck = () => {
-    NavReset();
+    const searchInput = document.querySelector(".search-textfield");
 
-    // desktop
-    if (isDesktopWidth()) {
-      getAllFirstLevelNavLinks().forEach(el => el.removeAttribute("tabindex"));
-    }
-    // mobile
-    else {
-      getAllFirstLevelNavLinks().forEach(el => (el.tabIndex = -1));
-      closeMenu();
+    // Add a focus event listener to add the class on focus
+    searchInput.addEventListener("focus", () => {
+      searchInput.classList.add("is-in-focus");
+    });
+
+    // Add a blur event listener to remove the class on blur
+    searchInput.addEventListener("blur", () => {
+      // Remove the class after a delay
+      setTimeout(() => {
+        searchInput.classList.remove("is-in-focus");
+      }, 500);
+    });
+
+    if (!searchInput.classList.contains("is-in-focus")) {
+      NavReset();
+      // desktop
+      if (isDesktopWidth()) {
+        getAllFirstLevelNavLinks().forEach(el =>
+          el.removeAttribute("tabindex")
+        );
+      }
+      // mobile
+      else {
+        getAllFirstLevelNavLinks().forEach(el => (el.tabIndex = -1));
+        closeMenu();
+      }
     }
   };