@cagovweb/state-template 6.5.2 → 6.5.3

package/dist/js/cagov.core.js

@@ -1,7 +1,7 @@
-var StateTemplateNpmPackageVersion="6.5.2";
+var StateTemplateNpmPackageVersion="6.5.3";
 /*!
-  * Bootstrap v5.3.3 (https://getbootstrap.com/)
-  * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Bootstrap v5.3.8 (https://getbootstrap.com/)
+  * Copyright 2011-2025 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 (function (global, factory) {
@@ -205,7 +205,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
    * @param {HTMLElement} element
    * @return void
    *
-   * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
+   * @see https://www.harrytheo.com/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
    */
   const reflow = element => {
     element.offsetHeight; // eslint-disable-line no-unused-expressions
@@ -250,7 +250,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
     });
   };
   const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => {
-    return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue;
+    return typeof possibleCallback === 'function' ? possibleCallback.call(...args) : defaultValue;
   };
   const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {
     if (!waitForTransition) {
@@ -572,7 +572,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
       const bsKeys = Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig'));
       for (const key of bsKeys) {
         let pureKey = key.replace(/^bs/, '');
-        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
+        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1);
         attributes[pureKey] = normalizeData(element.dataset[key]);
       }
       return attributes;
@@ -647,7 +647,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
    * Constants
    */
 
-  const VERSION = '5.3.3';
+  const VERSION = '5.3.8';
 
   /**
    * Class definition
@@ -673,6 +673,8 @@ var StateTemplateNpmPackageVersion="6.5.2";
         this[propertyName] = null;
       }
     }
+
+    // Private
     _queueCallback(callback, element, isAnimated = true) {
       executeAfterTransition(callback, element, isAnimated);
     }
@@ -1604,11 +1606,11 @@ var StateTemplateNpmPackageVersion="6.5.2";
       this._element.style[dimension] = '';
       this._queueCallback(complete, this._element, true);
     }
+
+    // Private
     _isShown(element = this._element) {
       return element.classList.contains(CLASS_NAME_SHOW$7);
     }
-
-    // Private
     _configAfterMerge(config) {
       config.toggle = Boolean(config.toggle); // Coerce string values
       config.parent = getElement(config.parent);
@@ -2666,7 +2668,6 @@ var StateTemplateNpmPackageVersion="6.5.2";
     var popperOffsets = computeOffsets({
       reference: referenceClientRect,
       element: popperRect,
-      strategy: 'absolute',
       placement: placement
     });
     var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
@@ -2994,7 +2995,6 @@ var StateTemplateNpmPackageVersion="6.5.2";
     state.modifiersData[name] = computeOffsets({
       reference: state.rects.reference,
       element: state.rects.popper,
-      strategy: 'absolute',
       placement: state.placement
     });
   } // eslint-disable-next-line import/no-unused-modules
@@ -3701,7 +3701,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
     }
     _createPopper() {
       if (typeof Popper === 'undefined') {
-        throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)');
+        throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org/docs/v2/)');
       }
       let referenceElement = this._element;
       if (this._config.reference === 'parent') {
@@ -3780,7 +3780,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
       }
       return {
         ...defaultBsPopperConfig,
-        ...execute(this._config.popperConfig, [defaultBsPopperConfig])
+        ...execute(this._config.popperConfig, [undefined, defaultBsPopperConfig])
       };
     }
     _selectMenuItem({
@@ -4802,7 +4802,6 @@ var StateTemplateNpmPackageVersion="6.5.2";
    *
    * Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38
    */
-  // eslint-disable-next-line unicorn/better-regex
   const SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;
   const allowedAttribute = (attribute, allowedAttributeList) => {
     const attributeName = attribute.nodeName.toLowerCase();
@@ -4967,7 +4966,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
       return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg;
     }
     _resolvePossibleFunction(arg) {
-      return execute(arg, [this]);
+      return execute(arg, [undefined, this]);
     }
     _putElementInTemplate(element, templateElement) {
       if (this._config.html) {
@@ -5066,7 +5065,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
   class Tooltip extends BaseComponent {
     constructor(element, config) {
       if (typeof Popper === 'undefined') {
-        throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)');
+        throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org/docs/v2/)');
       }
       super(element, config);
 
@@ -5112,7 +5111,6 @@ var StateTemplateNpmPackageVersion="6.5.2";
       if (!this._isEnabled) {
         return;
       }
-      this._activeTrigger.click = !this._activeTrigger.click;
       if (this._isShown()) {
         this._leave();
         return;
@@ -5300,7 +5298,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
       return offset;
     }
     _resolvePossibleFunction(arg) {
-      return execute(arg, [this._element]);
+      return execute(arg, [this._element, this._element]);
     }
     _getPopperConfig(attachment) {
       const defaultBsPopperConfig = {
@@ -5338,7 +5336,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
       };
       return {
         ...defaultBsPopperConfig,
-        ...execute(this._config.popperConfig, [defaultBsPopperConfig])
+        ...execute(this._config.popperConfig, [undefined, defaultBsPopperConfig])
       };
     }
     _setListeners() {
@@ -5347,6 +5345,7 @@ var StateTemplateNpmPackageVersion="6.5.2";
         if (trigger === 'click') {
           EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, event => {
             const context = this._initializeOnDelegatedTarget(event);
+            context._activeTrigger[TRIGGER_CLICK] = !(context._isShown() && context._activeTrigger[TRIGGER_CLICK]);
             context.toggle();
           });
         } else if (trigger !== TRIGGER_MANUAL) {
@@ -6212,7 +6211,6 @@ var StateTemplateNpmPackageVersion="6.5.2";
     }
 
     // Private
-
     _maybeScheduleHide() {
       if (!this._config.autohide) {
         return;
@@ -6880,12 +6878,15 @@ window.addEventListener("load", () => {
  * License MIT: https://github.com/nico3333fr/van11y-accessible-accordion-aria/blob/master/LICENSE
  */
 (() => {
-  const isDesktopWidth = () => window.innerWidth > 991; //Maximum px for mobile width
+  const isDesktopWidth = () =>
+    getComputedStyle(document.documentElement)
+      .getPropertyValue("--is-mobile")
+      .trim() === "0";
 
   /**
-   * @param {Object} obj
-   * @param {String} key
-   * @param {String | Number} value
+   * @param {object} obj
+   * @param {string} key
+   * @param {string | number} value
    */
   const _defineProperty = (obj, key, value) => {
     if (key in obj) {
@@ -6905,8 +6906,8 @@ window.addEventListener("load", () => {
     const CACHE = {};
 
     /**
-     * @param {String | Number} id
-     * @param {Object} config
+     * @param {string | number} id
+     * @param {object} config
      */
     const set = (id, config) => {
       CACHE[id] = config;
@@ -6914,7 +6915,7 @@ window.addEventListener("load", () => {
 
     /**
      *
-     * @param {String | Number} id
+     * @param {string | number} id
      */
     const get = id => {
       return CACHE[id];
@@ -6922,7 +6923,7 @@ window.addEventListener("load", () => {
 
     /**
      *
-     * @param {String | Number} id
+     * @param {string | number} id
      */
     const remove = id => {
       return CACHE[id];
@@ -6939,10 +6940,11 @@ window.addEventListener("load", () => {
 
   const pluginConfig = loadConfig();
 
-  /** Find an element based on an Id
-   * @param  {String} id Id to find
-   * @param  {String} hash hash id (not mandatory)
-   * @return {Element | null} the element with the specified id
+  /**
+   * Find an element based on an Id
+   * @param  {string} id Id to find
+   * @param  {string} hash hash id (not mandatory)
+   * @returns {Element | null} the element with the specified id
    */
   const findById = (id, hash) =>
     document.querySelector(`#${id}[${DATA_HASH_ID}="${hash}"]`);
@@ -6957,10 +6959,11 @@ window.addEventListener("load", () => {
     });
   };
 
-  /** search if element is or is contained in another element with attribute data-nav-id
+  /**
+   * search if element is or is contained in another element with attribute data-nav-id
    * @param  {Element | null} el element (node)
-   * @param  {String} hashId the attribute data-hashtooltip-id
-   * @return {String | null} the value of attribute data-hashtooltip-id
+   * @param  {string} hashId the attribute data-hashtooltip-id
+   * @returns {string | null} the value of attribute data-hashtooltip-id
    */
   const searchParentHashId = (el, hashId) => {
     let parentElement = el;
@@ -6976,8 +6979,8 @@ window.addEventListener("load", () => {
 
   /**
    * @param {Element | null} el
-   * @param {String} parentClass
-   * @param {String} hashId
+   * @param {string} parentClass
+   * @param {string} hashId
    */
   const searchParent = (el, parentClass, hashId) => {
     let parentElement = el;
@@ -6994,16 +6997,6 @@ window.addEventListener("load", () => {
     return "";
   };
 
-  const mobileView = () => {
-    const mobileElement = document.querySelector(
-      ".global-header .mobile-controls"
-    );
-
-    return mobileElement
-      ? getComputedStyle(mobileElement)["display"] !== "none"
-      : false;
-  };
-
   /**
    * @param  {...any} pluginArgs
    */
@@ -7101,7 +7094,7 @@ window.addEventListener("load", () => {
         // Init attributes accordion
         accordion_node.setAttribute(
           CONFIG.ATTR_MULTISELECTABLE,
-          mobileView() ? "true" : "false"
+          !isDesktopWidth() ? "true" : "false"
         );
 
         accordion_node.setAttribute(DATA_HASH_ID, HASH_ID);
@@ -7306,7 +7299,7 @@ window.addEventListener("load", () => {
                       );
                   }
 
-                  if (!mobileView()) {
+                  if (isDesktopWidth()) {
                     accordionAllHeaders.forEach(header_node => {
                       //Close all the other panels
 
@@ -7452,7 +7445,7 @@ window.addEventListener("load", () => {
         const toggleSubNav = document.createElement("div");
         toggleSubNav.classList.add("rotate");
         toggleSubNav.ariaHidden = "true";
-        toggleSubNav.style.display = mobileView() ? "block" : "none";
+        toggleSubNav.style.display = isDesktopWidth() ? "none" : "block";
 
         el.appendChild(toggleSubNav);
         el.appendChild(carrot);
@@ -7493,6 +7486,11 @@ window.addEventListener("load", () => {
 ----------------------------------------- */
 
 window.addEventListener("load", () => {
+  const isDesktopWidth = () =>
+    getComputedStyle(document.documentElement)
+      .getPropertyValue("--is-mobile")
+      .trim() === "0";
+
   const setSearchContainerAriaHidden = () => {
     if (searchContainer) {
       if (featuredsearch) {
@@ -7508,18 +7506,6 @@ window.addEventListener("load", () => {
     }
   };
 
-  const mobileControlVisible = () => {
-    const mobileElement = document.querySelector(
-      ".global-header .mobile-controls"
-    );
-
-    if (mobileElement) {
-      return getComputedStyle(mobileElement)["display"] !== "none";
-    } else {
-      return false; // or whatever is supposed to be returned when there is no header
-    }
-  };
-
   const removeSearchResults = () => {
     document.body.classList.remove("active-search");
     if (searchText) searchText.value = "";
@@ -7548,7 +7534,7 @@ window.addEventListener("load", () => {
 
     //        document.dispatchEvent('cagov.searchresults.hide'); // ???
 
-    if (mobileControlVisible()) setSearchContainerAriaHidden();
+    if (!isDesktopWidth()) setSearchContainerAriaHidden();
   };
 
   /** @type {HTMLInputElement | null} */
@@ -7632,7 +7618,7 @@ window.addEventListener("load", () => {
     if (!searchbox) return;
 
     // calulation search box top position
-    if (!mobileControlVisible()) {
+    if (isDesktopWidth()) {
       searchbox.style.top = `${Math.max(getSearchTop(), 55)}px`;
     }
   };
@@ -8653,11 +8639,12 @@ cagov-pagination .cagov-pagination__item:has(.cagov-pagination__link-inactive) {
 //@ts-check
 
 window.addEventListener("load", () => {
-  const isDesktopWidth = () => window.innerWidth > 991; //Maximum px for mobile width
-
   /** @type {HTMLButtonElement} */
   const navToggleBtn = document.querySelector(".toggle-menu");
   if (!navToggleBtn) return;
+  /** @type {HTMLDivElement} */
+  const navSearchCont = document.querySelector(".navigation-search");
+  if (!navSearchCont) return;
   /** @type {HTMLElement} */
   const mainNav = document.querySelector(".main-navigation");
   // create container for drawer mobile nav items
@@ -8681,16 +8668,6 @@ window.addEventListener("load", () => {
   navMobileMenuToggleBtn.append(...navCloseBtnSpans);
   mobileItemsCont.append(navMobileMenuToggleBtn);
 
-  // VARIABLES
-  /** @type {HTMLDivElement} */
-  const navSearchCont = document.querySelector(".navigation-search");
-  if (!navSearchCont) return;
-
-  const mobileCntls = document.querySelector(".global-header .mobile-controls");
-  const mobileControlsDisplay = mobileCntls
-    ? window.getComputedStyle(mobileCntls).display
-    : "";
-
   //Used for hiding/showing main elements
   const mainElements = document.querySelectorAll(
     ".main-content, footer, .site-footer, .utility-header, .branding"
@@ -8698,6 +8675,11 @@ window.addEventListener("load", () => {
 
   const regularHeader = document.querySelector("header");
 
+  // Begin Function Definitions
+  const isDesktopWidth = () =>
+    getComputedStyle(document.documentElement)
+      .getPropertyValue("--is-mobile")
+      .trim() === "0";
   // reset navigation function
   const NavReset = () => {
     //RESET
@@ -8741,63 +8723,26 @@ window.addEventListener("load", () => {
       )
     );
 
-  // Escape key event listener
-  document.addEventListener("keydown", e => {
-    if (navSearchCont.classList.contains("visible")) {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        closeMenu();
-      }
-    }
-  });
-
-  const checkIfMobileView = () => {
-    const mobileElement = document.querySelector(
-      ".global-header .mobile-controls"
-    );
-    return mobileElement
-      ? getComputedStyle(mobileElement)["display"] !== "none"
-      : false;
-  };
-
-  // Close menu on focusout (tabbing out) event (if target is outside of mobile menu and ignore if focus target is navToggleBtn button)
-  navSearchCont.addEventListener("focusout", e => {
-    if (checkIfMobileView()) {
-      const child = /** @type {Node} **/ (e.relatedTarget);
-      const parent = /** @type {Node} **/ (e.currentTarget);
-
-      if (child && !parent.contains(child)) {
-        closeMenu();
-      }
-    }
-  });
-
   // Button click open menu function
   const openMenu = () => {
     navSearchCont.classList.add("visible");
     navSearchCont.classList.remove("not-visible");
     document.body.classList.add("overflow-hidden");
     navToggleBtn.ariaExpanded = "true";
-    setOpen();
-    // Hide all the website areas (add aria-hidden)
-    mainElements.forEach(x => (x.ariaHidden = "true"));
-
-    regularHeader?.classList.add("nav-overlay");
-    navMobileMenuToggleBtn.focus();
-  };
-
-  const setOpen = () => {
     navMobileMenuToggleBtn.ariaExpanded = "true";
     navSearchCont.ariaHidden = null;
     // make links focusable
     getAllNavLinks().forEach(el => el.removeAttribute("tabindex"));
     // desktop
-    if (
-      mobileControlsDisplay !== "block" &&
-      navToggleBtn.ariaExpanded !== "false"
-    ) {
+
+    if (isDesktopWidth() && navToggleBtn.ariaExpanded !== "false") {
       navToggleBtn.ariaExpanded = "false";
     }
+    // Hide all the website areas (add aria-hidden)
+    mainElements.forEach(x => (x.ariaHidden = "true"));
+
+    regularHeader?.classList.add("nav-overlay");
+    navMobileMenuToggleBtn.focus();
   };
 
   // Button click close menu function
@@ -8811,10 +8756,6 @@ window.addEventListener("load", () => {
 
     navSearchCont.classList.add("not-visible");
 
-    setClosed();
-  };
-
-  const setClosed = () => {
     if (navToggleBtn.ariaExpanded !== "false") {
       navToggleBtn.ariaExpanded = "false";
     }
@@ -8832,11 +8773,6 @@ window.addEventListener("load", () => {
     NavReset();
   };
 
-  // Button Click event
-  navToggleBtn.addEventListener("click", openMenu);
-  // Button Click event
-  navMobileMenuToggleBtn.addEventListener("click", closeMenu);
-
   const mobileCheck = () => {
     const searchInput = document.querySelector(".search-textfield");
     if (!searchInput) return;
@@ -8870,10 +8806,37 @@ window.addEventListener("load", () => {
     }
   };
 
+  // End Function Definitions
+
+  // Escape key event listener
+  document.addEventListener("keydown", e => {
+    if (e.key === "Escape" && navSearchCont.classList.contains("visible")) {
+      e.stopPropagation();
+      closeMenu();
+    }
+  });
+
+  // Close menu on focusout (tabbing out) event (if target is outside of mobile menu and ignore if focus target is navToggleBtn button)
+  navSearchCont.addEventListener("focusout", e => {
+    if (!isDesktopWidth()) {
+      const child = /** @type {Node} **/ (e.relatedTarget);
+      const parent = /** @type {Node} **/ (e.currentTarget);
+
+      if (child && !parent.contains(child)) {
+        closeMenu();
+      }
+    }
+  });
+
+  // Button Click event
+  navToggleBtn.addEventListener("click", openMenu);
+  // Button Click event
+  navMobileMenuToggleBtn.addEventListener("click", closeMenu);
+
   // Close mobile nav if click outside of nav
   regularHeader.addEventListener("mouseup", e => {
     // if the target of the click isn't the navigation container nor a descendant of the navigation
-    if (checkIfMobileView()) {
+    if (!isDesktopWidth()) {
       if (
         navSearchCont !== e.target &&
         !navSearchCont?.contains(/**@type {Node} */ (e.target))