@utahdts/utah-design-system-header 0.7.0 → 0.8.0

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

@@ -1,4 +1,4 @@
-const En = "@utahdts/utah-design-system-header", bn = "0.7.0", gn = "Utah Header for the Utah Design System", In = {
+const In = "@utahdts/utah-design-system-header", gn = "0.8.0", Tn = "Utah Header for the Utah Design System", Mn = {
   ".": {
     "development-local": "./src/index.js",
     development: "./dist/utah-design-system-header.es.js",
@@ -13,50 +13,55 @@ const En = "@utahdts/utah-design-system-header", bn = "0.7.0", gn = "Utah Header
   },
   "./css": "./dist/style.css",
   "./src/css/index.scss": "./src/css/index.scss"
-}, Tn = "./src/index.js", wn = [
+}, An = "./src/index.js", On = [
   "src/css",
   "dist"
-], Mn = {
+], wn = {
   build: "vite build",
   preview: "vite preview",
   publishHeader: "npm publish --access public",
   "test-publish": "npm publish --dry-run",
   test: "vitest",
   testc: "vitest run --coverage",
+  testOnce: "vitest run",
+  testui: "vitest --ui",
   watch: "vite build --watch"
-}, An = {
+}, Ln = {
   type: "git",
   url: "git+https://github.com/utahdts/utah-design-system.git"
-}, On = "Apache-2.0", yn = {
+}, yn = "Apache-2.0", Pn = {
   url: "https://github.com/utahdts/utah-design-system/issues"
-}, Ln = "https://github.com/utahdts/utah-design-system#readme", Pn = {
+}, Nn = "https://github.com/utahdts/utah-design-system#readme", Sn = {
   "@popperjs/core": "2.11.7"
-}, Nn = {
-  eslint: "8.39.0",
+}, Un = {
+  "@vitest/ui": "0.31.1",
+  eslint: "8.40.0",
   "eslint-config-airbnb": "19.0.4",
   "eslint-plugin-import": "2.27.5",
   "eslint-plugin-jsx-a11y": "6.7.1",
+  "eslint-plugin-react-refresh": "0.4.1",
+  jsdom: "22.0.0",
   sass: "1.62.1",
-  vite: "4.3.4",
+  vite: "4.3.7",
   "vite-plugin-eslint": "1.8.1",
-  vitest: "0.30.1"
-}, 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
+  vitest: "0.31.0"
+}, Cn = "module", Rn = {
+  name: In,
+  version: gn,
+  description: Tn,
+  exports: Mn,
+  main: An,
+  files: On,
+  scripts: wn,
+  repository: Ln,
+  license: yn,
+  bugs: Pn,
+  homepage: Nn,
+  dependencies: Sn,
+  devDependencies: Un,
+  type: Cn
 };
-const $ = {
+const j = {
   FLYOUT: (
     /** @type {ChildrenMenuType} */
     "flyout"
@@ -69,7 +74,7 @@ const $ = {
     /** @type {ChildrenMenuType} */
     "mega-menu"
   )
-}, Gt = {
+}, $t = {
   // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
   HEADER_LOADED: (
     /** @type {Events} */
@@ -80,7 +85,7 @@ const $ = {
     /** @type {Events} */
     "utahHeaderUnloaded"
   )
-}, Ie = {
+}, Te = {
   SMALL: (
     /** @type {Size} */
     "SMALL"
@@ -93,7 +98,7 @@ const $ = {
     /** @type {Size} */
     "LARGE"
   )
-}, Cn = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+}, Dn = `/* @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 */
@@ -103,6 +108,12 @@ const $ = {
 }
 
 @media screen and (max-width: media-size__tablet-portrait__PLACEHOLDER) {
+  .utds-header-desktop--hidden {
+    display: flex !important;
+  }
+  .utds-header-mobile--hidden {
+    display: none !important;
+  }
   .utds-header {
     height: 60px;
     padding: var(--spacing-xs) var(--spacing);
@@ -113,8 +124,13 @@ const $ = {
   .utds-citizen-experience-wrapper {
     display: none;
   }
+  .utds-citizen-experience-wrapper--mobile {
+    display: flex;
+  }
   .utah-design-system .main-menu__wrapper {
     padding: 0 var(--spacing);
+    /* The utah id button is this tall, but without it, the menu doesn't fill the space up to the mobile menu content popup */
+    min-height: 46px;
   }
   .utah-design-system .main-menu__nav {
     display: none;
@@ -125,7 +141,8 @@ const $ = {
   }
   .utah-design-system .icon-button.main-menu__hamburger,
   .utah-design-system .utds-header-mobile__vip-action-items--left,
-  .utah-design-system .utds-header-mobile__vip-action-items--right {
+  .utah-design-system .utds-header-mobile__vip-action-items--right,
+  .utah-design-system .main-menu__search-placeholder {
     display: flex;
   }
 
@@ -151,7 +168,7 @@ const $ = {
 @media screen and (max-width: media-size__mobile__PLACEHOLDER) {
   /* put your media query here for mobile */
 }
-`, Rn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
+`, Bn = `<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">
@@ -178,13 +195,16 @@ const $ = {
 
     </div>
     <div class="utds-header-mobile-menu__content"> </div>
+    <div aria-hidden tabindex="0" class="utds-header-mobile-menu__hidden-last-focusable visually-hidden">
+      end of mobile content form
+    </div>
   </div>
 </div>
 `;
-function f(e) {
+function p(e) {
   return `.${(Array.isArray(e) ? e : [e]).join(".")}`;
 }
-const s = {
+const a = {
   // Global Information
   UTAH_DESIGN_SYSTEM: "utah-design-system",
   HEADER: "utds-header",
@@ -206,12 +226,14 @@ const s = {
   ACTION_ITEM__ICON_BUTTON: "utds-header-action-item__icon-button",
   ACTION_ITEM__ICON_BUTTON_TITLE: "utds-header-action-item__icon-button--has-title",
   ACTION_ITEM__TITLE: "utds-header-action-item__title",
+  ACTION_ITEMS__WRAPPER: "utds-action-items-wrapper",
   BADGE__LABEL: "utds-badge__label",
   BADGE__VALUE: "utds-badge__value",
   BADGE_WRAPPER: "utds-badge__wrapper",
   BADGE_WRAPPER__SMALL: "utds-badge__wrapper--small",
   BADGE_WRAPPER__ACTION_ITEM: "utds-badge__wrapper--action-item",
   CITIZEN_EXPERIENCE: "utds-citizen-experience-wrapper",
+  CITIZEN_EXPERIENCE_MOBILE: "utds-citizen-experience-wrapper--mobile",
   FOOTER_HORIZONTAL_DIVIDER: "utds-footer__horizontal-divider",
   LOGO: "utds-logo-wrapper",
   LOGO_OFFICIAL_CLOSE_BUTTON: "utds-official-website-popup__close-button",
@@ -225,6 +247,7 @@ const s = {
   MAIN_MENU__MENU_TOP: "main-menu__menu-top",
   MAIN_MENU__NAV: "main-menu__nav",
   MAIN_MENU__OUTER: "main-menu__outer",
+  MAIN_MENU__REMOVED: "main-menu-is-removed",
   MAIN_MENU__SEARCH: "main-menu__search",
   MAIN_MENU__TITLE: "main-menu__title",
   MENU_ITEM: "menu-item",
@@ -235,8 +258,10 @@ const s = {
   MENU_ITEM__FLY_OUT: "menu-item--fly_out",
   MENU_ITEM__INLINE: "menu-item--inline",
   MENU_ITEM__MEGA_MENU: "menu-item--mega-menu",
-  MOBILE__VIP_ACTION_ITEMS__LEFT: "utds-header-mobile__vip-action-items--left",
+  DESKTOP__HIDDEN: "utds-header-desktop--hidden",
+  MOBILE__HIDDEN: "utds-header-mobile--hidden",
   MOBILE__UTAH_ID: "utds-header-mobile__utah-id-wrapper",
+  MOBILE__VIP_ACTION_ITEMS__LEFT: "utds-header-mobile__vip-action-items--left",
   MOBILE__VIP_ACTION_ITEMS__RIGHT: "utds-header-mobile__vip-action-items--right",
   ACTION_ITEM__SELECTED: "utds-header-mobile-menu__action-item--selected",
   MOBILE_MENU: "utds-header-mobile-menu",
@@ -244,6 +269,7 @@ const s = {
   MOBILE_MENU__BACKDROP: "utds-header-mobile-menu__backdrop",
   MOBILE_MENU__CONTENT: "utds-header-mobile-menu__content",
   MOBILE_MENU__CONTENT_ITEM: "utds-header-mobile-menu__content-item",
+  MOBILE_MENU__LAST_FOCUSABLE: "utds-header-mobile-menu__hidden-last-focusable",
   MOBILE_MENU__WRAPPER: "utds-header-mobile-menu__wrapper",
   MOBILE_MENU_ACTON_BAR__HOME_ID: "utds-header-mobile-menu_action-bar__home",
   MOBILE_MENU_ACTON_BAR__PROFILE_ID: "utds-header-mobile-menu_action-bar__profile",
@@ -285,25 +311,25 @@ const s = {
   UTAH_ID: "utds-utah-id-wrapper",
   UTAH_ID__BUTTON: "utds-utah-id__button"
 };
-function J(e, t) {
+function ee(e, t) {
   if (e)
     throw new Error(t);
 }
-function se(e, t) {
+function P(e, t) {
   if (e == null)
     throw new Error(t);
   return e;
 }
-function Ot(e) {
+function Lt(e) {
   return typeof e == "string" || e instanceof String;
 }
-function Dn(e) {
+function Hn(e) {
   const t = new DOMParser();
   let n;
-  if (Ot(e)) {
+  if (Lt(e)) {
     const o = (
       /** @type {Document} */
-      Ot(e) ? t.parseFromString(e, "text/html") : e
+      Lt(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");
@@ -317,8 +343,8 @@ function Dn(e) {
     throw e ? (console.error(e), new Error(`renderDOM: str is not a string nor a DOM Element : '${e}'`)) : new Error("renderDOM: falsy string passed; cannot render nothing");
   return n;
 }
-function I(e) {
-  const t = typeof e == "string" ? Dn(e) : e;
+function g(e) {
+  const t = typeof e == "string" ? Hn(e) : e;
   if (t instanceof HTMLCollection && t.length > 1)
     throw new Error("renderDOMSingle: must render a single element");
   const n = (
@@ -329,7 +355,7 @@ function I(e) {
     throw console.error(e), new Error("renderDOMSingle: nothing rendered");
   return n;
 }
-const Hn = `<div class="utds-footer utah-design-system">
+const xn = `<div class="utds-footer utah-design-system">
   <div class="utds-footer__horizontal-divider">
     <hr />
   </div>
@@ -356,138 +382,238 @@ const Hn = `<div class="utds-footer utah-design-system">
   </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");
+let se = null;
+function Wn() {
+  var o, r, i, u, s, l, c, d, h, f, _, m, E, v, T, A;
+  const e = O(), t = document.querySelector(p(a.FOOTER));
+  let n = t;
+  if (e.footer === null)
+    t == null || t.remove();
+  else if (((o = se == null ? void 0 : se.footer) == null ? void 0 : o.domLocationTarget) !== ((r = e == null ? void 0 : e.footer) == null ? void 0 : r.domLocationTarget) || ((i = se == null ? void 0 : se.footer) == null ? void 0 : i.showHorizontalRule) !== ((u = e == null ? void 0 : e.footer) == null ? void 0 : u.showHorizontalRule) || !t) {
+    t && t.remove(), n = g(xn);
+    let b = document.body;
+    if ((s = e == null ? void 0 : e.footer) != null && s.domLocationTarget) {
+      const I = [
+        (l = e == null ? void 0 : e.footer) == null ? void 0 : l.domLocationTarget.cssSelector,
+        (c = e == null ? void 0 : e.footer) == null ? void 0 : c.domLocationTarget.element,
+        (d = e == null ? void 0 : e.footer) == null ? void 0 : d.domLocationTarget.elementFunction
+      ].filter((M) => M);
+      if (ee(I.length < 1, "renderFooter: footer.domLocationTarget must either have a value for one of its properties or not be specified at all"), ee(I.length > 1, "renderFooter: footer.domLocationTarget must only have one target specified"), (h = e == null ? void 0 : e.footer) != null && h.domLocationTarget.cssSelector)
+        b = document.querySelector((f = e == null ? void 0 : e.footer) == null ? void 0 : f.domLocationTarget.cssSelector), ee(!b, `renderFooter: element not found for domLocationTarget.cssSelector ${(_ = e == null ? void 0 : e.footer) == null ? void 0 : _.domLocationTarget.cssSelector}`);
+      else if ((m = e == null ? void 0 : e.footer) != null && m.domLocationTarget.element)
+        b = (E = e == null ? void 0 : e.footer) == null ? void 0 : E.domLocationTarget.element;
+      else if ((v = e == null ? void 0 : e.footer) != null && v.domLocationTarget.elementFunction)
+        b = (T = e == null ? void 0 : e.footer) == null ? void 0 : T.domLocationTarget.elementFunction(), ee(!b, "renderFooter: element not returned from domLocationTarget.elementFunction");
       else
         throw new Error("renderFooter: domLocationTarget must have at least one field set");
     }
-    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();
+    if (b == null || b.appendChild(n), !((A = e == null ? void 0 : e.footer) != null && A.showHorizontalRule)) {
+      const I = document.querySelector(p(a.FOOTER_HORIZONTAL_DIVIDER));
+      ee(!I, "renderFooter: cannot remove horizontal rule; not found"), I == null || I.remove();
     }
-    ie = JSON.parse(JSON.stringify(e));
+    se = JSON.parse(JSON.stringify(e));
   }
-  return se(o, "renderFooter: footer not rendered");
+  return n;
 }
-const $t = {
+const jt = {
   mediaSizes: {
     mobile: 640,
     tabletPortrait: 768,
     tabletLandscape: 1024
   },
   showTitle: !0,
-  size: Ie.MEDIUM,
+  size: Te.MEDIUM,
   title: "My Utah.gov Site",
-  titleURL: "/",
-  mainMenu: {
-    menuItems: [
-      {
-        actionUrl: { url: "/" },
-        title: "Home"
-      }
-    ],
-    title: "Main Menu"
-  }
+  titleURL: "/"
 };
-let xe = { ...$t };
-function y() {
-  return xe;
+let ke = { ...jt };
+function O() {
+  return ke;
 }
-function Bn(e) {
+function kn(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 yt() {
-  Jr(!1), Xr();
+  ti(!1), ei();
 }
-let jt = !1;
-const kn = 15e3;
-let Lt = 0;
-const Wn = setInterval(
+let zt = !1;
+const qn = 15e3;
+let Pt = 0;
+const Vn = setInterval(
   () => {
-    Lt += 1, Lt >= kn || jt ? clearInterval(Wn) : document.dispatchEvent(new Event(Gt.HEADER_LOADED));
+    Pt += 1, Pt >= qn || zt ? clearInterval(Vn) : document.dispatchEvent(new Event($t.HEADER_LOADED));
   },
   2
 );
-function Qr(e) {
-  return xe = { ...$t, ...y(), ...e }, Bn(xe), jt = !0, document != null && document.body ? yt() : window.addEventListener("load", () => yt()), xe;
+function ni(e) {
+  return ke = { ...jt, ...O(), ...e }, kn(ke), zt = !0, document != null && document.body ? yt() : window.addEventListener("load", () => yt()), ke;
 }
-const qn = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
+const Fn = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
 </div>
 `;
-function C() {
+function R() {
   return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(
     /[018]/g,
     // eslint-disable-next-line no-bitwise
     (e) => (e ^ crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> e) / 4).toString(16)
   );
 }
-function nt(e) {
-  const t = document.querySelector(f(s.MOBILE_MENU__WRAPPER));
+function it(e) {
+  const t = document.querySelector(p(a.MOBILE_MENU__WRAPPER));
   if (!t)
     throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");
-  const n = t.querySelector(f(s.MOBILE_MENU__CONTENT));
+  const n = t.querySelector(p(a.MOBILE_MENU__CONTENT));
   if (!n)
     throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
-  const o = I(qn);
-  return o.appendChild(e), n.appendChild(o), o.setAttribute("id", C()), o;
+  const o = g(Fn);
+  return o.appendChild(e), n.appendChild(o), o.setAttribute("id", R()), o;
+}
+function K(e) {
+  return typeof e == "function" ? e() : e;
 }
-const Fn = `<div class="utds-badge__wrapper">
+const Gn = `<div class="utds-badge__wrapper">
   <span class="utds-badge__value"></span>
   <span class="utds-badge__label visually-hidden"></span>
 </div>
 `;
-function ot(e) {
+function at(e) {
   let t = null;
   if (e) {
     t = /** @type {HTMLElement} */
-    I(Fn), t.classList.add(s.BADGE_WRAPPER__ACTION_ITEM);
-    const n = t.querySelector(f(s.BADGE__LABEL));
+    g(Gn), t.classList.add(a.BADGE_WRAPPER__ACTION_ITEM);
+    const n = t.querySelector(p(a.BADGE__LABEL));
     if (!n)
       throw new Error("renderActionItemBadge: badgeLabel not found");
     if (n.appendChild(document.createTextNode(e.label)), e.value || e.value === 0) {
-      const o = t.querySelector(f(s.BADGE__VALUE));
+      const o = t.querySelector(p(a.BADGE__VALUE));
       if (!o)
         throw new Error("renderActionItemBadge: badgeValue not found");
       o.appendChild(document.createTextNode(`${e.value}`));
     } else
-      t.classList.add(s.BADGE_WRAPPER__SMALL);
+      t.classList.add(a.BADGE_WRAPPER__SMALL);
     e.className && t.classList.add(e.className);
   }
   return t;
 }
-function ke(e) {
+const $n = `<div class="utah-design-system utds-official-website-popup__wrapper visually-hidden" tabindex="-1">
+  <h2 class="utds-official-website-popup__heading">
+    This is an official website of the State of Utah. Here’s how you know:
+  </h2>
+  <div class="utds-official-website-popup__content">
+    <div class="utds-official-website-popup__col">
+      <div class="utds-icon-before-verified big-icon" aria-hidden="true"></div>
+      <div>
+        <strong>Official Utah websites use utah.gov in the browser&#39;s address bar.</strong><br />
+        A Utah.gov website belongs to an official government organization in the State of Utah.
+        <div class="utds-official-website-popup__address-bar"></div>
+      </div>
+    </div>
+    <div class="utds-official-website-popup__col">
+      <div class="utds-icon-before-lock big-icon" aria-hidden="true"></div>
+      <div>
+        <strong>Be careful when sharing sensitive information.</strong><br />
+        Share sensitive information only on secure official Utah.gov websites.
+      </div>
+    </div>
+    <div>
+      <svg class="utds-official-website-popup__official-image" viewBox="0 0 105.9496 47.6226" role="img">
+        <g>
+          <g>
+            <path
+              d="M12.2714,30.0877c-4.1489,0-7.2318-1.2037-9.2489-3.611C1.0055,24.0693-.002,20.334,0,15.2709V0H7.8175V16.1806c0,2.6363,.356,4.4923,1.0679,5.5679,.7613,1.1018,2.0506,1.7162,3.3859,1.6134,1.3465,.0953,2.6458-.5157,3.4313-1.6134,.7422-1.0756,1.1133-2.9316,1.1133-5.5679V0h7.5448V15.2709c0,5.0601-.9847,8.7946-2.9541,11.2035-1.9694,2.4089-5.0145,3.6133-9.1352,3.6133Zm24.0887-.5463V6.5444h-7.8175V0h23.4526V6.5444h-7.8175V29.5414h-7.8175Zm25.8151-14.362l-.5002,2.0452h5.455l-.5002-2.0452c-.3637-1.4239-.7273-2.9693-1.091-4.636-.3637-1.6667-.7261-3.242-1.0871-4.7259h-.1821c-.3334,1.5151-.6743,3.0983-1.0226,4.7497s-.7053,3.189-1.071,4.6129l-.0008-.0008Zm-11.3617,14.362L59.8127,0h9.4502l9.0023,29.5414h-8.2724l-1.4544-6.2709h-8.2716l-1.4544,6.2709h-7.9988Zm30.2713,0V0h7.8175V10.9991h8.8171V0h7.8175V29.5414h-7.8175v-11.7251h-8.8194v11.7251h-7.8152Z" />
+          </g>
+          <text transform="translate(.0419 43.5205)" aria-hidden="true">
+            <tspan x="0" y="0">An official website</tspan>
+          </text>
+        </g>
+      </svg>
+      <div class="utds-official-website-popup__copyright">&copy; State of Utah</div>
+    </div>
+  </div>
+  <button type="button" class="utds-official-website-popup__close-button button icon-button icon-button--borderless"
+    tabIndex="-1">
+    <span class="utds-icon-before-x-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Close official website popup</span>
+  </button>
+</div>
+`;
+function Yt() {
+  const e = P(
+    document.querySelector(p(a.LOGO_OFFICIAL_WRAPPER)),
+    "openOfficialWebsite: official wrapper not found"
+  ), t = P(
+    document.querySelector(p(a.LOGO)),
+    "openOfficialWebsite: logoWrapper not found"
+  ), n = P(
+    t.querySelector(p(a.LOGO_SVG)),
+    "openOfficialWebsite: logoButton not found"
+  ), o = P(
+    e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON)),
+    "openOfficialWebsite: official close button not found"
+  );
+  e.classList.add(a.VISUALLY_HIDDEN), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), o.setAttribute("tabIndex", -1), e.setAttribute("tabIndex", -1);
+  const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
+  r == null || r.forEach((i) => {
+    i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
+  });
+}
+function jn() {
+  const e = P(
+    document.querySelector(p(a.LOGO_OFFICIAL_WRAPPER)),
+    "openOfficialWebsite: official wrapper not found"
+  ), t = P(
+    document.querySelector(p(a.LOGO)),
+    "openOfficialWebsite: logoWrapper not found"
+  ), n = P(
+    t.querySelector(p(a.LOGO_SVG)),
+    "openOfficialWebsite: logoButton not found"
+  ), o = P(
+    e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON)),
+    "openOfficialWebsite: official close button not found"
+  );
+  e.classList.remove(a.VISUALLY_HIDDEN), o.removeAttribute("tabIndex"), e.removeAttribute("tabIndex"), n.setAttribute("aria-expanded", "true"), e.setAttribute("aria-hidden", "false"), e.focus();
+  const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
+  r == null || r.forEach((i) => {
+    i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
+  }), Ge();
+}
+function zn() {
+  const e = g($n), n = (
+    /** @type {HTMLElement} */
+    document.querySelector(p(a.LOGO)).querySelector(p(a.LOGO_SVG))
+  );
+  if (!n)
+    throw new Error("renderOfficialWebsite: logoButton not found");
+  if (n.onclick)
+    throw new Error("renderOfficialWebsite: logoButton already has an onclick");
+  const o = e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON));
+  if (!o)
+    throw new Error("renderOfficialWebsite: closeButton not found");
+  return n.onclick = () => {
+    e.classList.toggle(a.VISUALLY_HIDDEN), e.classList.contains(a.VISUALLY_HIDDEN) ? Yt() : jn();
+    const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
+    r == null || r.forEach((i) => {
+      i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
+    });
+  }, o.onclick = () => {
+    e.classList.toggle(a.VISUALLY_HIDDEN), n.focus(), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true");
+  }, o.id || (o.id = R()), e.id || (e.id = R()), n.setAttribute("aria-controls", e.id), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), e.setAttribute("aria-labelledby", n.id), e;
+}
+function we(e) {
   const t = (
     /** @type {HTMLElement} */
-    se(
-      document.querySelector(f(s.MOBILE_MENU)),
+    P(
+      document.querySelector(p(a.MOBILE_MENU)),
       `${e}: mobileMenu not found`
     )
-  ), n = se(
-    document.getElementById(s.MAIN_MENU__HAMBURGER_ID),
+  ), n = P(
+    document.getElementById(a.MAIN_MENU__HAMBURGER_ID),
     `${e}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`
   ), o = (
     /** @type {HTMLElement} */
-    se(
-      document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID),
+    P(
+      document.getElementById(a.MAIN_MENU__HAMBURGER_ICON_ID),
       `${e}: hamburgerIcon not found`
     )
   );
@@ -497,128 +623,169 @@ function ke(e) {
     mobileMenu: t
   };
 }
-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 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 Gn(e) {
-  var c;
-  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);
+function Ge() {
+  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = we("hideMobileMenu");
+  e.setAttribute("aria-expanded", "false"), n.classList.remove(a.IS_OPEN), t.classList.add("utds-icon-before-hamburger"), t.classList.remove("utds-icon-before-x-icon");
+}
+function Yn() {
+  var r;
+  const e = document.querySelector(p(a.MAIN_MENU));
+  e != null && e.classList.contains(a.MOBILE__HIDDEN) && ((r = document.querySelector(`${p(a.UTAH_DESIGN_SYSTEM)}${p(a.MOBILE_MENU)}`)) == null || r.classList.add(a.MAIN_MENU__REMOVED));
+  const { hamburger: t, hamburgerIcon: n, mobileMenu: o } = we("showMobileMenu");
+  t.setAttribute("aria-expanded", "true"), o.classList.add(a.IS_OPEN), n.classList.remove("utds-icon-before-hamburger"), n.classList.add("utds-icon-before-x-icon");
+}
+function Zn(e) {
+  var l, c;
+  const { hamburger: t } = we("hookupHamburger"), n = O();
+  if ((l = n.actionItems) == null ? void 0 : l.some((d) => !!d.badge)) {
+    const d = at({ label: "Home Badge" });
+    d && t.appendChild(d);
   }
-  rt();
-  const r = se(
-    document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID),
-    "hookupHamburger: homeActionItem not found"
-  ), i = (
+  Ge();
+  function r() {
+    const d = P(
+      /** @type {HTMLElement} */
+      document.querySelectorAll(`.${a.MOBILE_MENU__ACTION_BAR} .${a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER}`)[0],
+      "hookupHamburger: no action items to select on mobile hamburger open"
+    ), h = d.querySelector("button"), f = h == null ? void 0 : h.getAttribute("aria-controls");
+    return { actionItem: d, actionItemWrapper: f ? document.getElementById(f) : null };
+  }
+  const i = P(
     /** @type {HTMLElement} */
-    se(
-      r == null ? void 0 : r.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)),
-      "hookupHamburger: homeActionItemWrapper not found"
-    )
-  );
-  it(
+    document.querySelectorAll(`.${a.MOBILE_MENU__ACTION_BAR} .${a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER}`)[0],
+    "hookupHamburger: no action items to select on mobile hamburger open"
+  ), u = (c = i.querySelector) == null ? void 0 : c.call(i, "button"), s = (u || i).getAttribute("id");
+  if (!s)
+    throw new Error("mobileMenuInteractionHandler: actionItemId not found");
+  if (e) {
+    const d = e.getAttribute("id");
+    if (!d)
+      throw new Error("mobileMenuInteractionHandler: mobileMainMenuContentItemId not found");
+    (u || i).setAttribute("aria-controls", d), e.setAttribute("aria-labelledby", s);
+  }
+  st(
     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), _ = (
+    () => r().actionItemWrapper,
+    () => r().actionItem,
+    {
+      additionalOnClick: () => Yt(),
+      ariaHasPopupType: "menu",
+      shouldOnClickCloseMenu: !0
+    }
+  ), ee(!!t.onblur, "hookupHamburger: hamburger already has an onblur event"), t.onblur = () => {
+    const { mobileMenu: d } = we("showMobileMenu");
+    if (d.classList.contains(a.IS_OPEN)) {
+      const h = p(a.MOBILE_MENU__ACTION_BAR), f = p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), _ = p(a.ICON_BUTTON), m = (
         /** @type {HTMLElement | null} */
-        document.querySelector(`${l} ${u}:first-child ${d}`)
+        document.querySelector(`${h} ${f}:first-child ${_}`)
       );
-      _ == null || _.focus();
+      m == null || m.focus();
     }
-  };
-}
-function Ke(e, t) {
-  e.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((o) => {
-    o.classList.remove(s.ACTION_ITEM__SELECTED);
+  }, (n.mainMenu || n.actionItems) && !n.onSearch && n.utahId === !1 && (P(
+    document.querySelector(p(a.CITIZEN_EXPERIENCE_MOBILE)),
+    "hookupHamburger: citizen experience mobile not found"
+  ).appendChild(t), P(
+    document.querySelector(p(a.MAIN_MENU)),
+    "hookupHamburger: main menu not found"
+  ).classList.add(a.MOBILE__HIDDEN)), n.onSearch && !n.mainMenu && P(
+    document.querySelector(p(a.MAIN_MENU)),
+    "renderMainMenu: main menu not found"
+  ).classList.add(a.DESKTOP__HIDDEN);
+}
+function Je(e, t) {
+  e.querySelectorAll(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((o) => {
+    o.classList.remove(a.ACTION_ITEM__SELECTED);
     const r = o.querySelector("button");
     if (!r)
-      throw new Error("showActionItem: actionWrapper does not have actionItem");
+      throw new Error("showActionItem: actionWrapper does not have actionItem A");
     r.setAttribute("aria-selected", "false"), r.setAttribute("tabIndex", "-1");
-  }), t.classList.add(s.ACTION_ITEM__SELECTED);
+  }), t.classList.add(a.ACTION_ITEM__SELECTED);
   const n = t.querySelector("button");
   if (!n)
-    throw new Error("showActionItem: actionWrapper does not have actionItem");
+    throw new Error("showActionItem: actionWrapper does not have actionItem B");
   n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
 }
-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 Nt(e, t) {
+  e.querySelectorAll(p(a.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(a.IS_OPEN)), t.classList.add(a.IS_OPEN);
 }
-function it(e, t, n, {
+function st(e, t, n, {
   ariaHasPopupType: o,
-  onClickHandler: r,
-  shouldOnClickCloseMenu: i
+  additionalOnClick: r,
+  onClickHandler: i,
+  shouldOnClickCloseMenu: u
 }) {
-  var _;
+  var _, m;
   if (t && !o)
     throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");
-  const c = (
+  const s = (
     /** @type {HTMLElement} */
-    document.querySelector(f(s.MOBILE_MENU))
+    document.querySelector(p(a.MOBILE_MENU))
   );
-  if (!c)
+  if (!s)
     throw new Error("mobileMenuInteractionHandler: mobileMenu not found");
-  const a = (
+  const l = (
     /** @type {HTMLElement} */
-    document.querySelector(f(s.MOBILE_MENU__WRAPPER))
+    document.querySelector(p(a.MOBILE_MENU__WRAPPER))
   );
-  if (!a)
+  if (!l)
     throw new Error("mobileMenuInteractionHandler: mobileMenuWrapper not found");
-  const l = (
+  const c = (
     /** @type {HTMLElement} */
-    a.querySelector(f(s.MOBILE_MENU__CONTENT))
+    l.querySelector(p(a.MOBILE_MENU__CONTENT))
   );
-  if (!l)
+  if (!c)
     throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");
-  const u = (_ = n == null ? void 0 : n.querySelector) == null ? void 0 : _.call(n, "button"), d = (u || e).getAttribute("id");
-  if (!d)
+  const d = K(n), h = (m = (_ = K(n)) == null ? void 0 : _.querySelector) == null ? void 0 : m.call(_, "button"), f = (h || e).getAttribute("id");
+  if (!f)
     throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");
   if (t) {
-    const h = t.getAttribute("id");
-    if (!h)
-      throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
-    (u || e).setAttribute("aria-controls", h), t.setAttribute("aria-labelledby", d);
+    const E = K(t);
+    if (E) {
+      const v = E.getAttribute("id");
+      if (!v)
+        throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
+      (h || e).setAttribute("aria-controls", v), E.setAttribute("aria-labelledby", f);
+    }
   }
   if (e.onclick)
     throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");
-  if (e.onclick = (h) => {
-    r != null && r(h) || (c.classList.contains(s.IS_OPEN) ? i && rt() : (Vn(), t && Pt(l, t), Ke(a, n)));
+  if (e.onclick = (E) => {
+    if (!(i != null && i(E)))
+      if (r == null || r(E), s.classList.contains(a.IS_OPEN))
+        u && Ge();
+      else {
+        Yn();
+        const T = K(t);
+        T && Nt(c, T), Je(l, K(n));
+      }
   }, t) {
-    if (n !== e && n.onclick)
-      throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");
-    n.onclick = (h) => {
-      r != null && r(h) || (Pt(l, t), Ke(a, n));
+    if (d !== e && d.onclick)
+      throw new Error("mobileMenuInteractionHandler: actionItemWrapperValue already has onclick");
+    d.onclick = (E) => {
+      if (!(i != null && i(E))) {
+        const v = K(t);
+        v && Nt(c, v), Je(l, K(n));
+      }
     };
   }
 }
-const $n = `<div class="utds-header-mobile-menu__action-item" role="tab">
+const Kn = `<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>
-`, jn = `<div class="utds-header-action-item-menu">
+`, Xn = `<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>
-`, zt = `<span class="utds-new-tab-link-a11y">
+`, Jn = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
+`, 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>
-`, Yn = `<ul class="vertical-menu" role="menu" />
-`, Kn = `<li class="vertical-menu__item">
+`, Qn = `<ul class="vertical-menu" role="menu" />
+`, eo = `<li class="vertical-menu__item">
   <span class="vertical-menu__title">
     <span class="vertical-menu__plain-title"></span>
     <a href="#" class="vertical-menu__link-title">
@@ -630,7 +797,7 @@ const $n = `<div class="utds-header-mobile-menu__action-item" role="tab">
   </span>
   <span class="vertical-menu__divider" />
 </li>
-`, at = {
+`, lt = {
   AUTO: (
     /** @type {PopupPlacement} */
     "auto"
@@ -692,20 +859,20 @@ const $n = `<div class="utds-header-mobile-menu__action-item" role="tab">
     "top-end"
   )
 };
-function We(e, t, n) {
+function Ve(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;
+  return e && (Array.isArray(e) ? o = e.some((i) => Ve(i, t, n)) : (o = n(e), o || (o = !!((r = t == null ? void 0 : t.filter((i) => e[i])) != null && r.some((i) => Ve(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) {
+var H = "top", F = "bottom", G = "right", x = "left", $e = "auto", Se = [H, F, G, x], fe = "start", Le = "end", to = "clippingParents", Kt = "viewport", Ie = "popper", no = "reference", St = /* @__PURE__ */ Se.reduce(function(e, t) {
+  return e.concat([t + "-" + fe, t + "-" + Le]);
+}, []), Xt = /* @__PURE__ */ [].concat(Se, [$e]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + fe, t + "-" + Le]);
+}, []), oo = "beforeRead", ro = "read", io = "afterRead", ao = "beforeMain", so = "main", lo = "afterMain", co = "beforeWrite", uo = "write", po = "afterWrite", Qe = [oo, ro, io, ao, so, lo, co, uo, po];
+function X(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function q(e) {
+function V(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -714,31 +881,31 @@ function q(e) {
   }
   return e;
 }
-function ce(e) {
-  var t = q(e).Element;
+function ue(e) {
+  var t = V(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function W(e) {
-  var t = q(e).HTMLElement;
+function q(e) {
+  var t = V(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function st(e) {
+function ct(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = q(e).ShadowRoot;
+  var t = V(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function so(e) {
+function fo(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
     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);
+    !q(i) || !X(i) || (Object.assign(i.style, o), Object.keys(r).forEach(function(u) {
+      var s = r[u];
+      s === !1 ? i.removeAttribute(u) : i.setAttribute(u, s === !0 ? "" : s);
     }));
   });
 }
-function lo(e) {
+function _o(e) {
   var t = e.state, n = {
     popper: {
       position: t.options.strategy,
@@ -753,54 +920,54 @@ function lo(e) {
   };
   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(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;
+      var r = t.elements[o], i = t.attributes[o] || {}, u = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : n[o]), s = u.reduce(function(l, c) {
+        return l[c] = "", l;
       }, {});
-      !W(r) || !K(r) || (Object.assign(r.style, a), Object.keys(i).forEach(function(l) {
+      !q(r) || !X(r) || (Object.assign(r.style, s), Object.keys(i).forEach(function(l) {
         r.removeAttribute(l);
       }));
     });
   };
 }
-const co = {
+const ho = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: so,
-  effect: lo,
+  fn: fo,
+  effect: _o,
   requires: ["computeStyles"]
 };
-function j(e) {
+function z(e) {
   return e.split("-")[0];
 }
-var le = Math.max, qe = Math.min, fe = Math.round;
-function Xe() {
+var ce = Math.max, Fe = Math.min, _e = Math.round;
+function et() {
   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 Zt() {
-  return !/^((?!chrome|android).)*safari/i.test(Xe());
+function Jt() {
+  return !/^((?!chrome|android).)*safari/i.test(et());
 }
-function _e(e, t, n) {
+function he(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   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;
+  t && q(e) && (r = e.offsetWidth > 0 && _e(o.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && _e(o.height) / e.offsetHeight || 1);
+  var u = ue(e) ? V(e) : window, s = u.visualViewport, l = !Jt() && n, c = (o.left + (l && s ? s.offsetLeft : 0)) / r, d = (o.top + (l && s ? s.offsetTop : 0)) / i, h = o.width / r, f = o.height / i;
   return {
-    width: _,
-    height: h,
+    width: h,
+    height: f,
     top: d,
-    right: u + _,
-    bottom: d + h,
-    left: u,
-    x: u,
+    right: c + h,
+    bottom: d + f,
+    left: c,
+    x: c,
     y: d
   };
 }
-function lt(e) {
-  var t = _e(e), n = e.offsetWidth, o = e.offsetHeight;
+function ut(e) {
+  var t = he(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,
@@ -808,11 +975,11 @@ function lt(e) {
     height: o
   };
 }
-function Xt(e, t) {
+function Qt(e, t) {
   var n = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (n && st(n)) {
+  if (n && ct(n)) {
     var o = t;
     do {
       if (o && e.isSameNode(o))
@@ -822,66 +989,66 @@ function Xt(e, t) {
   }
   return !1;
 }
-function z(e) {
-  return q(e).getComputedStyle(e);
+function Y(e) {
+  return V(e).getComputedStyle(e);
 }
-function uo(e) {
-  return ["table", "td", "th"].indexOf(K(e)) >= 0;
+function mo(e) {
+  return ["table", "td", "th"].indexOf(X(e)) >= 0;
 }
-function Q(e) {
-  return ((ce(e) ? e.ownerDocument : (
+function te(e) {
+  return ((ue(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function Ve(e) {
-  return K(e) === "html" ? e : (
+function je(e) {
+  return X(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
-    (st(e) ? e.host : null) || // ShadowRoot detected
+    (ct(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Q(e)
+    te(e)
   );
 }
-function St(e) {
-  return !W(e) || // https://github.com/popperjs/popper-core/issues/837
-  z(e).position === "fixed" ? null : e.offsetParent;
+function Ut(e) {
+  return !q(e) || // https://github.com/popperjs/popper-core/issues/837
+  Y(e).position === "fixed" ? null : e.offsetParent;
 }
-function po(e) {
-  var t = /firefox/i.test(Xe()), n = /Trident/i.test(Xe());
-  if (n && W(e)) {
-    var o = z(e);
+function Eo(e) {
+  var t = /firefox/i.test(et()), n = /Trident/i.test(et());
+  if (n && q(e)) {
+    var o = Y(e);
     if (o.position === "fixed")
       return null;
   }
-  var r = Ve(e);
-  for (st(r) && (r = r.host); W(r) && ["html", "body"].indexOf(K(r)) < 0; ) {
-    var i = z(r);
+  var r = je(e);
+  for (ct(r) && (r = r.host); q(r) && ["html", "body"].indexOf(X(r)) < 0; ) {
+    var i = Y(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 r;
     r = r.parentNode;
   }
   return null;
 }
-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 Ue(e) {
+  for (var t = V(e), n = Ut(e); n && mo(n) && Y(n).position === "static"; )
+    n = Ut(n);
+  return n && (X(n) === "html" || X(n) === "body" && Y(n).position === "static") ? t : n || Eo(e) || t;
 }
-function ct(e) {
+function dt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function Te(e, t, n) {
-  return le(e, qe(t, n));
+function Me(e, t, n) {
+  return ce(e, Fe(t, n));
 }
-function fo(e, t, n) {
-  var o = Te(e, t, n);
+function vo(e, t, n) {
+  var o = Me(e, t, n);
   return o > n ? n : o;
 }
-function Jt() {
+function en() {
   return {
     top: 0,
     right: 0,
@@ -889,111 +1056,111 @@ function Jt() {
     left: 0
   };
 }
-function Qt(e) {
-  return Object.assign({}, Jt(), e);
+function tn(e) {
+  return Object.assign({}, en(), e);
 }
-function en(e, t) {
+function nn(e, t) {
   return t.reduce(function(n, o) {
     return n[o] = e, n;
   }, {});
 }
-var _o = function(t, n) {
+var bo = function(t, n) {
   return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : t, Qt(typeof t != "number" ? t : en(t, Le));
+  })) : t, tn(typeof t != "number" ? t : nn(t, Se));
 };
-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 _ = _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 Io(e) {
+  var t, n = e.state, o = e.name, r = e.options, i = n.elements.arrow, u = n.modifiersData.popperOffsets, s = z(n.placement), l = dt(s), c = [x, G].indexOf(s) >= 0, d = c ? "height" : "width";
+  if (!(!i || !u)) {
+    var h = bo(r.padding, n), f = ut(i), _ = l === "y" ? H : x, m = l === "y" ? F : G, E = n.rects.reference[d] + n.rects.reference[l] - u[l] - n.rects.popper[d], v = u[l] - n.rects.reference[l], T = Ue(i), A = T ? l === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, L = E / 2 - v / 2, b = h[_], I = A - f[d] - h[m], M = A / 2 - f[d] / 2 + L, N = Me(b, M, I), S = l;
+    n.modifiersData[o] = (t = {}, t[S] = N, t.centerOffset = N - M, t);
   }
 }
-function mo(e) {
+function go(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)) {
+    if ({}.NODE_ENV !== "production" && (q(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(" "))), !Qt(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 = r;
   }
 }
-const vo = {
+const To = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: ho,
-  effect: mo,
+  fn: Io,
+  effect: go,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function he(e) {
+function me(e) {
   return e.split("-")[1];
 }
-var Eo = {
+var Mo = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function bo(e, t) {
+function Ao(e, t) {
   var n = e.x, o = e.y, r = t.devicePixelRatio || 1;
   return {
-    x: fe(n * r) / r || 0,
-    y: fe(o * r) / r || 0
+    x: _e(n * r) / r || 0,
+    y: _e(o * r) / r || 0
   };
 }
-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: b
+function Ct(e) {
+  var t, n = e.popper, o = e.popperRect, r = e.placement, i = e.variation, u = e.offsets, s = e.position, l = e.gpuAcceleration, c = e.adaptive, d = e.roundOffsets, h = e.isFixed, f = u.x, _ = f === void 0 ? 0 : f, m = u.y, E = m === void 0 ? 0 : m, v = typeof d == "function" ? d({
+    x: _,
+    y: E
   }) : {
-    x: p,
-    y: b
+    x: _,
+    y: E
   };
-  p = v.x, b = v.y;
-  var T = c.hasOwnProperty("x"), M = c.hasOwnProperty("y"), A = x, E = H, g = window;
-  if (u) {
-    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 : (
+  _ = v.x, E = v.y;
+  var T = u.hasOwnProperty("x"), A = u.hasOwnProperty("y"), L = x, b = H, I = window;
+  if (c) {
+    var M = Ue(n), N = "clientHeight", S = "clientWidth";
+    if (M === V(n) && (M = te(n), Y(M).position !== "static" && s === "absolute" && (N = "scrollHeight", S = "scrollWidth")), M = M, r === H || (r === x || r === G) && i === Le) {
+      b = F;
+      var U = h && M === I && I.visualViewport ? I.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        w[P]
+        M[N]
       );
-      b -= S - o.height, b *= l ? 1 : -1;
+      E -= U - o.height, E *= l ? 1 : -1;
     }
-    if (r === x || (r === H || r === F) && i === Me) {
-      A = V;
-      var U = _ && w === g && g.visualViewport ? g.visualViewport.width : (
+    if (r === x || (r === H || r === F) && i === Le) {
+      L = G;
+      var C = h && M === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        w[N]
+        M[S]
       );
-      p -= U - o.width, p *= l ? 1 : -1;
+      _ -= C - o.width, _ *= l ? 1 : -1;
     }
   }
-  var O = Object.assign({
-    position: a
-  }, u && Eo), R = d === !0 ? bo({
-    x: p,
-    y: b
-  }, q(n)) : {
-    x: p,
-    y: b
+  var w = Object.assign({
+    position: s
+  }, c && Mo), D = d === !0 ? Ao({
+    x: _,
+    y: E
+  }, V(n)) : {
+    x: _,
+    y: E
   };
-  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));
+  if (_ = D.x, E = D.y, l) {
+    var B;
+    return Object.assign({}, w, (B = {}, B[b] = A ? "0" : "", B[L] = T ? "0" : "", B.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + _ + "px, " + E + "px)" : "translate3d(" + _ + "px, " + E + "px, 0)", B));
   }
-  return Object.assign({}, O, (t = {}, t[E] = M ? b + "px" : "", t[A] = T ? p + "px" : "", t.transform = "", t));
+  return Object.assign({}, w, (t = {}, t[b] = A ? E + "px" : "", t[L] = T ? _ + "px" : "", t.transform = "", t));
 }
-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;
+function Oo(e) {
+  var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, i = n.adaptive, u = i === void 0 ? !0 : i, s = n.roundOffsets, l = s === void 0 ? !0 : s;
   if ({}.NODE_ENV !== "production") {
-    var u = z(t.elements.popper).transitionProperty || "";
-    c && ["transform", "top", "right", "bottom", "left"].some(function(_) {
-      return u.indexOf(_) >= 0;
+    var c = Y(t.elements.popper).transitionProperty || "";
+    u && ["transform", "top", "right", "bottom", "left"].some(function(h) {
+      return c.indexOf(h) >= 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.", `
@@ -1001,19 +1168,19 @@ function go(e) {
 `, "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
   }
   var d = {
-    placement: j(t.placement),
-    variation: he(t.placement),
+    placement: z(t.placement),
+    variation: me(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
     gpuAcceleration: r,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ut(Object.assign({}, d, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ct(Object.assign({}, d, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
-    adaptive: c,
+    adaptive: u,
     roundOffsets: l
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ut(Object.assign({}, d, {
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ct(Object.assign({}, d, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1022,105 +1189,105 @@ function go(e) {
     "data-popper-placement": t.placement
   });
 }
-const Io = {
+const wo = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: go,
+  fn: Oo,
   data: {}
 };
-var De = {
+var xe = {
   passive: !0
 };
-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, De);
-  }), a && l.addEventListener("resize", n.update, De), function() {
-    i && u.forEach(function(d) {
-      d.removeEventListener("scroll", n.update, De);
-    }), a && l.removeEventListener("resize", n.update, De);
+function Lo(e) {
+  var t = e.state, n = e.instance, o = e.options, r = o.scroll, i = r === void 0 ? !0 : r, u = o.resize, s = u === void 0 ? !0 : u, l = V(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return i && c.forEach(function(d) {
+    d.addEventListener("scroll", n.update, xe);
+  }), s && l.addEventListener("resize", n.update, xe), function() {
+    i && c.forEach(function(d) {
+      d.removeEventListener("scroll", n.update, xe);
+    }), s && l.removeEventListener("resize", n.update, xe);
   };
 }
-const wo = {
+const yo = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: To,
+  effect: Lo,
   data: {}
 };
-var Mo = {
+var Po = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Be(e) {
+function qe(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return Mo[t];
+    return Po[t];
   });
 }
-var Ao = {
+var No = {
   start: "end",
   end: "start"
 };
-function Ct(e) {
+function Rt(e) {
   return e.replace(/start|end/g, function(t) {
-    return Ao[t];
+    return No[t];
   });
 }
-function ut(e) {
-  var t = q(e), n = t.pageXOffset, o = t.pageYOffset;
+function pt(e) {
+  var t = V(e), n = t.pageXOffset, o = t.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: o
   };
 }
-function dt(e) {
-  return _e(Q(e)).left + ut(e).scrollLeft;
+function ft(e) {
+  return he(te(e)).left + pt(e).scrollLeft;
 }
-function Oo(e, t) {
-  var n = q(e), o = Q(e), r = n.visualViewport, i = o.clientWidth, c = o.clientHeight, a = 0, l = 0;
+function So(e, t) {
+  var n = V(e), o = te(e), r = n.visualViewport, i = o.clientWidth, u = o.clientHeight, s = 0, l = 0;
   if (r) {
-    i = r.width, c = r.height;
-    var u = Zt();
-    (u || !u && t === "fixed") && (a = r.offsetLeft, l = r.offsetTop);
+    i = r.width, u = r.height;
+    var c = Jt();
+    (c || !c && t === "fixed") && (s = r.offsetLeft, l = r.offsetTop);
   }
   return {
     width: i,
-    height: c,
-    x: a + dt(e),
+    height: u,
+    x: s + ft(e),
     y: l
   };
 }
-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), {
+function Uo(e) {
+  var t, n = te(e), o = pt(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, i = ce(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), u = ce(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), s = -o.scrollLeft + ft(e), l = -o.scrollTop;
+  return Y(r || n).direction === "rtl" && (s += ce(n.clientWidth, r ? r.clientWidth : 0) - i), {
     width: i,
-    height: c,
-    x: a,
+    height: u,
+    x: s,
     y: l
   };
 }
-function pt(e) {
-  var t = z(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
+function _t(e) {
+  var t = Y(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + r + o);
 }
-function tn(e) {
-  return ["html", "body", "#document"].indexOf(K(e)) >= 0 ? e.ownerDocument.body : W(e) && pt(e) ? e : tn(Ve(e));
+function on(e) {
+  return ["html", "body", "#document"].indexOf(X(e)) >= 0 ? e.ownerDocument.body : q(e) && _t(e) ? e : on(je(e));
 }
-function we(e, t) {
+function Ae(e, t) {
   var n;
   t === void 0 && (t = []);
-  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 : (
+  var o = on(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = V(o), u = r ? [i].concat(i.visualViewport || [], _t(o) ? o : []) : o, s = t.concat(u);
+  return r ? s : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    a.concat(we(Ve(c)))
+    s.concat(Ae(je(u)))
   );
 }
-function Je(e) {
+function tt(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1128,51 +1295,51 @@ function Je(e) {
     bottom: e.y + e.height
   });
 }
-function Lo(e, t) {
-  var n = _e(e, !1, t === "fixed");
+function Co(e, t) {
+  var n = he(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 Rt(e, t, n) {
-  return t === Yt ? Je(Oo(e, n)) : ce(t) ? Lo(t, n) : Je(yo(Q(e)));
+function Dt(e, t, n) {
+  return t === Kt ? tt(So(e, n)) : ue(t) ? Co(t, n) : tt(Uo(te(e)));
 }
-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 Ro(e) {
+  var t = Ae(je(e)), n = ["absolute", "fixed"].indexOf(Y(e).position) >= 0, o = n && q(e) ? Ue(e) : e;
+  return ue(o) ? t.filter(function(r) {
+    return ue(r) && Qt(r, o) && X(r) !== "body";
   }) : [];
 }
-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 Do(e, t, n, o) {
+  var r = t === "clippingParents" ? Ro(e) : [].concat(t), i = [].concat(r, [n]), u = i[0], s = i.reduce(function(l, c) {
+    var d = Dt(e, c, o);
+    return l.top = ce(d.top, l.top), l.right = Fe(d.right, l.right), l.bottom = Fe(d.bottom, l.bottom), l.left = ce(d.left, l.left), l;
+  }, Dt(e, u, o));
+  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
-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;
+function rn(e) {
+  var t = e.reference, n = e.element, o = e.placement, r = o ? z(o) : null, i = o ? me(o) : null, u = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, l;
   switch (r) {
     case H:
       l = {
-        x: c,
+        x: u,
         y: t.y - n.height
       };
       break;
     case F:
       l = {
-        x: c,
+        x: u,
         y: t.y + t.height
       };
       break;
-    case V:
+    case G:
       l = {
         x: t.x + t.width,
-        y: a
+        y: s
       };
       break;
     case x:
       l = {
         x: t.x - n.width,
-        y: a
+        y: s
       };
       break;
     default:
@@ -1181,128 +1348,128 @@ function nn(e) {
         y: t.y
       };
   }
-  var u = r ? ct(r) : null;
-  if (u != null) {
-    var d = u === "y" ? "height" : "width";
+  var c = r ? dt(r) : null;
+  if (c != null) {
+    var d = c === "y" ? "height" : "width";
     switch (i) {
-      case pe:
-        l[u] = l[u] - (t[d] / 2 - n[d] / 2);
+      case fe:
+        l[c] = l[c] - (t[d] / 2 - n[d] / 2);
         break;
-      case Me:
-        l[u] = l[u] + (t[d] / 2 - n[d] / 2);
+      case Le:
+        l[c] = l[c] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
   return l;
 }
-function Ae(e, t) {
+function ye(e, t) {
   t === void 0 && (t = {});
-  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,
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, i = n.strategy, u = i === void 0 ? e.strategy : i, s = n.boundary, l = s === void 0 ? to : s, c = n.rootBoundary, d = c === void 0 ? Kt : c, h = n.elementContext, f = h === void 0 ? Ie : h, _ = n.altBoundary, m = _ === void 0 ? !1 : _, E = n.padding, v = E === void 0 ? 0 : E, T = tn(typeof v != "number" ? v : nn(v, Se)), A = f === Ie ? no : Ie, L = e.rects.popper, b = e.elements[m ? A : f], I = Do(ue(b) ? b : b.contextElement || te(e.elements.popper), l, d, u), M = he(e.elements.reference), N = rn({
+    reference: M,
+    element: L,
     strategy: "absolute",
     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;
+  }), S = tt(Object.assign({}, L, N)), U = f === Ie ? S : M, C = {
+    top: I.top - U.top + T.top,
+    bottom: U.bottom - I.bottom + T.bottom,
+    left: I.left - U.left + T.left,
+    right: U.right - I.right + T.right
+  }, w = e.modifiersData.offset;
+  if (f === Ie && w) {
+    var D = w[r];
+    Object.keys(C).forEach(function(B) {
+      var ne = [G, F].indexOf(B) >= 0 ? 1 : -1, oe = [H, F].indexOf(B) >= 0 ? "y" : "x";
+      C[B] += D[oe] * ne;
     });
   }
-  return U;
+  return C;
 }
-function So(e, t) {
+function Bo(e, t) {
   t === void 0 && (t = {});
-  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;
+  var n = t, o = n.placement, r = n.boundary, i = n.rootBoundary, u = n.padding, s = n.flipVariations, l = n.allowedAutoPlacements, c = l === void 0 ? Xt : l, d = me(o), h = d ? s ? St : St.filter(function(m) {
+    return me(m) === d;
+  }) : Se, f = h.filter(function(m) {
+    return c.indexOf(m) >= 0;
   });
-  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,
+  f.length === 0 && (f = 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 _ = f.reduce(function(m, E) {
+    return m[E] = ye(e, {
+      placement: E,
       boundary: r,
       rootBoundary: i,
-      padding: c
-    })[j(b)], m;
+      padding: u
+    })[z(E)], m;
   }, {});
-  return Object.keys(p).sort(function(m, b) {
-    return p[m] - p[b];
+  return Object.keys(_).sort(function(m, E) {
+    return _[m] - _[E];
   });
 }
-function Uo(e) {
-  if (j(e) === Fe)
+function Ho(e) {
+  if (z(e) === $e)
     return [];
-  var t = Be(e);
-  return [Ct(e), t, Ct(t)];
+  var t = qe(e);
+  return [Rt(e), t, Rt(t)];
 }
-function Co(e) {
+function xo(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,
+    for (var r = n.mainAxis, i = r === void 0 ? !0 : r, u = n.altAxis, s = u === void 0 ? !0 : u, l = n.fallbackPlacements, c = n.padding, d = n.boundary, h = n.rootBoundary, f = n.altBoundary, _ = n.flipVariations, m = _ === void 0 ? !0 : _, E = n.allowedAutoPlacements, v = t.options.placement, T = z(v), A = T === v, L = l || (A || !m ? [qe(v)] : Ho(v)), b = [v].concat(L).reduce(function(de, J) {
+      return de.concat(z(J) === $e ? Bo(t, {
+        placement: J,
         boundary: d,
-        rootBoundary: _,
-        padding: u,
+        rootBoundary: h,
+        padding: c,
         flipVariations: m,
-        allowedAutoPlacements: b
-      }) : Z);
-    }, []), 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,
+        allowedAutoPlacements: E
+      }) : J);
+    }, []), I = t.rects.reference, M = t.rects.popper, N = /* @__PURE__ */ new Map(), S = !0, U = b[0], C = 0; C < b.length; C++) {
+      var w = b[C], D = z(w), B = me(w) === fe, ne = [H, F].indexOf(D) >= 0, oe = ne ? "width" : "height", W = ye(t, {
+        placement: w,
         boundary: d,
-        rootBoundary: _,
-        altBoundary: h,
-        padding: u
-      }), 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;
+        rootBoundary: h,
+        altBoundary: f,
+        padding: c
+      }), $ = ne ? B ? G : x : B ? F : H;
+      I[oe] > M[oe] && ($ = qe($));
+      var Ce = qe($), re = [];
+      if (i && re.push(W[D] <= 0), s && re.push(W[$] <= 0, W[Ce] <= 0), re.every(function(de) {
+        return de;
       })) {
-        S = O, N = !1;
+        U = w, S = !1;
         break;
       }
-      P.set(O, ne);
+      N.set(w, re);
     }
-    if (N)
-      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 (S)
+      for (var Re = m ? 3 : 1, ze = function(J) {
+        var be = b.find(function(Be) {
+          var ie = N.get(Be);
+          if (ie)
+            return ie.slice(0, J).every(function(Ye) {
+              return Ye;
             });
         });
-        if (Ee)
-          return S = Ee, "break";
-      }, ve = Se; ve > 0; ve--) {
-        var Ue = Ge(ve);
-        if (Ue === "break")
+        if (be)
+          return U = be, "break";
+      }, ve = Re; ve > 0; ve--) {
+        var De = ze(ve);
+        if (De === "break")
           break;
       }
-    t.placement !== S && (t.modifiersData[o]._skip = !0, t.placement = S, t.reset = !0);
+    t.placement !== U && (t.modifiersData[o]._skip = !0, t.placement = U, t.reset = !0);
   }
 }
-const Ro = {
+const Wo = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Co,
+  fn: xo,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Dt(e, t, n) {
+function Bt(e, t, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -1314,158 +1481,158 @@ function Dt(e, t, n) {
   };
 }
 function Ht(e) {
-  return [H, V, F, x].some(function(t) {
+  return [H, G, F, x].some(function(t) {
     return e[t] >= 0;
   });
 }
-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, {
+function ko(e) {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, i = t.modifiersData.preventOverflow, u = ye(t, {
     elementContext: "reference"
-  }), a = Ae(t, {
+  }), s = ye(t, {
     altBoundary: !0
-  }), l = Dt(c, o), u = Dt(a, r, i), d = Ht(l), _ = Ht(u);
+  }), l = Bt(u, o), c = Bt(s, r, i), d = Ht(l), h = Ht(c);
   t.modifiersData[n] = {
     referenceClippingOffsets: l,
-    popperEscapeOffsets: u,
+    popperEscapeOffsets: c,
     isReferenceHidden: d,
-    hasPopperEscaped: _
+    hasPopperEscaped: h
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-reference-hidden": d,
-    "data-popper-escaped": _
+    "data-popper-escaped": h
   });
 }
-const Ho = {
+const qo = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Do
+  fn: ko
 };
-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, {
+function Vo(e, t, n) {
+  var o = z(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) * r, [x, V].indexOf(o) >= 0 ? {
-    x: a,
-    y: c
+  })) : n, u = i[0], s = i[1];
+  return u = u || 0, s = (s || 0) * r, [x, G].indexOf(o) >= 0 ? {
+    x: s,
+    y: u
   } : {
-    x: c,
-    y: a
+    x: u,
+    y: s
   };
 }
-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[o] = c;
+function Fo(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.offset, i = r === void 0 ? [0, 0] : r, u = Xt.reduce(function(d, h) {
+    return d[h] = Vo(h, t.rects, i), d;
+  }, {}), s = u[t.placement], l = s.x, c = s.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += c), t.modifiersData[o] = u;
 }
-const ko = {
+const Go = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Bo
+  fn: Fo
 };
-function Wo(e) {
+function $o(e) {
   var t = e.state, n = e.name;
-  t.modifiersData[n] = nn({
+  t.modifiersData[n] = rn({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
     placement: t.placement
   });
 }
-const qo = {
+const jo = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Wo,
+  fn: $o,
   data: {}
 };
-function Fo(e) {
+function zo(e) {
   return e === "x" ? "y" : "x";
 }
-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, {
+function Yo(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, i = r === void 0 ? !0 : r, u = n.altAxis, s = u === void 0 ? !1 : u, l = n.boundary, c = n.rootBoundary, d = n.altBoundary, h = n.padding, f = n.tether, _ = f === void 0 ? !0 : f, m = n.tetherOffset, E = m === void 0 ? 0 : m, v = ye(t, {
     boundary: l,
-    rootBoundary: u,
-    padding: _,
+    rootBoundary: c,
+    padding: h,
     altBoundary: d
-  }), 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, {
+  }), T = z(t.placement), A = me(t.placement), L = !A, b = dt(T), I = zo(b), M = t.modifiersData.popperOffsets, N = t.rects.reference, S = t.rects.popper, U = typeof E == "function" ? E(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : b, U = typeof S == "number" ? {
-    mainAxis: S,
-    altAxis: S
+  })) : E, C = typeof U == "number" ? {
+    mainAxis: U,
+    altAxis: U
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, S), O = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
+  }, U), w = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, D = {
     x: 0,
     y: 0
   };
-  if (w) {
+  if (M) {
     if (i) {
-      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) : {
+      var B, ne = b === "y" ? H : x, oe = b === "y" ? F : G, W = b === "y" ? "height" : "width", $ = M[b], Ce = $ + v[ne], re = $ - v[oe], Re = _ ? -S[W] / 2 : 0, ze = A === fe ? N[W] : S[W], ve = A === fe ? -S[W] : -N[W], De = t.elements.arrow, de = _ && De ? ut(De) : {
         width: 0,
         height: 0
-      }, 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;
+      }, J = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : en(), be = J[ne], Be = J[oe], ie = Me(0, N[W], de[W]), Ye = L ? N[W] / 2 - Re - ie - be - C.mainAxis : ze - ie - be - C.mainAxis, _n = L ? -N[W] / 2 + Re + ie + Be + C.mainAxis : ve + ie + Be + C.mainAxis, Ze = t.elements.arrow && Ue(t.elements.arrow), hn = Ze ? b === "y" ? Ze.clientTop || 0 : Ze.clientLeft || 0 : 0, vt = (B = w == null ? void 0 : w[b]) != null ? B : 0, mn = $ + Ye - vt - hn, En = $ + _n - vt, bt = Me(_ ? Fe(Ce, mn) : Ce, $, _ ? ce(re, En) : re);
+      M[b] = bt, D[b] = bt - $;
     }
-    if (a) {
-      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;
+    if (s) {
+      var It, vn = b === "x" ? H : x, bn = b === "x" ? F : G, ae = M[I], He = I === "y" ? "height" : "width", gt = ae + v[vn], Tt = ae - v[bn], Ke = [H, x].indexOf(T) !== -1, Mt = (It = w == null ? void 0 : w[I]) != null ? It : 0, At = Ke ? gt : ae - N[He] - S[He] - Mt + C.altAxis, Ot = Ke ? ae + N[He] + S[He] - Mt - C.altAxis : Tt, wt = _ && Ke ? vo(At, ae, Ot) : Me(_ ? At : gt, ae, _ ? Ot : Tt);
+      M[I] = wt, D[I] = wt - ae;
     }
-    t.modifiersData[o] = R;
+    t.modifiersData[o] = D;
   }
 }
-const Go = {
+const Zo = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Vo,
+  fn: Yo,
   requiresIfExists: ["offset"]
 };
-function $o(e) {
+function Ko(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function jo(e) {
-  return e === q(e) || !W(e) ? ut(e) : $o(e);
+function Xo(e) {
+  return e === V(e) || !q(e) ? pt(e) : Ko(e);
 }
-function zo(e) {
-  var t = e.getBoundingClientRect(), n = fe(t.width) / e.offsetWidth || 1, o = fe(t.height) / e.offsetHeight || 1;
+function Jo(e) {
+  var t = e.getBoundingClientRect(), n = _e(t.width) / e.offsetWidth || 1, o = _e(t.height) / e.offsetHeight || 1;
   return n !== 1 || o !== 1;
 }
-function Yo(e, t, n) {
+function Qo(e, t, n) {
   n === void 0 && (n = !1);
-  var o = W(t), r = W(t) && zo(t), i = Q(t), c = _e(e, r, n), a = {
+  var o = q(t), r = q(t) && Jo(t), i = te(t), u = he(e, r, n), s = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
     x: 0,
     y: 0
   };
-  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
+  return (o || !o && !n) && ((X(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  _t(i)) && (s = Xo(t)), q(t) ? (l = he(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = ft(i))), {
+    x: u.left + s.scrollLeft - l.x,
+    y: u.top + s.scrollTop - l.y,
+    width: u.width,
+    height: u.height
   };
 }
-function Ko(e) {
+function er(e) {
   var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o = [];
   e.forEach(function(i) {
     t.set(i.name, 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);
+    var u = [].concat(i.requires || [], i.requiresIfExists || []);
+    u.forEach(function(s) {
+      if (!n.has(s)) {
+        var l = t.get(s);
         l && r(l);
       }
     }), o.push(i);
@@ -1474,15 +1641,15 @@ function Ko(e) {
     n.has(i.name) || r(i);
   }), o;
 }
-function Zo(e) {
-  var t = Ko(e);
-  return Ze.reduce(function(n, o) {
+function tr(e) {
+  var t = er(e);
+  return Qe.reduce(function(n, o) {
     return n.concat(t.filter(function(r) {
       return r.phase === o;
     }));
   }, []);
 }
-function Xo(e) {
+function nr(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(n) {
@@ -1492,40 +1659,40 @@ function Xo(e) {
     })), t;
   };
 }
-function X(e) {
+function Q(e) {
   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 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) {
+var le = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', or = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', xt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function rr(e) {
   e.forEach(function(t) {
     [].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(ae, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
+          typeof t.name != "string" && console.error(Q(le, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
           break;
         case "enabled":
-          typeof t.enabled != "boolean" && console.error(X(ae, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
+          typeof t.enabled != "boolean" && console.error(Q(le, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
           break;
         case "phase":
-          Ze.indexOf(t.phase) < 0 && console.error(X(ae, t.name, '"phase"', "either " + Ze.join(", "), '"' + String(t.phase) + '"'));
+          Qe.indexOf(t.phase) < 0 && console.error(Q(le, t.name, '"phase"', "either " + Qe.join(", "), '"' + String(t.phase) + '"'));
           break;
         case "fn":
-          typeof t.fn != "function" && console.error(X(ae, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
+          typeof t.fn != "function" && console.error(Q(le, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "effect":
-          t.effect != null && typeof t.effect != "function" && console.error(X(ae, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
+          t.effect != null && typeof t.effect != "function" && console.error(Q(le, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "requires":
-          t.requires != null && !Array.isArray(t.requires) && console.error(X(ae, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
+          t.requires != null && !Array.isArray(t.requires) && console.error(Q(le, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
           break;
         case "requiresIfExists":
-          Array.isArray(t.requiresIfExists) || console.error(X(ae, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
+          Array.isArray(t.requiresIfExists) || console.error(Q(le, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
           break;
         case "options":
         case "data":
@@ -1538,12 +1705,12 @@ function Qo(e) {
       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));
+        }) == null && console.error(Q(or, String(t.name), o, o));
       });
     });
   });
 }
-function er(e, t) {
+function ir(e, t) {
   var n = /* @__PURE__ */ new Set();
   return e.filter(function(o) {
     var r = t(o);
@@ -1551,7 +1718,7 @@ function er(e, t) {
       return n.add(r), !0;
   });
 }
-function tr(e) {
+function ar(e) {
   var t = e.reduce(function(n, o) {
     var r = n[o.name];
     return n[o.name] = r ? Object.assign({}, r, o, {
@@ -1563,63 +1730,63 @@ function tr(e) {
     return t[n];
   });
 }
-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 = {
+var Wt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", sr = "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 Wt() {
+function qt() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
   return !t.some(function(o) {
     return !(o && typeof o.getBoundingClientRect == "function");
   });
 }
-function or(e) {
+function lr(e) {
   e === void 0 && (e = {});
   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);
+  return function(s, l, c) {
+    c === void 0 && (c = i);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
       options: Object.assign({}, kt, i),
       modifiersData: {},
       elements: {
-        reference: a,
+        reference: s,
         popper: l
       },
       attributes: {},
       styles: {}
-    }, _ = [], h = !1, p = {
+    }, h = [], f = !1, _ = {
       state: d,
       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 A = typeof T == "function" ? T(d.options) : T;
+        E(), d.options = Object.assign({}, i, d.options, A), d.scrollParents = {
+          reference: ue(s) ? Ae(s) : s.contextElement ? Ae(s.contextElement) : [],
+          popper: Ae(l)
         };
-        var A = Zo(tr([].concat(o, d.options.modifiers)));
-        if (d.orderedModifiers = A.filter(function(O) {
-          return O.enabled;
+        var L = tr(ar([].concat(o, d.options.modifiers)));
+        if (d.orderedModifiers = L.filter(function(w) {
+          return w.enabled;
         }), {}.NODE_ENV !== "production") {
-          var E = er([].concat(A, d.options.modifiers), function(O) {
-            var R = O.name;
-            return R;
+          var b = ir([].concat(L, d.options.modifiers), function(w) {
+            var D = w.name;
+            return D;
           });
-          if (Qo(E), j(d.options.placement) === Fe) {
-            var g = d.orderedModifiers.find(function(O) {
-              var R = O.name;
-              return R === "flip";
+          if (rr(b), z(d.options.placement) === $e) {
+            var I = d.orderedModifiers.find(function(w) {
+              var D = w.name;
+              return D === "flip";
             });
-            g || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+            I || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
-          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);
+          var M = Y(l), N = M.marginTop, S = M.marginRight, U = M.marginBottom, C = M.marginLeft;
+          [N, S, U, C].some(function(w) {
+            return parseFloat(w);
           }) && 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();
+        return m(), _.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1627,233 +1794,233 @@ function or(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!h) {
-          var T = d.elements, M = T.reference, A = T.popper;
-          if (!Wt(M, A)) {
-            ({}).NODE_ENV !== "production" && console.error(Bt);
+        if (!f) {
+          var T = d.elements, A = T.reference, L = T.popper;
+          if (!qt(A, L)) {
+            ({}).NODE_ENV !== "production" && console.error(Wt);
             return;
           }
           d.rects = {
-            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);
+            reference: Qo(A, Ue(L), d.options.strategy === "fixed"),
+            popper: ut(L)
+          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(w) {
+            return d.modifiersData[w.name] = Object.assign({}, w.data);
           });
-          for (var E = 0, g = 0; g < d.orderedModifiers.length; g++) {
-            if ({}.NODE_ENV !== "production" && (E += 1, E > 100)) {
-              console.error(nr);
+          for (var b = 0, I = 0; I < d.orderedModifiers.length; I++) {
+            if ({}.NODE_ENV !== "production" && (b += 1, b > 100)) {
+              console.error(sr);
               break;
             }
             if (d.reset === !0) {
-              d.reset = !1, g = -1;
+              d.reset = !1, I = -1;
               continue;
             }
-            var w = d.orderedModifiers[g], P = w.fn, N = w.options, S = N === void 0 ? {} : N, U = w.name;
-            typeof P == "function" && (d = P({
+            var M = d.orderedModifiers[I], N = M.fn, S = M.options, U = S === void 0 ? {} : S, C = M.name;
+            typeof N == "function" && (d = N({
               state: d,
-              options: S,
-              name: U,
-              instance: p
+              options: U,
+              name: C,
+              instance: _
             }) || d);
           }
         }
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Xo(function() {
+      update: nr(function() {
         return new Promise(function(v) {
-          p.forceUpdate(), v(d);
+          _.forceUpdate(), v(d);
         });
       }),
       destroy: function() {
-        b(), h = !0;
+        E(), f = !0;
       }
     };
-    if (!Wt(a, l))
-      return {}.NODE_ENV !== "production" && console.error(Bt), p;
-    p.setOptions(u).then(function(v) {
-      !h && u.onFirstUpdate && u.onFirstUpdate(v);
+    if (!qt(s, l))
+      return {}.NODE_ENV !== "production" && console.error(Wt), _;
+    _.setOptions(c).then(function(v) {
+      !f && c.onFirstUpdate && c.onFirstUpdate(v);
     });
     function m() {
       d.orderedModifiers.forEach(function(v) {
-        var T = v.name, M = v.options, A = M === void 0 ? {} : M, E = v.effect;
-        if (typeof E == "function") {
-          var g = E({
+        var T = v.name, A = v.options, L = A === void 0 ? {} : A, b = v.effect;
+        if (typeof b == "function") {
+          var I = b({
             state: d,
             name: T,
-            instance: p,
-            options: A
-          }), w = function() {
+            instance: _,
+            options: L
+          }), M = function() {
           };
-          _.push(g || w);
+          h.push(I || M);
         }
       });
     }
-    function b() {
-      _.forEach(function(v) {
+    function E() {
+      h.forEach(function(v) {
         return v();
-      }), _ = [];
+      }), h = [];
     }
-    return p;
+    return _;
   };
 }
-var rr = [wo, qo, Io, co, ko, Ro, Go, vo, Ho], on = /* @__PURE__ */ or({
-  defaultModifiers: rr
+var cr = [yo, jo, wo, ho, Go, Wo, Zo, To, qo], an = /* @__PURE__ */ lr({
+  defaultModifiers: cr
 });
-function Qe(e, t, n, o) {
+function nt(e, t, n, o) {
   t ? (e.classList.remove(o), e.classList.add(n)) : (e.classList.add(o), e.classList.remove(n));
 }
 let k;
-const ge = {}, et = {
+const ge = {}, ot = {
   SHIFT: "shift-key"
 };
-function rn() {
+function sn() {
   k && (document.removeEventListener("click", k.globalOnClick), document.removeEventListener("keyup", k.globalOnKeyup), document.removeEventListener("keydown", k.globalOnKeydown), k = null);
 }
-function tt() {
+function rt() {
   const e = document.querySelectorAll(
-    `${f(s.UTAH_DESIGN_SYSTEM)} ${f(s.POPUP_WRAPPER)}`
+    `${p(a.UTAH_DESIGN_SYSTEM)} ${p(a.POPUP_WRAPPER)}`
   );
-  Array.from(e).filter((t) => !t.classList.contains(s.POPUP__HIDDEN)).forEach((t) => {
+  Array.from(e).filter((t) => !t.classList.contains(a.POPUP__HIDDEN)).forEach((t) => {
     const n = t.getAttribute("id");
     if (n) {
       const o = document.querySelector(`[aria-controls="${n}"]`);
       o && o.setAttribute("aria-expanded", "false");
     }
-    Qe(t, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
+    nt(t, !1, a.POPUP__VISIBLE, a.POPUP__HIDDEN);
   });
 }
-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;
+function ur() {
+  k && sn(), k = {}, k.globalOnClick = rt, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (e) => {
+    e.key === "Escape" && rt(), e.shiftKey || (ge[ot.SHIFT] = !1), ge[e.key] = !1;
   }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (e) => {
-    e.shiftKey && (ge[et.SHIFT] = !0), ge[e.key] = !0;
+    e.shiftKey && (ge[ot.SHIFT] = !0), ge[e.key] = !0;
   }, document.addEventListener("keydown", k.globalOnKeydown);
 }
-function ar() {
+function dr() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Oe(e, t, n, o, r) {
-  let i = NaN, c = NaN;
-  const a = 300, l = 150, u = 50;
+function Pe(e, t, n, o, r) {
+  let i = NaN, u = NaN;
+  const s = 300, l = 150, c = 50;
   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(
+  function d(f) {
+    clearTimeout(i), clearTimeout(u), (!(r != null && r.isPerformPopup) || r != null && r.isPerformPopup && r.isPerformPopup()) && (i = window.setTimeout(
       () => {
-        on(t, n, {
-          placement: (r == null ? void 0 : r.popupPlacement) || at.BOTTOM,
+        an(t, n, {
+          placement: (r == null ? void 0 : r.popupPlacement) || lt.BOTTOM,
           modifiers: [
             {
               name: "offset",
               options: { offset: [0, 11] }
             }
           ]
-        }), 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));
+        }), nt(n, !0, a.POPUP__VISIBLE, a.POPUP__HIDDEN), t.setAttribute("aria-expanded", "true"), document.querySelectorAll(p(a.TOOLTIP__WRAPPER)).forEach((_) => _.classList.add(a.TOOLTIP__WRAPPER__HIDDEN));
       },
-      h
+      f
     ));
   }
-  function _(h) {
-    clearTimeout(i), clearTimeout(c), (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (c = window.setTimeout(
+  function h(f) {
+    clearTimeout(i), clearTimeout(u), (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (u = window.setTimeout(
       () => {
-        Qe(n, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
+        nt(n, !1, a.POPUP__VISIBLE, a.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
       },
-      h
+      f
     ));
   }
-  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 (r != null && r.preventOnClickHandling || (e.addEventListener("focusin", () => d(l)), e.addEventListener("focusout", () => h(l))), r != null && r.shouldFocusOnHover && (e.addEventListener("mouseenter", () => d(s)), e.addEventListener("mouseleave", () => h(s))), !(r != null && r.preventOnClickHandling)) {
     if (t.onclick)
       throw new Error("popupFocusHandler: button already has onclick");
-    t.onclick = (h) => {
+    t.onclick = (f) => {
       var m;
-      const p = t.getAttribute("aria-expanded") === "true";
-      (!(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 _ = t.getAttribute("aria-expanded") === "true";
+      (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (f.stopPropagation(), f.preventDefault(), _ && t.getAttribute("aria-expanded") === "true" ? (h(c), (m = document.activeElement) == null || m.blur()) : (dr() && rt(), d(c))), r != null && r.onClick && r.onClick(f);
     };
   }
 }
-const sr = `<div class="popup__wrapper popup__wrapper--hidden">
+const pr = `<div class="popup__wrapper popup__wrapper--hidden">
   <div class="popup__content">
     <div class="popup__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
-function ft(e, t) {
+function ht(e, t) {
   const n = e.getAttribute("id");
   if (!n)
     throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
-  const o = C();
+  const o = R();
   e.setAttribute("aria-controls", o);
-  const r = I(sr);
+  const r = g(pr);
   if (r.setAttribute("id", o), r.setAttribute("aria-labelledby", n), t != null && t.removePopupArrow) {
-    const i = r.querySelector(f(s.POPUP_ARROW));
+    const i = r.querySelector(p(a.POPUP_ARROW));
     if (!i)
       throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");
     i.remove();
   }
   return r;
 }
-function lr(e) {
+function fr(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 o = (i = n.closest("li")) == null ? void 0 : i.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));
+    const o = (i = n.closest("li")) == null ? void 0 : i.querySelector(p(a.POPUP_MENU__BUTTON_TITLE));
     if (!o)
       throw new Error("toggleChildMenuExpansion: button not found");
-    const r = o.querySelector(`:scope > ${f(s.POPUP_MENU__CHEVRON)}`);
+    const r = o.querySelector(`:scope > ${p(a.POPUP_MENU__CHEVRON)}`);
     if (!r)
       throw new Error("toggleChildMenuExpansion: chevron not found");
-    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));
+    n.classList.toggle(a.VISUALLY_HIDDEN), n.classList.contains(a.VISUALLY_HIDDEN) ? (o.setAttribute("aria-expanded", "false"), r.classList.add(a.IS_CLOSED), r.classList.remove(a.IS_OPEN)) : (o.setAttribute("aria-expanded", "true"), r.classList.remove(a.IS_CLOSED), r.classList.add(a.IS_OPEN));
   });
 }
-function cr(e) {
+function _r(e) {
   return (t) => {
-    t.preventDefault(), t.stopPropagation(), lr(e);
+    t.preventDefault(), t.stopPropagation(), fr(e);
   };
 }
-function qt() {
-  const e = I(zn);
-  return e.classList.add(s.IS_CLOSED), e;
+function Vt() {
+  const e = g(Jn);
+  return e.classList.add(a.IS_CLOSED), e;
 }
-function ur(e, t, n) {
-  var _, h;
-  const o = I(Kn), r = o.querySelector(f(s.POPUP_MENU__TITLE));
+function hr(e, t, n) {
+  var h, f;
+  const o = g(eo), r = o.querySelector(p(a.POPUP_MENU__TITLE));
   if (!r)
     throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
   const i = (
     /** @type HTMLElement | null */
-    o.querySelector(f(s.POPUP_MENU__BUTTON_TITLE))
+    o.querySelector(p(a.POPUP_MENU__BUTTON_TITLE))
   );
   if (!i)
     throw new Error("renderPopupMenuItem: menuButton not found");
-  const c = (
+  const u = (
     /** @type HTMLElement | null */
-    o.querySelector(f(s.POPUP_MENU__LINK_TITLE))
+    o.querySelector(p(a.POPUP_MENU__LINK_TITLE))
   );
-  if (!c)
+  if (!u)
     throw new Error("renderPopupMenuItem: aHref not found");
-  const a = (
+  const s = (
     /** @type HTMLElement | null */
-    o.querySelector(f(s.POPUP_MENU__PLAIN_TITLE))
+    o.querySelector(p(a.POPUP_MENU__PLAIN_TITLE))
   );
-  if (!a)
+  if (!s)
     throw new Error("renderPopupMenuItem: plainTitle not found");
-  const l = o.querySelector(f(s.POPUP_MENU__DIVIDER));
+  const l = o.querySelector(p(a.POPUP_MENU__DIVIDER));
   if (!l)
     throw new Error("renderPopupMenuItem: menuDivider not found");
-  const u = o.querySelector(`button ${f(s.POPUP_MENU__LINK_TEXT)}`);
-  if (!u)
+  const c = o.querySelector(`button ${p(a.POPUP_MENU__LINK_TEXT)}`);
+  if (!c)
     throw new Error("renderPopupMenuItem: titleSpanButton not found");
-  const d = o.querySelector(`a ${f(s.POPUP_MENU__LINK_TEXT)}`);
+  const d = o.querySelector(`a ${p(a.POPUP_MENU__LINK_TEXT)}`);
   if (!d)
     throw new Error("renderPopupMenuItem: titleSpanLink not found");
   if (t.actionMenu) {
-    let p;
+    let _;
     switch (n.childrenMenuType) {
-      case $.FLYOUT: {
-        p = qt(), i.appendChild(p), i.setAttribute("id", C());
-        const m = _t(
+      case j.FLYOUT: {
+        _ = Vt(), i.appendChild(_), i.setAttribute("id", R());
+        const m = mt(
           {
             menuItems: t.actionMenu,
             title: t.title
@@ -1864,40 +2031,40 @@ function ur(e, t, n) {
             removePopupArrow: !0
           }
         );
-        o.appendChild(m), Oe(
+        o.appendChild(m), Pe(
           o,
           i,
           m,
           "menu",
           {
-            popupPlacement: at.RIGHT_START,
+            popupPlacement: lt.RIGHT_START,
             preventOnClickHandling: !0,
             shouldFocusOnHover: !0
           }
-        ), c.remove(), a.remove();
+        ), u.remove(), s.remove();
         break;
       }
-      case $.INLINE: {
-        const m = me(
+      case j.INLINE: {
+        const m = Ee(
           t.actionMenu,
           n
-        ), 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 = (
+        ), E = R();
+        m.setAttribute("id", E), m.classList.add(a.VISUALLY_HIDDEN), o.appendChild(m), i.onclick = _r(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", E), _ = Vt(), i.appendChild(_), u.remove(), s.remove(), o.addEventListener("focusin", (v) => {
+          var T, A, L, b;
+          for (let I = (
             /** @type Element | null | undefined */
             (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));
+          ); I; I = (A = I.parentElement) == null ? void 0 : A.closest("ul"))
+            I.classList.remove(a.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), v.target !== i && ((L = _ == null ? void 0 : _.classList) == null || L.remove(a.IS_CLOSED), (b = _ == null ? void 0 : _.classList) == null || b.add(a.IS_OPEN));
         });
         break;
       }
-      case $.MEGA_MENU: {
-        const m = me(
+      case j.MEGA_MENU: {
+        const m = Ee(
           t.actionMenu,
           n
-        ), b = C();
-        m.setAttribute("id", b), o.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(t.title));
+        ), E = R();
+        m.setAttribute("id", E), o.appendChild(m), u.remove(), i.remove(), s.appendChild(document.createTextNode(t.title));
         break;
       }
       default:
@@ -1905,146 +2072,147 @@ function ur(e, t, n) {
     }
     l.remove();
   } else if (t.actionFunction)
-    i.onclick = t.actionFunction, c.remove(), l.remove(), a.remove();
+    i.onclick = t.actionFunction, u.remove(), l.remove(), s.remove();
   else if (t.actionUrl)
-    c.setAttribute("href", t.actionUrl.url), i.remove(), l.remove(), a.remove();
+    u.setAttribute("href", t.actionUrl.url), i.remove(), l.remove(), s.remove();
   else if (t.actionFunctionUrl)
-    c.setAttribute("href", t.actionFunctionUrl.url), c.onclick = (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();
+    u.setAttribute("href", t.actionFunctionUrl.url), u.onclick = (_) => {
+      var m, E;
+      (m = t.actionFunctionUrl) != null && m.skipHandleEvent || (_.stopPropagation(), _.preventDefault()), (E = t.actionFunctionUrl) == null || E.actionFunction(_);
+    }, i.remove(), l.remove(), s.remove();
   else if (t.isDivider)
     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)), (_ = t.actionUrl) != null && _.openInNewTab || (h = t.actionFunctionUrl) != null && h.openInNewTab)) {
-    c.setAttribute("target", "_blank");
-    const p = I(zt);
-    u.appendChild(p), d.appendChild(p);
+  if (!t.isDivider && (c.appendChild(document.createTextNode(t.title)), d.appendChild(document.createTextNode(t.title)), (h = t.actionUrl) != null && h.openInNewTab || (f = t.actionFunctionUrl) != null && f.openInNewTab)) {
+    u.setAttribute("target", "_blank");
+    const _ = g(Zt);
+    c.appendChild(_), d.appendChild(_);
   }
-  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;
+  return (t.isSelected || t.actionMenu && Ve(t.actionMenu, ["actionMenu"], (_) => !!_.isSelected)) && (i.classList.add(a.MENU_ITEM__SELECTED), u.classList.add(a.MENU_ITEM__SELECTED)), t.isSelected ? o.classList.add(a.MENU_ITEM__SELECTED) : o.classList.remove(a.MENU_ITEM__SELECTED), e.appendChild(o), o;
 }
-function me(e, t) {
-  const n = I(Yn);
-  return e.forEach((o) => ur(n, o, t)), n;
+function Ee(e, t) {
+  const n = g(Qn);
+  return e == null || e.forEach((o) => hr(n, o, t)), n;
 }
-function _t(e, t, n) {
-  const o = ft(t, { removePopupArrow: n.removePopupArrow }), r = o.querySelector(f(s.POPUP_CONTENT_WRAPPER));
+function mt(e, t, n) {
+  const o = ht(t, { removePopupArrow: n.removePopupArrow }), r = o.querySelector(p(a.POPUP_CONTENT_WRAPPER));
   if (!r)
     throw new Error("renderPopupMenu: contentWrapper not found");
-  const i = me(e.menuItems, n);
+  const i = Ee(e.menuItems, n);
   return i.setAttribute("aria-label", e.title), r.appendChild(i), o;
 }
-function dr(e) {
-  const t = I($n);
-  t.getAttribute("id") || t.setAttribute("id", C());
+function mr(e) {
+  const t = g(Kn);
+  t.getAttribute("id") || t.setAttribute("id", R());
   const n = document.createTextNode(e.title), o = (
     /** @type {HTMLElement} */
     t instanceof HTMLCollection ? t[0] : t
   );
-  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));
+  e.showTitle && o.classList.add(a.ACTION_ITEM__ICON_BUTTON_TITLE), o.classList.add(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), o.classList.remove(a.ACTION_ITEM);
+  const r = o.querySelector(p(a.ACTION_ITEM__TITLE));
   if (!r)
     throw new Error("renderActionItem: titleDiv not found");
-  r.appendChild(n), e.showTitle ? r.classList.remove(s.VISUALLY_HIDDEN) : r.classList.add(s.VISUALLY_HIDDEN);
+  r.appendChild(n), e.showTitle ? r.classList.remove(a.VISUALLY_HIDDEN) : r.classList.add(a.VISUALLY_HIDDEN);
   const i = (
     /** @type {HTMLElement} */
-    t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON))
+    t.querySelector(p(a.ACTION_ITEM__ICON_BUTTON))
   );
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   e.className && i.classList.add(e.className);
-  const c = ot(e.badge);
-  c && i.appendChild(c);
-  const a = I(e.icon);
-  a.setAttribute("role", "presentation"), i.appendChild(a);
+  const u = at(e.badge);
+  u && i.appendChild(u);
+  const s = g(e.icon);
+  s.setAttribute("role", "presentation"), i.appendChild(s);
   let l = null;
   if (e.actionFunction)
     i.onclick = e.actionFunction;
   else if (e.actionDom) {
-    const u = C();
-    i.setAttribute("id", u), l = I(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom);
+    const c = R();
+    i.setAttribute("id", c), l = g(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom);
   } else if (e.actionPopupMenu) {
-    const u = C();
-    i.setAttribute("id", u), l = I(jn);
-    const d = l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+    const c = R();
+    i.setAttribute("id", c), l = g(Xn);
+    const d = l.querySelector(p(a.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
     if (!d)
       throw new Error("renderMobileActionItem: actionItemContentTitle not found");
     d.appendChild(document.createTextNode(e.actionPopupMenu.title));
-    const _ = me(e.actionPopupMenu.menuItems, { childrenMenuType: $.INLINE });
-    l.appendChild(_);
+    const h = Ee(e.actionPopupMenu.menuItems, { childrenMenuType: j.INLINE });
+    l.appendChild(h);
   } 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 pr() {
-  var i, c, a;
-  const e = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
+function Er() {
+  var u, s, l;
+  const e = document.getElementById(a.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!e)
     throw new Error("renderMobileActionItems: homeActionItem not found");
   const t = (
     /** @type {HTMLElement} */
-    e.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    e.closest(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
   if (!t)
     throw new Error("renderMobileActionItems: homeActionItemWrapper not found");
-  const o = !!y().utahId ? document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, r = (
+  const o = !!O().utahId ? document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, r = (
     /** @type {HTMLElement} */
-    (i = o == null ? void 0 : o.closest) == null ? void 0 : i.call(o, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    (u = o == null ? void 0 : o.closest) == null ? void 0 : u.call(o, p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  (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) {
+  (l = (s = [...O().actionItems || []].reverse()) == null ? void 0 : s.map((c) => ({ actionItem: c, ...mr(c) }))) == null || l.forEach(({ actionItem: c, actionItemContent: d, actionItemElement: h }) => {
+    let f;
+    switch (c.mobileMenuLocation) {
       case "left":
-        _ = t;
+        f = t;
         break;
       case "none":
-        _ = null;
+        f = null;
         break;
       case "right":
       default:
-        _ = r || t;
+        f = r || t;
         break;
     }
-    if (_ && (_.after(d), u)) {
-      const h = nt(u);
-      let p = null;
-      l.actionDom ? p = "dialog" : l.actionPopupMenu && (p = "menu"), it(
-        d,
+    if (f && (f.after(h), d)) {
+      const _ = it(d);
+      let m = null;
+      c.actionDom ? m = "dialog" : c.actionPopupMenu && (m = "menu"), st(
         h,
-        d,
-        { ariaHasPopupType: p, shouldOnClickCloseMenu: !1 }
+        _,
+        h,
+        { ariaHasPopupType: m, shouldOnClickCloseMenu: !1 }
       );
     }
-  });
-}
-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">
+  }), O().mainMenu || (e.remove(), t.remove());
+}
+const vr = `<div class="utds-citizen-experience-wrapper--mobile"></div>
+`, br = `<h1 class="utds-logo-wrapper"></h1>
+`, Ir = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, gr = `<span class="utds-logo-vert-line"></span>
+`, Tr = `<div class="utds-citizen-experience-wrapper"></div>
+`, Mr = `<div class="utds-action-items-wrapper"></div>
+`, Ar = `<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>
-`, br = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
+`, Or = `<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 de = NaN;
-function ht(e, t) {
-  const n = I(br), o = n.querySelector(f(s.TOOLTIP__CONTENT));
+let pe = NaN;
+function Oe(e, t) {
+  const n = g(Or), o = n.querySelector(p(a.TOOLTIP__CONTENT));
   if (!o)
     throw new Error("hookupToolTip: toolTipContent not found");
   o.appendChild(t), e.appendChild(n);
-  const r = on(
+  const r = an(
     e,
     n,
     {
-      placement: at.BOTTOM,
+      placement: lt.BOTTOM,
       modifiers: [
         {
           name: "offset",
@@ -2059,119 +2227,119 @@ function ht(e, t) {
   e.onmouseenter = () => {
     clearTimeout(i), i = window.setTimeout(
       () => {
-        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), r.update().catch((a) => console.error(a)));
+        clearTimeout(pe), pe = -1;
+        const u = e.querySelector(p(a.POPUP_WRAPPER));
+        (!u || u.classList.contains(a.POPUP__HIDDEN)) && (n.classList.remove(a.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(a.TOOLTIP__WRAPPER__VISIBLE), r.update().catch((s) => console.error(s)));
       },
       // tooltip was already opened on another item, so instantly open tooltip
-      de ? 0 : 500
+      pe ? 0 : 500
     );
   }, e.onmouseleave = () => {
-    clearTimeout(i), n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(de), de = window.setTimeout(
+    clearTimeout(i), n.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(pe), pe = window.setTimeout(
       () => {
-        de = NaN;
+        pe = NaN;
       },
       500
     );
   };
 }
-function gr(e) {
-  const t = I(Er), n = document.createTextNode(e.title), o = (
+function wr(e) {
+  const t = g(Ar), n = document.createTextNode(e.title), o = (
     /** @type {HTMLElement} */
     t instanceof HTMLCollection ? t[0] : t
   );
-  e.showTitle && o.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);
-  const r = o.querySelector(f(s.ACTION_ITEM__TITLE));
+  e.showTitle && o.classList.add(a.ACTION_ITEM__ICON_BUTTON_TITLE);
+  const r = o.querySelector(p(a.ACTION_ITEM__TITLE));
   if (!r)
     throw new Error("renderActionItem: titleDiv not found");
-  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));
+  r.appendChild(n), e.showTitle ? r.classList.remove(a.VISUALLY_HIDDEN) : r.classList.add(a.VISUALLY_HIDDEN);
+  const i = t.querySelector(p(a.ACTION_ITEM__ICON_BUTTON));
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   e.className && i.classList.add(e.className);
-  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))
+  const u = at(e.badge);
+  u && i.appendChild(u);
+  const s = g(e.icon);
+  if (s.setAttribute("role", "presentation"), i.appendChild(s), !(i instanceof HTMLElement))
     throw new Error("renderActionItem: iconButton is not an HTMLElement");
   if (e.actionFunction)
     i.onclick = e.actionFunction;
   else if (e.actionDom) {
-    const l = C();
+    const l = R();
     i.setAttribute("id", l);
-    const u = ft(i), d = (
+    const c = ht(i), d = (
       /** @type {HTMLElement} */
-      u.querySelector(f(s.POPUP_CONTENT_WRAPPER))
+      c.querySelector(p(a.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), Oe(o, i, u, "dialog", void 0);
+    d.appendChild(g(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom)), t.appendChild(c), Pe(o, i, c, "dialog", void 0);
   } else if (e.actionPopupMenu) {
-    const l = C();
+    const l = R();
     i.setAttribute("id", l);
-    const u = _t(
+    const c = mt(
       /** @type {PopupMenu} */
       e.actionPopupMenu,
       i,
-      { childrenMenuType: $.INLINE }
+      { childrenMenuType: j.INLINE }
     );
-    t.appendChild(u), Oe(o, i, u, "menu", void 0);
+    t.appendChild(c), Pe(o, i, c, "menu", void 0);
   } else
     throw console.error(e), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return ht(t, document.createTextNode(e.title)), t;
+  return Oe(t, document.createTextNode(e.title)), t;
 }
-function Ir() {
+function Lr() {
   var n, o;
-  const { actionItems: e } = y();
+  const { actionItems: e } = O();
   let t = null;
-  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;
+  return e != null && e.length && (t = g(Mr), (o = (n = O().actionItems) == null ? void 0 : n.map((r) => wr(r))) == null || o.forEach((r) => t.appendChild(r))), t;
 }
-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 = {
+const yr = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
+`, ln = `<div class="utds-utah-id-wrapper"></div>
+`, Ne = {
   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"
-}, wr = `<div class="vertical-menu__wrapper">
+}, Pr = `<div class="vertical-menu__wrapper">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function sn(e, t) {
-  const n = I(wr), o = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+function cn(e, t) {
+  const n = g(Pr), o = n.querySelector(p(a.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
   if (!o)
     throw new Error("renderMenuWithTitle: menuTitleDiv not found");
   return o.appendChild(document.createTextNode(t)), n.appendChild(e), n;
 }
-let L = null;
-function ln(e) {
-  L = e, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
+let y = null;
+function un(e) {
+  y = e, document.querySelectorAll(p(a.UTAH_ID__BUTTON)).forEach((n) => {
     var o;
     if (n) {
-      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, ${L.userInfo.first || ""}`));
+      if (n.innerHTML = "", y != null && y.userInfo && ((o = y.userInfo) != null && o.authenticated)) {
+        const u = document.createElement("span");
+        u.appendChild(document.createTextNode("UtahID Account:")), u.classList.add(a.VISUALLY_HIDDEN), n.appendChild(u), n.appendChild(document.createTextNode(`Hello, ${y.userInfo.first || ""}`));
       } else
         n.appendChild(document.createTextNode("UtahID Sign In"));
       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);
+      i && Et(n, i);
     }
   });
 }
-function mt(e, t) {
+function Et(e, t) {
   var n;
-  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")));
+  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")));
 }
-function cn() {
-  const e = I(Tr);
-  return e.setAttribute("id", C()), L && ln(L), e;
+function dn() {
+  const e = g(yr);
+  return e.setAttribute("id", R()), y && un(y), e;
 }
-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) || []];
+function pn(e) {
+  var l, c, d;
+  const t = O(), n = t.utahId !== !1 && t.utahId !== !0 && ((l = t.utahId) == null ? void 0 : l.onProfile), o = t.utahId !== !1 && t.utahId !== !0 && ((c = t.utahId) == null ? void 0 : c.onSignOut), r = [...t.utahId !== !0 && t.utahId !== !1 && ((d = t.utahId) == null ? void 0 : d.menuItems) || []];
   r.length && r.push({
     isDivider: !0,
     title: "--divider--"
@@ -2179,32 +2347,32 @@ function un(e) {
   const i = [
     ...r,
     {
-      actionUrl: n ? void 0 : { url: ye.PROFILE, openInNewTab: !0 },
+      actionUrl: n ? void 0 : { url: Ne.PROFILE, openInNewTab: !0 },
       actionFunction: n || void 0,
       className: "external-link",
       title: "UtahID Profile"
     },
     {
-      actionUrl: o ? void 0 : { url: ye.SIGN_OUT },
+      actionUrl: o ? void 0 : { url: Ne.SIGN_OUT },
       actionFunction: o || void 0,
       title: "Sign Out"
     }
-  ], 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 Mr() {
-  var a;
-  const e = I(an), t = cn();
-  t.setAttribute("id", C()), e.appendChild(t);
-  const n = un(!1), o = ft(t), r = (
+  ], u = Ee(i, { childrenMenuType: j.INLINE }), s = e ? cn(u, "Utah ID Menu") : u;
+  return s.setAttribute("aria-label", "Utah Id Menu"), s.setAttribute("id", R()), s;
+}
+function Nr() {
+  var s;
+  const e = g(ln), t = dn();
+  t.setAttribute("id", R()), e.appendChild(t);
+  const n = pn(!1), o = ht(t), r = (
     /** @type {HTMLElement} */
-    o.querySelector(f(s.POPUP_CONTENT_WRAPPER))
+    o.querySelector(p(a.POPUP_CONTENT_WRAPPER))
   );
   if (!r)
     throw new Error("renderUtahIdForDesktop: contentWrapper not found");
-  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(
+  r.appendChild(n), e.appendChild(o), Et(t, o);
+  const i = O(), u = i.utahId !== !1 && i.utahId !== !0 && ((s = i.utahId) == null ? void 0 : s.onSignIn);
+  return Pe(
     e,
     t,
     o,
@@ -2212,67 +2380,64 @@ function Mr() {
     {
       isPerformPopup: () => {
         var l;
-        return !!(L != null && L.isDefinitive) && !!((l = L == null ? void 0 : L.userInfo) != null && l.authenticated);
+        return !!(y != null && y.isDefinitive) && !!((l = y == null ? void 0 : y.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));
+        var c;
+        (!(y != null && y.isDefinitive) || !((c = y == null ? void 0 : y.userInfo) != null && c.authenticated)) && (u ? u(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Ne.SIGN_IN));
       }
     }
   ), e;
 }
-function Ar() {
-  const e = I(an), t = cn(), n = t.getAttribute("id");
+function Sr() {
+  const e = g(ln), t = dn(), n = t.getAttribute("id");
   if (!n)
     throw new Error("renderUtahIdForMobile: utahIdButton has no id");
   e.appendChild(t);
-  const o = un(!0), r = o.getAttribute("id");
+  const o = pn(!0), r = o.getAttribute("id");
   if (!r)
     throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");
-  return e.appendChild(o), t.setAttribute("aria-controls", r), o.setAttribute("aria-labelledby", n), mt(t, o), { button: t, menu: o };
+  return e.appendChild(o), t.setAttribute("aria-controls", r), o.setAttribute("aria-labelledby", n), Et(t, o), { button: t, menu: o };
 }
-function Or() {
-  const e = I(mr), t = Ir();
-  return t && e.appendChild(t), y().utahId !== !1 && e.appendChild(Mr()), e;
+function Ur() {
+  const e = g(Tr), t = Lr();
+  return t && e.appendChild(t), O().utahId !== !1 && e.appendChild(Nr()), e;
 }
-const yr = `<div class="utds-title-wrapper">
+const Cr = `<div class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </div>
-`, Lr = `<a class="utds-title-wrapper">
+`, Rr = `<a class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </a>
 `;
-function Ye(e) {
-  return typeof e == "function" ? e() : e;
-}
-function Pr() {
-  const e = y().titleURL, t = I(e ? Lr : yr);
+function Dr() {
+  const e = O().titleURL, t = g(e ? Rr : Cr);
   if (!t)
     throw new Error("LogoTitle: titleWrapper is null");
   e && t.setAttribute("href", e);
-  const n = t.querySelector(f(s.TITLE__LOGO));
+  const n = t.querySelector(p(a.TITLE__LOGO));
   if (!n)
     throw new Error("LogoTitle: logoWrapper is null");
-  const o = y().logo, r = y().showTitle, i = y().title;
+  const o = O().logo, r = O().showTitle, i = O().title;
   if (o) {
     let l;
     if (o.htmlString)
-      l = I(Ye(o.htmlString));
+      l = g(K(o.htmlString));
     else if (o.element)
-      l = Ye(o.element);
+      l = K(o.element);
     else if (o.imageUrl)
-      l = I(`<img src=${Ye(o.imageUrl)}  id="design-system-logo" />`);
+      l = g(`<img src=${K(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), !r && o && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), t;
+  const u = document.createTextNode(i), s = t.querySelector(p(a.TITLE__TITLE));
+  return s == null || s.appendChild(u), !r && o && (s == null || s.classList.add(a.VISUALLY_HIDDEN)), t;
 }
-const Nr = `<div class="utah-logo-wrapper">
+const Br = `<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>
@@ -2283,21 +2448,13 @@ const Nr = `<div class="utah-logo-wrapper">
             d="M15.972,39.161c-5.4,0-9.4127-1.5667-12.038-4.7C1.3087,31.3277-.0027,26.466,0,19.876V0H10.175V21.06c0,3.4313,.4633,5.847,1.39,7.247,.9909,1.434,2.669,2.2337,4.407,2.1,1.7525,.124,3.4436-.6712,4.466-2.1,.966-1.4,1.449-3.8157,1.449-7.247V0h9.82V19.876c0,6.586-1.2817,11.4467-3.845,14.582-2.5633,3.1353-6.5267,4.703-11.89,4.703Zm31.353-.711V8.518h-10.175V0h30.525V8.518h-10.175v29.932h-10.175Zm33.6-18.693l-.651,2.662h7.1l-.651-2.662c-.4733-1.8533-.9467-3.8647-1.42-6.034-.4733-2.1693-.945-4.2197-1.415-6.151h-.237c-.434,1.972-.8777,4.0327-1.331,6.182s-.918,4.1507-1.394,6.004l-.001-.001Zm-14.788,18.693L77.85,0h12.3l11.717,38.45h-10.767l-1.893-8.162h-10.766l-1.893,8.162h-10.411Zm39.4,0V0h10.175V14.316h11.476V0h10.175V38.45h-10.175v-15.261h-11.479v15.261h-10.172Z" />
         </g>
         <text transform="translate(.0419 52.5939)" aria-hidden="true">
-          <tspan x="0" y="0">An official </tspan>
-          <tspan x="60.437" y="0" style="letter-spacing: -.02em;">s</tspan>
-          <tspan x="66.0229" y="0" style="letter-spacing: -.021em;">t</tspan>
-          <tspan x="70.4614" y="0" style="letter-spacing: -.014em;">at</tspan>
-          <tspan x="81.8569" y="0" style="letter-spacing: 0em;">e </tspan>
-          <tspan x="91.6011" y="0" style="letter-spacing: -.004em;">w</tspan>
-          <tspan x="101.5972" y="0">ebsi</tspan>
-          <tspan x="125.5923" y="0" style="letter-spacing: -.014em;">t</tspan>
-          <tspan x="130.1284" y="0">e</tspan>
+          <tspan x="0" y="0">An official state website</tspan>
         </text>
       </g>
     </svg>
   </button>
 </div>
-`, Sr = `<div class="utah-logo-wrapper">
+`, Hr = `<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>
@@ -2308,55 +2465,51 @@ const Nr = `<div class="utah-logo-wrapper">
             d="M12.2714,30.0877c-4.1489,0-7.2318-1.2037-9.2489-3.611C1.0055,24.0693-.002,20.334,0,15.2709V0H7.8175V16.1806c0,2.6363,.356,4.4923,1.0679,5.5679,.7613,1.1018,2.0506,1.7162,3.3859,1.6134,1.3465,.0953,2.6458-.5157,3.4313-1.6134,.7422-1.0756,1.1133-2.9316,1.1133-5.5679V0h7.5448V15.2709c0,5.0601-.9847,8.7946-2.9541,11.2035-1.9694,2.4089-5.0145,3.6133-9.1352,3.6133Zm24.0887-.5463V6.5444h-7.8175V0h23.4526V6.5444h-7.8175V29.5414h-7.8175Zm25.8151-14.362l-.5002,2.0452h5.455l-.5002-2.0452c-.3637-1.4239-.7273-2.9693-1.091-4.636-.3637-1.6667-.7261-3.242-1.0871-4.7259h-.1821c-.3334,1.5151-.6743,3.0983-1.0226,4.7497s-.7053,3.189-1.071,4.6129l-.0008-.0008Zm-11.3617,14.362L59.8127,0h9.4502l9.0023,29.5414h-8.2724l-1.4544-6.2709h-8.2716l-1.4544,6.2709h-7.9988Zm30.2713,0V0h7.8175V10.9991h8.8171V0h7.8175V29.5414h-7.8175v-11.7251h-8.8194v11.7251h-7.8152Z" />
         </g>
         <text transform="translate(.0419 43.5205)" aria-hidden="true">
-          <tspan x="0" y="0">An official </tspan>
-          <tspan x="60.437" y="0" style="letter-spacing: -.004em;">w</tspan>
-          <tspan x="70.4331" y="0">ebsi</tspan>
-          <tspan x="94.4282" y="0" style="letter-spacing: -.014em;">t</tspan>
-          <tspan x="98.9644" y="0">e</tspan>
+          <tspan x="0" y="0">An official website</tspan>
         </text>
       </g>
     </svg>
   </button>
 </div>
-`, Ur = `<div class="utds-official-website-hover__wrapper">
+`, xr = `<div class="utds-official-website-hover__wrapper">
   How do I know it’s official?<br />
   Learn more.
 </div>
 `;
-function Cr() {
+function Wr() {
   let e;
-  switch (y().size) {
-    case Ie.LARGE:
-      e = Nr;
+  switch (O().size) {
+    case Te.LARGE:
+      e = Br;
       break;
-    case Ie.SMALL:
-    case Ie.MEDIUM:
-      e = Sr;
+    case Te.SMALL:
+    case Te.MEDIUM:
+      e = Hr;
       break;
     default:
-      throw new Error(`Unknown settings size: '${y().size}'`);
+      throw new Error(`Unknown settings size: '${O().size}'`);
   }
-  const t = I(e);
+  const t = g(e);
   if (!/** @type {HTMLElement} */
-  t.querySelector(f(s.LOGO_SVG)))
+  t.querySelector(p(a.LOGO_SVG)))
     throw new Error("UtahLogo: logoButton not found");
-  return t.setAttribute("id", C()), ht(t, I(Ur)), t;
+  return t.setAttribute("id", R()), Oe(t, g(xr)), t;
 }
-function Rr() {
+function kr() {
   var n;
-  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 e = g(Ir);
+  e.classList.add(`utds-header--${((n = O().size) == null ? void 0 : n.toLowerCase()) || Te.MEDIUM}`);
+  const t = g(br);
+  return e.appendChild(t), t.appendChild(Wr()), t.appendChild(g(gr)), t.appendChild(Dr()), e.appendChild(Ur()), e.appendChild(g(vr)), e;
 }
-const Dr = `<li class="menu-item">
+const qr = `<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>
-`, Hr = `<div class="utah-design-system main-menu__outer">
+`, Vr = `<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>
@@ -2383,7 +2536,7 @@ const Dr = `<li class="menu-item">
     </button>
   </div>
 </div>
-`, xr = `<div class="utah-design-system" id="search-modal">
+`, Fr = `<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>
@@ -2409,183 +2562,205 @@ const Dr = `<li class="menu-item">
   <div class="search-backdrop modal-backdrop backdrop-dark"></div>
 </div>
 `;
-function He() {
-  const e = document.getElementById(s.SEARCH__SEARCH_MODAL);
+function We() {
+  const e = document.getElementById(a.SEARCH__SEARCH_MODAL);
   if (!e)
     throw new Error("closSearchModal: searchModal not found");
   e.remove();
   const t = (
     /** @type {HTMLElement} */
-    document.querySelector(f(s.MAIN_MENU__SEARCH))
+    document.querySelector(p(a.MAIN_MENU__SEARCH))
   );
   if (!t)
     throw new Error("closSearchModal: searchIcon not found");
   t.focus();
 }
-function Br() {
-  const e = I(xr), t = (
+function Xe() {
+  const e = g(Fr), t = (
     /** @type {HTMLElement} */
-    e.querySelector(f(s.SEARCH__SEARCH_BACKDROP))
+    e.querySelector(p(a.SEARCH__SEARCH_BACKDROP))
   );
   if (!t)
     throw new Error("showSearchModal: backdrop not found");
   const n = (
     /** @type {HTMLElement} */
-    e.querySelector(f(s.SEARCH__SEARCH_CLOSE_BUTTON))
+    e.querySelector(p(a.SEARCH__SEARCH_CLOSE_BUTTON))
   );
   if (!n)
     throw new Error("showSearchModal: closeButton not found");
   const o = (
     /** @type {HTMLElement} */
-    e.querySelector(f(s.SEARCH__SEARCH_BUTTON))
+    e.querySelector(p(a.SEARCH__SEARCH_BUTTON))
   );
   if (!o)
     throw new Error("showSearchModal: searchButton not found");
   const r = (
     /** @type {HTMLElement} */
-    e.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER))
+    e.querySelector(p(a.SEARCH__SEARCH_BUTTON_WRAPPER))
   );
   if (!r)
     throw new Error("showSearchModal: searchButtonWrapper not found");
   const i = (
     /** @type {HTMLInputElement} */
-    e.querySelector(f(s.SEARCH__SEARCH_INPUT))
+    e.querySelector(p(a.SEARCH__SEARCH_INPUT))
   );
   if (!i)
     throw new Error("showSearchModal: searchInput not found");
-  o.onclick = (a) => {
-    var l, u;
-    a.preventDefault(), a.stopPropagation(), He(), (u = (l = y()).onSearch) == null || u.call(l, i.value);
-  }, n.onclick = (a) => {
-    a.preventDefault(), a.stopPropagation(), He();
-  }, t.onclick = (a) => {
-    a.preventDefault(), a.stopPropagation(), He();
+  o.onclick = (s) => {
+    var l, c;
+    s.preventDefault(), s.stopPropagation(), We(), (c = (l = O()).onSearch) == null || c.call(l, i.value);
+  }, n.onclick = (s) => {
+    s.preventDefault(), s.stopPropagation(), We();
+  }, t.onclick = (s) => {
+    s.preventDefault(), s.stopPropagation(), We();
   }, document.body.appendChild(e), i.focus(), i.oninput = () => {
-    r.classList.remove(s.VISUALLY_HIDDEN);
+    r.classList.remove(a.VISUALLY_HIDDEN);
   }, o.onfocus = () => {
-    r.classList.remove(s.VISUALLY_HIDDEN);
-  }, e.onkeyup = (a) => {
-    (a.code === "Escape" || a.key === "Escape") && (a.preventDefault(), a.stopPropagation(), He());
-  }, n.addEventListener("focusout", (a) => {
-    a.preventDefault(), a.stopPropagation(), ge[et.SHIFT] ? o.focus() : i.focus();
+    r.classList.remove(a.VISUALLY_HIDDEN);
+  }, e.onkeyup = (s) => {
+    (s.code === "Escape" || s.key === "Escape") && (s.preventDefault(), s.stopPropagation(), We());
+  }, n.addEventListener("focusout", (s) => {
+    s.preventDefault(), s.stopPropagation(), ge[ot.SHIFT] ? o.focus() : i.focus();
   });
-  const c = e.querySelector(".search-modal__hidden-last-focusable");
-  if (!c)
+  const u = e.querySelector(".search-modal__hidden-last-focusable");
+  if (!u)
     throw new Error("showSearchModal: hiddenLastFocusableButton not found");
-  c.addEventListener("focusin", (a) => {
-    a.preventDefault(), a.stopPropagation(), n.focus();
+  u.addEventListener("focusin", (s) => {
+    s.preventDefault(), s.stopPropagation(), n.focus();
   });
 }
-function kr() {
-  var l;
-  const e = y(), t = I(Hr), n = t.querySelector(f(s.MAIN_MENU__NAV));
+function Gr() {
+  var s;
+  const e = O(), t = g(Vr);
+  let n = t.querySelector(p(a.MAIN_MENU__NAV));
   if (!n)
     throw new Error("renderMainMenu(): mainMenu not created");
-  const o = n.querySelector(f(s.MAIN_MENU__TITLE));
+  const o = n.querySelector(p(a.MAIN_MENU__TITLE));
   if (!o)
     throw new Error("renderMainMenu(): titleTag not found");
   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, b;
-    const d = I(Dr);
-    i.appendChild(d);
-    const _ = d.querySelector(f(s.MENU_ITEM__TITLE));
-    if (!_)
-      throw new Error(`renderMainMenu(): sub menu title not found for ${u.title}`);
-    const h = (
-      /** @type {HTMLElement} */
-      _.querySelector(f(s.MENU_ITEM__BUTTON_TITLE))
-    );
-    if (!h)
-      throw new Error(`renderMainMenu(): button title not found for ${u.title}`);
-    h.setAttribute("id", `${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${C()}`);
-    const p = (
-      /** @type {HTMLElement} */
-      _.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 && 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
-      }, T = _t(
-        v,
-        h,
-        {
-          childrenMenuType: u.childrenMenuType || $.FLYOUT
-        }
+  if (n.setAttribute("aria-labelledby", r), o.setAttribute("id", r), e.mainMenu ? o.innerHTML = e.mainMenu.title : (n.remove(), n = null), e.mainMenu) {
+    const l = n == null ? void 0 : n.querySelector(p(a.MAIN_MENU__MENU_TOP));
+    if (!l)
+      throw new Error("renderMainMenu(): mainMenuTop not found");
+    e.mainMenu.menuItems.forEach((c) => {
+      var m, E;
+      const d = g(qr);
+      l.appendChild(d);
+      const h = P(
+        d.querySelector(p(a.MENU_ITEM__TITLE)),
+        `renderMainMenu(): sub menu title not found for ${c.title}`
+      ), f = P(
+        /** @type {HTMLElement} */
+        h.querySelector(p(a.MENU_ITEM__BUTTON_TITLE)),
+        `renderMainMenu(): button title not found for ${c.title}`
       );
-      d.appendChild(T), Oe(d, h, T, "menu", { shouldFocusOnHover: !0 });
-      let M;
-      switch (u.childrenMenuType) {
-        case $.INLINE:
-          M = s.MENU_ITEM__INLINE;
-          break;
-        case $.MEGA_MENU:
-          M = s.MENU_ITEM__MEGA_MENU;
-          break;
-        case $.FLYOUT:
-        default:
-          M = s.MENU_ITEM__FLY_OUT;
-          break;
-      }
-      d.classList.add(M);
-    } else if (u.actionFunction)
-      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 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), h.remove();
-    else
-      throw new Error(`renderMainMenu(): menuItem is missing an action: ${u.title}`);
-    ((m = u.actionUrl) != null && m.openInNewTab || (b = u.actionFunctionUrl) != null && b.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(I(zt)));
-  });
-  let c = null;
+      f.setAttribute("id", `${a.MENU_ITEM__BUTTON_TITLE}__${c.title}-${R()}`);
+      const _ = P(
+        /** @type {HTMLElement} */
+        h.querySelector(p(a.MENU_ITEM__LINK_TITLE)),
+        `renderMainMenu(): link title not found for ${c.title}`
+      );
+      if ((c.isSelected || c.actionMenu && Ve(c.actionMenu, ["actionMenu"], (v) => !!v.isSelected)) && (f.classList.add(a.MENU_ITEM__SELECTED), _.classList.add(a.MENU_ITEM__SELECTED)), c.actionMenu) {
+        f.innerHTML = c.title, _.remove();
+        const v = {
+          menuItems: c.actionMenu,
+          title: c.title
+        }, T = mt(
+          v,
+          f,
+          {
+            childrenMenuType: c.childrenMenuType || j.FLYOUT
+          }
+        );
+        d.appendChild(T), Pe(d, f, T, "menu", { shouldFocusOnHover: !0 });
+        let A;
+        switch (c.childrenMenuType) {
+          case j.INLINE:
+            A = a.MENU_ITEM__INLINE;
+            break;
+          case j.MEGA_MENU:
+            A = a.MENU_ITEM__MEGA_MENU;
+            break;
+          case j.FLYOUT:
+          default:
+            A = a.MENU_ITEM__FLY_OUT;
+            break;
+        }
+        d.classList.add(A);
+      } else if (c.actionFunction)
+        f.innerHTML = c.title, f.onclick = c.actionFunction, _.remove();
+      else if (c.actionFunctionUrl)
+        _.innerHTML = c.title, _.setAttribute("href", c.actionFunctionUrl.url), _.onclick = (v) => {
+          var T, A;
+          (T = c.actionFunctionUrl) != null && T.skipHandleEvent || (v.stopPropagation(), v.preventDefault()), (A = c.actionFunctionUrl) == null || A.actionFunction(v);
+        }, f.remove();
+      else if (c.actionUrl)
+        _.innerHTML = c.title, _.setAttribute("href", c.actionUrl.url), f.remove();
+      else
+        throw new Error(`renderMainMenu(): menuItem is missing an action: ${c.title}`);
+      ((m = c.actionUrl) != null && m.openInNewTab || (E = c.actionFunctionUrl) != null && E.openInNewTab) && (_.setAttribute("target", "_blank"), _.appendChild(g(Zt)));
+    });
+  }
+  let i = null;
   if (e.utahId) {
-    const { button: u, menu: d } = Ar();
-    c = d;
-    const _ = t.querySelector(f(s.MOBILE__UTAH_ID));
-    if (!_)
-      throw new Error("renderMainMenu: utahIdButtonWrapper not found");
-    _.appendChild(u);
+    const { button: l, menu: c } = Sr();
+    i = c, P(
+      t.querySelector(p(a.MOBILE__UTAH_ID)),
+      "renderMainMenu: utahIdButtonWrapper not found"
+    ).appendChild(l);
   }
-  const a = t.querySelector(f(s.MAIN_MENU__SEARCH));
-  if (!a || !(a instanceof HTMLElement))
-    throw new Error("renderMainMenu: searchIcon not found");
+  const u = P(
+    /** @type {HTMLElement} */
+    t.querySelector(p(a.MAIN_MENU__SEARCH)),
+    "renderMainMenu: searchIcon not found"
+  );
   if (e.onSearch) {
-    if (ht(a, document.createTextNode("Search")), a.onclick)
+    if (Oe(u, document.createTextNode("Search")), u.onclick)
       throw new Error("searchIcon already has onclick");
-    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 };
+    if (u.onclick = () => Xe(), !e.mainMenu) {
+      const l = P(
+        document.querySelector(p(a.CITIZEN_EXPERIENCE)),
+        "renderMainMenu: citizen experience wrapper not found"
+      ), c = g(u.outerHTML);
+      if (Oe(c, document.createTextNode("Search")), c.onclick = () => Xe(), u.classList.add(a.DESKTOP__HIDDEN), e.utahId !== !1) {
+        const d = P(document.querySelector(p(a.UTAH_ID)), "renderMainMenu: utahId wrapper not found");
+        l.insertBefore(c, d);
+      } else
+        l.appendChild(c);
+    }
+    if (!e.mainMenu && !e.actionItems && e.utahId === !1) {
+      const l = g(
+        /** @type {HTMLElement} */
+        u.outerHTML
+      );
+      if (Oe(l, document.createTextNode("Search")), l.onclick)
+        throw new Error("searchIconMobile already has onclick");
+      l.onclick = () => Xe(), P(
+        document.querySelector(p(a.CITIZEN_EXPERIENCE_MOBILE)),
+        "renderMainMenu: citizen-experience--mobile not found"
+      ).appendChild(l);
+    }
+  }
+  return e.onSearch || ((e.mainMenu || !e.mainMenu && e.utahId) && ((s = u.parentElement) == null || s.insertBefore(g('<div class="main-menu__search-placeholder">'), u)), u.remove()), { mainMenuWrapper: t, utahIdPopup: i };
 }
-function Wr(e) {
+function $r(e) {
   let t = NaN, n = null, o = null;
   return {
-    promise: new Promise((i, c) => {
+    promise: new Promise((i, u) => {
       t = setTimeout(
         () => {
           t = NaN, i();
         },
         e
-      ), n = i, o = c;
+      ), n = i, o = u;
     }),
     clearTimeout: (i) => {
       t && (clearTimeout(t), t = NaN, i(n, o));
     }
   };
 }
-const Y = {
+const Z = {
   // null = not yet loaded, false = ajaxing, true = have a result (may be error or user data)
   isDefinitive: null,
   lastError: null,
@@ -2593,21 +2768,21 @@ const Y = {
 };
 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));
+  e.isDefinitive && (un(e), (o = (n = (t = O()) == null ? void 0 : t.utahId) == null ? void 0 : n.onAuthChanged) == null || o.call(n, e));
 }
-let Vt = !0;
-const qr = 500;
-async function dn() {
+let Gt = !0;
+const jr = 500;
+async function fn() {
   var t, n;
   let e = null;
-  if (Y.isDefinitive === !1)
-    e = Promise.resolve(Y);
-  else if (Vt)
-    e = Wr(qr).promise.then(() => {
-      Vt = !1, dn().catch((o) => console.error(o));
+  if (Z.isDefinitive === !1)
+    e = Promise.resolve(Z);
+  else if (Gt)
+    e = $r(jr).promise.then(() => {
+      Gt = !1, fn().catch((o) => console.error(o));
     });
   else {
-    const o = y();
+    const o = O();
     if (o.utahId === !1)
       e = Promise.resolve({
         isDefinitive: !0,
@@ -2615,16 +2790,16 @@ async function dn() {
         userInfo: null
       });
     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) => {
+      Z.isDefinitive = !1, e = fetch(Ne.USER_INFO, { credentials: "include" }).then((r) => r.json()).then((r) => {
         if (r.status === 200)
-          Y.lastError = null, Y.userInfo = /** @type UserInfo */
+          Z.lastError = null, Z.userInfo = /** @type UserInfo */
           r.data;
         else
           throw new Error(r.err);
       }).catch((r) => {
-        Y.lastError = r, Y.userInfo = null;
+        Z.lastError = r, Z.userInfo = null;
       }).finally(() => {
-        Y.isDefinitive = !0, Ft(Y);
+        Z.isDefinitive = !0, Ft(Z);
       });
     else {
       const r = {
@@ -2637,184 +2812,141 @@ async function dn() {
   }
   return e;
 }
-function Fr() {
-  return Y;
+function zr() {
+  return Z;
 }
-function Vr() {
-  const e = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
+function Yr() {
+  const e = document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!e)
     throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");
   const t = (
     /** @type {HTMLElement} */
-    e.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    e.closest(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
   if (!t)
     throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");
   t.remove();
 }
-function Gr(e, t) {
-  const n = document.querySelector(f(s.MOBILE__UTAH_ID));
+function Zr(e, t) {
+  const n = document.querySelector(p(a.MOBILE__UTAH_ID));
   if (!n)
     throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");
   const o = (
     /** @type {HTMLElement} */
-    n.querySelector(f(s.UTAH_ID__BUTTON))
+    n.querySelector(p(a.UTAH_ID__BUTTON))
   );
   if (!o)
     throw new Error("hookupUtahIdInMobileMenu: utahIdButton not found");
-  if (!e.querySelector(f(s.MOBILE_MENU__CONTENT)))
+  if (!e.querySelector(p(a.MOBILE_MENU__CONTENT)))
     throw new Error("hookupUtahIdInMobileMenu: mobileContentWrapper not found");
-  const i = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
+  const i = document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!i)
     throw new Error("hookupUtahIdInMobileMenu: profileActionItem not found");
-  const c = (
+  const u = (
     /** @type {HTMLElement} */
-    i.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    i.closest(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  if (!c)
+  if (!u)
     throw new Error("hookupHamburger: profileActionItemWrapper not found");
-  const a = nt(t);
-  it(
+  const s = it(t);
+  st(
     o,
-    a,
-    c,
+    s,
+    u,
     {
       ariaHasPopupType: "menu",
       onClickHandler: (l) => {
-        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 = ye.SIGN_IN);
+        var f;
+        const c = zr(), d = O();
+        let h = !1;
+        if (!(c != null && c.isDefinitive) || !((f = c == null ? void 0 : c.userInfo) != null && f.authenticated)) {
+          h = !0;
+          const _ = d.utahId !== !1 && d.utahId !== !0 && d.utahId.onSignIn;
+          _ ? _(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Ne.SIGN_IN);
         }
-        return _;
+        return h;
       },
       shouldOnClickCloseMenu: !0
     }
   );
 }
-function $r() {
-  return me(
-    y().mainMenu.menuItems,
+function Kr() {
+  var e;
+  return Ee(
+    (e = O().mainMenu) == null ? void 0 : e.menuItems,
     {
-      childrenMenuType: $.INLINE,
+      childrenMenuType: j.INLINE,
       removePopupArrow: !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>
-  <div class="utds-official-website-popup__content">
-    <div class="utds-official-website-popup__col">
-      <div class="utds-icon-before-verified big-icon" aria-hidden="true"></div>
-      <div>
-        <strong>Official Utah websites use utah.gov.</strong><br />
-        Utah.gov websites belongs to an official government organization in the State of Utah.
-      </div>
-    </div>
-    <div class="utds-official-website-popup__col">
-      <div class="utds-icon-before-lock big-icon" aria-hidden="true"></div>
-      <div>
-        <strong>Secure utah.gov websites use HTTPS.</strong><br />
-        A lock <span class="utds-icon-before-lock" aria-hidden="true"></span> or <strong>https://</strong> means you’ve
-        safely connected to the utah.gov website.
-        Share sensitive information only on official, secure websites.
-      </div>
-    </div>
-  </div>
-  <button type="button" class="utds-official-website-popup__close-button button icon-button icon-button--borderless">
-    <span class="utds-icon-before-x-icon" aria-hidden="true"></span>
-    <span class="visually-hidden">Close official website popup</span>
-  </button>
-</div>
-`;
-function zr() {
-  const e = I(jr), n = (
-    /** @type {HTMLElement} */
-    document.querySelector(f(s.LOGO)).querySelector(f(s.LOGO_SVG))
-  );
-  if (!n)
-    throw new Error("renderOfficialWebsite: logoButton not found");
-  if (n.onclick)
-    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 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 o = e.querySelector(f(s.LOGO_OFFICIAL_CLOSE_BUTTON));
-  if (!o)
-    throw new Error("renderOfficialWebsite: closeButton not found");
-  return o.onclick = () => {
-    e.classList.toggle(s.VISUALLY_HIDDEN), n.focus(), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true");
-  }, 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 Yr() {
+function Xr() {
   const t = [...document.querySelectorAll(`
-      ${f(s.MOBILE_MENU__ACTION_BAR)}
-      ${f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
-      ${f(s.ACTION_ITEM__ICON_BUTTON)}
+      ${p(a.MOBILE_MENU__ACTION_BAR)}
+      ${p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
+      ${p(a.ACTION_ITEM__ICON_BUTTON)}
     `)];
   t.forEach(
-    (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 (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 = (
+    (r) => {
+      r.onkeydown = (i) => {
+        (i.code === "Home" || i.code === "End" || i.code === "ArrowRight" || i.code === "ArrowLeft") && i.preventDefault();
+      }, r.onkeyup = (i) => {
+        const u = t.indexOf(r);
+        let s = NaN;
+        if (i.code === "Home" ? s = 0 : i.code === "End" ? s = t.length - 1 : i.code === "ArrowRight" ? s = (u + 1) % t.length : i.code === "ArrowLeft" && (s = (t.length + u - 1) % t.length), !Number.isNaN(s)) {
+          i.preventDefault(), i.stopPropagation();
+          const l = t[s], c = (
             /** @type {HTMLElement} */
-            c.closest(
-              f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)
+            l.closest(
+              p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)
             )
           );
-          if (!a)
+          if (!c)
             throw new Error("hookupMobileActionItemKeyboarding: newWrapper not found... how in the blazes?!");
-          const l = c.getAttribute("aria-controls");
-          if (l && document.getElementById(l))
-            c.click();
+          const d = l.getAttribute("aria-controls");
+          if (d && document.getElementById(d))
+            l.click();
           else {
             const _ = (
               /** @type {HTMLElement} */
-              document.querySelector(f(s.MOBILE_MENU__WRAPPER))
+              document.querySelector(p(a.MOBILE_MENU__WRAPPER))
             );
             if (!_)
               throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-            const h = (
+            const m = (
               /** @type {HTMLElement} */
-              _.querySelector(f(s.MOBILE_MENU__CONTENT))
+              _.querySelector(p(a.MOBILE_MENU__CONTENT))
             );
-            if (!h)
+            if (!m)
               throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");
-            h.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((p) => p.classList.remove(s.IS_OPEN));
+            m.querySelectorAll(p(a.MOBILE_MENU__CONTENT_ITEM)).forEach((E) => E.classList.remove(a.IS_OPEN));
           }
-          const d = (
+          const f = (
             /** @type {HTMLElement} */
-            document.querySelector(f(s.MOBILE_MENU__WRAPPER))
+            document.querySelector(p(a.MOBILE_MENU__WRAPPER))
           );
-          if (!d)
+          if (!f)
             throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-          Ke(d, a);
+          Je(f, c);
         }
       };
     }
   );
+  const n = P(
+    document.querySelector(p(a.MOBILE_MENU__LAST_FOCUSABLE)),
+    "hookupMobileActionItemKeyboarding: hiddenLastFocusableButton not found"
+  ), { hamburger: o } = we("hookupMobileActionItemKeyboarding");
+  n.addEventListener("focusin", (r) => {
+    r.preventDefault(), r.stopPropagation(), o.focus();
+  });
 }
-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 Jr() {
+  const e = Dn.replace(a.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${O().mediaSizes.tabletPortrait}px`).replace(a.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${O().mediaSizes.tabletLandscape}px`).replace(a.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${O().mediaSizes.mobile}px`);
+  let t = document.getElementById(a.CSS_HEADER_MEDIA_TAG_ID);
+  t || (t = document.createElement("style"), t.id = a.CSS_HEADER_MEDIA_TAG_ID), t.innerHTML = e, document.body.appendChild(t);
 }
-function Zr() {
-  const e = y();
+function Qr() {
+  const e = O();
   let t = document.body;
   if (e.domLocationTarget) {
     const n = [
@@ -2827,56 +2959,58 @@ function Zr() {
     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), J(!t, `loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);
+      t = document.querySelector(e.domLocationTarget.cssSelector), ee(!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(), J(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
+      t = e.domLocationTarget.elementFunction(), ee(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
     else
       throw new Error("loadHeader: domLocationTarget must have at least one field set");
   }
-  return se(t, "loadHeader: domTarget is null (how?!)");
+  return P(t, "loadHeader: domTarget is null (how?!)");
 }
-function Xr() {
+function ei() {
   var t;
-  if (!document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) {
-    const n = Rr(), o = Zr();
+  if (!document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.HEADER]))) {
+    const n = kr(), o = Qr();
     o.insertBefore(n, o.firstChild);
-    const r = zr();
+    const r = zn();
     n.after(r);
-    const { mainMenuWrapper: i, utahIdPopup: c } = kr();
+    const { mainMenuWrapper: i, utahIdPopup: u } = Gr();
     i && r.after(i);
-    const a = I(Rn);
-    r.after(a);
+    const s = g(Bn);
+    r.after(s);
     const l = (
       /** @type {HTMLElement} */
-      document.querySelector(f(s.MOBILE_MENU__BACKDROP))
+      document.querySelector(p(a.MOBILE_MENU__BACKDROP))
     );
     if (!l)
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");
     if (l.onclick)
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");
-    l.onclick = () => rt();
-    const u = $r(), d = sn(u, "Main Menu");
-    d.appendChild(u);
-    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));
+    l.onclick = () => Ge();
+    const c = Kr(), d = cn(c, "Main Menu");
+    d.appendChild(c);
+    const h = it(d);
+    Zn(h), u ? ((t = u.closest("div")) == null || t.removeAttribute("aria-labelledby"), Zr(s, u)) : Yr(), Er(), Xr(), ur(), Jr(), fn().catch((_) => console.error(_));
+    const f = O();
+    (!f.mainMenu && !f.actionItems && f.utahId === !1 && !f.onSearch || !f.mainMenu && !f.actionItems && f.utahId === !1 && f.onSearch || !f.mainMenu && f.actionItems && f.utahId === !1 && !f.onSearch) && (s.classList.add(a.MAIN_MENU__REMOVED), i.remove()), (!f.mainMenu && !f.actionItems && f.utahId && !f.onSearch || !f.mainMenu && f.actionItems && f.utahId && !f.onSearch || !f.mainMenu && f.actionItems && !f.utahId && f.onSearch) && i.classList.add(a.DESKTOP__HIDDEN);
   }
-  xn();
+  Wn();
 }
-function Jr(e) {
+function ti(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);
+  (t = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.HEADER]))) == null || t.remove(), (n = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.MAIN_MENU__OUTER]))) == null || n.remove(), (o = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.MOBILE_MENU]))) == null || o.remove(), (r = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.LOGO_OFFICIAL_WRAPPER]))) == null || r.remove(), sn(), e && setTimeout(() => document.dispatchEvent(new Event($t.HEADER_UNLOADED)), 0);
 }
-console.log(`Utah Header v${Un.version}`);
+console.log(`Utah Header v${Rn.version}`);
 export {
-  $ as childrenMenuTypes,
-  $t as defaultSettings,
-  Gt as events,
-  y as getUtahHeaderSettings,
-  Xr as loadHeader,
-  Jr as removeHeader,
-  I as renderDOMSingle,
-  Qr as setUtahHeaderSettings,
-  Ie as sizes
+  j as childrenMenuTypes,
+  jt as defaultSettings,
+  $t as events,
+  O as getUtahHeaderSettings,
+  ei as loadHeader,
+  ti as removeHeader,
+  g as renderDOMSingle,
+  ni as setUtahHeaderSettings,
+  Te as sizes
 };