@utahdts/utah-design-system-header 0.6.0-beta.0 → 0.7.0

package/dist/utah-design-system-header.es.js

@@ -1,5 +1,4 @@
-import { popupPlacement as Qe } from "@utahdts/utah-design-system";
-const hn = "@utahdts/utah-design-system-header", _n = "0.6.0-beta.0", mn = "Utah Header for the Utah Design System", vn = {
+const En = "@utahdts/utah-design-system-header", bn = "0.7.0", gn = "Utah Header for the Utah Design System", In = {
   ".": {
     "development-local": "./src/index.js",
     development: "./dist/utah-design-system-header.es.js",
@@ -14,53 +13,50 @@ const hn = "@utahdts/utah-design-system-header", _n = "0.6.0-beta.0", mn = "Utah
   },
   "./css": "./dist/style.css",
   "./src/css/index.scss": "./src/css/index.scss"
-}, En = "./src/index.js", bn = [
+}, Tn = "./src/index.js", wn = [
   "src/css",
   "dist"
-], gn = {
+], Mn = {
   build: "vite build",
   preview: "vite preview",
   publishHeader: "npm publish --access public",
-  publishHeaderBeta: "npm publish --access public --tag beta",
-  "sass-build": "sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css",
   "test-publish": "npm publish --dry-run",
   test: "vitest",
   testc: "vitest run --coverage",
   watch: "vite build --watch"
-}, In = {
+}, An = {
   type: "git",
   url: "git+https://github.com/utahdts/utah-design-system.git"
-}, wn = "Apache-2.0", Mn = {
+}, On = "Apache-2.0", yn = {
   url: "https://github.com/utahdts/utah-design-system/issues"
-}, Tn = "https://github.com/utahdts/utah-design-system#readme", An = {
-  "@popperjs/core": "2.11.7",
-  "@utahdts/utah-design-system": "0.6.0-beta.0"
-}, yn = {
-  eslint: "8.38.0",
+}, Ln = "https://github.com/utahdts/utah-design-system#readme", Pn = {
+  "@popperjs/core": "2.11.7"
+}, Nn = {
+  eslint: "8.39.0",
   "eslint-config-airbnb": "19.0.4",
   "eslint-plugin-import": "2.27.5",
   "eslint-plugin-jsx-a11y": "6.7.1",
-  sass: "1.62.0",
-  vite: "4.2.2",
+  sass: "1.62.1",
+  vite: "4.3.4",
   "vite-plugin-eslint": "1.8.1",
   vitest: "0.30.1"
-}, On = "module", Pn = {
-  name: hn,
-  version: _n,
-  description: mn,
-  exports: vn,
-  main: En,
-  files: bn,
-  scripts: gn,
-  repository: In,
-  license: wn,
-  bugs: Mn,
-  homepage: Tn,
-  dependencies: An,
-  devDependencies: yn,
-  type: On
+}, Sn = "module", Un = {
+  name: En,
+  version: bn,
+  description: gn,
+  exports: In,
+  main: Tn,
+  files: wn,
+  scripts: Mn,
+  repository: An,
+  license: On,
+  bugs: yn,
+  homepage: Ln,
+  dependencies: Pn,
+  devDependencies: Nn,
+  type: Sn
 };
-const W = {
+const $ = {
   FLYOUT: (
     /** @type {ChildrenMenuType} */
     "flyout"
@@ -73,7 +69,7 @@ const W = {
     /** @type {ChildrenMenuType} */
     "mega-menu"
   )
-}, qt = {
+}, Gt = {
   // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
   HEADER_LOADED: (
     /** @type {Events} */
@@ -84,7 +80,7 @@ const W = {
     /** @type {Events} */
     "utahHeaderUnloaded"
   )
-}, ce = {
+}, Ie = {
   SMALL: (
     /** @type {Size} */
     "SMALL"
@@ -97,7 +93,7 @@ const W = {
     /** @type {Size} */
     "LARGE"
   )
-}, Ln = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+}, Cn = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
 
 @media screen and (max-width: media-size__tablet-landscape__PLACEHOLDER) {
   /* put your media query here for tablet landscape */
@@ -155,7 +151,7 @@ const W = {
 @media screen and (max-width: media-size__mobile__PLACEHOLDER) {
   /* put your media query here for mobile */
 }
-`, Nn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
+`, Rn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
   <div class="utds-header-mobile-menu__backdrop" aria-hidden></div>
   <div class="utds-header-mobile-menu__wrapper">
     <div class="utds-header-mobile-menu__action-bar" role="tablist">
@@ -192,6 +188,7 @@ const s = {
   // Global Information
   UTAH_DESIGN_SYSTEM: "utah-design-system",
   HEADER: "utds-header",
+  FOOTER: "utds-footer",
   // HTML elements
   ICON_BUTTON: "icon-button",
   // IDs
@@ -215,6 +212,7 @@ const s = {
   BADGE_WRAPPER__SMALL: "utds-badge__wrapper--small",
   BADGE_WRAPPER__ACTION_ITEM: "utds-badge__wrapper--action-item",
   CITIZEN_EXPERIENCE: "utds-citizen-experience-wrapper",
+  FOOTER_HORIZONTAL_DIVIDER: "utds-footer__horizontal-divider",
   LOGO: "utds-logo-wrapper",
   LOGO_OFFICIAL_CLOSE_BUTTON: "utds-official-website-popup__close-button",
   LOGO_OFFICIAL_WRAPPER: "utds-official-website-popup__wrapper",
@@ -287,29 +285,29 @@ const s = {
   UTAH_ID: "utds-utah-id-wrapper",
   UTAH_ID__BUTTON: "utds-utah-id__button"
 };
-function Mt(e, t) {
+function J(e, t) {
   if (e)
     throw new Error(t);
 }
-function Sn(e, t) {
+function se(e, t) {
   if (e == null)
     throw new Error(t);
   return e;
 }
-function Ge(e) {
+function Ot(e) {
   return typeof e == "string" || e instanceof String;
 }
-function Un(e) {
+function Dn(e) {
   const t = new DOMParser();
   let n;
-  if (Ge(e)) {
-    const r = (
+  if (Ot(e)) {
+    const o = (
       /** @type {Document} */
-      Ge(e) ? t.parseFromString(e, "text/html") : e
-    ), o = r.body.children.length > 1 ? r.body.children : r.body.children.item(0);
-    if (!o)
+      Ot(e) ? t.parseFromString(e, "text/html") : e
+    ), r = o.body.children.length > 1 ? o.body.children : o.body.children.item(0);
+    if (!r)
       throw console.error(e), new Error("renderDOM: nothing rendered");
-    n = o;
+    n = r;
   } else if (
     /** @type {unknown} */
     e instanceof Element
@@ -320,7 +318,7 @@ function Un(e) {
   return n;
 }
 function I(e) {
-  const t = typeof e == "string" ? Un(e) : e;
+  const t = typeof e == "string" ? Dn(e) : e;
   if (t instanceof HTMLCollection && t.length > 1)
     throw new Error("renderDOMSingle: must render a single element");
   const n = (
@@ -331,363 +329,108 @@ function I(e) {
     throw console.error(e), new Error("renderDOMSingle: nothing rendered");
   return n;
 }
-const Cn = {
-  mainMenu: {
-    menuItems: [
-      { title: "Home", actionUrl: { url: "/" } }
-    ],
-    title: "Main Menu"
-  },
-  mediaSizes: {
-    mobile: 640,
-    tabletPortrait: 768,
-    tabletLandscape: 1024
-  },
-  showTitle: !0,
-  size: ce.MEDIUM,
-  title: "Utah Design System",
-  titleURL: "/",
-  utahId: !0
-}, Dn = `<span class="utds-icon-before-alert" aria-hidden="true" />
-`, Rn = `<span class="utds-icon-before-gear" aria-hidden="true" />
-`, xn = `<span class="utds-icon-before-help" aria-hidden="true" />
-`, Hn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
-`, Bn = {
-  actionItems: [
-    {
-      actionPopupMenu: {
-        menuItems: [
-          {
-            actionUrl: { url: "https://google.com?search=how realisitic can you be" },
-            title: "Item #1"
-          },
-          {
-            actionUrl: { url: "https://utah.gov", openInNewTab: !0 },
-            title: "Utah.Gov"
-          },
-          {
-            actionFunction: (e) => {
-              e.stopPropagation(), e.preventDefault(), console.log("Custom menu item triggered");
-            },
-            title: "Custom menu item"
-          },
-          {
-            actionMenu: [
-              {
-                title: "i am a child",
-                actionMenu: [
-                  {
-                    title: "i am a child",
-                    actionUrl: { url: "https://dts.utah.gov" }
-                  },
-                  {
-                    title: "i am a child 2oo",
-                    actionUrl: { url: "https://dts.utah.gov/2" }
-                  }
-                ]
-              },
-              {
-                title: "i am a child 2oo",
-                actionMenu: [
-                  {
-                    title: "i am a child2",
-                    actionUrl: { url: "https://dts.utah.gov" }
-                  },
-                  {
-                    title: "i am a child 2oo2",
-                    actionUrl: { url: "https://dts.utah.gov/2" }
-                  }
-                ]
-              }
-            ],
-            title: "I have children!!"
-          }
-        ],
-        title: "Divisions Menu"
-      },
-      className: "icon-waffle",
-      icon: Hn,
-      showTitle: !0,
-      title: "Divisions"
-    },
-    {
-      actionFunction: () => (
-        // eslint-disable-next-line no-console
-        console.log("Alerts clicked")
-      ),
-      badge: {
-        // Note: make sure the `label` is plural/singular to match the value
-        label: "Unread Alert",
-        value: 1
-      },
-      icon: Dn,
-      showTitle: !1,
-      title: "Alerts"
-    },
-    {
-      actionDom: () => {
-        const e = document.createElement("div");
-        e.appendChild(document.createTextNode("Hello World!"));
-        const t = document.createElement("button");
-        return t.appendChild(document.createTextNode("Do not press me.")), e.appendChild(t), e;
-      },
-      badge: {
-        // Note: make sure the `label` is plural/singular to match the value
-        label: "Help Items Available"
-      },
-      icon: xn,
-      showTitle: !1,
-      title: "Help"
-    },
-    {
-      actionDom: () => {
-        const e = document.createElement("div");
-        e.appendChild(document.createTextNode("Toggle Language"));
-        const t = document.createElement("button");
-        return t.appendChild(document.createTextNode("Speak Different")), t.onclick = () => alert("lorem ipsum"), e.appendChild(t), e;
-      },
-      icon: Rn,
-      showTitle: !1,
-      title: "Settings"
+const Hn = `<div class="utds-footer utah-design-system">
+  <div class="utds-footer__horizontal-divider">
+    <hr />
+  </div>
+  <div class="utds-footer__utah-logo-wrapper">
+    <div class="utah-logo-svg" id="utah-logo-svg">
+      <svg viewBox="0 0 107 30.51" role="img">
+          <g><path d="m12.44,30.51c-4.21,0-7.33-1.22-9.38-3.66C1.02,24.4,0,20.61,0,15.48V0h7.93v16.4c0,2.67.36,4.55,1.08,5.65.77,1.12,2.08,1.74,3.43,1.64,1.36.1,2.68-.52,3.48-1.63.75-1.09,1.13-2.97,1.13-5.65V0h7.65v15.48c0,5.13-1,8.92-3,11.36-2,2.44-5.09,3.66-9.26,3.66Zm24.42-.56V6.64h-7.93V0h23.78v6.64h-7.93v23.31h-7.92Zm26.17-14.56l-.51,2.07h5.53l-.51-2.07c-.37-1.44-.74-3.01-1.11-4.7-.37-1.69-.74-3.29-1.11-4.79h-.18c-.34,1.53-.68,3.14-1.04,4.82-.35,1.68-.71,3.24-1.08,4.68Zm-11.52,14.56L60.64,0h9.58l9.12,29.95h-8.39l-1.48-6.36h-8.38l-1.47,6.36h-8.11Zm30.69,0V0h7.93v11.15h8.94V0h7.93v29.95h-7.93v-11.89h-8.94v11.89h-7.93Z"/></g>
+      </svg>
+    </div>
+    <div class="utds-footer__vertical-divider" role="separator" aria-orientation="vertical"></div>
+    <div class="utds-footer__official-site-wrapper">
+      <div class="utds-footer__official-site">An official website of the <span class="whitespace-no-wrap">State of Utah</span></div>
+      <div class="utds-footer__copyright">©2023 State of Utah</div>
+    </div>
+  </div>
+  <div class="utds-footer__links">
+    <ul>
+      <li><a href="#" target="__blank" rel="noreferrer">Utah.gov Home</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Terms of Use</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Privacy Policy</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Accessibility</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Translate</a></li>
+    </ul>
+  </div>
+</div>
+`;
+let ie = null;
+function xn() {
+  var r, i, c, a, l, u, d, _, h, p, m, b, v, T, M, A;
+  const e = y(), t = ((r = ie == null ? void 0 : ie.footer) == null ? void 0 : r.domLocationTarget) !== ((i = e == null ? void 0 : e.footer) == null ? void 0 : i.domLocationTarget) || ((c = ie == null ? void 0 : ie.footer) == null ? void 0 : c.showHorizontalRule) !== ((a = e == null ? void 0 : e.footer) == null ? void 0 : a.showHorizontalRule), n = document.querySelector(f(s.FOOTER));
+  let o = n;
+  if (t || !n) {
+    n && n.remove(), o = I(Hn);
+    let E = document.body;
+    if ((l = e == null ? void 0 : e.footer) != null && l.domLocationTarget) {
+      const g = [
+        (u = e == null ? void 0 : e.footer) == null ? void 0 : u.domLocationTarget.cssSelector,
+        (d = e == null ? void 0 : e.footer) == null ? void 0 : d.domLocationTarget.element,
+        (_ = e == null ? void 0 : e.footer) == null ? void 0 : _.domLocationTarget.elementFunction
+      ].filter((w) => w);
+      if (J(g.length < 1, "renderFooter: footer.domLocationTarget must either have a value for one of its properties or not be specified at all"), J(g.length > 1, "renderFooter: footer.domLocationTarget must only have one target specified"), (h = e == null ? void 0 : e.footer) != null && h.domLocationTarget.cssSelector)
+        E = document.querySelector((p = e == null ? void 0 : e.footer) == null ? void 0 : p.domLocationTarget.cssSelector), J(!E, `renderFooter: element not found for domLocationTarget.cssSelector ${(m = e == null ? void 0 : e.footer) == null ? void 0 : m.domLocationTarget.cssSelector}`);
+      else if ((b = e == null ? void 0 : e.footer) != null && b.domLocationTarget.element)
+        E = (v = e == null ? void 0 : e.footer) == null ? void 0 : v.domLocationTarget.element;
+      else if ((T = e == null ? void 0 : e.footer) != null && T.domLocationTarget.elementFunction)
+        E = (M = e == null ? void 0 : e.footer) == null ? void 0 : M.domLocationTarget.elementFunction(), J(!E, "renderFooter: element not returned from domLocationTarget.elementFunction");
+      else
+        throw new Error("renderFooter: domLocationTarget must have at least one field set");
     }
-  ],
-  // Example of using domLocationTarget:
-  // domLocationTarget: {
-  //   cssSelector: '.put-header-here',
-  //   element: /** @type {HTMLElement} */(document.querySelector('.put-header-here')),
-  //   elementFunction: () => /** @type {HTMLElement} */(document.querySelector('.put-header-here')),
-  // },
+    if (E == null || E.appendChild(o), !((A = e == null ? void 0 : e.footer) != null && A.showHorizontalRule)) {
+      const g = document.querySelector(f(s.FOOTER_HORIZONTAL_DIVIDER));
+      J(!g, "renderFooter: cannot remove horizontal rule; not found"), g == null || g.remove();
+    }
+    ie = JSON.parse(JSON.stringify(e));
+  }
+  return se(o, "renderFooter: footer not rendered");
+}
+const $t = {
   mediaSizes: {
     mobile: 640,
     tabletPortrait: 768,
     tabletLandscape: 1024
   },
-  onSearch: (e) => alert(e),
   showTitle: !0,
-  size: ce.MEDIUM,
-  title: "Utah Design System",
+  size: Ie.MEDIUM,
+  title: "My Utah.gov Site",
   titleURL: "/",
-  utahId: !0,
   mainMenu: {
     menuItems: [
       {
         actionUrl: { url: "/" },
         title: "Home"
-      },
-      {
-        actionUrl: { url: "#" },
-        title: "Link to Somewhere"
-      },
-      {
-        isSelected: !0,
-        actionFunction: () => alert("hello yous guy"),
-        title: "do func"
-      },
-      {
-        actionMenu: [
-          {
-            title: "Guidelines and Standards",
-            actionUrl: { url: "/guidelines" }
-          }
-        ],
-        title: "Guidelines/Standards"
-      },
-      {
-        actionMenu: [
-          {
-            title: "child1",
-            actionMenu: [
-              {
-                title: "child1-1",
-                actionMenu: [
-                  {
-                    title: "child1-1-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-1-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-1-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              },
-              {
-                title: "child1-2",
-                actionMenu: [
-                  {
-                    title: "child1-2-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-2-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-2-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            title: "child2",
-            actionMenu: [
-              {
-                title: "child2-1",
-                actionMenu: [
-                  {
-                    title: "child2-1-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-1-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-1-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              },
-              {
-                title: "child2-2",
-                actionMenu: [
-                  {
-                    title: "child2-2-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-2-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-2-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              }
-            ]
-          }
-        ],
-        childrenMenuType: W.FLYOUT,
-        title: "Childrens"
-      },
-      {
-        actionMenu: [
-          {
-            title: "Title of section 1",
-            actionMenu: [
-              {
-                title: "child1-1",
-                actionMenu: [
-                  {
-                    title: "child1-1-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-1-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-1-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              },
-              {
-                title: "child1-2",
-                actionMenu: [
-                  {
-                    title: "child1-2-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-2-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child1-2-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            title: "Title of section 2",
-            actionMenu: [
-              {
-                title: "child2-1",
-                actionMenu: [
-                  {
-                    title: "child2-1-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-1-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-1-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              },
-              {
-                title: "child2-2",
-                actionMenu: [
-                  {
-                    title: "child2-2-1",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-2-2",
-                    actionUrl: { url: "/children" }
-                  },
-                  {
-                    title: "child2-2-3",
-                    actionUrl: { url: "/children" }
-                  }
-                ]
-              }
-            ]
-          }
-        ],
-        childrenMenuType: W.MEGA_MENU,
-        title: "MEGA MENU!"
       }
     ],
-    title: "Utah Design System Main Menu"
+    title: "Main Menu"
   }
 };
-let De = { ...Bn };
-function P() {
-  return De;
+let xe = { ...$t };
+function y() {
+  return xe;
 }
-function kn(e) {
+function Bn(e) {
   if (!e.showTitle && !e.logo)
     throw new Error("validateSettings: A title must be shown if there is no logo. Please change the `showTitle` setting to be `true` or provide a logo image.");
 }
-function Tt() {
-  Jo(!1), Qo();
+function yt() {
+  Jr(!1), Xr();
 }
-let Vt = !1;
-const Wn = 15e3;
-let At = 0;
-const qn = setInterval(
+let jt = !1;
+const kn = 15e3;
+let Lt = 0;
+const Wn = setInterval(
   () => {
-    At += 1, At >= Wn || Vt ? clearInterval(qn) : document.dispatchEvent(new Event(qt.HEADER_LOADED));
+    Lt += 1, Lt >= kn || jt ? clearInterval(Wn) : document.dispatchEvent(new Event(Gt.HEADER_LOADED));
   },
   2
 );
-function ni(e) {
-  return De = { ...Cn, ...e }, kn(De), Vt = !0, document != null && document.body ? Tt() : window.addEventListener("load", () => Tt()), De;
+function Qr(e) {
+  return xe = { ...$t, ...y(), ...e }, Bn(xe), jt = !0, document != null && document.body ? yt() : window.addEventListener("load", () => yt()), xe;
 }
-const Vn = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
+const qn = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
 </div>
 `;
 function C() {
@@ -697,22 +440,22 @@ function C() {
     (e) => (e ^ crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> e) / 4).toString(16)
   );
 }
-function Je(e) {
+function nt(e) {
   const t = document.querySelector(f(s.MOBILE_MENU__WRAPPER));
   if (!t)
     throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");
   const n = t.querySelector(f(s.MOBILE_MENU__CONTENT));
   if (!n)
     throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
-  const r = I(Vn);
-  return r.appendChild(e), n.appendChild(r), r.setAttribute("id", C()), r;
+  const o = I(qn);
+  return o.appendChild(e), n.appendChild(o), o.setAttribute("id", C()), o;
 }
 const Fn = `<div class="utds-badge__wrapper">
   <span class="utds-badge__value"></span>
   <span class="utds-badge__label visually-hidden"></span>
 </div>
 `;
-function et(e) {
+function ot(e) {
   let t = null;
   if (e) {
     t = /** @type {HTMLElement} */
@@ -721,93 +464,104 @@ function et(e) {
     if (!n)
       throw new Error("renderActionItemBadge: badgeLabel not found");
     if (n.appendChild(document.createTextNode(e.label)), e.value || e.value === 0) {
-      const r = t.querySelector(f(s.BADGE__VALUE));
-      if (!r)
+      const o = t.querySelector(f(s.BADGE__VALUE));
+      if (!o)
         throw new Error("renderActionItemBadge: badgeValue not found");
-      r.appendChild(document.createTextNode(`${e.value}`));
+      o.appendChild(document.createTextNode(`${e.value}`));
     } else
       t.classList.add(s.BADGE_WRAPPER__SMALL);
     e.className && t.classList.add(e.className);
   }
   return t;
 }
-function tt(e) {
+function ke(e) {
   const t = (
     /** @type {HTMLElement} */
-    document.querySelector(f(s.MOBILE_MENU))
-  );
-  if (!t)
-    throw new Error(`${e}: mobileMenu not found`);
-  const n = document.getElementById(s.MAIN_MENU__HAMBURGER_ID);
-  if (!n)
-    throw new Error(`${e}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`);
-  const r = (
+    se(
+      document.querySelector(f(s.MOBILE_MENU)),
+      `${e}: mobileMenu not found`
+    )
+  ), n = se(
+    document.getElementById(s.MAIN_MENU__HAMBURGER_ID),
+    `${e}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`
+  ), o = (
     /** @type {HTMLElement} */
-    document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID)
+    se(
+      document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID),
+      `${e}: hamburgerIcon not found`
+    )
   );
-  if (!r)
-    throw new Error(`${e}: hamburgerIcon not found`);
   return {
     hamburger: n,
-    hamburgerIcon: r,
+    hamburgerIcon: o,
     mobileMenu: t
   };
 }
-function nt() {
-  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = tt("hideMobileMenu");
+function rt() {
+  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = ke("hideMobileMenu");
   e.setAttribute("aria-expanded", "false"), n.classList.remove(s.IS_OPEN), t.classList.add("utds-icon-before-hamburger"), t.classList.remove("utds-icon-before-x-icon");
 }
-function Gn() {
-  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = tt("showMobileMenu");
+function Vn() {
+  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = ke("showMobileMenu");
   e.setAttribute("aria-expanded", "true"), n.classList.add(s.IS_OPEN), t.classList.remove("utds-icon-before-hamburger"), t.classList.add("utds-icon-before-x-icon");
 }
-function $n(e) {
+function Gn(e) {
   var c;
-  const { hamburger: t } = tt("hookupHamburger");
-  if ((c = P().actionItems) == null ? void 0 : c.some((a) => !!a.badge)) {
-    const a = et({ label: "Home Badge" });
+  const { hamburger: t } = ke("hookupHamburger");
+  if ((c = y().actionItems) == null ? void 0 : c.some((a) => !!a.badge)) {
+    const a = ot({ label: "Home Badge" });
     a && t.appendChild(a);
   }
-  nt();
-  const o = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
-  if (!o)
-    throw new Error("hookupHamburger: homeActionItem not found");
-  const i = (
+  rt();
+  const r = se(
+    document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID),
+    "hookupHamburger: homeActionItem not found"
+  ), i = (
     /** @type {HTMLElement} */
-    o.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    se(
+      r == null ? void 0 : r.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)),
+      "hookupHamburger: homeActionItemWrapper not found"
+    )
   );
-  if (!i)
-    throw new Error("hookupHamburger: homeActionItemWrapper not found");
-  rt(
+  it(
     t,
     e,
     i,
     { ariaHasPopupType: "menu", shouldOnClickCloseMenu: !0 }
-  );
+  ), J(!!t.onblur, "hookupHamburger: hamburger already has an onblur event"), t.onblur = () => {
+    const { mobileMenu: a } = ke("showMobileMenu");
+    if (a.classList.contains(s.IS_OPEN)) {
+      const l = f(s.MOBILE_MENU__ACTION_BAR), u = f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), d = f(s.ICON_BUTTON), _ = (
+        /** @type {HTMLElement | null} */
+        document.querySelector(`${l} ${u}:first-child ${d}`)
+      );
+      _ == null || _.focus();
+    }
+  };
 }
-function $e(e, t) {
-  e.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((r) => {
-    r.classList.remove(s.ACTION_ITEM__SELECTED);
-    const o = r.querySelector("button");
-    if (!o)
+function Ke(e, t) {
+  e.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((o) => {
+    o.classList.remove(s.ACTION_ITEM__SELECTED);
+    const r = o.querySelector("button");
+    if (!r)
       throw new Error("showActionItem: actionWrapper does not have actionItem");
-    o.setAttribute("aria-selected", "false"), o.setAttribute("tabIndex", "-1");
+    r.setAttribute("aria-selected", "false"), r.setAttribute("tabIndex", "-1");
   }), t.classList.add(s.ACTION_ITEM__SELECTED);
   const n = t.querySelector("button");
   if (!n)
     throw new Error("showActionItem: actionWrapper does not have actionItem");
   n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
 }
-function yt(e, t) {
+function Pt(e, t) {
   e.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(s.IS_OPEN)), t.classList.add(s.IS_OPEN);
 }
-function rt(e, t, n, {
-  ariaHasPopupType: r,
-  onClickHandler: o,
+function it(e, t, n, {
+  ariaHasPopupType: o,
+  onClickHandler: r,
   shouldOnClickCloseMenu: i
 }) {
-  var h;
-  if (t && !r)
+  var _;
+  if (t && !o)
     throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");
   const c = (
     /** @type {HTMLElement} */
@@ -827,44 +581,44 @@ function rt(e, t, n, {
   );
   if (!l)
     throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");
-  const u = (h = n == null ? void 0 : n.querySelector) == null ? void 0 : h.call(n, "button"), d = (u || e).getAttribute("id");
+  const u = (_ = n == null ? void 0 : n.querySelector) == null ? void 0 : _.call(n, "button"), d = (u || e).getAttribute("id");
   if (!d)
     throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");
   if (t) {
-    const _ = t.getAttribute("id");
-    if (!_)
+    const h = t.getAttribute("id");
+    if (!h)
       throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
-    (u || e).setAttribute("aria-controls", _), t.setAttribute("aria-labelledby", d);
+    (u || e).setAttribute("aria-controls", h), t.setAttribute("aria-labelledby", d);
   }
   if (e.onclick)
     throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");
-  if (e.onclick = (_) => {
-    o && o(_) || (c.classList.contains(s.IS_OPEN) ? i && nt() : (Gn(), t && yt(l, t), $e(a, n)));
+  if (e.onclick = (h) => {
+    r != null && r(h) || (c.classList.contains(s.IS_OPEN) ? i && rt() : (Vn(), t && Pt(l, t), Ke(a, n)));
   }, t) {
     if (n !== e && n.onclick)
       throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");
-    n.onclick = (_) => {
-      o && o(_) || (yt(l, t), $e(a, n));
+    n.onclick = (h) => {
+      r != null && r(h) || (Pt(l, t), Ke(a, n));
     };
   }
 }
-const jn = `<div class="utds-header-mobile-menu__action-item" role="tab">
+const $n = `<div class="utds-header-mobile-menu__action-item" role="tab">
   <button type="button" class="icon-button icon-button--borderless utds-header-action-item__icon-button">
     <div class="utds-header-action-item__title visually-hidden"></div>
     <span aria-hidden="true" role="presentation">
   </button>
   <span class="menu-chiclet"></span>
 </div>
-`, Yn = `<div class="utds-header-action-item-menu">
+`, jn = `<div class="utds-header-action-item-menu">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `, zn = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
-`, Ft = `<span class="utds-new-tab-link-a11y">
+`, zt = `<span class="utds-new-tab-link-a11y">
   <span class="visually-hidden">opens in a new tab</span>
   <span class="utds-icon-after-external-link" aria-hidden="true"></span>
 </span>
-`, Kn = `<ul class="vertical-menu" role="menu" />
-`, Zn = `<li class="vertical-menu__item">
+`, Yn = `<ul class="vertical-menu" role="menu" />
+`, Kn = `<li class="vertical-menu__item">
   <span class="vertical-menu__title">
     <span class="vertical-menu__plain-title"></span>
     <a href="#" class="vertical-menu__link-title">
@@ -876,21 +630,82 @@ const jn = `<div class="utds-header-mobile-menu__action-item" role="tab">
   </span>
   <span class="vertical-menu__divider" />
 </li>
-`;
-function xe(e, t, n) {
-  var o;
-  let r = !1;
-  return e && (Array.isArray(e) ? r = e.some((i) => xe(i, t, n)) : (r = n(e), r || (r = !!((o = t == null ? void 0 : t.filter((i) => e[i])) != null && o.some((i) => xe(e[i], t, n)))))), r;
-}
-var x = "top", F = "bottom", G = "right", H = "left", Be = "auto", Ae = [x, F, G, H], ue = "start", Ie = "end", Xn = "clippingParents", Gt = "viewport", ve = "popper", Qn = "reference", Ot = /* @__PURE__ */ Ae.reduce(function(e, t) {
-  return e.concat([t + "-" + ue, t + "-" + Ie]);
-}, []), $t = /* @__PURE__ */ [].concat(Ae, [Be]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + ue, t + "-" + Ie]);
-}, []), Jn = "beforeRead", er = "read", tr = "afterRead", nr = "beforeMain", rr = "main", or = "afterMain", ir = "beforeWrite", ar = "write", sr = "afterWrite", je = [Jn, er, tr, nr, rr, or, ir, ar, sr];
+`, at = {
+  AUTO: (
+    /** @type {PopupPlacement} */
+    "auto"
+  ),
+  AUTO_START: (
+    /** @type {PopupPlacement} */
+    "auto-start"
+  ),
+  AUTO_END: (
+    /** @type {PopupPlacement} */
+    "auto-end"
+  ),
+  BOTTOM: (
+    /** @type {PopupPlacement} */
+    "bottom"
+  ),
+  BOTTOM_START: (
+    /** @type {PopupPlacement} */
+    "bottom-start"
+  ),
+  BOTTOM_END: (
+    /** @type {PopupPlacement} */
+    "bottom-end"
+  ),
+  LEFT: (
+    /** @type {PopupPlacement} */
+    "left"
+  ),
+  LEFT_START: (
+    /** @type {PopupPlacement} */
+    "left-start"
+  ),
+  LEFT_END: (
+    /** @type {PopupPlacement} */
+    "left-end"
+  ),
+  RIGHT: (
+    /** @type {PopupPlacement} */
+    "right"
+  ),
+  RIGHT_START: (
+    /** @type {PopupPlacement} */
+    "right-start"
+  ),
+  RIGHT_END: (
+    /** @type {PopupPlacement} */
+    "right-end"
+  ),
+  TOP: (
+    /** @type {PopupPlacement} */
+    "top"
+  ),
+  TOP_START: (
+    /** @type {PopupPlacement} */
+    "top-start"
+  ),
+  TOP_END: (
+    /** @type {PopupPlacement} */
+    "top-end"
+  )
+};
+function We(e, t, n) {
+  var r;
+  let o = !1;
+  return e && (Array.isArray(e) ? o = e.some((i) => We(i, t, n)) : (o = n(e), o || (o = !!((r = t == null ? void 0 : t.filter((i) => e[i])) != null && r.some((i) => We(e[i], t, n)))))), o;
+}
+var H = "top", F = "bottom", V = "right", x = "left", Fe = "auto", Le = [H, F, V, x], pe = "start", Me = "end", Zn = "clippingParents", Yt = "viewport", be = "popper", Xn = "reference", Nt = /* @__PURE__ */ Le.reduce(function(e, t) {
+  return e.concat([t + "-" + pe, t + "-" + Me]);
+}, []), Kt = /* @__PURE__ */ [].concat(Le, [Fe]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + pe, t + "-" + Me]);
+}, []), Jn = "beforeRead", Qn = "read", eo = "afterRead", to = "beforeMain", no = "main", oo = "afterMain", ro = "beforeWrite", io = "write", ao = "afterWrite", Ze = [Jn, Qn, eo, to, no, oo, ro, io, ao];
 function K(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function V(e) {
+function q(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -899,31 +714,31 @@ function V(e) {
   }
   return e;
 }
-function ae(e) {
-  var t = V(e).Element;
+function ce(e) {
+  var t = q(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function q(e) {
-  var t = V(e).HTMLElement;
+function W(e) {
+  var t = q(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function ot(e) {
+function st(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = V(e).ShadowRoot;
+  var t = q(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function lr(e) {
+function so(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
-    var r = t.styles[n] || {}, o = t.attributes[n] || {}, i = t.elements[n];
-    !q(i) || !K(i) || (Object.assign(i.style, r), Object.keys(o).forEach(function(c) {
-      var a = o[c];
+    var o = t.styles[n] || {}, r = t.attributes[n] || {}, i = t.elements[n];
+    !W(i) || !K(i) || (Object.assign(i.style, o), Object.keys(r).forEach(function(c) {
+      var a = r[c];
       a === !1 ? i.removeAttribute(c) : i.setAttribute(c, a === !0 ? "" : a);
     }));
   });
 }
-function cr(e) {
+function lo(e) {
   var t = e.state, n = {
     popper: {
       position: t.options.strategy,
@@ -937,136 +752,136 @@ function cr(e) {
     reference: {}
   };
   return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
-    Object.keys(t.elements).forEach(function(r) {
-      var o = t.elements[r], i = t.attributes[r] || {}, c = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : n[r]), a = c.reduce(function(l, u) {
+    Object.keys(t.elements).forEach(function(o) {
+      var r = t.elements[o], i = t.attributes[o] || {}, c = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : n[o]), a = c.reduce(function(l, u) {
         return l[u] = "", l;
       }, {});
-      !q(o) || !K(o) || (Object.assign(o.style, a), Object.keys(i).forEach(function(l) {
-        o.removeAttribute(l);
+      !W(r) || !K(r) || (Object.assign(r.style, a), Object.keys(i).forEach(function(l) {
+        r.removeAttribute(l);
       }));
     });
   };
 }
-const ur = {
+const co = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: lr,
-  effect: cr,
+  fn: so,
+  effect: lo,
   requires: ["computeStyles"]
 };
 function j(e) {
   return e.split("-")[0];
 }
-var ie = Math.max, He = Math.min, de = Math.round;
-function Ye() {
+var le = Math.max, qe = Math.min, fe = Math.round;
+function Xe() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
-function jt() {
-  return !/^((?!chrome|android).)*safari/i.test(Ye());
+function Zt() {
+  return !/^((?!chrome|android).)*safari/i.test(Xe());
 }
-function pe(e, t, n) {
+function _e(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  var r = e.getBoundingClientRect(), o = 1, i = 1;
-  t && q(e) && (o = e.offsetWidth > 0 && de(r.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && de(r.height) / e.offsetHeight || 1);
-  var c = ae(e) ? V(e) : window, a = c.visualViewport, l = !jt() && n, u = (r.left + (l && a ? a.offsetLeft : 0)) / o, d = (r.top + (l && a ? a.offsetTop : 0)) / i, h = r.width / o, _ = r.height / i;
+  var o = e.getBoundingClientRect(), r = 1, i = 1;
+  t && W(e) && (r = e.offsetWidth > 0 && fe(o.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && fe(o.height) / e.offsetHeight || 1);
+  var c = ce(e) ? q(e) : window, a = c.visualViewport, l = !Zt() && n, u = (o.left + (l && a ? a.offsetLeft : 0)) / r, d = (o.top + (l && a ? a.offsetTop : 0)) / i, _ = o.width / r, h = o.height / i;
   return {
-    width: h,
-    height: _,
+    width: _,
+    height: h,
     top: d,
-    right: u + h,
-    bottom: d + _,
+    right: u + _,
+    bottom: d + h,
     left: u,
     x: u,
     y: d
   };
 }
-function it(e) {
-  var t = pe(e), n = e.offsetWidth, r = e.offsetHeight;
-  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
+function lt(e) {
+  var t = _e(e), n = e.offsetWidth, o = e.offsetHeight;
+  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
     width: n,
-    height: r
+    height: o
   };
 }
-function Yt(e, t) {
+function Xt(e, t) {
   var n = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (n && ot(n)) {
-    var r = t;
+  if (n && st(n)) {
+    var o = t;
     do {
-      if (r && e.isSameNode(r))
+      if (o && e.isSameNode(o))
         return !0;
-      r = r.parentNode || r.host;
-    } while (r);
+      o = o.parentNode || o.host;
+    } while (o);
   }
   return !1;
 }
-function Y(e) {
-  return V(e).getComputedStyle(e);
+function z(e) {
+  return q(e).getComputedStyle(e);
 }
-function dr(e) {
+function uo(e) {
   return ["table", "td", "th"].indexOf(K(e)) >= 0;
 }
 function Q(e) {
-  return ((ae(e) ? e.ownerDocument : (
+  return ((ce(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function ke(e) {
+function Ve(e) {
   return K(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     e.parentNode || // DOM Element detected
-    (ot(e) ? e.host : null) || // ShadowRoot detected
+    (st(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     Q(e)
   );
 }
-function Pt(e) {
-  return !q(e) || // https://github.com/popperjs/popper-core/issues/837
-  Y(e).position === "fixed" ? null : e.offsetParent;
+function St(e) {
+  return !W(e) || // https://github.com/popperjs/popper-core/issues/837
+  z(e).position === "fixed" ? null : e.offsetParent;
 }
-function pr(e) {
-  var t = /firefox/i.test(Ye()), n = /Trident/i.test(Ye());
-  if (n && q(e)) {
-    var r = Y(e);
-    if (r.position === "fixed")
+function po(e) {
+  var t = /firefox/i.test(Xe()), n = /Trident/i.test(Xe());
+  if (n && W(e)) {
+    var o = z(e);
+    if (o.position === "fixed")
       return null;
   }
-  var o = ke(e);
-  for (ot(o) && (o = o.host); q(o) && ["html", "body"].indexOf(K(o)) < 0; ) {
-    var i = Y(o);
+  var r = Ve(e);
+  for (st(r) && (r = r.host); W(r) && ["html", "body"].indexOf(K(r)) < 0; ) {
+    var i = z(r);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
-      return o;
-    o = o.parentNode;
+      return r;
+    r = r.parentNode;
   }
   return null;
 }
-function ye(e) {
-  for (var t = V(e), n = Pt(e); n && dr(n) && Y(n).position === "static"; )
-    n = Pt(n);
-  return n && (K(n) === "html" || K(n) === "body" && Y(n).position === "static") ? t : n || pr(e) || t;
+function Pe(e) {
+  for (var t = q(e), n = St(e); n && uo(n) && z(n).position === "static"; )
+    n = St(n);
+  return n && (K(n) === "html" || K(n) === "body" && z(n).position === "static") ? t : n || po(e) || t;
 }
-function at(e) {
+function ct(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function be(e, t, n) {
-  return ie(e, He(t, n));
+function Te(e, t, n) {
+  return le(e, qe(t, n));
 }
-function fr(e, t, n) {
-  var r = be(e, t, n);
-  return r > n ? n : r;
+function fo(e, t, n) {
+  var o = Te(e, t, n);
+  return o > n ? n : o;
 }
-function zt() {
+function Jt() {
   return {
     top: 0,
     right: 0,
@@ -1074,111 +889,111 @@ function zt() {
     left: 0
   };
 }
-function Kt(e) {
-  return Object.assign({}, zt(), e);
+function Qt(e) {
+  return Object.assign({}, Jt(), e);
 }
-function Zt(e, t) {
-  return t.reduce(function(n, r) {
-    return n[r] = e, n;
+function en(e, t) {
+  return t.reduce(function(n, o) {
+    return n[o] = e, n;
   }, {});
 }
-var hr = function(t, n) {
+var _o = function(t, n) {
   return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : t, Kt(typeof t != "number" ? t : Zt(t, Ae));
+  })) : t, Qt(typeof t != "number" ? t : en(t, Le));
 };
-function _r(e) {
-  var t, n = e.state, r = e.name, o = e.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), l = at(a), u = [H, G].indexOf(a) >= 0, d = u ? "height" : "width";
+function ho(e) {
+  var t, n = e.state, o = e.name, r = e.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), l = ct(a), u = [x, V].indexOf(a) >= 0, d = u ? "height" : "width";
   if (!(!i || !c)) {
-    var h = hr(o.padding, n), _ = it(i), p = l === "y" ? x : H, m = l === "y" ? F : G, E = n.rects.reference[d] + n.rects.reference[l] - c[l] - n.rects.popper[d], v = c[l] - n.rects.reference[l], w = ye(i), T = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = E / 2 - v / 2, b = h[p], g = T - _[d] - h[m], M = T / 2 - _[d] / 2 + O, L = be(b, M, g), N = l;
-    n.modifiersData[r] = (t = {}, t[N] = L, t.centerOffset = L - M, t);
+    var _ = _o(r.padding, n), h = lt(i), p = l === "y" ? H : x, m = l === "y" ? F : V, b = n.rects.reference[d] + n.rects.reference[l] - c[l] - n.rects.popper[d], v = c[l] - n.rects.reference[l], T = Pe(i), M = T ? l === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, A = b / 2 - v / 2, E = _[p], g = M - h[d] - _[m], w = M / 2 - h[d] / 2 + A, P = Te(E, w, g), N = l;
+    n.modifiersData[o] = (t = {}, t[N] = P, t.centerOffset = P - w, t);
   }
 }
-function mr(e) {
-  var t = e.state, n = e.options, r = n.element, o = r === void 0 ? "[data-popper-arrow]" : r;
-  if (o != null && !(typeof o == "string" && (o = t.elements.popper.querySelector(o), !o))) {
-    if ({}.NODE_ENV !== "production" && (q(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Yt(t.elements.popper, o)) {
+function mo(e) {
+  var t = e.state, n = e.options, o = n.element, r = o === void 0 ? "[data-popper-arrow]" : o;
+  if (r != null && !(typeof r == "string" && (r = t.elements.popper.querySelector(r), !r))) {
+    if ({}.NODE_ENV !== "production" && (W(r) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Xt(t.elements.popper, r)) {
       ({}).NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
       return;
     }
-    t.elements.arrow = o;
+    t.elements.arrow = r;
   }
 }
-const vr = {
+const vo = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: _r,
-  effect: mr,
+  fn: ho,
+  effect: mo,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function fe(e) {
+function he(e) {
   return e.split("-")[1];
 }
-var Er = {
+var Eo = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function br(e, t) {
-  var n = e.x, r = e.y, o = t.devicePixelRatio || 1;
+function bo(e, t) {
+  var n = e.x, o = e.y, r = t.devicePixelRatio || 1;
   return {
-    x: de(n * o) / o || 0,
-    y: de(r * o) / o || 0
+    x: fe(n * r) / r || 0,
+    y: fe(o * r) / r || 0
   };
 }
-function Lt(e) {
-  var t, n = e.popper, r = e.popperRect, o = e.placement, i = e.variation, c = e.offsets, a = e.position, l = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, h = e.isFixed, _ = c.x, p = _ === void 0 ? 0 : _, m = c.y, E = m === void 0 ? 0 : m, v = typeof d == "function" ? d({
+function Ut(e) {
+  var t, n = e.popper, o = e.popperRect, r = e.placement, i = e.variation, c = e.offsets, a = e.position, l = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, _ = e.isFixed, h = c.x, p = h === void 0 ? 0 : h, m = c.y, b = m === void 0 ? 0 : m, v = typeof d == "function" ? d({
     x: p,
-    y: E
+    y: b
   }) : {
     x: p,
-    y: E
+    y: b
   };
-  p = v.x, E = v.y;
-  var w = c.hasOwnProperty("x"), T = c.hasOwnProperty("y"), O = H, b = x, g = window;
+  p = v.x, b = v.y;
+  var T = c.hasOwnProperty("x"), M = c.hasOwnProperty("y"), A = x, E = H, g = window;
   if (u) {
-    var M = ye(n), L = "clientHeight", N = "clientWidth";
-    if (M === V(n) && (M = Q(n), Y(M).position !== "static" && a === "absolute" && (L = "scrollHeight", N = "scrollWidth")), M = M, o === x || (o === H || o === G) && i === Ie) {
-      b = F;
-      var S = h && M === g && g.visualViewport ? g.visualViewport.height : (
+    var w = Pe(n), P = "clientHeight", N = "clientWidth";
+    if (w === q(n) && (w = Q(n), z(w).position !== "static" && a === "absolute" && (P = "scrollHeight", N = "scrollWidth")), w = w, r === H || (r === x || r === V) && i === Me) {
+      E = F;
+      var S = _ && w === g && g.visualViewport ? g.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        M[L]
+        w[P]
       );
-      E -= S - r.height, E *= l ? 1 : -1;
+      b -= S - o.height, b *= l ? 1 : -1;
     }
-    if (o === H || (o === x || o === F) && i === Ie) {
-      O = G;
-      var U = h && M === g && g.visualViewport ? g.visualViewport.width : (
+    if (r === x || (r === H || r === F) && i === Me) {
+      A = V;
+      var U = _ && w === g && g.visualViewport ? g.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        M[N]
+        w[N]
       );
-      p -= U - r.width, p *= l ? 1 : -1;
+      p -= U - o.width, p *= l ? 1 : -1;
     }
   }
-  var A = Object.assign({
+  var O = Object.assign({
     position: a
-  }, u && Er), D = d === !0 ? br({
+  }, u && Eo), R = d === !0 ? bo({
     x: p,
-    y: E
-  }, V(n)) : {
+    y: b
+  }, q(n)) : {
     x: p,
-    y: E
+    y: b
   };
-  if (p = D.x, E = D.y, l) {
-    var R;
-    return Object.assign({}, A, (R = {}, R[b] = T ? "0" : "", R[O] = w ? "0" : "", R.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + E + "px)" : "translate3d(" + p + "px, " + E + "px, 0)", R));
+  if (p = R.x, b = R.y, l) {
+    var D;
+    return Object.assign({}, O, (D = {}, D[E] = M ? "0" : "", D[A] = T ? "0" : "", D.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + b + "px)" : "translate3d(" + p + "px, " + b + "px, 0)", D));
   }
-  return Object.assign({}, A, (t = {}, t[b] = T ? E + "px" : "", t[O] = w ? p + "px" : "", t.transform = "", t));
+  return Object.assign({}, O, (t = {}, t[E] = M ? b + "px" : "", t[A] = T ? p + "px" : "", t.transform = "", t));
 }
-function gr(e) {
-  var t = e.state, n = e.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, i = n.adaptive, c = i === void 0 ? !0 : i, a = n.roundOffsets, l = a === void 0 ? !0 : a;
+function go(e) {
+  var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, i = n.adaptive, c = i === void 0 ? !0 : i, a = n.roundOffsets, l = a === void 0 ? !0 : a;
   if ({}.NODE_ENV !== "production") {
-    var u = Y(t.elements.popper).transitionProperty || "";
-    c && ["transform", "top", "right", "bottom", "left"].some(function(h) {
-      return u.indexOf(h) >= 0;
+    var u = z(t.elements.popper).transitionProperty || "";
+    c && ["transform", "top", "right", "bottom", "left"].some(function(_) {
+      return u.indexOf(_) >= 0;
     }) && console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', `
 
 `, 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", `
@@ -1187,18 +1002,18 @@ function gr(e) {
   }
   var d = {
     placement: j(t.placement),
-    variation: fe(t.placement),
+    variation: he(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
-    gpuAcceleration: o,
+    gpuAcceleration: r,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Lt(Object.assign({}, d, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ut(Object.assign({}, d, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
     adaptive: c,
     roundOffsets: l
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Lt(Object.assign({}, d, {
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ut(Object.assign({}, d, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1207,105 +1022,105 @@ function gr(e) {
     "data-popper-placement": t.placement
   });
 }
-const Ir = {
+const Io = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: gr,
+  fn: go,
   data: {}
 };
-var Ue = {
+var De = {
   passive: !0
 };
-function wr(e) {
-  var t = e.state, n = e.instance, r = e.options, o = r.scroll, i = o === void 0 ? !0 : o, c = r.resize, a = c === void 0 ? !0 : c, l = V(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+function To(e) {
+  var t = e.state, n = e.instance, o = e.options, r = o.scroll, i = r === void 0 ? !0 : r, c = o.resize, a = c === void 0 ? !0 : c, l = q(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return i && u.forEach(function(d) {
-    d.addEventListener("scroll", n.update, Ue);
-  }), a && l.addEventListener("resize", n.update, Ue), function() {
+    d.addEventListener("scroll", n.update, De);
+  }), a && l.addEventListener("resize", n.update, De), function() {
     i && u.forEach(function(d) {
-      d.removeEventListener("scroll", n.update, Ue);
-    }), a && l.removeEventListener("resize", n.update, Ue);
+      d.removeEventListener("scroll", n.update, De);
+    }), a && l.removeEventListener("resize", n.update, De);
   };
 }
-const Mr = {
+const wo = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: wr,
+  effect: To,
   data: {}
 };
-var Tr = {
+var Mo = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Re(e) {
+function Be(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return Tr[t];
+    return Mo[t];
   });
 }
-var Ar = {
+var Ao = {
   start: "end",
   end: "start"
 };
-function Nt(e) {
+function Ct(e) {
   return e.replace(/start|end/g, function(t) {
-    return Ar[t];
+    return Ao[t];
   });
 }
-function st(e) {
-  var t = V(e), n = t.pageXOffset, r = t.pageYOffset;
+function ut(e) {
+  var t = q(e), n = t.pageXOffset, o = t.pageYOffset;
   return {
     scrollLeft: n,
-    scrollTop: r
+    scrollTop: o
   };
 }
-function lt(e) {
-  return pe(Q(e)).left + st(e).scrollLeft;
+function dt(e) {
+  return _e(Q(e)).left + ut(e).scrollLeft;
 }
-function yr(e, t) {
-  var n = V(e), r = Q(e), o = n.visualViewport, i = r.clientWidth, c = r.clientHeight, a = 0, l = 0;
-  if (o) {
-    i = o.width, c = o.height;
-    var u = jt();
-    (u || !u && t === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
+function Oo(e, t) {
+  var n = q(e), o = Q(e), r = n.visualViewport, i = o.clientWidth, c = o.clientHeight, a = 0, l = 0;
+  if (r) {
+    i = r.width, c = r.height;
+    var u = Zt();
+    (u || !u && t === "fixed") && (a = r.offsetLeft, l = r.offsetTop);
   }
   return {
     width: i,
     height: c,
-    x: a + lt(e),
+    x: a + dt(e),
     y: l
   };
 }
-function Or(e) {
-  var t, n = Q(e), r = st(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = ie(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), c = ie(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -r.scrollLeft + lt(e), l = -r.scrollTop;
-  return Y(o || n).direction === "rtl" && (a += ie(n.clientWidth, o ? o.clientWidth : 0) - i), {
+function yo(e) {
+  var t, n = Q(e), o = ut(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, i = le(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), c = le(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), a = -o.scrollLeft + dt(e), l = -o.scrollTop;
+  return z(r || n).direction === "rtl" && (a += le(n.clientWidth, r ? r.clientWidth : 0) - i), {
     width: i,
     height: c,
     x: a,
     y: l
   };
 }
-function ct(e) {
-  var t = Y(e), n = t.overflow, r = t.overflowX, o = t.overflowY;
-  return /auto|scroll|overlay|hidden/.test(n + o + r);
+function pt(e) {
+  var t = z(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(n + r + o);
 }
-function Xt(e) {
-  return ["html", "body", "#document"].indexOf(K(e)) >= 0 ? e.ownerDocument.body : q(e) && ct(e) ? e : Xt(ke(e));
+function tn(e) {
+  return ["html", "body", "#document"].indexOf(K(e)) >= 0 ? e.ownerDocument.body : W(e) && pt(e) ? e : tn(Ve(e));
 }
-function ge(e, t) {
+function we(e, t) {
   var n;
   t === void 0 && (t = []);
-  var r = Xt(e), o = r === ((n = e.ownerDocument) == null ? void 0 : n.body), i = V(r), c = o ? [i].concat(i.visualViewport || [], ct(r) ? r : []) : r, a = t.concat(c);
-  return o ? a : (
+  var o = tn(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = q(o), c = r ? [i].concat(i.visualViewport || [], pt(o) ? o : []) : o, a = t.concat(c);
+  return r ? a : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    a.concat(ge(ke(c)))
+    a.concat(we(Ve(c)))
   );
 }
-function ze(e) {
+function Je(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1313,30 +1128,30 @@ function ze(e) {
     bottom: e.y + e.height
   });
 }
-function Pr(e, t) {
-  var n = pe(e, !1, t === "fixed");
+function Lo(e, t) {
+  var n = _e(e, !1, t === "fixed");
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
-function St(e, t, n) {
-  return t === Gt ? ze(yr(e, n)) : ae(t) ? Pr(t, n) : ze(Or(Q(e)));
+function Rt(e, t, n) {
+  return t === Yt ? Je(Oo(e, n)) : ce(t) ? Lo(t, n) : Je(yo(Q(e)));
 }
-function Lr(e) {
-  var t = ge(ke(e)), n = ["absolute", "fixed"].indexOf(Y(e).position) >= 0, r = n && q(e) ? ye(e) : e;
-  return ae(r) ? t.filter(function(o) {
-    return ae(o) && Yt(o, r) && K(o) !== "body";
+function Po(e) {
+  var t = we(Ve(e)), n = ["absolute", "fixed"].indexOf(z(e).position) >= 0, o = n && W(e) ? Pe(e) : e;
+  return ce(o) ? t.filter(function(r) {
+    return ce(r) && Xt(r, o) && K(r) !== "body";
   }) : [];
 }
-function Nr(e, t, n, r) {
-  var o = t === "clippingParents" ? Lr(e) : [].concat(t), i = [].concat(o, [n]), c = i[0], a = i.reduce(function(l, u) {
-    var d = St(e, u, r);
-    return l.top = ie(d.top, l.top), l.right = He(d.right, l.right), l.bottom = He(d.bottom, l.bottom), l.left = ie(d.left, l.left), l;
-  }, St(e, c, r));
+function No(e, t, n, o) {
+  var r = t === "clippingParents" ? Po(e) : [].concat(t), i = [].concat(r, [n]), c = i[0], a = i.reduce(function(l, u) {
+    var d = Rt(e, u, o);
+    return l.top = le(d.top, l.top), l.right = qe(d.right, l.right), l.bottom = qe(d.bottom, l.bottom), l.left = le(d.left, l.left), l;
+  }, Rt(e, c, o));
   return a.width = a.right - a.left, a.height = a.bottom - a.top, a.x = a.left, a.y = a.top, a;
 }
-function Qt(e) {
-  var t = e.reference, n = e.element, r = e.placement, o = r ? j(r) : null, i = r ? fe(r) : null, c = t.x + t.width / 2 - n.width / 2, a = t.y + t.height / 2 - n.height / 2, l;
-  switch (o) {
-    case x:
+function nn(e) {
+  var t = e.reference, n = e.element, o = e.placement, r = o ? j(o) : null, i = o ? he(o) : null, c = t.x + t.width / 2 - n.width / 2, a = t.y + t.height / 2 - n.height / 2, l;
+  switch (r) {
+    case H:
       l = {
         x: c,
         y: t.y - n.height
@@ -1348,13 +1163,13 @@ function Qt(e) {
         y: t.y + t.height
       };
       break;
-    case G:
+    case V:
       l = {
         x: t.x + t.width,
         y: a
       };
       break;
-    case H:
+    case x:
       l = {
         x: t.x - n.width,
         y: a
@@ -1366,128 +1181,128 @@ function Qt(e) {
         y: t.y
       };
   }
-  var u = o ? at(o) : null;
+  var u = r ? ct(r) : null;
   if (u != null) {
     var d = u === "y" ? "height" : "width";
     switch (i) {
-      case ue:
+      case pe:
         l[u] = l[u] - (t[d] / 2 - n[d] / 2);
         break;
-      case Ie:
+      case Me:
         l[u] = l[u] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
   return l;
 }
-function we(e, t) {
+function Ae(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, o = r === void 0 ? e.placement : r, i = n.strategy, c = i === void 0 ? e.strategy : i, a = n.boundary, l = a === void 0 ? Xn : a, u = n.rootBoundary, d = u === void 0 ? Gt : u, h = n.elementContext, _ = h === void 0 ? ve : h, p = n.altBoundary, m = p === void 0 ? !1 : p, E = n.padding, v = E === void 0 ? 0 : E, w = Kt(typeof v != "number" ? v : Zt(v, Ae)), T = _ === ve ? Qn : ve, O = e.rects.popper, b = e.elements[m ? T : _], g = Nr(ae(b) ? b : b.contextElement || Q(e.elements.popper), l, d, c), M = pe(e.elements.reference), L = Qt({
-    reference: M,
-    element: O,
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, i = n.strategy, c = i === void 0 ? e.strategy : i, a = n.boundary, l = a === void 0 ? Zn : a, u = n.rootBoundary, d = u === void 0 ? Yt : u, _ = n.elementContext, h = _ === void 0 ? be : _, p = n.altBoundary, m = p === void 0 ? !1 : p, b = n.padding, v = b === void 0 ? 0 : b, T = Qt(typeof v != "number" ? v : en(v, Le)), M = h === be ? Xn : be, A = e.rects.popper, E = e.elements[m ? M : h], g = No(ce(E) ? E : E.contextElement || Q(e.elements.popper), l, d, c), w = _e(e.elements.reference), P = nn({
+    reference: w,
+    element: A,
     strategy: "absolute",
-    placement: o
-  }), N = ze(Object.assign({}, O, L)), S = _ === ve ? N : M, U = {
-    top: g.top - S.top + w.top,
-    bottom: S.bottom - g.bottom + w.bottom,
-    left: g.left - S.left + w.left,
-    right: S.right - g.right + w.right
-  }, A = e.modifiersData.offset;
-  if (_ === ve && A) {
-    var D = A[o];
-    Object.keys(U).forEach(function(R) {
-      var J = [G, F].indexOf(R) >= 0 ? 1 : -1, ee = [x, F].indexOf(R) >= 0 ? "y" : "x";
-      U[R] += D[ee] * J;
+    placement: r
+  }), N = Je(Object.assign({}, A, P)), S = h === be ? N : w, U = {
+    top: g.top - S.top + T.top,
+    bottom: S.bottom - g.bottom + T.bottom,
+    left: g.left - S.left + T.left,
+    right: S.right - g.right + T.right
+  }, O = e.modifiersData.offset;
+  if (h === be && O) {
+    var R = O[r];
+    Object.keys(U).forEach(function(D) {
+      var ee = [V, F].indexOf(D) >= 0 ? 1 : -1, te = [H, F].indexOf(D) >= 0 ? "y" : "x";
+      U[D] += R[te] * ee;
     });
   }
   return U;
 }
-function Sr(e, t) {
+function So(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, o = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, l = n.allowedAutoPlacements, u = l === void 0 ? $t : l, d = fe(r), h = d ? a ? Ot : Ot.filter(function(m) {
-    return fe(m) === d;
-  }) : Ae, _ = h.filter(function(m) {
+  var n = t, o = n.placement, r = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, l = n.allowedAutoPlacements, u = l === void 0 ? Kt : l, d = he(o), _ = d ? a ? Nt : Nt.filter(function(m) {
+    return he(m) === d;
+  }) : Le, h = _.filter(function(m) {
     return u.indexOf(m) >= 0;
   });
-  _.length === 0 && (_ = h, {}.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
-  var p = _.reduce(function(m, E) {
-    return m[E] = we(e, {
-      placement: E,
-      boundary: o,
+  h.length === 0 && (h = _, {}.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
+  var p = h.reduce(function(m, b) {
+    return m[b] = Ae(e, {
+      placement: b,
+      boundary: r,
       rootBoundary: i,
       padding: c
-    })[j(E)], m;
+    })[j(b)], m;
   }, {});
-  return Object.keys(p).sort(function(m, E) {
-    return p[m] - p[E];
+  return Object.keys(p).sort(function(m, b) {
+    return p[m] - p[b];
   });
 }
-function Ur(e) {
-  if (j(e) === Be)
+function Uo(e) {
+  if (j(e) === Fe)
     return [];
-  var t = Re(e);
-  return [Nt(e), t, Nt(t)];
-}
-function Cr(e) {
-  var t = e.state, n = e.options, r = e.name;
-  if (!t.modifiersData[r]._skip) {
-    for (var o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !0 : c, l = n.fallbackPlacements, u = n.padding, d = n.boundary, h = n.rootBoundary, _ = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, E = n.allowedAutoPlacements, v = t.options.placement, w = j(v), T = w === v, O = l || (T || !m ? [Re(v)] : Ur(v)), b = [v].concat(O).reduce(function(se, Z) {
-      return se.concat(j(Z) === Be ? Sr(t, {
+  var t = Be(e);
+  return [Ct(e), t, Ct(t)];
+}
+function Co(e) {
+  var t = e.state, n = e.options, o = e.name;
+  if (!t.modifiersData[o]._skip) {
+    for (var r = n.mainAxis, i = r === void 0 ? !0 : r, c = n.altAxis, a = c === void 0 ? !0 : c, l = n.fallbackPlacements, u = n.padding, d = n.boundary, _ = n.rootBoundary, h = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, b = n.allowedAutoPlacements, v = t.options.placement, T = j(v), M = T === v, A = l || (M || !m ? [Be(v)] : Uo(v)), E = [v].concat(A).reduce(function(ue, Z) {
+      return ue.concat(j(Z) === Fe ? So(t, {
         placement: Z,
         boundary: d,
-        rootBoundary: h,
+        rootBoundary: _,
         padding: u,
         flipVariations: m,
-        allowedAutoPlacements: E
+        allowedAutoPlacements: b
       }) : Z);
-    }, []), g = t.rects.reference, M = t.rects.popper, L = /* @__PURE__ */ new Map(), N = !0, S = b[0], U = 0; U < b.length; U++) {
-      var A = b[U], D = j(A), R = fe(A) === ue, J = [x, F].indexOf(D) >= 0, ee = J ? "width" : "height", B = we(t, {
-        placement: A,
+    }, []), g = t.rects.reference, w = t.rects.popper, P = /* @__PURE__ */ new Map(), N = !0, S = E[0], U = 0; U < E.length; U++) {
+      var O = E[U], R = j(O), D = he(O) === pe, ee = [H, F].indexOf(R) >= 0, te = ee ? "width" : "height", B = Ae(t, {
+        placement: O,
         boundary: d,
-        rootBoundary: h,
-        altBoundary: _,
+        rootBoundary: _,
+        altBoundary: h,
         padding: u
-      }), $ = J ? R ? G : H : R ? F : x;
-      g[ee] > M[ee] && ($ = Re($));
-      var Oe = Re($), te = [];
-      if (i && te.push(B[D] <= 0), a && te.push(B[$] <= 0, B[Oe] <= 0), te.every(function(se) {
-        return se;
+      }), G = ee ? D ? V : x : D ? F : H;
+      g[te] > w[te] && (G = Be(G));
+      var Ne = Be(G), ne = [];
+      if (i && ne.push(B[R] <= 0), a && ne.push(B[G] <= 0, B[Ne] <= 0), ne.every(function(ue) {
+        return ue;
       })) {
-        S = A, N = !1;
+        S = O, N = !1;
         break;
       }
-      L.set(A, te);
+      P.set(O, ne);
     }
     if (N)
-      for (var Pe = m ? 3 : 1, We = function(Z) {
-        var me = b.find(function(Ne) {
-          var ne = L.get(Ne);
-          if (ne)
-            return ne.slice(0, Z).every(function(qe) {
-              return qe;
+      for (var Se = m ? 3 : 1, Ge = function(Z) {
+        var Ee = E.find(function(Ce) {
+          var oe = P.get(Ce);
+          if (oe)
+            return oe.slice(0, Z).every(function($e) {
+              return $e;
             });
         });
-        if (me)
-          return S = me, "break";
-      }, _e = Pe; _e > 0; _e--) {
-        var Le = We(_e);
-        if (Le === "break")
+        if (Ee)
+          return S = Ee, "break";
+      }, ve = Se; ve > 0; ve--) {
+        var Ue = Ge(ve);
+        if (Ue === "break")
           break;
       }
-    t.placement !== S && (t.modifiersData[r]._skip = !0, t.placement = S, t.reset = !0);
+    t.placement !== S && (t.modifiersData[o]._skip = !0, t.placement = S, t.reset = !0);
   }
 }
-const Dr = {
+const Ro = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Cr,
+  fn: Co,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Ut(e, t, n) {
+function Dt(e, t, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -1498,39 +1313,39 @@ function Ut(e, t, n) {
     left: e.left - t.width - n.x
   };
 }
-function Ct(e) {
-  return [x, G, F, H].some(function(t) {
+function Ht(e) {
+  return [H, V, F, x].some(function(t) {
     return e[t] >= 0;
   });
 }
-function Rr(e) {
-  var t = e.state, n = e.name, r = t.rects.reference, o = t.rects.popper, i = t.modifiersData.preventOverflow, c = we(t, {
+function Do(e) {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, i = t.modifiersData.preventOverflow, c = Ae(t, {
     elementContext: "reference"
-  }), a = we(t, {
+  }), a = Ae(t, {
     altBoundary: !0
-  }), l = Ut(c, r), u = Ut(a, o, i), d = Ct(l), h = Ct(u);
+  }), l = Dt(c, o), u = Dt(a, r, i), d = Ht(l), _ = Ht(u);
   t.modifiersData[n] = {
     referenceClippingOffsets: l,
     popperEscapeOffsets: u,
     isReferenceHidden: d,
-    hasPopperEscaped: h
+    hasPopperEscaped: _
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-reference-hidden": d,
-    "data-popper-escaped": h
+    "data-popper-escaped": _
   });
 }
-const xr = {
+const Ho = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Rr
+  fn: Do
 };
-function Hr(e, t, n) {
-  var r = j(e), o = [H, x].indexOf(r) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, t, {
+function xo(e, t, n) {
+  var o = j(e), r = [x, H].indexOf(o) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
   })) : n, c = i[0], a = i[1];
-  return c = c || 0, a = (a || 0) * o, [H, G].indexOf(r) >= 0 ? {
+  return c = c || 0, a = (a || 0) * r, [x, V].indexOf(o) >= 0 ? {
     x: a,
     y: c
   } : {
@@ -1538,136 +1353,136 @@ function Hr(e, t, n) {
     y: a
   };
 }
-function Br(e) {
-  var t = e.state, n = e.options, r = e.name, o = n.offset, i = o === void 0 ? [0, 0] : o, c = $t.reduce(function(d, h) {
-    return d[h] = Hr(h, t.rects, i), d;
+function Bo(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.offset, i = r === void 0 ? [0, 0] : r, c = Kt.reduce(function(d, _) {
+    return d[_] = xo(_, t.rects, i), d;
   }, {}), a = c[t.placement], l = a.x, u = a.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += u), t.modifiersData[r] = c;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += u), t.modifiersData[o] = c;
 }
-const kr = {
+const ko = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Br
+  fn: Bo
 };
-function Wr(e) {
+function Wo(e) {
   var t = e.state, n = e.name;
-  t.modifiersData[n] = Qt({
+  t.modifiersData[n] = nn({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
     placement: t.placement
   });
 }
-const qr = {
+const qo = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Wr,
+  fn: Wo,
   data: {}
 };
-function Vr(e) {
+function Fo(e) {
   return e === "x" ? "y" : "x";
 }
-function Fr(e) {
-  var t = e.state, n = e.options, r = e.name, o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !1 : c, l = n.boundary, u = n.rootBoundary, d = n.altBoundary, h = n.padding, _ = n.tether, p = _ === void 0 ? !0 : _, m = n.tetherOffset, E = m === void 0 ? 0 : m, v = we(t, {
+function Vo(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, i = r === void 0 ? !0 : r, c = n.altAxis, a = c === void 0 ? !1 : c, l = n.boundary, u = n.rootBoundary, d = n.altBoundary, _ = n.padding, h = n.tether, p = h === void 0 ? !0 : h, m = n.tetherOffset, b = m === void 0 ? 0 : m, v = Ae(t, {
     boundary: l,
     rootBoundary: u,
-    padding: h,
+    padding: _,
     altBoundary: d
-  }), w = j(t.placement), T = fe(t.placement), O = !T, b = at(w), g = Vr(b), M = t.modifiersData.popperOffsets, L = t.rects.reference, N = t.rects.popper, S = typeof E == "function" ? E(Object.assign({}, t.rects, {
+  }), T = j(t.placement), M = he(t.placement), A = !M, E = ct(T), g = Fo(E), w = t.modifiersData.popperOffsets, P = t.rects.reference, N = t.rects.popper, S = typeof b == "function" ? b(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : E, U = typeof S == "number" ? {
+  })) : b, U = typeof S == "number" ? {
     mainAxis: S,
     altAxis: S
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, S), A = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, D = {
+  }, S), O = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
     x: 0,
     y: 0
   };
-  if (M) {
+  if (w) {
     if (i) {
-      var R, J = b === "y" ? x : H, ee = b === "y" ? F : G, B = b === "y" ? "height" : "width", $ = M[b], Oe = $ + v[J], te = $ - v[ee], Pe = p ? -N[B] / 2 : 0, We = T === ue ? L[B] : N[B], _e = T === ue ? -N[B] : -L[B], Le = t.elements.arrow, se = p && Le ? it(Le) : {
+      var D, ee = E === "y" ? H : x, te = E === "y" ? F : V, B = E === "y" ? "height" : "width", G = w[E], Ne = G + v[ee], ne = G - v[te], Se = p ? -N[B] / 2 : 0, Ge = M === pe ? P[B] : N[B], ve = M === pe ? -N[B] : -P[B], Ue = t.elements.arrow, ue = p && Ue ? lt(Ue) : {
         width: 0,
         height: 0
-      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : zt(), me = Z[J], Ne = Z[ee], ne = be(0, L[B], se[B]), qe = O ? L[B] / 2 - Pe - ne - me - U.mainAxis : We - ne - me - U.mainAxis, ln = O ? -L[B] / 2 + Pe + ne + Ne + U.mainAxis : _e + ne + Ne + U.mainAxis, Ve = t.elements.arrow && ye(t.elements.arrow), cn = Ve ? b === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, ht = (R = A == null ? void 0 : A[b]) != null ? R : 0, un = $ + qe - ht - cn, dn = $ + ln - ht, _t = be(p ? He(Oe, un) : Oe, $, p ? ie(te, dn) : te);
-      M[b] = _t, D[b] = _t - $;
+      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Jt(), Ee = Z[ee], Ce = Z[te], oe = Te(0, P[B], ue[B]), $e = A ? P[B] / 2 - Se - oe - Ee - U.mainAxis : Ge - oe - Ee - U.mainAxis, pn = A ? -P[B] / 2 + Se + oe + Ce + U.mainAxis : ve + oe + Ce + U.mainAxis, je = t.elements.arrow && Pe(t.elements.arrow), fn = je ? E === "y" ? je.clientTop || 0 : je.clientLeft || 0 : 0, vt = (D = O == null ? void 0 : O[E]) != null ? D : 0, _n = G + $e - vt - fn, hn = G + pn - vt, Et = Te(p ? qe(Ne, _n) : Ne, G, p ? le(ne, hn) : ne);
+      w[E] = Et, R[E] = Et - G;
     }
     if (a) {
-      var mt, pn = b === "x" ? x : H, fn = b === "x" ? F : G, re = M[g], Se = g === "y" ? "height" : "width", vt = re + v[pn], Et = re - v[fn], Fe = [x, H].indexOf(w) !== -1, bt = (mt = A == null ? void 0 : A[g]) != null ? mt : 0, gt = Fe ? vt : re - L[Se] - N[Se] - bt + U.altAxis, It = Fe ? re + L[Se] + N[Se] - bt - U.altAxis : Et, wt = p && Fe ? fr(gt, re, It) : be(p ? gt : vt, re, p ? It : Et);
-      M[g] = wt, D[g] = wt - re;
+      var bt, mn = E === "x" ? H : x, vn = E === "x" ? F : V, re = w[g], Re = g === "y" ? "height" : "width", gt = re + v[mn], It = re - v[vn], ze = [H, x].indexOf(T) !== -1, Tt = (bt = O == null ? void 0 : O[g]) != null ? bt : 0, wt = ze ? gt : re - P[Re] - N[Re] - Tt + U.altAxis, Mt = ze ? re + P[Re] + N[Re] - Tt - U.altAxis : It, At = p && ze ? fo(wt, re, Mt) : Te(p ? wt : gt, re, p ? Mt : It);
+      w[g] = At, R[g] = At - re;
     }
-    t.modifiersData[r] = D;
+    t.modifiersData[o] = R;
   }
 }
-const Gr = {
+const Go = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Fr,
+  fn: Vo,
   requiresIfExists: ["offset"]
 };
-function $r(e) {
+function $o(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function jr(e) {
-  return e === V(e) || !q(e) ? st(e) : $r(e);
+function jo(e) {
+  return e === q(e) || !W(e) ? ut(e) : $o(e);
 }
-function Yr(e) {
-  var t = e.getBoundingClientRect(), n = de(t.width) / e.offsetWidth || 1, r = de(t.height) / e.offsetHeight || 1;
-  return n !== 1 || r !== 1;
+function zo(e) {
+  var t = e.getBoundingClientRect(), n = fe(t.width) / e.offsetWidth || 1, o = fe(t.height) / e.offsetHeight || 1;
+  return n !== 1 || o !== 1;
 }
-function zr(e, t, n) {
+function Yo(e, t, n) {
   n === void 0 && (n = !1);
-  var r = q(t), o = q(t) && Yr(t), i = Q(t), c = pe(e, o, n), a = {
+  var o = W(t), r = W(t) && zo(t), i = Q(t), c = _e(e, r, n), a = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
     x: 0,
     y: 0
   };
-  return (r || !r && !n) && ((K(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  ct(i)) && (a = jr(t)), q(t) ? (l = pe(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = lt(i))), {
+  return (o || !o && !n) && ((K(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  pt(i)) && (a = jo(t)), W(t) ? (l = _e(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = dt(i))), {
     x: c.left + a.scrollLeft - l.x,
     y: c.top + a.scrollTop - l.y,
     width: c.width,
     height: c.height
   };
 }
-function Kr(e) {
-  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
+function Ko(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o = [];
   e.forEach(function(i) {
     t.set(i.name, i);
   });
-  function o(i) {
+  function r(i) {
     n.add(i.name);
     var c = [].concat(i.requires || [], i.requiresIfExists || []);
     c.forEach(function(a) {
       if (!n.has(a)) {
         var l = t.get(a);
-        l && o(l);
+        l && r(l);
       }
-    }), r.push(i);
+    }), o.push(i);
   }
   return e.forEach(function(i) {
-    n.has(i.name) || o(i);
-  }), r;
-}
-function Zr(e) {
-  var t = Kr(e);
-  return je.reduce(function(n, r) {
-    return n.concat(t.filter(function(o) {
-      return o.phase === r;
+    n.has(i.name) || r(i);
+  }), o;
+}
+function Zo(e) {
+  var t = Ko(e);
+  return Ze.reduce(function(n, o) {
+    return n.concat(t.filter(function(r) {
+      return r.phase === o;
     }));
   }, []);
 }
-function Xr(e) {
+function Xo(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(n) {
@@ -1678,97 +1493,97 @@ function Xr(e) {
   };
 }
 function X(e) {
-  for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++)
-    n[r - 1] = arguments[r];
-  return [].concat(n).reduce(function(o, i) {
-    return o.replace(/%s/, i);
+  for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
+    n[o - 1] = arguments[o];
+  return [].concat(n).reduce(function(r, i) {
+    return r.replace(/%s/, i);
   }, e);
 }
-var oe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Qr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Dt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function Jr(e) {
+var ae = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Jo = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', xt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function Qo(e) {
   e.forEach(function(t) {
-    [].concat(Object.keys(t), Dt).filter(function(n, r, o) {
-      return o.indexOf(n) === r;
+    [].concat(Object.keys(t), xt).filter(function(n, o, r) {
+      return r.indexOf(n) === o;
     }).forEach(function(n) {
       switch (n) {
         case "name":
-          typeof t.name != "string" && console.error(X(oe, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
+          typeof t.name != "string" && console.error(X(ae, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
           break;
         case "enabled":
-          typeof t.enabled != "boolean" && console.error(X(oe, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
+          typeof t.enabled != "boolean" && console.error(X(ae, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
           break;
         case "phase":
-          je.indexOf(t.phase) < 0 && console.error(X(oe, t.name, '"phase"', "either " + je.join(", "), '"' + String(t.phase) + '"'));
+          Ze.indexOf(t.phase) < 0 && console.error(X(ae, t.name, '"phase"', "either " + Ze.join(", "), '"' + String(t.phase) + '"'));
           break;
         case "fn":
-          typeof t.fn != "function" && console.error(X(oe, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
+          typeof t.fn != "function" && console.error(X(ae, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "effect":
-          t.effect != null && typeof t.effect != "function" && console.error(X(oe, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
+          t.effect != null && typeof t.effect != "function" && console.error(X(ae, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "requires":
-          t.requires != null && !Array.isArray(t.requires) && console.error(X(oe, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
+          t.requires != null && !Array.isArray(t.requires) && console.error(X(ae, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
           break;
         case "requiresIfExists":
-          Array.isArray(t.requiresIfExists) || console.error(X(oe, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
+          Array.isArray(t.requiresIfExists) || console.error(X(ae, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
           break;
         case "options":
         case "data":
           break;
         default:
-          console.error('PopperJS: an invalid property has been provided to the "' + t.name + '" modifier, valid properties are ' + Dt.map(function(r) {
-            return '"' + r + '"';
+          console.error('PopperJS: an invalid property has been provided to the "' + t.name + '" modifier, valid properties are ' + xt.map(function(o) {
+            return '"' + o + '"';
           }).join(", ") + '; but "' + n + '" was provided.');
       }
-      t.requires && t.requires.forEach(function(r) {
-        e.find(function(o) {
-          return o.name === r;
-        }) == null && console.error(X(Qr, String(t.name), r, r));
+      t.requires && t.requires.forEach(function(o) {
+        e.find(function(r) {
+          return r.name === o;
+        }) == null && console.error(X(Jo, String(t.name), o, o));
       });
     });
   });
 }
-function eo(e, t) {
+function er(e, t) {
   var n = /* @__PURE__ */ new Set();
-  return e.filter(function(r) {
-    var o = t(r);
-    if (!n.has(o))
-      return n.add(o), !0;
+  return e.filter(function(o) {
+    var r = t(o);
+    if (!n.has(r))
+      return n.add(r), !0;
   });
 }
-function to(e) {
-  var t = e.reduce(function(n, r) {
-    var o = n[r.name];
-    return n[r.name] = o ? Object.assign({}, o, r, {
-      options: Object.assign({}, o.options, r.options),
-      data: Object.assign({}, o.data, r.data)
-    }) : r, n;
+function tr(e) {
+  var t = e.reduce(function(n, o) {
+    var r = n[o.name];
+    return n[o.name] = r ? Object.assign({}, r, o, {
+      options: Object.assign({}, r.options, o.options),
+      data: Object.assign({}, r.data, o.data)
+    }) : o, n;
   }, {});
   return Object.keys(t).map(function(n) {
     return t[n];
   });
 }
-var Rt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", no = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", xt = {
+var Bt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", nr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", kt = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Ht() {
+function Wt() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return !t.some(function(r) {
-    return !(r && typeof r.getBoundingClientRect == "function");
+  return !t.some(function(o) {
+    return !(o && typeof o.getBoundingClientRect == "function");
   });
 }
-function ro(e) {
+function or(e) {
   e === void 0 && (e = {});
-  var t = e, n = t.defaultModifiers, r = n === void 0 ? [] : n, o = t.defaultOptions, i = o === void 0 ? xt : o;
+  var t = e, n = t.defaultModifiers, o = n === void 0 ? [] : n, r = t.defaultOptions, i = r === void 0 ? kt : r;
   return function(a, l, u) {
     u === void 0 && (u = i);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, xt, i),
+      options: Object.assign({}, kt, i),
       modifiersData: {},
       elements: {
         reference: a,
@@ -1776,32 +1591,32 @@ function ro(e) {
       },
       attributes: {},
       styles: {}
-    }, h = [], _ = !1, p = {
+    }, _ = [], h = !1, p = {
       state: d,
-      setOptions: function(w) {
-        var T = typeof w == "function" ? w(d.options) : w;
-        E(), d.options = Object.assign({}, i, d.options, T), d.scrollParents = {
-          reference: ae(a) ? ge(a) : a.contextElement ? ge(a.contextElement) : [],
-          popper: ge(l)
+      setOptions: function(T) {
+        var M = typeof T == "function" ? T(d.options) : T;
+        b(), d.options = Object.assign({}, i, d.options, M), d.scrollParents = {
+          reference: ce(a) ? we(a) : a.contextElement ? we(a.contextElement) : [],
+          popper: we(l)
         };
-        var O = Zr(to([].concat(r, d.options.modifiers)));
-        if (d.orderedModifiers = O.filter(function(A) {
-          return A.enabled;
+        var A = Zo(tr([].concat(o, d.options.modifiers)));
+        if (d.orderedModifiers = A.filter(function(O) {
+          return O.enabled;
         }), {}.NODE_ENV !== "production") {
-          var b = eo([].concat(O, d.options.modifiers), function(A) {
-            var D = A.name;
-            return D;
+          var E = er([].concat(A, d.options.modifiers), function(O) {
+            var R = O.name;
+            return R;
           });
-          if (Jr(b), j(d.options.placement) === Be) {
-            var g = d.orderedModifiers.find(function(A) {
-              var D = A.name;
-              return D === "flip";
+          if (Qo(E), j(d.options.placement) === Fe) {
+            var g = d.orderedModifiers.find(function(O) {
+              var R = O.name;
+              return R === "flip";
             });
             g || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
-          var M = Y(l), L = M.marginTop, N = M.marginRight, S = M.marginBottom, U = M.marginLeft;
-          [L, N, S, U].some(function(A) {
-            return parseFloat(A);
+          var w = z(l), P = w.marginTop, N = w.marginRight, S = w.marginBottom, U = w.marginLeft;
+          [P, N, S, U].some(function(O) {
+            return parseFloat(O);
           }) && console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
         }
         return m(), p.update();
@@ -1812,29 +1627,29 @@ function ro(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!_) {
-          var w = d.elements, T = w.reference, O = w.popper;
-          if (!Ht(T, O)) {
-            ({}).NODE_ENV !== "production" && console.error(Rt);
+        if (!h) {
+          var T = d.elements, M = T.reference, A = T.popper;
+          if (!Wt(M, A)) {
+            ({}).NODE_ENV !== "production" && console.error(Bt);
             return;
           }
           d.rects = {
-            reference: zr(T, ye(O), d.options.strategy === "fixed"),
-            popper: it(O)
-          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(A) {
-            return d.modifiersData[A.name] = Object.assign({}, A.data);
+            reference: Yo(M, Pe(A), d.options.strategy === "fixed"),
+            popper: lt(A)
+          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(O) {
+            return d.modifiersData[O.name] = Object.assign({}, O.data);
           });
-          for (var b = 0, g = 0; g < d.orderedModifiers.length; g++) {
-            if ({}.NODE_ENV !== "production" && (b += 1, b > 100)) {
-              console.error(no);
+          for (var E = 0, g = 0; g < d.orderedModifiers.length; g++) {
+            if ({}.NODE_ENV !== "production" && (E += 1, E > 100)) {
+              console.error(nr);
               break;
             }
             if (d.reset === !0) {
               d.reset = !1, g = -1;
               continue;
             }
-            var M = d.orderedModifiers[g], L = M.fn, N = M.options, S = N === void 0 ? {} : N, U = M.name;
-            typeof L == "function" && (d = L({
+            var w = d.orderedModifiers[g], P = w.fn, N = w.options, S = N === void 0 ? {} : N, U = w.name;
+            typeof P == "function" && (d = P({
               state: d,
               options: S,
               name: U,
@@ -1845,200 +1660,200 @@ function ro(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Xr(function() {
+      update: Xo(function() {
         return new Promise(function(v) {
           p.forceUpdate(), v(d);
         });
       }),
       destroy: function() {
-        E(), _ = !0;
+        b(), h = !0;
       }
     };
-    if (!Ht(a, l))
-      return {}.NODE_ENV !== "production" && console.error(Rt), p;
+    if (!Wt(a, l))
+      return {}.NODE_ENV !== "production" && console.error(Bt), p;
     p.setOptions(u).then(function(v) {
-      !_ && u.onFirstUpdate && u.onFirstUpdate(v);
+      !h && u.onFirstUpdate && u.onFirstUpdate(v);
     });
     function m() {
       d.orderedModifiers.forEach(function(v) {
-        var w = v.name, T = v.options, O = T === void 0 ? {} : T, b = v.effect;
-        if (typeof b == "function") {
-          var g = b({
+        var T = v.name, M = v.options, A = M === void 0 ? {} : M, E = v.effect;
+        if (typeof E == "function") {
+          var g = E({
             state: d,
-            name: w,
+            name: T,
             instance: p,
-            options: O
-          }), M = function() {
+            options: A
+          }), w = function() {
           };
-          h.push(g || M);
+          _.push(g || w);
         }
       });
     }
-    function E() {
-      h.forEach(function(v) {
+    function b() {
+      _.forEach(function(v) {
         return v();
-      }), h = [];
+      }), _ = [];
     }
     return p;
   };
 }
-var oo = [Mr, qr, Ir, ur, kr, Dr, Gr, vr, xr], Jt = /* @__PURE__ */ ro({
-  defaultModifiers: oo
+var rr = [wo, qo, Io, co, ko, Ro, Go, vo, Ho], on = /* @__PURE__ */ or({
+  defaultModifiers: rr
 });
-function Ke(e, t, n, r) {
-  t ? (e.classList.remove(r), e.classList.add(n)) : (e.classList.add(r), e.classList.remove(n));
+function Qe(e, t, n, o) {
+  t ? (e.classList.remove(o), e.classList.add(n)) : (e.classList.add(o), e.classList.remove(n));
 }
 let k;
-const Ee = {}, Ze = {
+const ge = {}, et = {
   SHIFT: "shift-key"
 };
-function en() {
+function rn() {
   k && (document.removeEventListener("click", k.globalOnClick), document.removeEventListener("keyup", k.globalOnKeyup), document.removeEventListener("keydown", k.globalOnKeydown), k = null);
 }
-function Xe() {
+function tt() {
   const e = document.querySelectorAll(
     `${f(s.UTAH_DESIGN_SYSTEM)} ${f(s.POPUP_WRAPPER)}`
   );
   Array.from(e).filter((t) => !t.classList.contains(s.POPUP__HIDDEN)).forEach((t) => {
     const n = t.getAttribute("id");
     if (n) {
-      const r = document.querySelector(`[aria-controls="${n}"]`);
-      r && r.setAttribute("aria-expanded", "false");
+      const o = document.querySelector(`[aria-controls="${n}"]`);
+      o && o.setAttribute("aria-expanded", "false");
     }
-    Ke(t, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
+    Qe(t, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
   });
 }
-function io() {
-  k && en(), k = {}, k.globalOnClick = Xe, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (e) => {
-    e.key === "Escape" && Xe(), e.shiftKey || (Ee[Ze.SHIFT] = !1), Ee[e.key] = !1;
+function ir() {
+  k && rn(), k = {}, k.globalOnClick = tt, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (e) => {
+    e.key === "Escape" && tt(), e.shiftKey || (ge[et.SHIFT] = !1), ge[e.key] = !1;
   }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (e) => {
-    e.shiftKey && (Ee[Ze.SHIFT] = !0), Ee[e.key] = !0;
+    e.shiftKey && (ge[et.SHIFT] = !0), ge[e.key] = !0;
   }, document.addEventListener("keydown", k.globalOnKeydown);
 }
-function ao() {
+function ar() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Me(e, t, n, r, o) {
+function Oe(e, t, n, o, r) {
   let i = NaN, c = NaN;
   const a = 300, l = 150, u = 50;
-  t.setAttribute("aria-expanded", "false"), t.setAttribute("aria-haspopup", r);
-  function d(_) {
-    clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o != null && o.isPerformPopup && o.isPerformPopup()) && (i = window.setTimeout(
+  t.setAttribute("aria-expanded", "false"), t.setAttribute("aria-haspopup", o);
+  function d(h) {
+    clearTimeout(i), clearTimeout(c), (!(r != null && r.isPerformPopup) || r != null && r.isPerformPopup && r.isPerformPopup()) && (i = window.setTimeout(
       () => {
-        Jt(t, n, {
-          placement: (o == null ? void 0 : o.popupPlacement) || Qe.BOTTOM,
+        on(t, n, {
+          placement: (r == null ? void 0 : r.popupPlacement) || at.BOTTOM,
           modifiers: [
             {
               name: "offset",
               options: { offset: [0, 11] }
             }
           ]
-        }), Ke(n, !0, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "true"), document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach((p) => p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN));
+        }), Qe(n, !0, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "true"), document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach((p) => p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN));
       },
-      _
+      h
     ));
   }
-  function h(_) {
-    clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (c = window.setTimeout(
+  function _(h) {
+    clearTimeout(i), clearTimeout(c), (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (c = window.setTimeout(
       () => {
-        Ke(n, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
+        Qe(n, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
       },
-      _
+      h
     ));
   }
-  if (o != null && o.preventOnClickHandling || (e.addEventListener("focusin", () => d(l)), e.addEventListener("focusout", () => h(l))), o != null && o.shouldFocusOnHover && (e.addEventListener("mouseenter", () => d(a)), e.addEventListener("mouseleave", () => h(a))), !(o != null && o.preventOnClickHandling)) {
+  if (r != null && r.preventOnClickHandling || (e.addEventListener("focusin", () => d(l)), e.addEventListener("focusout", () => _(l))), r != null && r.shouldFocusOnHover && (e.addEventListener("mouseenter", () => d(a)), e.addEventListener("mouseleave", () => _(a))), !(r != null && r.preventOnClickHandling)) {
     if (t.onclick)
       throw new Error("popupFocusHandler: button already has onclick");
-    t.onclick = (_) => {
+    t.onclick = (h) => {
       var m;
       const p = t.getAttribute("aria-expanded") === "true";
-      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (_.stopPropagation(), _.preventDefault(), p && t.getAttribute("aria-expanded") === "true" ? (h(u), (m = document.activeElement) == null || m.blur()) : (ao() && Xe(), d(u))), o != null && o.onClick && o.onClick(_);
+      (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (h.stopPropagation(), h.preventDefault(), p && t.getAttribute("aria-expanded") === "true" ? (_(u), (m = document.activeElement) == null || m.blur()) : (ar() && tt(), d(u))), r != null && r.onClick && r.onClick(h);
     };
   }
 }
-const so = `<div class="popup__wrapper popup__wrapper--hidden">
+const sr = `<div class="popup__wrapper popup__wrapper--hidden">
   <div class="popup__content">
     <div class="popup__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
-function ut(e, t) {
+function ft(e, t) {
   const n = e.getAttribute("id");
   if (!n)
     throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
-  const r = C();
-  e.setAttribute("aria-controls", r);
-  const o = I(so);
-  if (o.setAttribute("id", r), o.setAttribute("aria-labelledby", n), t != null && t.removePopupArrow) {
-    const i = o.querySelector(f(s.POPUP_ARROW));
+  const o = C();
+  e.setAttribute("aria-controls", o);
+  const r = I(sr);
+  if (r.setAttribute("id", o), r.setAttribute("aria-labelledby", n), t != null && t.removePopupArrow) {
+    const i = r.querySelector(f(s.POPUP_ARROW));
     if (!i)
       throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");
     i.remove();
   }
-  return o;
+  return r;
 }
-function lo(e) {
+function lr(e) {
   const t = e.closest("li");
   if (!t)
     throw console.error("element", e), new Error("toggleChildMenuExpansion: parent not found for child");
   t.querySelectorAll(":scope > ul").forEach((n) => {
     var i;
-    const r = (i = n.closest("li")) == null ? void 0 : i.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));
-    if (!r)
-      throw new Error("toggleChildMenuExpansion: button not found");
-    const o = r.querySelector(`:scope > ${f(s.POPUP_MENU__CHEVRON)}`);
+    const o = (i = n.closest("li")) == null ? void 0 : i.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));
     if (!o)
+      throw new Error("toggleChildMenuExpansion: button not found");
+    const r = o.querySelector(`:scope > ${f(s.POPUP_MENU__CHEVRON)}`);
+    if (!r)
       throw new Error("toggleChildMenuExpansion: chevron not found");
-    n.classList.toggle(s.VISUALLY_HIDDEN), n.classList.contains(s.VISUALLY_HIDDEN) ? (r.setAttribute("aria-expanded", "false"), o.classList.add(s.IS_CLOSED), o.classList.remove(s.IS_OPEN)) : (r.setAttribute("aria-expanded", "true"), o.classList.remove(s.IS_CLOSED), o.classList.add(s.IS_OPEN));
+    n.classList.toggle(s.VISUALLY_HIDDEN), n.classList.contains(s.VISUALLY_HIDDEN) ? (o.setAttribute("aria-expanded", "false"), r.classList.add(s.IS_CLOSED), r.classList.remove(s.IS_OPEN)) : (o.setAttribute("aria-expanded", "true"), r.classList.remove(s.IS_CLOSED), r.classList.add(s.IS_OPEN));
   });
 }
-function co(e) {
+function cr(e) {
   return (t) => {
-    t.preventDefault(), t.stopPropagation(), lo(e);
+    t.preventDefault(), t.stopPropagation(), lr(e);
   };
 }
-function Bt() {
+function qt() {
   const e = I(zn);
   return e.classList.add(s.IS_CLOSED), e;
 }
-function uo(e, t, n) {
-  var h, _;
-  const r = I(Zn), o = r.querySelector(f(s.POPUP_MENU__TITLE));
-  if (!o)
+function ur(e, t, n) {
+  var _, h;
+  const o = I(Kn), r = o.querySelector(f(s.POPUP_MENU__TITLE));
+  if (!r)
     throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
   const i = (
     /** @type HTMLElement | null */
-    r.querySelector(f(s.POPUP_MENU__BUTTON_TITLE))
+    o.querySelector(f(s.POPUP_MENU__BUTTON_TITLE))
   );
   if (!i)
     throw new Error("renderPopupMenuItem: menuButton not found");
   const c = (
     /** @type HTMLElement | null */
-    r.querySelector(f(s.POPUP_MENU__LINK_TITLE))
+    o.querySelector(f(s.POPUP_MENU__LINK_TITLE))
   );
   if (!c)
     throw new Error("renderPopupMenuItem: aHref not found");
   const a = (
     /** @type HTMLElement | null */
-    r.querySelector(f(s.POPUP_MENU__PLAIN_TITLE))
+    o.querySelector(f(s.POPUP_MENU__PLAIN_TITLE))
   );
   if (!a)
     throw new Error("renderPopupMenuItem: plainTitle not found");
-  const l = r.querySelector(f(s.POPUP_MENU__DIVIDER));
+  const l = o.querySelector(f(s.POPUP_MENU__DIVIDER));
   if (!l)
     throw new Error("renderPopupMenuItem: menuDivider not found");
-  const u = r.querySelector(`button ${f(s.POPUP_MENU__LINK_TEXT)}`);
+  const u = o.querySelector(`button ${f(s.POPUP_MENU__LINK_TEXT)}`);
   if (!u)
     throw new Error("renderPopupMenuItem: titleSpanButton not found");
-  const d = r.querySelector(`a ${f(s.POPUP_MENU__LINK_TEXT)}`);
+  const d = o.querySelector(`a ${f(s.POPUP_MENU__LINK_TEXT)}`);
   if (!d)
     throw new Error("renderPopupMenuItem: titleSpanLink not found");
   if (t.actionMenu) {
     let p;
     switch (n.childrenMenuType) {
-      case W.FLYOUT: {
-        p = Bt(), i.appendChild(p), i.setAttribute("id", C());
-        const m = dt(
+      case $.FLYOUT: {
+        p = qt(), i.appendChild(p), i.setAttribute("id", C());
+        const m = _t(
           {
             menuItems: t.actionMenu,
             title: t.title
@@ -2049,40 +1864,40 @@ function uo(e, t, n) {
             removePopupArrow: !0
           }
         );
-        r.appendChild(m), Me(
-          r,
+        o.appendChild(m), Oe(
+          o,
           i,
           m,
           "menu",
           {
-            popupPlacement: Qe.RIGHT_START,
+            popupPlacement: at.RIGHT_START,
             preventOnClickHandling: !0,
             shouldFocusOnHover: !0
           }
         ), c.remove(), a.remove();
         break;
       }
-      case W.INLINE: {
-        const m = he(
+      case $.INLINE: {
+        const m = me(
           t.actionMenu,
           n
-        ), E = C();
-        m.setAttribute("id", E), m.classList.add(s.VISUALLY_HIDDEN), r.appendChild(m), i.onclick = co(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", E), p = Bt(), i.appendChild(p), c.remove(), a.remove(), r.addEventListener("focusin", (v) => {
-          var w, T, O, b;
+        ), b = C();
+        m.setAttribute("id", b), m.classList.add(s.VISUALLY_HIDDEN), o.appendChild(m), i.onclick = cr(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", b), p = qt(), i.appendChild(p), c.remove(), a.remove(), o.addEventListener("focusin", (v) => {
+          var T, M, A, E;
           for (let g = (
             /** @type Element | null | undefined */
-            (w = v.target) == null ? void 0 : w.closest("ul")
-          ); g; g = (T = g.parentElement) == null ? void 0 : T.closest("ul"))
-            g.classList.remove(s.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), v.target !== i && ((O = p == null ? void 0 : p.classList) == null || O.remove(s.IS_CLOSED), (b = p == null ? void 0 : p.classList) == null || b.add(s.IS_OPEN));
+            (T = v.target) == null ? void 0 : T.closest("ul")
+          ); g; g = (M = g.parentElement) == null ? void 0 : M.closest("ul"))
+            g.classList.remove(s.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), v.target !== i && ((A = p == null ? void 0 : p.classList) == null || A.remove(s.IS_CLOSED), (E = p == null ? void 0 : p.classList) == null || E.add(s.IS_OPEN));
         });
         break;
       }
-      case W.MEGA_MENU: {
-        const m = he(
+      case $.MEGA_MENU: {
+        const m = me(
           t.actionMenu,
           n
-        ), E = C();
-        m.setAttribute("id", E), r.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(t.title));
+        ), b = C();
+        m.setAttribute("id", b), o.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(t.title));
         break;
       }
       default:
@@ -2095,43 +1910,43 @@ function uo(e, t, n) {
     c.setAttribute("href", t.actionUrl.url), i.remove(), l.remove(), a.remove();
   else if (t.actionFunctionUrl)
     c.setAttribute("href", t.actionFunctionUrl.url), c.onclick = (p) => {
-      var m, E;
-      (m = t.actionFunctionUrl) != null && m.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (E = t.actionFunctionUrl) == null || E.actionFunction(p);
+      var m, b;
+      (m = t.actionFunctionUrl) != null && m.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (b = t.actionFunctionUrl) == null || b.actionFunction(p);
     }, i.remove(), l.remove(), a.remove();
   else if (t.isDivider)
-    o.remove(), r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "separator");
+    r.remove(), o.setAttribute("aria-hidden", "true"), o.setAttribute("role", "separator");
   else
     throw console.error(t), new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");
-  if (!t.isDivider && (u.appendChild(document.createTextNode(t.title)), d.appendChild(document.createTextNode(t.title)), (h = t.actionUrl) != null && h.openInNewTab || (_ = t.actionFunctionUrl) != null && _.openInNewTab)) {
+  if (!t.isDivider && (u.appendChild(document.createTextNode(t.title)), d.appendChild(document.createTextNode(t.title)), (_ = t.actionUrl) != null && _.openInNewTab || (h = t.actionFunctionUrl) != null && h.openInNewTab)) {
     c.setAttribute("target", "_blank");
-    const p = I(Ft);
+    const p = I(zt);
     u.appendChild(p), d.appendChild(p);
   }
-  return (t.isSelected || t.actionMenu && xe(t.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(s.MENU_ITEM__SELECTED), c.classList.add(s.MENU_ITEM__SELECTED)), t.isSelected ? r.classList.add(s.MENU_ITEM__SELECTED) : r.classList.remove(s.MENU_ITEM__SELECTED), e.appendChild(r), r;
+  return (t.isSelected || t.actionMenu && We(t.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(s.MENU_ITEM__SELECTED), c.classList.add(s.MENU_ITEM__SELECTED)), t.isSelected ? o.classList.add(s.MENU_ITEM__SELECTED) : o.classList.remove(s.MENU_ITEM__SELECTED), e.appendChild(o), o;
 }
-function he(e, t) {
-  const n = I(Kn);
-  return e.forEach((r) => uo(n, r, t)), n;
+function me(e, t) {
+  const n = I(Yn);
+  return e.forEach((o) => ur(n, o, t)), n;
 }
-function dt(e, t, n) {
-  const r = ut(t, { removePopupArrow: n.removePopupArrow }), o = r.querySelector(f(s.POPUP_CONTENT_WRAPPER));
-  if (!o)
+function _t(e, t, n) {
+  const o = ft(t, { removePopupArrow: n.removePopupArrow }), r = o.querySelector(f(s.POPUP_CONTENT_WRAPPER));
+  if (!r)
     throw new Error("renderPopupMenu: contentWrapper not found");
-  const i = he(e.menuItems, n);
-  return i.setAttribute("aria-label", e.title), o.appendChild(i), r;
+  const i = me(e.menuItems, n);
+  return i.setAttribute("aria-label", e.title), r.appendChild(i), o;
 }
-function po(e) {
-  const t = I(jn);
+function dr(e) {
+  const t = I($n);
   t.getAttribute("id") || t.setAttribute("id", C());
-  const n = document.createTextNode(e.title), r = (
+  const n = document.createTextNode(e.title), o = (
     /** @type {HTMLElement} */
     t instanceof HTMLCollection ? t[0] : t
   );
-  e.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE), r.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), r.classList.remove(s.ACTION_ITEM);
-  const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
-  if (!o)
+  e.showTitle && o.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE), o.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), o.classList.remove(s.ACTION_ITEM);
+  const r = o.querySelector(f(s.ACTION_ITEM__TITLE));
+  if (!r)
     throw new Error("renderActionItem: titleDiv not found");
-  o.appendChild(n), e.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
+  r.appendChild(n), e.showTitle ? r.classList.remove(s.VISUALLY_HIDDEN) : r.classList.add(s.VISUALLY_HIDDEN);
   const i = (
     /** @type {HTMLElement} */
     t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON))
@@ -2139,7 +1954,7 @@ function po(e) {
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   e.className && i.classList.add(e.className);
-  const c = et(e.badge);
+  const c = ot(e.badge);
   c && i.appendChild(c);
   const a = I(e.icon);
   a.setAttribute("role", "presentation"), i.appendChild(a);
@@ -2151,18 +1966,18 @@ function po(e) {
     i.setAttribute("id", u), l = I(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom);
   } else if (e.actionPopupMenu) {
     const u = C();
-    i.setAttribute("id", u), l = I(Yn);
+    i.setAttribute("id", u), l = I(jn);
     const d = l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
     if (!d)
       throw new Error("renderMobileActionItem: actionItemContentTitle not found");
     d.appendChild(document.createTextNode(e.actionPopupMenu.title));
-    const h = he(e.actionPopupMenu.menuItems, { childrenMenuType: W.INLINE });
-    l.appendChild(h);
+    const _ = me(e.actionPopupMenu.menuItems, { childrenMenuType: $.INLINE });
+    l.appendChild(_);
   } else
     throw console.error(e), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
   return { actionItemElement: t, actionItemContent: l };
 }
-function fo() {
+function pr() {
   var i, c, a;
   const e = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!e)
@@ -2173,63 +1988,63 @@ function fo() {
   );
   if (!t)
     throw new Error("renderMobileActionItems: homeActionItemWrapper not found");
-  const r = !!P().utahId ? document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, o = (
+  const o = !!y().utahId ? document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, r = (
     /** @type {HTMLElement} */
-    (i = r == null ? void 0 : r.closest) == null ? void 0 : i.call(r, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    (i = o == null ? void 0 : o.closest) == null ? void 0 : i.call(o, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  (a = (c = [...P().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...po(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
-    let h;
+  (a = (c = [...y().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...dr(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
+    let _;
     switch (l.mobileMenuLocation) {
       case "left":
-        h = t;
+        _ = t;
         break;
       case "none":
-        h = null;
+        _ = null;
         break;
       case "right":
       default:
-        h = o || t;
+        _ = r || t;
         break;
     }
-    if (h && (h.after(d), u)) {
-      const _ = Je(u);
+    if (_ && (_.after(d), u)) {
+      const h = nt(u);
       let p = null;
-      l.actionDom ? p = "dialog" : l.actionPopupMenu && (p = "menu"), rt(
+      l.actionDom ? p = "dialog" : l.actionPopupMenu && (p = "menu"), it(
         d,
-        _,
+        h,
         d,
         { ariaHasPopupType: p, shouldOnClickCloseMenu: !1 }
       );
     }
   });
 }
-const ho = `<h1 class="utds-logo-wrapper"></h1>
-`, _o = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
-`, mo = `<span class="utds-logo-vert-line"></span>
-`, vo = `<div class="utds-citizen-experience-wrapper"></div>
-`, Eo = `<div class="utds-action-items-wrapper"></div>
-`, bo = `<div class="utds-header-action-item">
+const fr = `<h1 class="utds-logo-wrapper"></h1>
+`, _r = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, hr = `<span class="utds-logo-vert-line"></span>
+`, mr = `<div class="utds-citizen-experience-wrapper"></div>
+`, vr = `<div class="utds-action-items-wrapper"></div>
+`, Er = `<div class="utds-header-action-item">
   <button type="button" class="icon-button utds-header-action-item__icon-button">
     <div class="utds-header-action-item__title visually-hidden"></div>
   </button>
 </div>
-`, go = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
+`, br = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
   <div class="tooltip__content">
     <div class="tooltip__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
-let le = NaN;
-function pt(e, t) {
-  const n = I(go), r = n.querySelector(f(s.TOOLTIP__CONTENT));
-  if (!r)
+let de = NaN;
+function ht(e, t) {
+  const n = I(br), o = n.querySelector(f(s.TOOLTIP__CONTENT));
+  if (!o)
     throw new Error("hookupToolTip: toolTipContent not found");
-  r.appendChild(t), e.appendChild(n);
-  const o = Jt(
+  o.appendChild(t), e.appendChild(n);
+  const r = on(
     e,
     n,
     {
-      placement: Qe.BOTTOM,
+      placement: at.BOTTOM,
       modifiers: [
         {
           name: "offset",
@@ -2244,37 +2059,37 @@ function pt(e, t) {
   e.onmouseenter = () => {
     clearTimeout(i), i = window.setTimeout(
       () => {
-        clearTimeout(le), le = -1;
+        clearTimeout(de), de = -1;
         const c = e.querySelector(f(s.POPUP_WRAPPER));
-        (!c || c.classList.contains(s.POPUP__HIDDEN)) && (n.classList.remove(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(s.TOOLTIP__WRAPPER__VISIBLE), o.update());
+        (!c || c.classList.contains(s.POPUP__HIDDEN)) && (n.classList.remove(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(s.TOOLTIP__WRAPPER__VISIBLE), r.update().catch((a) => console.error(a)));
       },
       // tooltip was already opened on another item, so instantly open tooltip
-      le ? 0 : 500
+      de ? 0 : 500
     );
   }, e.onmouseleave = () => {
-    clearTimeout(i), n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(le), le = window.setTimeout(
+    clearTimeout(i), n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(de), de = window.setTimeout(
       () => {
-        le = NaN;
+        de = NaN;
       },
       500
     );
   };
 }
-function Io(e) {
-  const t = I(bo), n = document.createTextNode(e.title), r = (
+function gr(e) {
+  const t = I(Er), n = document.createTextNode(e.title), o = (
     /** @type {HTMLElement} */
     t instanceof HTMLCollection ? t[0] : t
   );
-  e.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);
-  const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
-  if (!o)
+  e.showTitle && o.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);
+  const r = o.querySelector(f(s.ACTION_ITEM__TITLE));
+  if (!r)
     throw new Error("renderActionItem: titleDiv not found");
-  o.appendChild(n), e.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
+  r.appendChild(n), e.showTitle ? r.classList.remove(s.VISUALLY_HIDDEN) : r.classList.add(s.VISUALLY_HIDDEN);
   const i = t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   e.className && i.classList.add(e.className);
-  const c = et(e.badge);
+  const c = ot(e.badge);
   c && i.appendChild(c);
   const a = I(e.icon);
   if (a.setAttribute("role", "presentation"), i.appendChild(a), !(i instanceof HTMLElement))
@@ -2284,172 +2099,180 @@ function Io(e) {
   else if (e.actionDom) {
     const l = C();
     i.setAttribute("id", l);
-    const u = ut(i), d = (
+    const u = ft(i), d = (
       /** @type {HTMLElement} */
       u.querySelector(f(s.POPUP_CONTENT_WRAPPER))
     );
     if (!d)
       throw new Error("renderPopupMenu: contentWrapper not found");
-    d.appendChild(I(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom)), t.appendChild(u), Me(r, i, u, "dialog", void 0);
+    d.appendChild(I(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom)), t.appendChild(u), Oe(o, i, u, "dialog", void 0);
   } else if (e.actionPopupMenu) {
     const l = C();
     i.setAttribute("id", l);
-    const u = dt(
+    const u = _t(
       /** @type {PopupMenu} */
       e.actionPopupMenu,
       i,
-      { childrenMenuType: W.INLINE }
+      { childrenMenuType: $.INLINE }
     );
-    t.appendChild(u), Me(r, i, u, "menu", void 0);
+    t.appendChild(u), Oe(o, i, u, "menu", void 0);
   } else
     throw console.error(e), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return pt(t, document.createTextNode(e.title)), t;
+  return ht(t, document.createTextNode(e.title)), t;
 }
-function wo() {
-  var n, r;
-  const { actionItems: e } = P();
+function Ir() {
+  var n, o;
+  const { actionItems: e } = y();
   let t = null;
-  return e != null && e.length && (t = I(Eo), (r = (n = P().actionItems) == null ? void 0 : n.map((o) => Io(o))) == null || r.forEach((o) => t.appendChild(o))), t;
+  return e != null && e.length && (t = I(vr), (o = (n = y().actionItems) == null ? void 0 : n.map((r) => gr(r))) == null || o.forEach((r) => t.appendChild(r))), t;
 }
-const Mo = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
-`, tn = `<div class="utds-utah-id-wrapper"></div>
-`, Te = {
+const Tr = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
+`, an = `<div class="utds-utah-id-wrapper"></div>
+`, ye = {
   PROFILE: "https://id.utah.gov",
   SIGN_IN: `https://id.utah.gov/login?goto=${window.location}`,
   SIGN_OUT: `https://id.utah.gov/logout?goto=${window.location}`,
   USER_INFO: "https://id.utah.gov/api/userInfo"
-}, To = `<div class="vertical-menu__wrapper">
+}, wr = `<div class="vertical-menu__wrapper">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function nn(e, t) {
-  const n = I(To), r = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
-  if (!r)
+function sn(e, t) {
+  const n = I(wr), o = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+  if (!o)
     throw new Error("renderMenuWithTitle: menuTitleDiv not found");
-  return r.appendChild(document.createTextNode(t)), n.appendChild(e), n;
+  return o.appendChild(document.createTextNode(t)), n.appendChild(e), n;
 }
-let y = null;
-function rn(e) {
-  y = e, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
-    var r;
+let L = null;
+function ln(e) {
+  L = e, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
+    var o;
     if (n) {
-      if (n.innerHTML = "", y != null && y.userInfo && ((r = y.userInfo) != null && r.authenticated)) {
+      if (n.innerHTML = "", L != null && L.userInfo && ((o = L.userInfo) != null && o.authenticated)) {
         const c = document.createElement("span");
-        c.appendChild(document.createTextNode("UtahID Account:")), c.classList.add(s.VISUALLY_HIDDEN), n.appendChild(c), n.appendChild(document.createTextNode(`Hello, ${y.userInfo.first || ""}`));
+        c.appendChild(document.createTextNode("UtahID Account:")), c.classList.add(s.VISUALLY_HIDDEN), n.appendChild(c), n.appendChild(document.createTextNode(`Hello, ${L.userInfo.first || ""}`));
       } else
         n.appendChild(document.createTextNode("UtahID Sign In"));
-      const o = n.getAttribute("aria-controls");
-      if (!o)
-        throw new Error(`authChangedEventHandler: popup id for button not found - ${o}`);
-      const i = document.getElementById(o);
-      i && ft(n, i);
+      const r = n.getAttribute("aria-controls");
+      if (!r)
+        throw new Error(`authChangedEventHandler: popup id for button not found - ${r}`);
+      const i = document.getElementById(r);
+      i && mt(n, i);
     }
   });
 }
-function ft(e, t) {
+function mt(e, t) {
   var n;
-  e && t && (!!(y != null && y.isDefinitive) && !!((n = y == null ? void 0 : y.userInfo) != null && n.authenticated) ? (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", "false"), t.removeAttribute("aria-hidden")) : (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), t.setAttribute("aria-hidden", "true")));
+  e && t && (!!(L != null && L.isDefinitive) && !!((n = L == null ? void 0 : L.userInfo) != null && n.authenticated) ? (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", "false"), t.removeAttribute("aria-hidden")) : (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), t.setAttribute("aria-hidden", "true")));
 }
-function on() {
-  const e = I(Mo);
-  return e.setAttribute("id", C()), y && rn(y), e;
+function cn() {
+  const e = I(Tr);
+  return e.setAttribute("id", C()), L && ln(L), e;
 }
-function an(e) {
-  var l;
-  const t = P(), n = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onProfile, r = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onSignOut, o = [...t.utahId !== !0 && t.utahId !== !1 && ((l = t.utahId) == null ? void 0 : l.menuItems) || []];
-  o.length && o.push({
+function un(e) {
+  var l, u, d;
+  const t = y(), n = t.utahId !== !1 && t.utahId !== !0 && ((l = t.utahId) == null ? void 0 : l.onProfile), o = t.utahId !== !1 && t.utahId !== !0 && ((u = t.utahId) == null ? void 0 : u.onSignOut), r = [...t.utahId !== !0 && t.utahId !== !1 && ((d = t.utahId) == null ? void 0 : d.menuItems) || []];
+  r.length && r.push({
     isDivider: !0,
     title: "--divider--"
   });
   const i = [
-    ...o,
+    ...r,
     {
-      actionUrl: n ? void 0 : { url: Te.PROFILE, openInNewTab: !0 },
+      actionUrl: n ? void 0 : { url: ye.PROFILE, openInNewTab: !0 },
       actionFunction: n || void 0,
       className: "external-link",
       title: "UtahID Profile"
     },
     {
-      actionUrl: r ? void 0 : { url: Te.SIGN_OUT },
-      actionFunction: r || void 0,
+      actionUrl: o ? void 0 : { url: ye.SIGN_OUT },
+      actionFunction: o || void 0,
       title: "Sign Out"
     }
-  ], c = he(i, { childrenMenuType: W.INLINE }), a = e ? nn(c, "Utah ID Menu") : c;
+  ], c = me(i, { childrenMenuType: $.INLINE }), a = e ? sn(c, "Utah ID Menu") : c;
   return a.setAttribute("aria-label", "Utah Id Menu"), a.setAttribute("id", C()), a;
 }
-function Ao() {
-  const e = I(tn), t = on();
+function Mr() {
+  var a;
+  const e = I(an), t = cn();
   t.setAttribute("id", C()), e.appendChild(t);
-  const n = an(!1), r = ut(t), o = (
+  const n = un(!1), o = ft(t), r = (
     /** @type {HTMLElement} */
-    r.querySelector(f(s.POPUP_CONTENT_WRAPPER))
+    o.querySelector(f(s.POPUP_CONTENT_WRAPPER))
   );
-  if (!o)
+  if (!r)
     throw new Error("renderUtahIdForDesktop: contentWrapper not found");
-  o.appendChild(n), e.appendChild(r), ft(t, r);
-  const i = P(), c = i.utahId !== !1 && i.utahId !== !0 && i.utahId.onSignIn;
-  return Me(
+  r.appendChild(n), e.appendChild(o), mt(t, o);
+  const i = y(), c = i.utahId !== !1 && i.utahId !== !0 && ((a = i.utahId) == null ? void 0 : a.onSignIn);
+  return Oe(
     e,
     t,
-    r,
+    o,
     "menu",
     {
       isPerformPopup: () => {
-        var a;
-        return !!(y != null && y.isDefinitive) && !!((a = y == null ? void 0 : y.userInfo) != null && a.authenticated);
-      },
-      onClick: (a) => {
         var l;
-        (!(y != null && y.isDefinitive) || !((l = y == null ? void 0 : y.userInfo) != null && l.authenticated)) && (c ? c(a) : (a.preventDefault(), a.stopPropagation(), window.location.href = Te.SIGN_IN));
+        return !!(L != null && L.isDefinitive) && !!((l = L == null ? void 0 : L.userInfo) != null && l.authenticated);
+      },
+      onClick: (l) => {
+        var u;
+        (!(L != null && L.isDefinitive) || !((u = L == null ? void 0 : L.userInfo) != null && u.authenticated)) && (c ? c(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = ye.SIGN_IN));
       }
     }
   ), e;
 }
-function yo() {
-  const e = I(tn), t = on(), n = t.getAttribute("id");
+function Ar() {
+  const e = I(an), t = cn(), n = t.getAttribute("id");
   if (!n)
     throw new Error("renderUtahIdForMobile: utahIdButton has no id");
   e.appendChild(t);
-  const r = an(!0), o = r.getAttribute("id");
-  if (!o)
+  const o = un(!0), r = o.getAttribute("id");
+  if (!r)
     throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");
-  return e.appendChild(r), t.setAttribute("aria-controls", o), r.setAttribute("aria-labelledby", n), ft(t, r), { button: t, menu: r };
+  return e.appendChild(o), t.setAttribute("aria-controls", r), o.setAttribute("aria-labelledby", n), mt(t, o), { button: t, menu: o };
 }
-function Oo() {
-  const e = I(vo), t = wo();
-  return t && e.appendChild(t), P().utahId !== !1 && e.appendChild(Ao()), e;
+function Or() {
+  const e = I(mr), t = Ir();
+  return t && e.appendChild(t), y().utahId !== !1 && e.appendChild(Mr()), e;
 }
-const Po = `<div class="utds-title-wrapper">
+const yr = `<div class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </div>
-`, Lo = `<a class="utds-title-wrapper">
+`, Lr = `<a class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </a>
 `;
-function No() {
-  const e = P().titleURL, t = I(e ? Lo : Po);
+function Ye(e) {
+  return typeof e == "function" ? e() : e;
+}
+function Pr() {
+  const e = y().titleURL, t = I(e ? Lr : yr);
   if (!t)
     throw new Error("LogoTitle: titleWrapper is null");
   e && t.setAttribute("href", e);
   const n = t.querySelector(f(s.TITLE__LOGO));
   if (!n)
     throw new Error("LogoTitle: logoWrapper is null");
-  const r = P().logo, o = P().showTitle, i = P().title;
-  if (r) {
+  const o = y().logo, r = y().showTitle, i = y().title;
+  if (o) {
     let l;
-    Ge(r) ? l = I(
-      /** @type {string} */
-      r
-    ) : l = /** @type {Element} */
-    r, l.setAttribute("role", "presentation"), n.appendChild(l);
+    if (o.htmlString)
+      l = I(Ye(o.htmlString));
+    else if (o.element)
+      l = Ye(o.element);
+    else if (o.imageUrl)
+      l = I(`<img src=${Ye(o.imageUrl)}  id="design-system-logo" />`);
+    else
+      throw new Error("LogoTitle: logo set but has no settings");
+    l.setAttribute("role", "presentation"), n.appendChild(l);
   } else
     t.removeChild(n);
   const c = document.createTextNode(i), a = t.querySelector(f(s.TITLE__TITLE));
-  return a == null || a.appendChild(c), !o && r && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), t;
+  return a == null || a.appendChild(c), !r && o && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), t;
 }
-const So = `<div class="utah-logo-wrapper">
+const Nr = `<div class="utah-logo-wrapper">
   <button class="utah-logo-svg" id="utah-logo-svg" aria-haspopup="dialog">
     <span class="visually-hidden" id="utah-logo-description">An official website of the State of Utah. Click to learn
       more.</span>
@@ -2474,7 +2297,7 @@ const So = `<div class="utah-logo-wrapper">
     </svg>
   </button>
 </div>
-`, Uo = `<div class="utah-logo-wrapper">
+`, Sr = `<div class="utah-logo-wrapper">
   <button class="utah-logo-svg" id="utah-logo-svg" aria-haspopup="dialog">
     <span class="visually-hidden" id="utah-logo-description">An official website of the State of Utah. Click to learn
       more.</span>
@@ -2495,45 +2318,45 @@ const So = `<div class="utah-logo-wrapper">
     </svg>
   </button>
 </div>
-`, Co = `<div class="utds-official-website-hover__wrapper">
+`, Ur = `<div class="utds-official-website-hover__wrapper">
   How do I know it’s official?<br />
   Learn more.
 </div>
 `;
-function Do() {
+function Cr() {
   let e;
-  switch (P().size) {
-    case ce.LARGE:
-      e = So;
+  switch (y().size) {
+    case Ie.LARGE:
+      e = Nr;
       break;
-    case ce.SMALL:
-    case ce.MEDIUM:
-      e = Uo;
+    case Ie.SMALL:
+    case Ie.MEDIUM:
+      e = Sr;
       break;
     default:
-      throw new Error(`Unknown settings size: '${P().size}'`);
+      throw new Error(`Unknown settings size: '${y().size}'`);
   }
   const t = I(e);
   if (!/** @type {HTMLElement} */
   t.querySelector(f(s.LOGO_SVG)))
     throw new Error("UtahLogo: logoButton not found");
-  return t.setAttribute("id", C()), pt(t, I(Co)), t;
+  return t.setAttribute("id", C()), ht(t, I(Ur)), t;
 }
-function Ro() {
+function Rr() {
   var n;
-  const e = I(_o);
-  e.classList.add(`utds-header--${((n = P().size) == null ? void 0 : n.toLowerCase()) || ce.MEDIUM}`);
-  const t = I(ho);
-  return e.appendChild(t), t.appendChild(Do()), t.appendChild(I(mo)), t.appendChild(No()), e.appendChild(Oo()), e;
+  const e = I(_r);
+  e.classList.add(`utds-header--${((n = y().size) == null ? void 0 : n.toLowerCase()) || Ie.MEDIUM}`);
+  const t = I(fr);
+  return e.appendChild(t), t.appendChild(Cr()), t.appendChild(I(hr)), t.appendChild(Pr()), e.appendChild(Or()), e;
 }
-const xo = `<li class="menu-item">
+const Dr = `<li class="menu-item">
   <span class="menu-item__title">
     <button class="menu-item__button-title" type="button"></button>
     <a class="menu-item__link-title"></a>
     <span class="menu-chiclet"></span>
   </span>
 </li>
-`, Ho = `<div class="utah-design-system main-menu__outer">
+`, Hr = `<div class="utah-design-system main-menu__outer">
   <div class="main-menu__wrapper">
     <nav class="horizontal-menu main-menu__nav">
       <h2 class="main-menu__title visually-hidden"></h2>
@@ -2560,7 +2383,7 @@ const xo = `<li class="menu-item">
     </button>
   </div>
 </div>
-`, Bo = `<div class="utah-design-system" id="search-modal">
+`, xr = `<div class="utah-design-system" id="search-modal">
   <div class="search-modal__close-button-wrapper">
     <button type="button" class="search-modal__close-button button icon-button icon-button--borderless">
       <span class="utds-icon-before-x-icon" aria-hidden="true"></span>
@@ -2568,7 +2391,7 @@ const xo = `<li class="menu-item">
     </button>
   </div>
   <div class="search-modal">
-    <form class="search-modal__form hcenter" role="search" aria-label="Sitewide">
+    <form class="search-modal__form hcenter" role="search" aria-label="Sitewide" autocomplete="off">
       <span class="utds-icon-before-search search-modal__icon-search vcenter" aria-hidden="true"></span>
       <label for="search-modal-input-id" class="search-modal__input-label visually-hidden">Enter your search
         terms</label>
@@ -2586,7 +2409,7 @@ const xo = `<li class="menu-item">
   <div class="search-backdrop modal-backdrop backdrop-dark"></div>
 </div>
 `;
-function Ce() {
+function He() {
   const e = document.getElementById(s.SEARCH__SEARCH_MODAL);
   if (!e)
     throw new Error("closSearchModal: searchModal not found");
@@ -2599,8 +2422,8 @@ function Ce() {
     throw new Error("closSearchModal: searchIcon not found");
   t.focus();
 }
-function ko() {
-  const e = I(Bo), t = (
+function Br() {
+  const e = I(xr), t = (
     /** @type {HTMLElement} */
     e.querySelector(f(s.SEARCH__SEARCH_BACKDROP))
   );
@@ -2612,17 +2435,17 @@ function ko() {
   );
   if (!n)
     throw new Error("showSearchModal: closeButton not found");
-  const r = (
+  const o = (
     /** @type {HTMLElement} */
     e.querySelector(f(s.SEARCH__SEARCH_BUTTON))
   );
-  if (!r)
+  if (!o)
     throw new Error("showSearchModal: searchButton not found");
-  const o = (
+  const r = (
     /** @type {HTMLElement} */
     e.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER))
   );
-  if (!o)
+  if (!r)
     throw new Error("showSearchModal: searchButtonWrapper not found");
   const i = (
     /** @type {HTMLInputElement} */
@@ -2630,21 +2453,21 @@ function ko() {
   );
   if (!i)
     throw new Error("showSearchModal: searchInput not found");
-  r.onclick = (a) => {
+  o.onclick = (a) => {
     var l, u;
-    a.preventDefault(), a.stopPropagation(), Ce(), (u = (l = P()).onSearch) == null || u.call(l, i.value);
+    a.preventDefault(), a.stopPropagation(), He(), (u = (l = y()).onSearch) == null || u.call(l, i.value);
   }, n.onclick = (a) => {
-    a.preventDefault(), a.stopPropagation(), Ce();
+    a.preventDefault(), a.stopPropagation(), He();
   }, t.onclick = (a) => {
-    a.preventDefault(), a.stopPropagation(), Ce();
+    a.preventDefault(), a.stopPropagation(), He();
   }, document.body.appendChild(e), i.focus(), i.oninput = () => {
-    o.classList.remove(s.VISUALLY_HIDDEN);
-  }, r.onfocus = () => {
-    o.classList.remove(s.VISUALLY_HIDDEN);
+    r.classList.remove(s.VISUALLY_HIDDEN);
+  }, o.onfocus = () => {
+    r.classList.remove(s.VISUALLY_HIDDEN);
   }, e.onkeyup = (a) => {
-    (a.code === "Escape" || a.key === "Escape") && (a.preventDefault(), a.stopPropagation(), Ce());
+    (a.code === "Escape" || a.key === "Escape") && (a.preventDefault(), a.stopPropagation(), He());
   }, n.addEventListener("focusout", (a) => {
-    a.preventDefault(), a.stopPropagation(), Ee[Ze.SHIFT] ? r.focus() : i.focus();
+    a.preventDefault(), a.stopPropagation(), ge[et.SHIFT] ? o.focus() : i.focus();
   });
   const c = e.querySelector(".search-modal__hidden-last-focusable");
   if (!c)
@@ -2653,101 +2476,101 @@ function ko() {
     a.preventDefault(), a.stopPropagation(), n.focus();
   });
 }
-function Wo() {
+function kr() {
   var l;
-  const e = P(), t = I(Ho), n = t.querySelector(f(s.MAIN_MENU__NAV));
+  const e = y(), t = I(Hr), n = t.querySelector(f(s.MAIN_MENU__NAV));
   if (!n)
     throw new Error("renderMainMenu(): mainMenu not created");
-  const r = n.querySelector(f(s.MAIN_MENU__TITLE));
-  if (!r)
+  const o = n.querySelector(f(s.MAIN_MENU__TITLE));
+  if (!o)
     throw new Error("renderMainMenu(): titleTag not found");
-  const o = "main-menu__nav";
-  n.setAttribute("aria-labelledby", o), r.setAttribute("id", o), r.innerHTML = e.mainMenu.title;
+  const r = "main-menu__nav";
+  n.setAttribute("aria-labelledby", r), o.setAttribute("id", r), o.innerHTML = e.mainMenu.title;
   const i = n.querySelector(f(s.MAIN_MENU__MENU_TOP));
   if (!i)
     throw new Error("renderMainMenu(): mainMenuTop not found");
   e.mainMenu.menuItems.forEach((u) => {
-    var m, E;
-    const d = I(xo);
+    var m, b;
+    const d = I(Dr);
     i.appendChild(d);
-    const h = d.querySelector(f(s.MENU_ITEM__TITLE));
-    if (!h)
+    const _ = d.querySelector(f(s.MENU_ITEM__TITLE));
+    if (!_)
       throw new Error(`renderMainMenu(): sub menu title not found for ${u.title}`);
-    const _ = (
+    const h = (
       /** @type {HTMLElement} */
-      h.querySelector(f(s.MENU_ITEM__BUTTON_TITLE))
+      _.querySelector(f(s.MENU_ITEM__BUTTON_TITLE))
     );
-    if (!_)
+    if (!h)
       throw new Error(`renderMainMenu(): button title not found for ${u.title}`);
-    _.setAttribute("id", `${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${C()}`);
+    h.setAttribute("id", `${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${C()}`);
     const p = (
       /** @type {HTMLElement} */
-      h.querySelector(f(s.MENU_ITEM__LINK_TITLE))
+      _.querySelector(f(s.MENU_ITEM__LINK_TITLE))
     );
     if (!p)
       throw new Error(`renderMainMenu(): link title not found for ${u.title}`);
-    if ((u.isSelected || u.actionMenu && xe(u.actionMenu, ["actionMenu"], (v) => !!v.isSelected)) && (_.classList.add(s.MENU_ITEM__SELECTED), p.classList.add(s.MENU_ITEM__SELECTED)), u.actionMenu) {
-      _.innerHTML = u.title, p.remove();
+    if ((u.isSelected || u.actionMenu && We(u.actionMenu, ["actionMenu"], (v) => !!v.isSelected)) && (h.classList.add(s.MENU_ITEM__SELECTED), p.classList.add(s.MENU_ITEM__SELECTED)), u.actionMenu) {
+      h.innerHTML = u.title, p.remove();
       const v = {
         menuItems: u.actionMenu,
         title: u.title
-      }, w = dt(
+      }, T = _t(
         v,
-        _,
+        h,
         {
-          childrenMenuType: u.childrenMenuType || W.FLYOUT
+          childrenMenuType: u.childrenMenuType || $.FLYOUT
         }
       );
-      d.appendChild(w), Me(d, _, w, "menu", { shouldFocusOnHover: !0 });
-      let T;
+      d.appendChild(T), Oe(d, h, T, "menu", { shouldFocusOnHover: !0 });
+      let M;
       switch (u.childrenMenuType) {
-        case W.INLINE:
-          T = s.MENU_ITEM__INLINE;
+        case $.INLINE:
+          M = s.MENU_ITEM__INLINE;
           break;
-        case W.MEGA_MENU:
-          T = s.MENU_ITEM__MEGA_MENU;
+        case $.MEGA_MENU:
+          M = s.MENU_ITEM__MEGA_MENU;
           break;
-        case W.FLYOUT:
+        case $.FLYOUT:
         default:
-          T = s.MENU_ITEM__FLY_OUT;
+          M = s.MENU_ITEM__FLY_OUT;
           break;
       }
-      d.classList.add(T);
+      d.classList.add(M);
     } else if (u.actionFunction)
-      _.innerHTML = u.title, _.onclick = u.actionFunction, p.remove();
+      h.innerHTML = u.title, h.onclick = u.actionFunction, p.remove();
     else if (u.actionFunctionUrl)
       p.innerHTML = u.title, p.setAttribute("href", u.actionFunctionUrl.url), p.onclick = (v) => {
-        var w, T;
-        (w = u.actionFunctionUrl) != null && w.skipHandleEvent || (v.stopPropagation(), v.preventDefault()), (T = u.actionFunctionUrl) == null || T.actionFunction(v);
-      }, _.remove();
+        var T, M;
+        (T = u.actionFunctionUrl) != null && T.skipHandleEvent || (v.stopPropagation(), v.preventDefault()), (M = u.actionFunctionUrl) == null || M.actionFunction(v);
+      }, h.remove();
     else if (u.actionUrl)
-      p.innerHTML = u.title, p.setAttribute("href", u.actionUrl.url), _.remove();
+      p.innerHTML = u.title, p.setAttribute("href", u.actionUrl.url), h.remove();
     else
       throw new Error(`renderMainMenu(): menuItem is missing an action: ${u.title}`);
-    ((m = u.actionUrl) != null && m.openInNewTab || (E = u.actionFunctionUrl) != null && E.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(I(Ft)));
+    ((m = u.actionUrl) != null && m.openInNewTab || (b = u.actionFunctionUrl) != null && b.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(I(zt)));
   });
   let c = null;
   if (e.utahId) {
-    const { button: u, menu: d } = yo();
+    const { button: u, menu: d } = Ar();
     c = d;
-    const h = t.querySelector(f(s.MOBILE__UTAH_ID));
-    if (!h)
+    const _ = t.querySelector(f(s.MOBILE__UTAH_ID));
+    if (!_)
       throw new Error("renderMainMenu: utahIdButtonWrapper not found");
-    h.appendChild(u);
+    _.appendChild(u);
   }
   const a = t.querySelector(f(s.MAIN_MENU__SEARCH));
   if (!a || !(a instanceof HTMLElement))
     throw new Error("renderMainMenu: searchIcon not found");
   if (e.onSearch) {
-    if (pt(a, document.createTextNode("Search")), a.onclick)
+    if (ht(a, document.createTextNode("Search")), a.onclick)
       throw new Error("searchIcon already has onclick");
-    a.onclick = () => ko();
+    a.onclick = () => Br();
   } else
     (l = a.parentElement) == null || l.insertBefore(I('<div class="main-menu__search-placeholder">'), a), a.remove();
   return { mainMenuWrapper: t, utahIdPopup: c };
 }
-function qo(e) {
-  let t = NaN, n = null, r = null;
+function Wr(e) {
+  let t = NaN, n = null, o = null;
   return {
     promise: new Promise((i, c) => {
       t = setTimeout(
@@ -2755,69 +2578,69 @@ function qo(e) {
           t = NaN, i();
         },
         e
-      ), n = i, r = c;
+      ), n = i, o = c;
     }),
     clearTimeout: (i) => {
-      t && (clearTimeout(t), t = NaN, i(n, r));
+      t && (clearTimeout(t), t = NaN, i(n, o));
     }
   };
 }
-const z = {
+const Y = {
   // null = not yet loaded, false = ajaxing, true = have a result (may be error or user data)
   isDefinitive: null,
   lastError: null,
   userInfo: null
 };
-function kt(e) {
-  var t, n, r;
-  e.isDefinitive && (rn(e), (r = (n = (t = P()) == null ? void 0 : t.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, e));
+function Ft(e) {
+  var t, n, o;
+  e.isDefinitive && (ln(e), (o = (n = (t = y()) == null ? void 0 : t.utahId) == null ? void 0 : n.onAuthChanged) == null || o.call(n, e));
 }
-let Wt = !0;
-const Vo = 500;
-async function sn() {
+let Vt = !0;
+const qr = 500;
+async function dn() {
   var t, n;
   let e = null;
-  if (z.isDefinitive === !1)
-    e = Promise.resolve(z);
-  else if (Wt)
-    e = qo(Vo).promise.then(() => {
-      Wt = !1, sn();
+  if (Y.isDefinitive === !1)
+    e = Promise.resolve(Y);
+  else if (Vt)
+    e = Wr(qr).promise.then(() => {
+      Vt = !1, dn().catch((o) => console.error(o));
     });
   else {
-    const r = P();
-    if (r.utahId === !1)
+    const o = y();
+    if (o.utahId === !1)
       e = Promise.resolve({
         isDefinitive: !0,
         lastError: "Utah ID is off",
         userInfo: null
       });
-    else if (r.utahId === !0 || ((t = r.utahId) == null ? void 0 : t.currentUser) === void 0)
-      z.isDefinitive = !1, e = fetch(Te.USER_INFO, { credentials: "include" }).then((o) => o.json()).then((o) => {
-        if (o.status === 200)
-          z.lastError = null, z.userInfo = /** @type UserInfo */
-          o.data;
+    else if (o.utahId === !0 || ((t = o.utahId) == null ? void 0 : t.currentUser) === void 0)
+      Y.isDefinitive = !1, e = fetch(ye.USER_INFO, { credentials: "include" }).then((r) => r.json()).then((r) => {
+        if (r.status === 200)
+          Y.lastError = null, Y.userInfo = /** @type UserInfo */
+          r.data;
         else
-          throw new Error(o.err);
-      }).catch((o) => {
-        z.lastError = o, z.userInfo = null;
+          throw new Error(r.err);
+      }).catch((r) => {
+        Y.lastError = r, Y.userInfo = null;
       }).finally(() => {
-        z.isDefinitive = !0, kt(z);
+        Y.isDefinitive = !0, Ft(Y);
       });
     else {
-      const o = {
+      const r = {
         isDefinitive: !0,
         lastError: null,
-        userInfo: (n = r.utahId) == null ? void 0 : n.currentUser
+        userInfo: (n = o.utahId) == null ? void 0 : n.currentUser
       };
-      e = Promise.resolve(o), kt(o);
+      e = Promise.resolve(r), Ft(r);
     }
   }
   return e;
 }
-function Fo() {
-  return z;
+function Fr() {
+  return Y;
 }
-function Go() {
+function Vr() {
   const e = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!e)
     throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");
@@ -2829,15 +2652,15 @@ function Go() {
     throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");
   t.remove();
 }
-function $o(e, t) {
+function Gr(e, t) {
   const n = document.querySelector(f(s.MOBILE__UTAH_ID));
   if (!n)
     throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");
-  const r = (
+  const o = (
     /** @type {HTMLElement} */
     n.querySelector(f(s.UTAH_ID__BUTTON))
   );
-  if (!r)
+  if (!o)
     throw new Error("hookupUtahIdInMobileMenu: utahIdButton not found");
   if (!e.querySelector(f(s.MOBILE_MENU__CONTENT)))
     throw new Error("hookupUtahIdInMobileMenu: mobileContentWrapper not found");
@@ -2850,38 +2673,38 @@ function $o(e, t) {
   );
   if (!c)
     throw new Error("hookupHamburger: profileActionItemWrapper not found");
-  const a = Je(t);
-  rt(
-    r,
+  const a = nt(t);
+  it(
+    o,
     a,
     c,
     {
       ariaHasPopupType: "menu",
       onClickHandler: (l) => {
-        var _;
-        const u = Fo(), d = P();
-        let h = !1;
-        if (!(u != null && u.isDefinitive) || !((_ = u == null ? void 0 : u.userInfo) != null && _.authenticated)) {
-          h = !0;
+        var h;
+        const u = Fr(), d = y();
+        let _ = !1;
+        if (!(u != null && u.isDefinitive) || !((h = u == null ? void 0 : u.userInfo) != null && h.authenticated)) {
+          _ = !0;
           const p = d.utahId !== !1 && d.utahId !== !0 && d.utahId.onSignIn;
-          p ? p(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Te.SIGN_IN);
+          p ? p(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = ye.SIGN_IN);
         }
-        return h;
+        return _;
       },
       shouldOnClickCloseMenu: !0
     }
   );
 }
-function jo() {
-  return he(
-    P().mainMenu.menuItems,
+function $r() {
+  return me(
+    y().mainMenu.menuItems,
     {
-      childrenMenuType: W.INLINE,
+      childrenMenuType: $.INLINE,
       removePopupArrow: !0
     }
   );
 }
-const Yo = `<div class="utah-design-system utds-official-website-popup__wrapper visually-hidden" tabindex="0">
+const jr = `<div class="utah-design-system utds-official-website-popup__wrapper visually-hidden" tabindex="0">
   <h2 class="utds-official-website-popup__heading">
     This is an official website of the State of Utah. Here’s how you know:
   </h2>
@@ -2909,8 +2732,8 @@ const Yo = `<div class="utah-design-system utds-official-website-popup__wrapper
   </button>
 </div>
 `;
-function zo() {
-  const e = I(Yo), n = (
+function zr() {
+  const e = I(jr), n = (
     /** @type {HTMLElement} */
     document.querySelector(f(s.LOGO)).querySelector(f(s.LOGO_SVG))
   );
@@ -2920,19 +2743,19 @@ function zo() {
     throw new Error("renderOfficialWebsite: logoButton already has an onclick");
   n.onclick = () => {
     e.classList.toggle(s.VISUALLY_HIDDEN), e.classList.contains(s.VISUALLY_HIDDEN) ? (n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true")) : (n.setAttribute("aria-expanded", "true"), e.setAttribute("aria-hidden", "false"), e.focus());
-    const o = document.querySelectorAll(f(s.TOOLTIP__WRAPPER));
-    o == null || o.forEach((i) => {
+    const r = document.querySelectorAll(f(s.TOOLTIP__WRAPPER));
+    r == null || r.forEach((i) => {
       i.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE);
     });
   };
-  const r = e.querySelector(f(s.LOGO_OFFICIAL_CLOSE_BUTTON));
-  if (!r)
+  const o = e.querySelector(f(s.LOGO_OFFICIAL_CLOSE_BUTTON));
+  if (!o)
     throw new Error("renderOfficialWebsite: closeButton not found");
-  return r.onclick = () => {
+  return o.onclick = () => {
     e.classList.toggle(s.VISUALLY_HIDDEN), n.focus(), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true");
-  }, r.id || (r.id = C()), e.id || (e.id = C()), n.setAttribute("aria-controls", e.id), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), e.setAttribute("aria-labelledby", n.id), e;
+  }, o.id || (o.id = C()), e.id || (e.id = C()), n.setAttribute("aria-controls", e.id), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), e.setAttribute("aria-labelledby", n.id), e;
 }
-function Ko() {
+function Yr() {
   const t = [...document.querySelectorAll(`
       ${f(s.MOBILE_MENU__ACTION_BAR)}
       ${f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
@@ -2940,13 +2763,13 @@ function Ko() {
     `)];
   t.forEach(
     (n) => {
-      n.onkeydown = (r) => {
-        (r.code === "Home" || r.code === "End" || r.code === "ArrowRight" || r.code === "ArrowLeft") && r.preventDefault();
-      }, n.onkeyup = (r) => {
-        const o = t.indexOf(n);
+      n.onkeydown = (o) => {
+        (o.code === "Home" || o.code === "End" || o.code === "ArrowRight" || o.code === "ArrowLeft") && o.preventDefault();
+      }, n.onkeyup = (o) => {
+        const r = t.indexOf(n);
         let i = NaN;
-        if (r.code === "Home" ? i = 0 : r.code === "End" ? i = t.length - 1 : r.code === "ArrowRight" ? i = (o + 1) % t.length : r.code === "ArrowLeft" && (i = (t.length + o - 1) % t.length), !Number.isNaN(i)) {
-          r.preventDefault(), r.stopPropagation();
+        if (o.code === "Home" ? i = 0 : o.code === "End" ? i = t.length - 1 : o.code === "ArrowRight" ? i = (r + 1) % t.length : o.code === "ArrowLeft" && (i = (t.length + r - 1) % t.length), !Number.isNaN(i)) {
+          o.preventDefault(), o.stopPropagation();
           const c = t[i], a = (
             /** @type {HTMLElement} */
             c.closest(
@@ -2959,19 +2782,19 @@ function Ko() {
           if (l && document.getElementById(l))
             c.click();
           else {
-            const h = (
+            const _ = (
               /** @type {HTMLElement} */
               document.querySelector(f(s.MOBILE_MENU__WRAPPER))
             );
-            if (!h)
+            if (!_)
               throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-            const _ = (
+            const h = (
               /** @type {HTMLElement} */
-              h.querySelector(f(s.MOBILE_MENU__CONTENT))
+              _.querySelector(f(s.MOBILE_MENU__CONTENT))
             );
-            if (!_)
+            if (!h)
               throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");
-            _.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((p) => p.classList.remove(s.IS_OPEN));
+            h.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((p) => p.classList.remove(s.IS_OPEN));
           }
           const d = (
             /** @type {HTMLElement} */
@@ -2979,52 +2802,52 @@ function Ko() {
           );
           if (!d)
             throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-          $e(d, a);
+          Ke(d, a);
         }
       };
     }
   );
 }
-function Zo() {
-  const e = Ln.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${P().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${P().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${P().mediaSizes.mobile}px`);
+function Kr() {
+  const e = Cn.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${y().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${y().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${y().mediaSizes.mobile}px`);
   let t = document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);
   t || (t = document.createElement("style"), t.id = s.CSS_HEADER_MEDIA_TAG_ID), t.innerHTML = e, document.body.appendChild(t);
 }
-function Xo() {
-  const e = P();
+function Zr() {
+  const e = y();
   let t = document.body;
   if (e.domLocationTarget) {
     const n = [
       e.domLocationTarget.cssSelector,
       e.domLocationTarget.element,
       e.domLocationTarget.elementFunction
-    ].filter((r) => r);
+    ].filter((o) => o);
     if (n.length < 1)
       throw new Error("loadHeader: domLocationTarget must either have a value for one of its properties or not be specified at all");
     if (n.length > 1)
       throw new Error("loadHeader: domLocationTarget must only have one target specified");
     if (e.domLocationTarget.cssSelector)
-      t = document.querySelector(e.domLocationTarget.cssSelector), Mt(!t, `loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);
+      t = document.querySelector(e.domLocationTarget.cssSelector), J(!t, `loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);
     else if (e.domLocationTarget.element)
       t = e.domLocationTarget.element;
     else if (e.domLocationTarget.elementFunction)
-      t = e.domLocationTarget.elementFunction(), Mt(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
+      t = e.domLocationTarget.elementFunction(), J(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
     else
       throw new Error("loadHeader: domLocationTarget must have at least one field set");
   }
-  return Sn(t, "loadHeader: domTarget is null (how?!)");
+  return se(t, "loadHeader: domTarget is null (how?!)");
 }
-function Qo() {
+function Xr() {
   var t;
   if (!document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) {
-    const n = Ro(), r = Xo();
-    r.insertBefore(n, r.firstChild);
-    const o = zo();
-    n.after(o);
-    const { mainMenuWrapper: i, utahIdPopup: c } = Wo();
-    i && o.after(i);
-    const a = I(Nn);
-    o.after(a);
+    const n = Rr(), o = Zr();
+    o.insertBefore(n, o.firstChild);
+    const r = zr();
+    n.after(r);
+    const { mainMenuWrapper: i, utahIdPopup: c } = kr();
+    i && r.after(i);
+    const a = I(Rn);
+    r.after(a);
     const l = (
       /** @type {HTMLElement} */
       document.querySelector(f(s.MOBILE_MENU__BACKDROP))
@@ -3033,27 +2856,27 @@ function Qo() {
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");
     if (l.onclick)
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");
-    l.onclick = () => nt();
-    const u = jo(), d = nn(u, "Main Menu");
+    l.onclick = () => rt();
+    const u = $r(), d = sn(u, "Main Menu");
     d.appendChild(u);
-    const h = Je(d);
-    $n(h), c ? ((t = c.closest("div")) == null || t.removeAttribute("aria-labelledby"), $o(a, c)) : Go(), fo(), Ko(), io(), Zo(), sn();
+    const _ = nt(d);
+    Gn(_), c ? ((t = c.closest("div")) == null || t.removeAttribute("aria-labelledby"), Gr(a, c)) : Vr(), pr(), Yr(), ir(), Kr(), dn().catch((h) => console.error(h));
   }
+  xn();
 }
-function Jo(e) {
-  var t, n, r, o;
-  (t = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) == null || t.remove(), (n = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MAIN_MENU__OUTER]))) == null || n.remove(), (r = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MOBILE_MENU]))) == null || r.remove(), (o = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.LOGO_OFFICIAL_WRAPPER]))) == null || o.remove(), en(), e && setTimeout(() => document.dispatchEvent(new Event(qt.HEADER_UNLOADED)), 0);
+function Jr(e) {
+  var t, n, o, r;
+  (t = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) == null || t.remove(), (n = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MAIN_MENU__OUTER]))) == null || n.remove(), (o = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MOBILE_MENU]))) == null || o.remove(), (r = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.LOGO_OFFICIAL_WRAPPER]))) == null || r.remove(), rn(), e && setTimeout(() => document.dispatchEvent(new Event(Gt.HEADER_UNLOADED)), 0);
 }
-const ei = Pn.version.replace(/\./g, "");
-console.log(`Utah Header v${ei}`);
+console.log(`Utah Header v${Un.version}`);
 export {
-  Cn as baseSettings,
-  W as childrenMenuTypes,
-  qt as events,
-  P as getUtahHeaderSettings,
-  Qo as loadHeader,
-  Jo as removeHeader,
+  $ as childrenMenuTypes,
+  $t as defaultSettings,
+  Gt as events,
+  y as getUtahHeaderSettings,
+  Xr as loadHeader,
+  Jr as removeHeader,
   I as renderDOMSingle,
-  ni as setUtahHeaderSettings,
-  ce as sizes
+  Qr as setUtahHeaderSettings,
+  Ie as sizes
 };