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

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

@@ -1,4 +1,5 @@
-const fn = "@utahdts/utah-design-system-header", hn = "0.4.4", _n = "Utah Header for the Utah Design System", mn = {
+import { popupPlacement as Qe } from "@utahdts/utah-design-system";
+const hn = "@utahdts/utah-design-system-header", _n = "0.6.0-beta.0", mn = "Utah Header for the Utah Design System", vn = {
   ".": {
     "development-local": "./src/index.js",
     development: "./dist/utah-design-system-header.es.js",
@@ -13,13 +14,14 @@ const fn = "@utahdts/utah-design-system-header", hn = "0.4.4", _n = "Utah Header
   },
   "./css": "./dist/style.css",
   "./src/css/index.scss": "./src/css/index.scss"
-}, En = "./src/index.js", vn = [
+}, En = "./src/index.js", bn = [
   "src/css",
   "dist"
-], bn = {
+], gn = {
   build: "vite build",
   preview: "vite preview",
   publishHeader: "npm publish --access public",
+  publishHeaderBeta: "npm publish --access public --tag beta",
   "sass-build": "sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css",
   "test-publish": "npm publish --dry-run",
   test: "vitest",
@@ -28,34 +30,35 @@ const fn = "@utahdts/utah-design-system-header", hn = "0.4.4", _n = "Utah Header
 }, In = {
   type: "git",
   url: "git+https://github.com/utahdts/utah-design-system.git"
-}, gn = "Apache-2.0", Mn = {
+}, wn = "Apache-2.0", Mn = {
   url: "https://github.com/utahdts/utah-design-system/issues"
 }, Tn = "https://github.com/utahdts/utah-design-system#readme", An = {
-  "@popperjs/core": "2.11.7"
-}, wn = {
-  eslint: "8.37.0",
+  "@popperjs/core": "2.11.7",
+  "@utahdts/utah-design-system": "0.6.0-beta.0"
+}, yn = {
+  eslint: "8.38.0",
   "eslint-config-airbnb": "19.0.4",
   "eslint-plugin-import": "2.27.5",
   "eslint-plugin-jsx-a11y": "6.7.1",
-  sass: "1.60.0",
-  vite: "4.2.1",
+  sass: "1.62.0",
+  vite: "4.2.2",
   "vite-plugin-eslint": "1.8.1",
-  vitest: "0.29.8"
-}, yn = "module", On = {
-  name: fn,
-  version: hn,
-  description: _n,
-  exports: mn,
+  vitest: "0.30.1"
+}, On = "module", Pn = {
+  name: hn,
+  version: _n,
+  description: mn,
+  exports: vn,
   main: En,
-  files: vn,
-  scripts: bn,
+  files: bn,
+  scripts: gn,
   repository: In,
-  license: gn,
+  license: wn,
   bugs: Mn,
   homepage: Tn,
   dependencies: An,
-  devDependencies: wn,
-  type: yn
+  devDependencies: yn,
+  type: On
 };
 const W = {
   FLYOUT: (
@@ -70,7 +73,7 @@ const W = {
     /** @type {ChildrenMenuType} */
     "mega-menu"
   )
-}, kt = {
+}, qt = {
   // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
   HEADER_LOADED: (
     /** @type {Events} */
@@ -81,67 +84,6 @@ const W = {
     /** @type {Events} */
     "utahHeaderUnloaded"
   )
-}, Qe = {
-  AUTO: (
-    /** @type {PopupPlacement} */
-    "auto"
-  ),
-  AUTO_START: (
-    /** @type {PopupPlacement} */
-    "auto-start"
-  ),
-  AUTO_END: (
-    /** @type {PopupPlacement} */
-    "auto-end"
-  ),
-  BOTTOM: (
-    /** @type {PopupPlacement} */
-    "bottom"
-  ),
-  BOTTOM_START: (
-    /** @type {PopupPlacement} */
-    "bottom-start"
-  ),
-  BOTTOM_END: (
-    /** @type {PopupPlacement} */
-    "bottom-end"
-  ),
-  LEFT: (
-    /** @type {PopupPlacement} */
-    "left"
-  ),
-  LEFT_START: (
-    /** @type {PopupPlacement} */
-    "left-start"
-  ),
-  LEFT_END: (
-    /** @type {PopupPlacement} */
-    "left-end"
-  ),
-  RIGHT: (
-    /** @type {PopupPlacement} */
-    "right"
-  ),
-  RIGHT_START: (
-    /** @type {PopupPlacement} */
-    "right-start"
-  ),
-  RIGHT_END: (
-    /** @type {PopupPlacement} */
-    "right-end"
-  ),
-  TOP: (
-    /** @type {PopupPlacement} */
-    "top"
-  ),
-  TOP_START: (
-    /** @type {PopupPlacement} */
-    "top-start"
-  ),
-  TOP_END: (
-    /** @type {PopupPlacement} */
-    "top-end"
-  )
 }, ce = {
   SMALL: (
     /** @type {Size} */
@@ -155,7 +97,7 @@ const W = {
     /** @type {Size} */
     "LARGE"
   )
-}, Pn = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+}, Ln = `/* @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 */
@@ -200,6 +142,14 @@ const W = {
     left: 50%;
     transform: translateX(-50%) translateY(110%);
   }
+
+  .utah-design-system .utds-official-website-popup__content {
+    flex-wrap: wrap;
+    gap: var(--spacing-l);
+  }
+  .utah-design-system .utds-official-website-popup__col {
+    width: 100%;
+  }
 }
 
 @media screen and (max-width: media-size__mobile__PLACEHOLDER) {
@@ -235,8 +185,8 @@ const W = {
   </div>
 </div>
 `;
-function f(t) {
-  return `.${(Array.isArray(t) ? t : [t]).join(".")}`;
+function f(e) {
+  return `.${(Array.isArray(e) ? e : [e]).join(".")}`;
 }
 const s = {
   // Global Information
@@ -265,9 +215,11 @@ const s = {
   BADGE_WRAPPER__SMALL: "utds-badge__wrapper--small",
   BADGE_WRAPPER__ACTION_ITEM: "utds-badge__wrapper--action-item",
   CITIZEN_EXPERIENCE: "utds-citizen-experience-wrapper",
+  LOGO: "utds-logo-wrapper",
+  LOGO_OFFICIAL_CLOSE_BUTTON: "utds-official-website-popup__close-button",
+  LOGO_OFFICIAL_WRAPPER: "utds-official-website-popup__wrapper",
   LOGO_SVG: "utah-logo-svg",
   LOGO_VERT_LINE: "utds-logo-vert-line",
-  LOGO: "utds-logo-wrapper",
   MAIN_MENU: "main-menu__wrapper",
   MAIN_MENU__HAMBURGER: "main-menu__hamburger",
   MAIN_MENU__HAMBURGER_ID: "utds-main-menu__hamburger",
@@ -335,45 +287,51 @@ const s = {
   UTAH_ID: "utds-utah-id-wrapper",
   UTAH_ID__BUTTON: "utds-utah-id__button"
 };
-function Ge(t) {
-  return typeof t == "string" || t instanceof String;
+function Mt(e, t) {
+  if (e)
+    throw new Error(t);
+}
+function Sn(e, t) {
+  if (e == null)
+    throw new Error(t);
+  return e;
+}
+function Ge(e) {
+  return typeof e == "string" || e instanceof String;
 }
-function Ln(t) {
-  const e = new DOMParser();
+function Un(e) {
+  const t = new DOMParser();
   let n;
-  if (Ge(t)) {
+  if (Ge(e)) {
     const r = (
       /** @type {Document} */
-      Ge(t) ? e.parseFromString(t, "text/html") : t
+      Ge(e) ? t.parseFromString(e, "text/html") : e
     ), o = r.body.children.length > 1 ? r.body.children : r.body.children.item(0);
     if (!o)
-      throw console.error(t), new Error("renderDOM: nothing rendered");
+      throw console.error(e), new Error("renderDOM: nothing rendered");
     n = o;
   } else if (
     /** @type {unknown} */
-    t instanceof Element
+    e instanceof Element
   )
-    n = t;
+    n = e;
   else
-    throw t ? (console.error(t), new Error(`renderDOM: str is not a string nor a DOM Element : '${t}'`)) : new Error("renderDOM: falsy string passed; cannot render nothing");
+    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 T(t) {
-  const e = typeof t == "string" ? Ln(t) : t;
-  if (e instanceof HTMLCollection && e.length > 1)
+function I(e) {
+  const t = typeof e == "string" ? Un(e) : e;
+  if (t instanceof HTMLCollection && t.length > 1)
     throw new Error("renderDOMSingle: must render a single element");
   const n = (
     /** @type HTMLElement | null */
-    e instanceof HTMLCollection ? e[0] : e
+    t instanceof HTMLCollection ? t[0] : t
   );
   if (!n)
-    throw console.error(t), new Error("renderDOMSingle: nothing rendered");
+    throw console.error(e), new Error("renderDOMSingle: nothing rendered");
   return n;
 }
-const Un = `<h1 class="utds-logo-wrapper"></h1>
-`, Sn = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
-`, Cn = `<span class="utds-logo-vert-line"></span>
-`, Dn = {
+const Cn = {
   mainMenu: {
     menuItems: [
       { title: "Home", actionUrl: { url: "/" } }
@@ -390,11 +348,11 @@ const Un = `<h1 class="utds-logo-wrapper"></h1>
   title: "Utah Design System",
   titleURL: "/",
   utahId: !0
-}, Rn = `<span class="utds-icon-before-alert" aria-hidden="true" />
-`, xn = `<span class="utds-icon-before-gear" aria-hidden="true" />
-`, Hn = `<span class="utds-icon-before-help" aria-hidden="true" />
-`, Bn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
-`, kn = {
+}, Dn = `<span class="utds-icon-before-alert" aria-hidden="true" />
+`, Rn = `<span class="utds-icon-before-gear" aria-hidden="true" />
+`, xn = `<span class="utds-icon-before-help" aria-hidden="true" />
+`, Hn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
+`, Bn = {
   actionItems: [
     {
       actionPopupMenu: {
@@ -408,8 +366,8 @@ const Un = `<h1 class="utds-logo-wrapper"></h1>
             title: "Utah.Gov"
           },
           {
-            actionFunction: (t) => {
-              t.stopPropagation(), t.preventDefault(), console.log("Custom menu item triggered");
+            actionFunction: (e) => {
+              e.stopPropagation(), e.preventDefault(), console.log("Custom menu item triggered");
             },
             title: "Custom menu item"
           },
@@ -448,7 +406,7 @@ const Un = `<h1 class="utds-logo-wrapper"></h1>
         title: "Divisions Menu"
       },
       className: "icon-waffle",
-      icon: Bn,
+      icon: Hn,
       showTitle: !0,
       title: "Divisions"
     },
@@ -462,43 +420,49 @@ const Un = `<h1 class="utds-logo-wrapper"></h1>
         label: "Unread Alert",
         value: 1
       },
-      icon: Rn,
+      icon: Dn,
       showTitle: !1,
       title: "Alerts"
     },
     {
       actionDom: () => {
-        const t = document.createElement("div");
-        t.appendChild(document.createTextNode("Hello World!"));
-        const e = document.createElement("button");
-        return e.appendChild(document.createTextNode("Do not press me.")), t.appendChild(e), t;
+        const e = document.createElement("div");
+        e.appendChild(document.createTextNode("Hello World!"));
+        const t = document.createElement("button");
+        return t.appendChild(document.createTextNode("Do not press me.")), e.appendChild(t), e;
       },
       badge: {
         // Note: make sure the `label` is plural/singular to match the value
         label: "Help Items Available"
       },
-      icon: Hn,
+      icon: xn,
       showTitle: !1,
       title: "Help"
     },
     {
       actionDom: () => {
-        const t = document.createElement("div");
-        t.appendChild(document.createTextNode("Toggle Language"));
-        const e = document.createElement("button");
-        return e.appendChild(document.createTextNode("Speak Different")), e.onclick = () => alert("lorem ipsum"), t.appendChild(e), t;
+        const e = document.createElement("div");
+        e.appendChild(document.createTextNode("Toggle Language"));
+        const t = document.createElement("button");
+        return t.appendChild(document.createTextNode("Speak Different")), t.onclick = () => alert("lorem ipsum"), e.appendChild(t), e;
       },
-      icon: xn,
+      icon: Rn,
       showTitle: !1,
       title: "Settings"
     }
   ],
+  // Example of using domLocationTarget:
+  // domLocationTarget: {
+  //   cssSelector: '.put-header-here',
+  //   element: /** @type {HTMLElement} */(document.querySelector('.put-header-here')),
+  //   elementFunction: () => /** @type {HTMLElement} */(document.querySelector('.put-header-here')),
+  // },
   mediaSizes: {
     mobile: 640,
     tabletPortrait: 768,
     tabletLandscape: 1024
   },
-  onSearch: (t) => alert(t),
+  onSearch: (e) => alert(e),
   showTitle: !0,
   size: ce.MEDIUM,
   title: "Utah Design System",
@@ -700,82 +664,269 @@ const Un = `<h1 class="utds-logo-wrapper"></h1>
     title: "Utah Design System Main Menu"
   }
 };
-let De = { ...kn };
-function N() {
+let De = { ...Bn };
+function P() {
   return De;
 }
-function Wn(t) {
-  if (!t.showTitle && !t.logo)
+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 Mt() {
-  Yo(!1), jo();
+function Tt() {
+  Jo(!1), Qo();
 }
-let Wt = !1;
-const qn = 15e3;
-let Tt = 0;
-const Vn = setInterval(
+let Vt = !1;
+const Wn = 15e3;
+let At = 0;
+const qn = setInterval(
   () => {
-    Tt += 1, Tt >= qn || Wt ? clearInterval(Vn) : document.dispatchEvent(new Event(kt.HEADER_LOADED));
+    At += 1, At >= Wn || Vt ? clearInterval(qn) : document.dispatchEvent(new Event(qt.HEADER_LOADED));
   },
   2
 );
-function Ko(t) {
-  return De = { ...Dn, ...t }, Wn(De), Wt = !0, document != null && document.body ? Mt() : window.addEventListener("load", () => Mt()), De;
+function ni(e) {
+  return De = { ...Cn, ...e }, kn(De), Vt = !0, document != null && document.body ? Tt() : window.addEventListener("load", () => Tt()), De;
 }
-const Fn = `<div class="utds-citizen-experience-wrapper"></div>
-`, Gn = `<div class="utds-action-items-wrapper"></div>
-`, $n = `<div class="utds-header-action-item">
-  <button type="button" class="icon-button utds-header-action-item__icon-button">
+const Vn = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
+</div>
+`;
+function C() {
+  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 Je(e) {
+  const t = document.querySelector(f(s.MOBILE_MENU__WRAPPER));
+  if (!t)
+    throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");
+  const n = t.querySelector(f(s.MOBILE_MENU__CONTENT));
+  if (!n)
+    throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
+  const r = I(Vn);
+  return r.appendChild(e), n.appendChild(r), r.setAttribute("id", C()), r;
+}
+const Fn = `<div class="utds-badge__wrapper">
+  <span class="utds-badge__value"></span>
+  <span class="utds-badge__label visually-hidden"></span>
+</div>
+`;
+function et(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));
+    if (!n)
+      throw new Error("renderActionItemBadge: badgeLabel not found");
+    if (n.appendChild(document.createTextNode(e.label)), e.value || e.value === 0) {
+      const r = t.querySelector(f(s.BADGE__VALUE));
+      if (!r)
+        throw new Error("renderActionItemBadge: badgeValue not found");
+      r.appendChild(document.createTextNode(`${e.value}`));
+    } else
+      t.classList.add(s.BADGE_WRAPPER__SMALL);
+    e.className && t.classList.add(e.className);
+  }
+  return t;
+}
+function tt(e) {
+  const t = (
+    /** @type {HTMLElement} */
+    document.querySelector(f(s.MOBILE_MENU))
+  );
+  if (!t)
+    throw new Error(`${e}: mobileMenu not found`);
+  const n = document.getElementById(s.MAIN_MENU__HAMBURGER_ID);
+  if (!n)
+    throw new Error(`${e}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`);
+  const r = (
+    /** @type {HTMLElement} */
+    document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID)
+  );
+  if (!r)
+    throw new Error(`${e}: hamburgerIcon not found`);
+  return {
+    hamburger: n,
+    hamburgerIcon: r,
+    mobileMenu: t
+  };
+}
+function nt() {
+  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = tt("hideMobileMenu");
+  e.setAttribute("aria-expanded", "false"), n.classList.remove(s.IS_OPEN), t.classList.add("utds-icon-before-hamburger"), t.classList.remove("utds-icon-before-x-icon");
+}
+function Gn() {
+  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = tt("showMobileMenu");
+  e.setAttribute("aria-expanded", "true"), n.classList.add(s.IS_OPEN), t.classList.remove("utds-icon-before-hamburger"), t.classList.add("utds-icon-before-x-icon");
+}
+function $n(e) {
+  var c;
+  const { hamburger: t } = tt("hookupHamburger");
+  if ((c = P().actionItems) == null ? void 0 : c.some((a) => !!a.badge)) {
+    const a = et({ label: "Home Badge" });
+    a && t.appendChild(a);
+  }
+  nt();
+  const o = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
+  if (!o)
+    throw new Error("hookupHamburger: homeActionItem not found");
+  const i = (
+    /** @type {HTMLElement} */
+    o.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+  );
+  if (!i)
+    throw new Error("hookupHamburger: homeActionItemWrapper not found");
+  rt(
+    t,
+    e,
+    i,
+    { ariaHasPopupType: "menu", shouldOnClickCloseMenu: !0 }
+  );
+}
+function $e(e, t) {
+  e.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((r) => {
+    r.classList.remove(s.ACTION_ITEM__SELECTED);
+    const o = r.querySelector("button");
+    if (!o)
+      throw new Error("showActionItem: actionWrapper does not have actionItem");
+    o.setAttribute("aria-selected", "false"), o.setAttribute("tabIndex", "-1");
+  }), t.classList.add(s.ACTION_ITEM__SELECTED);
+  const n = t.querySelector("button");
+  if (!n)
+    throw new Error("showActionItem: actionWrapper does not have actionItem");
+  n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
+}
+function yt(e, t) {
+  e.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(s.IS_OPEN)), t.classList.add(s.IS_OPEN);
+}
+function rt(e, t, n, {
+  ariaHasPopupType: r,
+  onClickHandler: o,
+  shouldOnClickCloseMenu: i
+}) {
+  var h;
+  if (t && !r)
+    throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");
+  const c = (
+    /** @type {HTMLElement} */
+    document.querySelector(f(s.MOBILE_MENU))
+  );
+  if (!c)
+    throw new Error("mobileMenuInteractionHandler: mobileMenu not found");
+  const a = (
+    /** @type {HTMLElement} */
+    document.querySelector(f(s.MOBILE_MENU__WRAPPER))
+  );
+  if (!a)
+    throw new Error("mobileMenuInteractionHandler: mobileMenuWrapper not found");
+  const l = (
+    /** @type {HTMLElement} */
+    a.querySelector(f(s.MOBILE_MENU__CONTENT))
+  );
+  if (!l)
+    throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");
+  const u = (h = n == null ? void 0 : n.querySelector) == null ? void 0 : h.call(n, "button"), d = (u || e).getAttribute("id");
+  if (!d)
+    throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");
+  if (t) {
+    const _ = t.getAttribute("id");
+    if (!_)
+      throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
+    (u || e).setAttribute("aria-controls", _), t.setAttribute("aria-labelledby", d);
+  }
+  if (e.onclick)
+    throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");
+  if (e.onclick = (_) => {
+    o && o(_) || (c.classList.contains(s.IS_OPEN) ? i && nt() : (Gn(), t && yt(l, t), $e(a, n)));
+  }, t) {
+    if (n !== e && n.onclick)
+      throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");
+    n.onclick = (_) => {
+      o && o(_) || (yt(l, t), $e(a, n));
+    };
+  }
+}
+const jn = `<div class="utds-header-mobile-menu__action-item" role="tab">
+  <button type="button" class="icon-button icon-button--borderless utds-header-action-item__icon-button">
     <div class="utds-header-action-item__title visually-hidden"></div>
+    <span aria-hidden="true" role="presentation">
   </button>
+  <span class="menu-chiclet"></span>
+</div>
+`, Yn = `<div class="utds-header-action-item-menu">
+  <div class="vertical-menu__wrapper-title"></div>
 </div>
+`, zn = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
+`, Ft = `<span class="utds-new-tab-link-a11y">
+  <span class="visually-hidden">opens in a new tab</span>
+  <span class="utds-icon-after-external-link" aria-hidden="true"></span>
+</span>
+`, Kn = `<ul class="vertical-menu" role="menu" />
+`, Zn = `<li class="vertical-menu__item">
+  <span class="vertical-menu__title">
+    <span class="vertical-menu__plain-title"></span>
+    <a href="#" class="vertical-menu__link-title">
+      <span class="vertical-menu__link-text"></span>
+    </a>
+    <button class="vertical-menu__button-title">
+      <span class="vertical-menu__link-text"></span>
+    </button>
+  </span>
+  <span class="vertical-menu__divider" />
+</li>
 `;
-var R = "top", F = "bottom", G = "right", x = "left", Be = "auto", we = [R, F, G, x], ue = "start", ge = "end", jn = "clippingParents", qt = "viewport", Ee = "popper", Yn = "reference", At = /* @__PURE__ */ we.reduce(function(t, e) {
-  return t.concat([e + "-" + ue, e + "-" + ge]);
-}, []), Vt = /* @__PURE__ */ [].concat(we, [Be]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + ue, e + "-" + ge]);
-}, []), zn = "beforeRead", Kn = "read", Zn = "afterRead", Xn = "beforeMain", Qn = "main", Jn = "afterMain", er = "beforeWrite", tr = "write", nr = "afterWrite", $e = [zn, Kn, Zn, Xn, Qn, Jn, er, tr, nr];
-function K(t) {
-  return t ? (t.nodeName || "").toLowerCase() : null;
-}
-function V(t) {
-  if (t == null)
+function xe(e, t, n) {
+  var o;
+  let r = !1;
+  return e && (Array.isArray(e) ? r = e.some((i) => xe(i, t, n)) : (r = n(e), r || (r = !!((o = t == null ? void 0 : t.filter((i) => e[i])) != null && o.some((i) => xe(e[i], t, n)))))), r;
+}
+var x = "top", F = "bottom", G = "right", H = "left", Be = "auto", Ae = [x, F, G, H], ue = "start", Ie = "end", Xn = "clippingParents", Gt = "viewport", ve = "popper", Qn = "reference", Ot = /* @__PURE__ */ Ae.reduce(function(e, t) {
+  return e.concat([t + "-" + ue, t + "-" + Ie]);
+}, []), $t = /* @__PURE__ */ [].concat(Ae, [Be]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + ue, t + "-" + Ie]);
+}, []), Jn = "beforeRead", er = "read", tr = "afterRead", nr = "beforeMain", rr = "main", or = "afterMain", ir = "beforeWrite", ar = "write", sr = "afterWrite", je = [Jn, er, tr, nr, rr, or, ir, ar, sr];
+function K(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function V(e) {
+  if (e == null)
     return window;
-  if (t.toString() !== "[object Window]") {
-    var e = t.ownerDocument;
-    return e && e.defaultView || window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
   }
-  return t;
+  return e;
 }
-function ae(t) {
-  var e = V(t).Element;
-  return t instanceof e || t instanceof Element;
+function ae(e) {
+  var t = V(e).Element;
+  return e instanceof t || e instanceof Element;
 }
-function q(t) {
-  var e = V(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
+function q(e) {
+  var t = V(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
 }
-function Je(t) {
+function ot(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var e = V(t).ShadowRoot;
-  return t instanceof e || t instanceof ShadowRoot;
+  var t = V(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
 }
-function rr(t) {
-  var e = t.state;
-  Object.keys(e.elements).forEach(function(n) {
-    var r = e.styles[n] || {}, o = e.attributes[n] || {}, i = e.elements[n];
+function lr(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(n) {
+    var r = t.styles[n] || {}, o = t.attributes[n] || {}, i = t.elements[n];
     !q(i) || !K(i) || (Object.assign(i.style, r), Object.keys(o).forEach(function(c) {
       var a = o[c];
       a === !1 ? i.removeAttribute(c) : i.setAttribute(c, a === !0 ? "" : a);
     }));
   });
 }
-function or(t) {
-  var e = t.state, n = {
+function cr(e) {
+  var t = e.state, n = {
     popper: {
-      position: e.options.strategy,
+      position: t.options.strategy,
       left: "0",
       top: "0",
       margin: "0"
@@ -785,9 +936,9 @@ function or(t) {
     },
     reference: {}
   };
-  return Object.assign(e.elements.popper.style, n.popper), e.styles = n, e.elements.arrow && Object.assign(e.elements.arrow.style, n.arrow), function() {
-    Object.keys(e.elements).forEach(function(r) {
-      var o = e.elements[r], i = e.attributes[r] || {}, c = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : n[r]), a = c.reduce(function(l, u) {
+  return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
+    Object.keys(t.elements).forEach(function(r) {
+      var o = t.elements[r], i = t.attributes[r] || {}, c = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : n[r]), a = c.reduce(function(l, u) {
         return l[u] = "", l;
       }, {});
       !q(o) || !K(o) || (Object.assign(o.style, a), Object.keys(i).forEach(function(l) {
@@ -796,126 +947,126 @@ function or(t) {
     });
   };
 }
-const ir = {
+const ur = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: rr,
-  effect: or,
+  fn: lr,
+  effect: cr,
   requires: ["computeStyles"]
 };
-function j(t) {
-  return t.split("-")[0];
-}
-var ie = Math.max, xe = Math.min, de = Math.round;
-function je() {
-  var t = navigator.userAgentData;
-  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
-    return e.brand + "/" + e.version;
+function j(e) {
+  return e.split("-")[0];
+}
+var ie = Math.max, He = Math.min, de = Math.round;
+function Ye() {
+  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 Ft() {
-  return !/^((?!chrome|android).)*safari/i.test(je());
+function jt() {
+  return !/^((?!chrome|android).)*safari/i.test(Ye());
 }
-function pe(t, e, n) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  var r = t.getBoundingClientRect(), o = 1, i = 1;
-  e && q(t) && (o = t.offsetWidth > 0 && de(r.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && de(r.height) / t.offsetHeight || 1);
-  var c = ae(t) ? V(t) : window, a = c.visualViewport, l = !Ft() && n, u = (r.left + (l && a ? a.offsetLeft : 0)) / o, d = (r.top + (l && a ? a.offsetTop : 0)) / i, _ = r.width / o, h = r.height / i;
+function pe(e, t, n) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  var r = e.getBoundingClientRect(), o = 1, i = 1;
+  t && q(e) && (o = e.offsetWidth > 0 && de(r.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && de(r.height) / e.offsetHeight || 1);
+  var c = ae(e) ? V(e) : window, a = c.visualViewport, l = !jt() && n, u = (r.left + (l && a ? a.offsetLeft : 0)) / o, d = (r.top + (l && a ? a.offsetTop : 0)) / i, h = r.width / o, _ = r.height / i;
   return {
-    width: _,
-    height: h,
+    width: h,
+    height: _,
     top: d,
-    right: u + _,
-    bottom: d + h,
+    right: u + h,
+    bottom: d + _,
     left: u,
     x: u,
     y: d
   };
 }
-function et(t) {
-  var e = pe(t), n = t.offsetWidth, r = t.offsetHeight;
-  return Math.abs(e.width - n) <= 1 && (n = e.width), Math.abs(e.height - r) <= 1 && (r = e.height), {
-    x: t.offsetLeft,
-    y: t.offsetTop,
+function it(e) {
+  var t = pe(e), n = e.offsetWidth, r = e.offsetHeight;
+  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
     width: n,
     height: r
   };
 }
-function Gt(t, e) {
-  var n = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
+function Yt(e, t) {
+  var n = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
     return !0;
-  if (n && Je(n)) {
-    var r = e;
+  if (n && ot(n)) {
+    var r = t;
     do {
-      if (r && t.isSameNode(r))
+      if (r && e.isSameNode(r))
         return !0;
       r = r.parentNode || r.host;
     } while (r);
   }
   return !1;
 }
-function Y(t) {
-  return V(t).getComputedStyle(t);
+function Y(e) {
+  return V(e).getComputedStyle(e);
 }
-function ar(t) {
-  return ["table", "td", "th"].indexOf(K(t)) >= 0;
+function dr(e) {
+  return ["table", "td", "th"].indexOf(K(e)) >= 0;
 }
-function Q(t) {
-  return ((ae(t) ? t.ownerDocument : (
+function Q(e) {
+  return ((ae(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
-    t.document
+    e.document
   )) || window.document).documentElement;
 }
-function ke(t) {
-  return K(t) === "html" ? t : (
+function ke(e) {
+  return K(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
-    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    t.parentNode || // DOM Element detected
-    (Je(t) ? t.host : null) || // ShadowRoot detected
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (ot(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Q(t)
+    Q(e)
   );
 }
-function wt(t) {
-  return !q(t) || // https://github.com/popperjs/popper-core/issues/837
-  Y(t).position === "fixed" ? null : t.offsetParent;
+function Pt(e) {
+  return !q(e) || // https://github.com/popperjs/popper-core/issues/837
+  Y(e).position === "fixed" ? null : e.offsetParent;
 }
-function sr(t) {
-  var e = /firefox/i.test(je()), n = /Trident/i.test(je());
-  if (n && q(t)) {
-    var r = Y(t);
+function pr(e) {
+  var t = /firefox/i.test(Ye()), n = /Trident/i.test(Ye());
+  if (n && q(e)) {
+    var r = Y(e);
     if (r.position === "fixed")
       return null;
   }
-  var o = ke(t);
-  for (Je(o) && (o = o.host); q(o) && ["html", "body"].indexOf(K(o)) < 0; ) {
+  var o = ke(e);
+  for (ot(o) && (o = o.host); q(o) && ["html", "body"].indexOf(K(o)) < 0; ) {
     var i = Y(o);
-    if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || e && i.willChange === "filter" || e && i.filter && i.filter !== "none")
+    if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
       return o;
     o = o.parentNode;
   }
   return null;
 }
-function ye(t) {
-  for (var e = V(t), n = wt(t); n && ar(n) && Y(n).position === "static"; )
-    n = wt(n);
-  return n && (K(n) === "html" || K(n) === "body" && Y(n).position === "static") ? e : n || sr(t) || e;
+function ye(e) {
+  for (var t = V(e), n = Pt(e); n && dr(n) && Y(n).position === "static"; )
+    n = Pt(n);
+  return n && (K(n) === "html" || K(n) === "body" && Y(n).position === "static") ? t : n || pr(e) || t;
 }
-function tt(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+function at(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function be(t, e, n) {
-  return ie(t, xe(e, n));
+function be(e, t, n) {
+  return ie(e, He(t, n));
 }
-function lr(t, e, n) {
-  var r = be(t, e, n);
+function fr(e, t, n) {
+  var r = be(e, t, n);
   return r > n ? n : r;
 }
-function $t() {
+function zt() {
   return {
     top: 0,
     right: 0,
@@ -923,111 +1074,111 @@ function $t() {
     left: 0
   };
 }
-function jt(t) {
-  return Object.assign({}, $t(), t);
+function Kt(e) {
+  return Object.assign({}, zt(), e);
 }
-function Yt(t, e) {
-  return e.reduce(function(n, r) {
-    return n[r] = t, n;
+function Zt(e, t) {
+  return t.reduce(function(n, r) {
+    return n[r] = e, n;
   }, {});
 }
-var cr = function(e, n) {
-  return e = typeof e == "function" ? e(Object.assign({}, n.rects, {
+var hr = function(t, n) {
+  return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : e, jt(typeof e != "number" ? e : Yt(e, we));
+  })) : t, Kt(typeof t != "number" ? t : Zt(t, Ae));
 };
-function ur(t) {
-  var e, n = t.state, r = t.name, o = t.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), l = tt(a), u = [x, G].indexOf(a) >= 0, d = u ? "height" : "width";
+function _r(e) {
+  var t, n = e.state, r = e.name, o = e.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), l = at(a), u = [H, G].indexOf(a) >= 0, d = u ? "height" : "width";
   if (!(!i || !c)) {
-    var _ = cr(o.padding, n), h = et(i), p = l === "y" ? R : x, m = l === "y" ? F : G, v = n.rects.reference[d] + n.rects.reference[l] - c[l] - n.rects.popper[d], E = c[l] - n.rects.reference[l], g = ye(i), A = g ? l === "y" ? g.clientHeight || 0 : g.clientWidth || 0 : 0, O = v / 2 - E / 2, b = _[p], I = A - h[d] - _[m], M = A / 2 - h[d] / 2 + O, P = be(b, M, I), L = l;
-    n.modifiersData[r] = (e = {}, e[L] = P, e.centerOffset = P - M, e);
+    var h = hr(o.padding, n), _ = it(i), p = l === "y" ? x : H, m = l === "y" ? F : G, E = n.rects.reference[d] + n.rects.reference[l] - c[l] - n.rects.popper[d], v = c[l] - n.rects.reference[l], w = ye(i), T = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = E / 2 - v / 2, b = h[p], g = T - _[d] - h[m], M = T / 2 - _[d] / 2 + O, L = be(b, M, g), N = l;
+    n.modifiersData[r] = (t = {}, t[N] = L, t.centerOffset = L - M, t);
   }
 }
-function dr(t) {
-  var e = t.state, n = t.options, r = n.element, o = r === void 0 ? "[data-popper-arrow]" : r;
-  if (o != null && !(typeof o == "string" && (o = e.elements.popper.querySelector(o), !o))) {
-    if ({}.NODE_ENV !== "production" && (q(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Gt(e.elements.popper, o)) {
+function mr(e) {
+  var t = e.state, n = e.options, r = n.element, o = r === void 0 ? "[data-popper-arrow]" : r;
+  if (o != null && !(typeof o == "string" && (o = t.elements.popper.querySelector(o), !o))) {
+    if ({}.NODE_ENV !== "production" && (q(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Yt(t.elements.popper, o)) {
       ({}).NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
       return;
     }
-    e.elements.arrow = o;
+    t.elements.arrow = o;
   }
 }
-const pr = {
+const vr = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: ur,
-  effect: dr,
+  fn: _r,
+  effect: mr,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function fe(t) {
-  return t.split("-")[1];
+function fe(e) {
+  return e.split("-")[1];
 }
-var fr = {
+var Er = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function hr(t, e) {
-  var n = t.x, r = t.y, o = e.devicePixelRatio || 1;
+function br(e, t) {
+  var n = e.x, r = e.y, o = t.devicePixelRatio || 1;
   return {
     x: de(n * o) / o || 0,
     y: de(r * o) / o || 0
   };
 }
-function yt(t) {
-  var e, n = t.popper, r = t.popperRect, o = t.placement, i = t.variation, c = t.offsets, a = t.position, l = t.gpuAcceleration, u = t.adaptive, d = t.roundOffsets, _ = t.isFixed, h = c.x, p = h === void 0 ? 0 : h, m = c.y, v = m === void 0 ? 0 : m, E = typeof d == "function" ? d({
+function Lt(e) {
+  var t, n = e.popper, r = e.popperRect, o = e.placement, i = e.variation, c = e.offsets, a = e.position, l = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, h = e.isFixed, _ = c.x, p = _ === void 0 ? 0 : _, m = c.y, E = m === void 0 ? 0 : m, v = typeof d == "function" ? d({
     x: p,
-    y: v
+    y: E
   }) : {
     x: p,
-    y: v
+    y: E
   };
-  p = E.x, v = E.y;
-  var g = c.hasOwnProperty("x"), A = c.hasOwnProperty("y"), O = x, b = R, I = window;
+  p = v.x, E = v.y;
+  var w = c.hasOwnProperty("x"), T = c.hasOwnProperty("y"), O = H, b = x, g = window;
   if (u) {
-    var M = ye(n), P = "clientHeight", L = "clientWidth";
-    if (M === V(n) && (M = Q(n), Y(M).position !== "static" && a === "absolute" && (P = "scrollHeight", L = "scrollWidth")), M = M, o === R || (o === x || o === G) && i === ge) {
+    var M = ye(n), L = "clientHeight", N = "clientWidth";
+    if (M === V(n) && (M = Q(n), Y(M).position !== "static" && a === "absolute" && (L = "scrollHeight", N = "scrollWidth")), M = M, o === x || (o === H || o === G) && i === Ie) {
       b = F;
-      var U = _ && M === I && I.visualViewport ? I.visualViewport.height : (
+      var S = h && M === g && g.visualViewport ? g.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        M[P]
+        M[L]
       );
-      v -= U - r.height, v *= l ? 1 : -1;
+      E -= S - r.height, E *= l ? 1 : -1;
     }
-    if (o === x || (o === R || o === F) && i === ge) {
+    if (o === H || (o === x || o === F) && i === Ie) {
       O = G;
-      var S = _ && M === I && I.visualViewport ? I.visualViewport.width : (
+      var U = h && M === g && g.visualViewport ? g.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        M[L]
+        M[N]
       );
-      p -= S - r.width, p *= l ? 1 : -1;
+      p -= U - r.width, p *= l ? 1 : -1;
     }
   }
-  var w = Object.assign({
+  var A = Object.assign({
     position: a
-  }, u && fr), C = d === !0 ? hr({
+  }, u && Er), D = d === !0 ? br({
     x: p,
-    y: v
+    y: E
   }, V(n)) : {
     x: p,
-    y: v
+    y: E
   };
-  if (p = C.x, v = C.y, l) {
-    var D;
-    return Object.assign({}, w, (D = {}, D[b] = A ? "0" : "", D[O] = g ? "0" : "", D.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + v + "px)" : "translate3d(" + p + "px, " + v + "px, 0)", D));
+  if (p = D.x, E = D.y, l) {
+    var R;
+    return Object.assign({}, A, (R = {}, R[b] = T ? "0" : "", R[O] = w ? "0" : "", R.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + E + "px)" : "translate3d(" + p + "px, " + E + "px, 0)", R));
   }
-  return Object.assign({}, w, (e = {}, e[b] = A ? v + "px" : "", e[O] = g ? p + "px" : "", e.transform = "", e));
+  return Object.assign({}, A, (t = {}, t[b] = T ? E + "px" : "", t[O] = w ? p + "px" : "", t.transform = "", t));
 }
-function _r(t) {
-  var e = t.state, n = t.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, i = n.adaptive, c = i === void 0 ? !0 : i, a = n.roundOffsets, l = a === void 0 ? !0 : a;
+function gr(e) {
+  var t = e.state, n = e.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, i = n.adaptive, c = i === void 0 ? !0 : i, a = n.roundOffsets, l = a === void 0 ? !0 : a;
   if ({}.NODE_ENV !== "production") {
-    var u = Y(e.elements.popper).transitionProperty || "";
-    c && ["transform", "top", "right", "bottom", "left"].some(function(_) {
-      return u.indexOf(_) >= 0;
+    var u = Y(t.elements.popper).transitionProperty || "";
+    c && ["transform", "top", "right", "bottom", "left"].some(function(h) {
+      return u.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.", `
@@ -1035,102 +1186,102 @@ function _r(t) {
 `, "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(e.placement),
-    variation: fe(e.placement),
-    popper: e.elements.popper,
-    popperRect: e.rects.popper,
+    placement: j(t.placement),
+    variation: fe(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
     gpuAcceleration: o,
-    isFixed: e.options.strategy === "fixed"
+    isFixed: t.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, yt(Object.assign({}, d, {
-    offsets: e.modifiersData.popperOffsets,
-    position: e.options.strategy,
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Lt(Object.assign({}, d, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
     adaptive: c,
     roundOffsets: l
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, yt(Object.assign({}, d, {
-    offsets: e.modifiersData.arrow,
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Lt(Object.assign({}, d, {
+    offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
     roundOffsets: l
-  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-placement": e.placement
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
   });
 }
-const mr = {
+const Ir = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: _r,
+  fn: gr,
   data: {}
 };
-var Se = {
+var Ue = {
   passive: !0
 };
-function Er(t) {
-  var e = t.state, n = t.instance, r = t.options, o = r.scroll, i = o === void 0 ? !0 : o, c = r.resize, a = c === void 0 ? !0 : c, l = V(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+function wr(e) {
+  var t = e.state, n = e.instance, r = e.options, o = r.scroll, i = o === void 0 ? !0 : o, c = r.resize, a = c === void 0 ? !0 : c, l = V(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return i && u.forEach(function(d) {
-    d.addEventListener("scroll", n.update, Se);
-  }), a && l.addEventListener("resize", n.update, Se), function() {
+    d.addEventListener("scroll", n.update, Ue);
+  }), a && l.addEventListener("resize", n.update, Ue), function() {
     i && u.forEach(function(d) {
-      d.removeEventListener("scroll", n.update, Se);
-    }), a && l.removeEventListener("resize", n.update, Se);
+      d.removeEventListener("scroll", n.update, Ue);
+    }), a && l.removeEventListener("resize", n.update, Ue);
   };
 }
-const vr = {
+const Mr = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: Er,
+  effect: wr,
   data: {}
 };
-var br = {
+var Tr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Re(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return br[e];
+function Re(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Tr[t];
   });
 }
-var Ir = {
+var Ar = {
   start: "end",
   end: "start"
 };
-function Ot(t) {
-  return t.replace(/start|end/g, function(e) {
-    return Ir[e];
+function Nt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Ar[t];
   });
 }
-function nt(t) {
-  var e = V(t), n = e.pageXOffset, r = e.pageYOffset;
+function st(e) {
+  var t = V(e), n = t.pageXOffset, r = t.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: r
   };
 }
-function rt(t) {
-  return pe(Q(t)).left + nt(t).scrollLeft;
+function lt(e) {
+  return pe(Q(e)).left + st(e).scrollLeft;
 }
-function gr(t, e) {
-  var n = V(t), r = Q(t), o = n.visualViewport, i = r.clientWidth, c = r.clientHeight, a = 0, l = 0;
+function yr(e, t) {
+  var n = V(e), r = Q(e), o = n.visualViewport, i = r.clientWidth, c = r.clientHeight, a = 0, l = 0;
   if (o) {
     i = o.width, c = o.height;
-    var u = Ft();
-    (u || !u && e === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
+    var u = jt();
+    (u || !u && t === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
   }
   return {
     width: i,
     height: c,
-    x: a + rt(t),
+    x: a + lt(e),
     y: l
   };
 }
-function Mr(t) {
-  var e, n = Q(t), r = nt(t), o = (e = t.ownerDocument) == null ? void 0 : e.body, i = ie(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), c = ie(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -r.scrollLeft + rt(t), l = -r.scrollTop;
+function Or(e) {
+  var t, n = Q(e), r = st(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = ie(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), c = ie(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -r.scrollLeft + lt(e), l = -r.scrollTop;
   return Y(o || n).direction === "rtl" && (a += ie(n.clientWidth, o ? o.clientWidth : 0) - i), {
     width: i,
     height: c,
@@ -1138,248 +1289,248 @@ function Mr(t) {
     y: l
   };
 }
-function ot(t) {
-  var e = Y(t), n = e.overflow, r = e.overflowX, o = e.overflowY;
+function ct(e) {
+  var t = Y(e), n = t.overflow, r = t.overflowX, o = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + o + r);
 }
-function zt(t) {
-  return ["html", "body", "#document"].indexOf(K(t)) >= 0 ? t.ownerDocument.body : q(t) && ot(t) ? t : zt(ke(t));
+function Xt(e) {
+  return ["html", "body", "#document"].indexOf(K(e)) >= 0 ? e.ownerDocument.body : q(e) && ct(e) ? e : Xt(ke(e));
 }
-function Ie(t, e) {
+function ge(e, t) {
   var n;
-  e === void 0 && (e = []);
-  var r = zt(t), o = r === ((n = t.ownerDocument) == null ? void 0 : n.body), i = V(r), c = o ? [i].concat(i.visualViewport || [], ot(r) ? r : []) : r, a = e.concat(c);
+  t === void 0 && (t = []);
+  var r = Xt(e), o = r === ((n = e.ownerDocument) == null ? void 0 : n.body), i = V(r), c = o ? [i].concat(i.visualViewport || [], ct(r) ? r : []) : r, a = t.concat(c);
   return o ? a : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    a.concat(Ie(ke(c)))
+    a.concat(ge(ke(c)))
   );
 }
-function Ye(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
+function ze(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
   });
 }
-function Tr(t, e) {
-  var n = pe(t, !1, e === "fixed");
-  return n.top = n.top + t.clientTop, n.left = n.left + t.clientLeft, n.bottom = n.top + t.clientHeight, n.right = n.left + t.clientWidth, n.width = t.clientWidth, n.height = t.clientHeight, n.x = n.left, n.y = n.top, n;
+function Pr(e, t) {
+  var n = pe(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 Pt(t, e, n) {
-  return e === qt ? Ye(gr(t, n)) : ae(e) ? Tr(e, n) : Ye(Mr(Q(t)));
+function St(e, t, n) {
+  return t === Gt ? ze(yr(e, n)) : ae(t) ? Pr(t, n) : ze(Or(Q(e)));
 }
-function Ar(t) {
-  var e = Ie(ke(t)), n = ["absolute", "fixed"].indexOf(Y(t).position) >= 0, r = n && q(t) ? ye(t) : t;
-  return ae(r) ? e.filter(function(o) {
-    return ae(o) && Gt(o, r) && K(o) !== "body";
+function Lr(e) {
+  var t = ge(ke(e)), n = ["absolute", "fixed"].indexOf(Y(e).position) >= 0, r = n && q(e) ? ye(e) : e;
+  return ae(r) ? t.filter(function(o) {
+    return ae(o) && Yt(o, r) && K(o) !== "body";
   }) : [];
 }
-function wr(t, e, n, r) {
-  var o = e === "clippingParents" ? Ar(t) : [].concat(e), i = [].concat(o, [n]), c = i[0], a = i.reduce(function(l, u) {
-    var d = Pt(t, u, r);
-    return l.top = ie(d.top, l.top), l.right = xe(d.right, l.right), l.bottom = xe(d.bottom, l.bottom), l.left = ie(d.left, l.left), l;
-  }, Pt(t, c, r));
+function Nr(e, t, n, r) {
+  var o = t === "clippingParents" ? Lr(e) : [].concat(t), i = [].concat(o, [n]), c = i[0], a = i.reduce(function(l, u) {
+    var d = St(e, u, r);
+    return l.top = ie(d.top, l.top), l.right = He(d.right, l.right), l.bottom = He(d.bottom, l.bottom), l.left = ie(d.left, l.left), l;
+  }, St(e, c, r));
   return a.width = a.right - a.left, a.height = a.bottom - a.top, a.x = a.left, a.y = a.top, a;
 }
-function Kt(t) {
-  var e = t.reference, n = t.element, r = t.placement, o = r ? j(r) : null, i = r ? fe(r) : null, c = e.x + e.width / 2 - n.width / 2, a = e.y + e.height / 2 - n.height / 2, l;
+function Qt(e) {
+  var t = e.reference, n = e.element, r = e.placement, o = r ? j(r) : null, i = r ? fe(r) : null, c = t.x + t.width / 2 - n.width / 2, a = t.y + t.height / 2 - n.height / 2, l;
   switch (o) {
-    case R:
+    case x:
       l = {
         x: c,
-        y: e.y - n.height
+        y: t.y - n.height
       };
       break;
     case F:
       l = {
         x: c,
-        y: e.y + e.height
+        y: t.y + t.height
       };
       break;
     case G:
       l = {
-        x: e.x + e.width,
+        x: t.x + t.width,
         y: a
       };
       break;
-    case x:
+    case H:
       l = {
-        x: e.x - n.width,
+        x: t.x - n.width,
         y: a
       };
       break;
     default:
       l = {
-        x: e.x,
-        y: e.y
+        x: t.x,
+        y: t.y
       };
   }
-  var u = o ? tt(o) : null;
+  var u = o ? at(o) : null;
   if (u != null) {
     var d = u === "y" ? "height" : "width";
     switch (i) {
       case ue:
-        l[u] = l[u] - (e[d] / 2 - n[d] / 2);
+        l[u] = l[u] - (t[d] / 2 - n[d] / 2);
         break;
-      case ge:
-        l[u] = l[u] + (e[d] / 2 - n[d] / 2);
+      case Ie:
+        l[u] = l[u] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
   return l;
 }
-function Me(t, e) {
-  e === void 0 && (e = {});
-  var n = e, r = n.placement, o = r === void 0 ? t.placement : r, i = n.strategy, c = i === void 0 ? t.strategy : i, a = n.boundary, l = a === void 0 ? jn : a, u = n.rootBoundary, d = u === void 0 ? qt : u, _ = n.elementContext, h = _ === void 0 ? Ee : _, p = n.altBoundary, m = p === void 0 ? !1 : p, v = n.padding, E = v === void 0 ? 0 : v, g = jt(typeof E != "number" ? E : Yt(E, we)), A = h === Ee ? Yn : Ee, O = t.rects.popper, b = t.elements[m ? A : h], I = wr(ae(b) ? b : b.contextElement || Q(t.elements.popper), l, d, c), M = pe(t.elements.reference), P = Kt({
+function we(e, t) {
+  t === void 0 && (t = {});
+  var n = t, r = n.placement, o = r === void 0 ? e.placement : r, i = n.strategy, c = i === void 0 ? e.strategy : i, a = n.boundary, l = a === void 0 ? Xn : a, u = n.rootBoundary, d = u === void 0 ? Gt : u, h = n.elementContext, _ = h === void 0 ? ve : h, p = n.altBoundary, m = p === void 0 ? !1 : p, E = n.padding, v = E === void 0 ? 0 : E, w = Kt(typeof v != "number" ? v : Zt(v, Ae)), T = _ === ve ? Qn : ve, O = e.rects.popper, b = e.elements[m ? T : _], g = Nr(ae(b) ? b : b.contextElement || Q(e.elements.popper), l, d, c), M = pe(e.elements.reference), L = Qt({
     reference: M,
     element: O,
     strategy: "absolute",
     placement: o
-  }), L = Ye(Object.assign({}, O, P)), U = h === Ee ? L : M, S = {
-    top: I.top - U.top + g.top,
-    bottom: U.bottom - I.bottom + g.bottom,
-    left: I.left - U.left + g.left,
-    right: U.right - I.right + g.right
-  }, w = t.modifiersData.offset;
-  if (h === Ee && w) {
-    var C = w[o];
-    Object.keys(S).forEach(function(D) {
-      var J = [G, F].indexOf(D) >= 0 ? 1 : -1, ee = [R, F].indexOf(D) >= 0 ? "y" : "x";
-      S[D] += C[ee] * J;
+  }), N = ze(Object.assign({}, O, L)), S = _ === ve ? N : M, U = {
+    top: g.top - S.top + w.top,
+    bottom: S.bottom - g.bottom + w.bottom,
+    left: g.left - S.left + w.left,
+    right: S.right - g.right + w.right
+  }, A = e.modifiersData.offset;
+  if (_ === ve && A) {
+    var D = A[o];
+    Object.keys(U).forEach(function(R) {
+      var J = [G, F].indexOf(R) >= 0 ? 1 : -1, ee = [x, F].indexOf(R) >= 0 ? "y" : "x";
+      U[R] += D[ee] * J;
     });
   }
-  return S;
+  return U;
 }
-function yr(t, e) {
-  e === void 0 && (e = {});
-  var n = e, r = n.placement, o = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, l = n.allowedAutoPlacements, u = l === void 0 ? Vt : l, d = fe(r), _ = d ? a ? At : At.filter(function(m) {
+function Sr(e, t) {
+  t === void 0 && (t = {});
+  var n = t, r = n.placement, o = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, l = n.allowedAutoPlacements, u = l === void 0 ? $t : l, d = fe(r), h = d ? a ? Ot : Ot.filter(function(m) {
     return fe(m) === d;
-  }) : we, h = _.filter(function(m) {
+  }) : Ae, _ = h.filter(function(m) {
     return u.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, v) {
-    return m[v] = Me(t, {
-      placement: v,
+  _.length === 0 && (_ = h, {}.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
+  var p = _.reduce(function(m, E) {
+    return m[E] = we(e, {
+      placement: E,
       boundary: o,
       rootBoundary: i,
       padding: c
-    })[j(v)], m;
+    })[j(E)], m;
   }, {});
-  return Object.keys(p).sort(function(m, v) {
-    return p[m] - p[v];
+  return Object.keys(p).sort(function(m, E) {
+    return p[m] - p[E];
   });
 }
-function Or(t) {
-  if (j(t) === Be)
+function Ur(e) {
+  if (j(e) === Be)
     return [];
-  var e = Re(t);
-  return [Ot(t), e, Ot(e)];
-}
-function Pr(t) {
-  var e = t.state, n = t.options, r = t.name;
-  if (!e.modifiersData[r]._skip) {
-    for (var o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !0 : c, l = n.fallbackPlacements, u = n.padding, d = n.boundary, _ = n.rootBoundary, h = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, v = n.allowedAutoPlacements, E = e.options.placement, g = j(E), A = g === E, O = l || (A || !m ? [Re(E)] : Or(E)), b = [E].concat(O).reduce(function(se, Z) {
-      return se.concat(j(Z) === Be ? yr(e, {
+  var t = Re(e);
+  return [Nt(e), t, Nt(t)];
+}
+function Cr(e) {
+  var t = e.state, n = e.options, r = e.name;
+  if (!t.modifiersData[r]._skip) {
+    for (var o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !0 : c, l = n.fallbackPlacements, u = n.padding, d = n.boundary, h = n.rootBoundary, _ = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, E = n.allowedAutoPlacements, v = t.options.placement, w = j(v), T = w === v, O = l || (T || !m ? [Re(v)] : Ur(v)), b = [v].concat(O).reduce(function(se, Z) {
+      return se.concat(j(Z) === Be ? Sr(t, {
         placement: Z,
         boundary: d,
-        rootBoundary: _,
+        rootBoundary: h,
         padding: u,
         flipVariations: m,
-        allowedAutoPlacements: v
+        allowedAutoPlacements: E
       }) : Z);
-    }, []), I = e.rects.reference, M = e.rects.popper, P = /* @__PURE__ */ new Map(), L = !0, U = b[0], S = 0; S < b.length; S++) {
-      var w = b[S], C = j(w), D = fe(w) === ue, J = [R, F].indexOf(C) >= 0, ee = J ? "width" : "height", B = Me(e, {
-        placement: w,
+    }, []), g = t.rects.reference, M = t.rects.popper, L = /* @__PURE__ */ new Map(), N = !0, S = b[0], U = 0; U < b.length; U++) {
+      var A = b[U], D = j(A), R = fe(A) === ue, J = [x, F].indexOf(D) >= 0, ee = J ? "width" : "height", B = we(t, {
+        placement: A,
         boundary: d,
-        rootBoundary: _,
-        altBoundary: h,
+        rootBoundary: h,
+        altBoundary: _,
         padding: u
-      }), $ = J ? D ? G : x : D ? F : R;
-      I[ee] > M[ee] && ($ = Re($));
+      }), $ = J ? R ? G : H : R ? F : x;
+      g[ee] > M[ee] && ($ = Re($));
       var Oe = Re($), te = [];
-      if (i && te.push(B[C] <= 0), a && te.push(B[$] <= 0, B[Oe] <= 0), te.every(function(se) {
+      if (i && te.push(B[D] <= 0), a && te.push(B[$] <= 0, B[Oe] <= 0), te.every(function(se) {
         return se;
       })) {
-        U = w, L = !1;
+        S = A, N = !1;
         break;
       }
-      P.set(w, te);
+      L.set(A, te);
     }
-    if (L)
+    if (N)
       for (var Pe = m ? 3 : 1, We = function(Z) {
-        var me = b.find(function(Le) {
-          var ne = P.get(Le);
+        var me = b.find(function(Ne) {
+          var ne = L.get(Ne);
           if (ne)
             return ne.slice(0, Z).every(function(qe) {
               return qe;
             });
         });
         if (me)
-          return U = me, "break";
+          return S = me, "break";
       }, _e = Pe; _e > 0; _e--) {
-        var Ne = We(_e);
-        if (Ne === "break")
+        var Le = We(_e);
+        if (Le === "break")
           break;
       }
-    e.placement !== U && (e.modifiersData[r]._skip = !0, e.placement = U, e.reset = !0);
+    t.placement !== S && (t.modifiersData[r]._skip = !0, t.placement = S, t.reset = !0);
   }
 }
-const Nr = {
+const Dr = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Pr,
+  fn: Cr,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Nt(t, e, n) {
+function Ut(e, t, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
   }), {
-    top: t.top - e.height - n.y,
-    right: t.right - e.width + n.x,
-    bottom: t.bottom - e.height + n.y,
-    left: t.left - e.width - n.x
+    top: e.top - t.height - n.y,
+    right: e.right - t.width + n.x,
+    bottom: e.bottom - t.height + n.y,
+    left: e.left - t.width - n.x
   };
 }
-function Lt(t) {
-  return [R, G, F, x].some(function(e) {
-    return t[e] >= 0;
+function Ct(e) {
+  return [x, G, F, H].some(function(t) {
+    return e[t] >= 0;
   });
 }
-function Lr(t) {
-  var e = t.state, n = t.name, r = e.rects.reference, o = e.rects.popper, i = e.modifiersData.preventOverflow, c = Me(e, {
+function Rr(e) {
+  var t = e.state, n = e.name, r = t.rects.reference, o = t.rects.popper, i = t.modifiersData.preventOverflow, c = we(t, {
     elementContext: "reference"
-  }), a = Me(e, {
+  }), a = we(t, {
     altBoundary: !0
-  }), l = Nt(c, r), u = Nt(a, o, i), d = Lt(l), _ = Lt(u);
-  e.modifiersData[n] = {
+  }), l = Ut(c, r), u = Ut(a, o, i), d = Ct(l), h = Ct(u);
+  t.modifiersData[n] = {
     referenceClippingOffsets: l,
     popperEscapeOffsets: u,
     isReferenceHidden: d,
-    hasPopperEscaped: _
-  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    hasPopperEscaped: h
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-reference-hidden": d,
-    "data-popper-escaped": _
+    "data-popper-escaped": h
   });
 }
-const Ur = {
+const xr = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Lr
+  fn: Rr
 };
-function Sr(t, e, n) {
-  var r = j(t), o = [x, R].indexOf(r) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, e, {
-    placement: t
+function Hr(e, t, n) {
+  var r = j(e), o = [H, x].indexOf(r) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, t, {
+    placement: e
   })) : n, c = i[0], a = i[1];
-  return c = c || 0, a = (a || 0) * o, [x, G].indexOf(r) >= 0 ? {
+  return c = c || 0, a = (a || 0) * o, [H, G].indexOf(r) >= 0 ? {
     x: a,
     y: c
   } : {
@@ -1387,237 +1538,237 @@ function Sr(t, e, n) {
     y: a
   };
 }
-function Cr(t) {
-  var e = t.state, n = t.options, r = t.name, o = n.offset, i = o === void 0 ? [0, 0] : o, c = Vt.reduce(function(d, _) {
-    return d[_] = Sr(_, e.rects, i), d;
-  }, {}), a = c[e.placement], l = a.x, u = a.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += l, e.modifiersData.popperOffsets.y += u), e.modifiersData[r] = c;
+function Br(e) {
+  var t = e.state, n = e.options, r = e.name, o = n.offset, i = o === void 0 ? [0, 0] : o, c = $t.reduce(function(d, h) {
+    return d[h] = Hr(h, t.rects, i), d;
+  }, {}), a = c[t.placement], l = a.x, u = a.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += u), t.modifiersData[r] = c;
 }
-const Dr = {
+const kr = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Cr
+  fn: Br
 };
-function Rr(t) {
-  var e = t.state, n = t.name;
-  e.modifiersData[n] = Kt({
-    reference: e.rects.reference,
-    element: e.rects.popper,
+function Wr(e) {
+  var t = e.state, n = e.name;
+  t.modifiersData[n] = Qt({
+    reference: t.rects.reference,
+    element: t.rects.popper,
     strategy: "absolute",
-    placement: e.placement
+    placement: t.placement
   });
 }
-const xr = {
+const qr = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Rr,
+  fn: Wr,
   data: {}
 };
-function Hr(t) {
-  return t === "x" ? "y" : "x";
+function Vr(e) {
+  return e === "x" ? "y" : "x";
 }
-function Br(t) {
-  var e = t.state, n = t.options, r = t.name, o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !1 : c, l = n.boundary, u = n.rootBoundary, d = n.altBoundary, _ = n.padding, h = n.tether, p = h === void 0 ? !0 : h, m = n.tetherOffset, v = m === void 0 ? 0 : m, E = Me(e, {
+function Fr(e) {
+  var t = e.state, n = e.options, r = e.name, o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !1 : c, l = n.boundary, u = n.rootBoundary, d = n.altBoundary, h = n.padding, _ = n.tether, p = _ === void 0 ? !0 : _, m = n.tetherOffset, E = m === void 0 ? 0 : m, v = we(t, {
     boundary: l,
     rootBoundary: u,
-    padding: _,
+    padding: h,
     altBoundary: d
-  }), g = j(e.placement), A = fe(e.placement), O = !A, b = tt(g), I = Hr(b), M = e.modifiersData.popperOffsets, P = e.rects.reference, L = e.rects.popper, U = typeof v == "function" ? v(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : v, S = typeof U == "number" ? {
-    mainAxis: U,
-    altAxis: U
+  }), w = j(t.placement), T = fe(t.placement), O = !T, b = at(w), g = Vr(b), M = t.modifiersData.popperOffsets, L = t.rects.reference, N = t.rects.popper, S = typeof E == "function" ? E(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : E, U = typeof S == "number" ? {
+    mainAxis: S,
+    altAxis: S
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, U), w = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, C = {
+  }, S), A = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, D = {
     x: 0,
     y: 0
   };
   if (M) {
     if (i) {
-      var D, J = b === "y" ? R : x, ee = b === "y" ? F : G, B = b === "y" ? "height" : "width", $ = M[b], Oe = $ + E[J], te = $ - E[ee], Pe = p ? -L[B] / 2 : 0, We = A === ue ? P[B] : L[B], _e = A === ue ? -L[B] : -P[B], Ne = e.elements.arrow, se = p && Ne ? et(Ne) : {
+      var R, J = b === "y" ? x : H, ee = b === "y" ? F : G, B = b === "y" ? "height" : "width", $ = M[b], Oe = $ + v[J], te = $ - v[ee], Pe = p ? -N[B] / 2 : 0, We = T === ue ? L[B] : N[B], _e = T === ue ? -N[B] : -L[B], Le = t.elements.arrow, se = p && Le ? it(Le) : {
         width: 0,
         height: 0
-      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : $t(), me = Z[J], Le = Z[ee], ne = be(0, P[B], se[B]), qe = O ? P[B] / 2 - Pe - ne - me - S.mainAxis : We - ne - me - S.mainAxis, sn = O ? -P[B] / 2 + Pe + ne + Le + S.mainAxis : _e + ne + Le + S.mainAxis, Ve = e.elements.arrow && ye(e.elements.arrow), ln = Ve ? b === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, ft = (D = w == null ? void 0 : w[b]) != null ? D : 0, cn = $ + qe - ft - ln, un = $ + sn - ft, ht = be(p ? xe(Oe, cn) : Oe, $, p ? ie(te, un) : te);
-      M[b] = ht, C[b] = ht - $;
+      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : zt(), me = Z[J], Ne = Z[ee], ne = be(0, L[B], se[B]), qe = O ? L[B] / 2 - Pe - ne - me - U.mainAxis : We - ne - me - U.mainAxis, ln = O ? -L[B] / 2 + Pe + ne + Ne + U.mainAxis : _e + ne + Ne + U.mainAxis, Ve = t.elements.arrow && ye(t.elements.arrow), cn = Ve ? b === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, ht = (R = A == null ? void 0 : A[b]) != null ? R : 0, un = $ + qe - ht - cn, dn = $ + ln - ht, _t = be(p ? He(Oe, un) : Oe, $, p ? ie(te, dn) : te);
+      M[b] = _t, D[b] = _t - $;
     }
     if (a) {
-      var _t, dn = b === "x" ? R : x, pn = b === "x" ? F : G, re = M[I], Ue = I === "y" ? "height" : "width", mt = re + E[dn], Et = re - E[pn], Fe = [R, x].indexOf(g) !== -1, vt = (_t = w == null ? void 0 : w[I]) != null ? _t : 0, bt = Fe ? mt : re - P[Ue] - L[Ue] - vt + S.altAxis, It = Fe ? re + P[Ue] + L[Ue] - vt - S.altAxis : Et, gt = p && Fe ? lr(bt, re, It) : be(p ? bt : mt, re, p ? It : Et);
-      M[I] = gt, C[I] = gt - re;
+      var mt, pn = b === "x" ? x : H, fn = b === "x" ? F : G, re = M[g], Se = g === "y" ? "height" : "width", vt = re + v[pn], Et = re - v[fn], Fe = [x, H].indexOf(w) !== -1, bt = (mt = A == null ? void 0 : A[g]) != null ? mt : 0, gt = Fe ? vt : re - L[Se] - N[Se] - bt + U.altAxis, It = Fe ? re + L[Se] + N[Se] - bt - U.altAxis : Et, wt = p && Fe ? fr(gt, re, It) : be(p ? gt : vt, re, p ? It : Et);
+      M[g] = wt, D[g] = wt - re;
     }
-    e.modifiersData[r] = C;
+    t.modifiersData[r] = D;
   }
 }
-const kr = {
+const Gr = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Br,
+  fn: Fr,
   requiresIfExists: ["offset"]
 };
-function Wr(t) {
+function $r(e) {
   return {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
   };
 }
-function qr(t) {
-  return t === V(t) || !q(t) ? nt(t) : Wr(t);
+function jr(e) {
+  return e === V(e) || !q(e) ? st(e) : $r(e);
 }
-function Vr(t) {
-  var e = t.getBoundingClientRect(), n = de(e.width) / t.offsetWidth || 1, r = de(e.height) / t.offsetHeight || 1;
+function Yr(e) {
+  var t = e.getBoundingClientRect(), n = de(t.width) / e.offsetWidth || 1, r = de(t.height) / e.offsetHeight || 1;
   return n !== 1 || r !== 1;
 }
-function Fr(t, e, n) {
+function zr(e, t, n) {
   n === void 0 && (n = !1);
-  var r = q(e), o = q(e) && Vr(e), i = Q(e), c = pe(t, o, n), a = {
+  var r = q(t), o = q(t) && Yr(t), i = Q(t), c = pe(e, o, n), a = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
     x: 0,
     y: 0
   };
-  return (r || !r && !n) && ((K(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  ot(i)) && (a = qr(e)), q(e) ? (l = pe(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : i && (l.x = rt(i))), {
+  return (r || !r && !n) && ((K(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  ct(i)) && (a = jr(t)), q(t) ? (l = pe(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = lt(i))), {
     x: c.left + a.scrollLeft - l.x,
     y: c.top + a.scrollTop - l.y,
     width: c.width,
     height: c.height
   };
 }
-function Gr(t) {
-  var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
-  t.forEach(function(i) {
-    e.set(i.name, i);
+function Kr(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
+  e.forEach(function(i) {
+    t.set(i.name, i);
   });
   function o(i) {
     n.add(i.name);
     var c = [].concat(i.requires || [], i.requiresIfExists || []);
     c.forEach(function(a) {
       if (!n.has(a)) {
-        var l = e.get(a);
+        var l = t.get(a);
         l && o(l);
       }
     }), r.push(i);
   }
-  return t.forEach(function(i) {
+  return e.forEach(function(i) {
     n.has(i.name) || o(i);
   }), r;
 }
-function $r(t) {
-  var e = Gr(t);
-  return $e.reduce(function(n, r) {
-    return n.concat(e.filter(function(o) {
+function Zr(e) {
+  var t = Kr(e);
+  return je.reduce(function(n, r) {
+    return n.concat(t.filter(function(o) {
       return o.phase === r;
     }));
   }, []);
 }
-function jr(t) {
-  var e;
+function Xr(e) {
+  var t;
   return function() {
-    return e || (e = new Promise(function(n) {
+    return t || (t = new Promise(function(n) {
       Promise.resolve().then(function() {
-        e = void 0, n(t());
+        t = void 0, n(e());
       });
-    })), e;
+    })), t;
   };
 }
-function X(t) {
-  for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), r = 1; r < e; r++)
+function X(e) {
+  for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++)
     n[r - 1] = arguments[r];
   return [].concat(n).reduce(function(o, i) {
     return o.replace(/%s/, i);
-  }, t);
+  }, e);
 }
-var oe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Yr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Ut = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function zr(t) {
-  t.forEach(function(e) {
-    [].concat(Object.keys(e), Ut).filter(function(n, r, o) {
+var oe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Qr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Dt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function Jr(e) {
+  e.forEach(function(t) {
+    [].concat(Object.keys(t), Dt).filter(function(n, r, o) {
       return o.indexOf(n) === r;
     }).forEach(function(n) {
       switch (n) {
         case "name":
-          typeof e.name != "string" && console.error(X(oe, String(e.name), '"name"', '"string"', '"' + String(e.name) + '"'));
+          typeof t.name != "string" && console.error(X(oe, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
           break;
         case "enabled":
-          typeof e.enabled != "boolean" && console.error(X(oe, e.name, '"enabled"', '"boolean"', '"' + String(e.enabled) + '"'));
+          typeof t.enabled != "boolean" && console.error(X(oe, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
           break;
         case "phase":
-          $e.indexOf(e.phase) < 0 && console.error(X(oe, e.name, '"phase"', "either " + $e.join(", "), '"' + String(e.phase) + '"'));
+          je.indexOf(t.phase) < 0 && console.error(X(oe, t.name, '"phase"', "either " + je.join(", "), '"' + String(t.phase) + '"'));
           break;
         case "fn":
-          typeof e.fn != "function" && console.error(X(oe, e.name, '"fn"', '"function"', '"' + String(e.fn) + '"'));
+          typeof t.fn != "function" && console.error(X(oe, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "effect":
-          e.effect != null && typeof e.effect != "function" && console.error(X(oe, e.name, '"effect"', '"function"', '"' + String(e.fn) + '"'));
+          t.effect != null && typeof t.effect != "function" && console.error(X(oe, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "requires":
-          e.requires != null && !Array.isArray(e.requires) && console.error(X(oe, e.name, '"requires"', '"array"', '"' + String(e.requires) + '"'));
+          t.requires != null && !Array.isArray(t.requires) && console.error(X(oe, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
           break;
         case "requiresIfExists":
-          Array.isArray(e.requiresIfExists) || console.error(X(oe, e.name, '"requiresIfExists"', '"array"', '"' + String(e.requiresIfExists) + '"'));
+          Array.isArray(t.requiresIfExists) || console.error(X(oe, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
           break;
         case "options":
         case "data":
           break;
         default:
-          console.error('PopperJS: an invalid property has been provided to the "' + e.name + '" modifier, valid properties are ' + Ut.map(function(r) {
+          console.error('PopperJS: an invalid property has been provided to the "' + t.name + '" modifier, valid properties are ' + Dt.map(function(r) {
             return '"' + r + '"';
           }).join(", ") + '; but "' + n + '" was provided.');
       }
-      e.requires && e.requires.forEach(function(r) {
-        t.find(function(o) {
+      t.requires && t.requires.forEach(function(r) {
+        e.find(function(o) {
           return o.name === r;
-        }) == null && console.error(X(Yr, String(e.name), r, r));
+        }) == null && console.error(X(Qr, String(t.name), r, r));
       });
     });
   });
 }
-function Kr(t, e) {
+function eo(e, t) {
   var n = /* @__PURE__ */ new Set();
-  return t.filter(function(r) {
-    var o = e(r);
+  return e.filter(function(r) {
+    var o = t(r);
     if (!n.has(o))
       return n.add(o), !0;
   });
 }
-function Zr(t) {
-  var e = t.reduce(function(n, r) {
+function to(e) {
+  var t = e.reduce(function(n, r) {
     var o = n[r.name];
     return n[r.name] = o ? Object.assign({}, o, r, {
       options: Object.assign({}, o.options, r.options),
       data: Object.assign({}, o.data, r.data)
     }) : r, n;
   }, {});
-  return Object.keys(e).map(function(n) {
-    return e[n];
+  return Object.keys(t).map(function(n) {
+    return t[n];
   });
 }
-var St = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", Xr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", Ct = {
+var Rt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", no = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", xt = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Dt() {
-  for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
-    e[n] = arguments[n];
-  return !e.some(function(r) {
+function Ht() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return !t.some(function(r) {
     return !(r && typeof r.getBoundingClientRect == "function");
   });
 }
-function Qr(t) {
-  t === void 0 && (t = {});
-  var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, o = e.defaultOptions, i = o === void 0 ? Ct : o;
+function ro(e) {
+  e === void 0 && (e = {});
+  var t = e, n = t.defaultModifiers, r = n === void 0 ? [] : n, o = t.defaultOptions, i = o === void 0 ? xt : o;
   return function(a, l, u) {
     u === void 0 && (u = i);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Ct, i),
+      options: Object.assign({}, xt, i),
       modifiersData: {},
       elements: {
         reference: a,
@@ -1625,32 +1776,32 @@ function Qr(t) {
       },
       attributes: {},
       styles: {}
-    }, _ = [], h = !1, p = {
+    }, h = [], _ = !1, p = {
       state: d,
-      setOptions: function(g) {
-        var A = typeof g == "function" ? g(d.options) : g;
-        v(), d.options = Object.assign({}, i, d.options, A), d.scrollParents = {
-          reference: ae(a) ? Ie(a) : a.contextElement ? Ie(a.contextElement) : [],
-          popper: Ie(l)
+      setOptions: function(w) {
+        var T = typeof w == "function" ? w(d.options) : w;
+        E(), d.options = Object.assign({}, i, d.options, T), d.scrollParents = {
+          reference: ae(a) ? ge(a) : a.contextElement ? ge(a.contextElement) : [],
+          popper: ge(l)
         };
-        var O = $r(Zr([].concat(r, d.options.modifiers)));
-        if (d.orderedModifiers = O.filter(function(w) {
-          return w.enabled;
+        var O = Zr(to([].concat(r, d.options.modifiers)));
+        if (d.orderedModifiers = O.filter(function(A) {
+          return A.enabled;
         }), {}.NODE_ENV !== "production") {
-          var b = Kr([].concat(O, d.options.modifiers), function(w) {
-            var C = w.name;
-            return C;
+          var b = eo([].concat(O, d.options.modifiers), function(A) {
+            var D = A.name;
+            return D;
           });
-          if (zr(b), j(d.options.placement) === Be) {
-            var I = d.orderedModifiers.find(function(w) {
-              var C = w.name;
-              return C === "flip";
+          if (Jr(b), j(d.options.placement) === Be) {
+            var g = d.orderedModifiers.find(function(A) {
+              var D = A.name;
+              return D === "flip";
             });
-            I || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+            g || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
-          var M = Y(l), P = M.marginTop, L = M.marginRight, U = M.marginBottom, S = M.marginLeft;
-          [P, L, U, S].some(function(w) {
-            return parseFloat(w);
+          var M = Y(l), L = M.marginTop, N = M.marginRight, S = M.marginBottom, U = M.marginLeft;
+          [L, N, S, U].some(function(A) {
+            return parseFloat(A);
           }) && 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();
@@ -1661,32 +1812,32 @@ function Qr(t) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!h) {
-          var g = d.elements, A = g.reference, O = g.popper;
-          if (!Dt(A, O)) {
-            ({}).NODE_ENV !== "production" && console.error(St);
+        if (!_) {
+          var w = d.elements, T = w.reference, O = w.popper;
+          if (!Ht(T, O)) {
+            ({}).NODE_ENV !== "production" && console.error(Rt);
             return;
           }
           d.rects = {
-            reference: Fr(A, ye(O), d.options.strategy === "fixed"),
-            popper: et(O)
-          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(w) {
-            return d.modifiersData[w.name] = Object.assign({}, w.data);
+            reference: zr(T, ye(O), d.options.strategy === "fixed"),
+            popper: it(O)
+          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(A) {
+            return d.modifiersData[A.name] = Object.assign({}, A.data);
           });
-          for (var b = 0, I = 0; I < d.orderedModifiers.length; I++) {
+          for (var b = 0, g = 0; g < d.orderedModifiers.length; g++) {
             if ({}.NODE_ENV !== "production" && (b += 1, b > 100)) {
-              console.error(Xr);
+              console.error(no);
               break;
             }
             if (d.reset === !0) {
-              d.reset = !1, I = -1;
+              d.reset = !1, g = -1;
               continue;
             }
-            var M = d.orderedModifiers[I], P = M.fn, L = M.options, U = L === void 0 ? {} : L, S = M.name;
-            typeof P == "function" && (d = P({
+            var M = d.orderedModifiers[g], L = M.fn, N = M.options, S = N === void 0 ? {} : N, U = M.name;
+            typeof L == "function" && (d = L({
               state: d,
-              options: U,
-              name: S,
+              options: S,
+              name: U,
               instance: p
             }) || d);
           }
@@ -1694,87 +1845,87 @@ function Qr(t) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: jr(function() {
-        return new Promise(function(E) {
-          p.forceUpdate(), E(d);
+      update: Xr(function() {
+        return new Promise(function(v) {
+          p.forceUpdate(), v(d);
         });
       }),
       destroy: function() {
-        v(), h = !0;
+        E(), _ = !0;
       }
     };
-    if (!Dt(a, l))
-      return {}.NODE_ENV !== "production" && console.error(St), p;
-    p.setOptions(u).then(function(E) {
-      !h && u.onFirstUpdate && u.onFirstUpdate(E);
+    if (!Ht(a, l))
+      return {}.NODE_ENV !== "production" && console.error(Rt), p;
+    p.setOptions(u).then(function(v) {
+      !_ && u.onFirstUpdate && u.onFirstUpdate(v);
     });
     function m() {
-      d.orderedModifiers.forEach(function(E) {
-        var g = E.name, A = E.options, O = A === void 0 ? {} : A, b = E.effect;
+      d.orderedModifiers.forEach(function(v) {
+        var w = v.name, T = v.options, O = T === void 0 ? {} : T, b = v.effect;
         if (typeof b == "function") {
-          var I = b({
+          var g = b({
             state: d,
-            name: g,
+            name: w,
             instance: p,
             options: O
           }), M = function() {
           };
-          _.push(I || M);
+          h.push(g || M);
         }
       });
     }
-    function v() {
-      _.forEach(function(E) {
-        return E();
-      }), _ = [];
+    function E() {
+      h.forEach(function(v) {
+        return v();
+      }), h = [];
     }
     return p;
   };
 }
-var Jr = [vr, xr, mr, ir, Dr, Nr, kr, pr, Ur], Zt = /* @__PURE__ */ Qr({
-  defaultModifiers: Jr
+var oo = [Mr, qr, Ir, ur, kr, Dr, Gr, vr, xr], Jt = /* @__PURE__ */ ro({
+  defaultModifiers: oo
 });
-function ze(t, e, n, r) {
-  e ? (t.classList.remove(r), t.classList.add(n)) : (t.classList.add(r), t.classList.remove(n));
+function Ke(e, t, n, r) {
+  t ? (e.classList.remove(r), e.classList.add(n)) : (e.classList.add(r), e.classList.remove(n));
 }
 let k;
-const ve = {}, Ke = {
+const Ee = {}, Ze = {
   SHIFT: "shift-key"
 };
-function Xt() {
+function en() {
   k && (document.removeEventListener("click", k.globalOnClick), document.removeEventListener("keyup", k.globalOnKeyup), document.removeEventListener("keydown", k.globalOnKeydown), k = null);
 }
-function Ze() {
-  const t = document.querySelectorAll(
+function Xe() {
+  const e = document.querySelectorAll(
     `${f(s.UTAH_DESIGN_SYSTEM)} ${f(s.POPUP_WRAPPER)}`
   );
-  Array.from(t).filter((e) => !e.classList.contains(s.POPUP__HIDDEN)).forEach((e) => {
-    const n = e.getAttribute("id");
+  Array.from(e).filter((t) => !t.classList.contains(s.POPUP__HIDDEN)).forEach((t) => {
+    const n = t.getAttribute("id");
     if (n) {
       const r = document.querySelector(`[aria-controls="${n}"]`);
       r && r.setAttribute("aria-expanded", "false");
     }
-    ze(e, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
+    Ke(t, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
   });
 }
-function eo() {
-  k && Xt(), k = {}, k.globalOnClick = Ze, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (t) => {
-    t.key === "Escape" && Ze(), t.shiftKey || (ve[Ke.SHIFT] = !1), ve[t.key] = !1;
-  }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (t) => {
-    t.shiftKey && (ve[Ke.SHIFT] = !0), ve[t.key] = !0;
+function io() {
+  k && en(), k = {}, k.globalOnClick = Xe, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (e) => {
+    e.key === "Escape" && Xe(), e.shiftKey || (Ee[Ze.SHIFT] = !1), Ee[e.key] = !1;
+  }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (e) => {
+    e.shiftKey && (Ee[Ze.SHIFT] = !0), Ee[e.key] = !0;
   }, document.addEventListener("keydown", k.globalOnKeydown);
 }
-function to() {
+function ao() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Te(t, e, n, r, o) {
+function Me(e, t, n, r, o) {
   let i = NaN, c = NaN;
   const a = 300, l = 150, u = 50;
-  e.setAttribute("aria-expanded", "false"), e.setAttribute("aria-haspopup", r);
-  function d(h) {
+  t.setAttribute("aria-expanded", "false"), t.setAttribute("aria-haspopup", r);
+  function d(_) {
     clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o != null && o.isPerformPopup && o.isPerformPopup()) && (i = window.setTimeout(
       () => {
-        Zt(e, n, {
+        Jt(t, n, {
           placement: (o == null ? void 0 : o.popupPlacement) || Qe.BOTTOM,
           modifiers: [
             {
@@ -1782,50 +1933,43 @@ function Te(t, e, n, r, o) {
               options: { offset: [0, 11] }
             }
           ]
-        }), ze(n, !0, s.POPUP__VISIBLE, s.POPUP__HIDDEN), e.setAttribute("aria-expanded", "true"), document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach((p) => p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN));
+        }), Ke(n, !0, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "true"), document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach((p) => p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN));
       },
-      h
+      _
     ));
   }
-  function _(h) {
+  function h(_) {
     clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (c = window.setTimeout(
       () => {
-        ze(n, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN), e.setAttribute("aria-expanded", "false");
+        Ke(n, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
       },
-      h
+      _
     ));
   }
-  if (t.addEventListener("focusin", () => d(l)), t.addEventListener("focusout", () => _(l)), o != null && o.shouldFocusOnHover && (t.addEventListener("mouseenter", () => d(a)), t.addEventListener("mouseleave", () => _(a))), !(o != null && o.preventOnClickHandling)) {
-    if (e.onclick)
+  if (o != null && o.preventOnClickHandling || (e.addEventListener("focusin", () => d(l)), e.addEventListener("focusout", () => h(l))), o != null && o.shouldFocusOnHover && (e.addEventListener("mouseenter", () => d(a)), e.addEventListener("mouseleave", () => h(a))), !(o != null && o.preventOnClickHandling)) {
+    if (t.onclick)
       throw new Error("popupFocusHandler: button already has onclick");
-    e.onclick = (h) => {
+    t.onclick = (_) => {
       var m;
-      const p = e.getAttribute("aria-expanded") === "true";
-      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (h.stopPropagation(), h.preventDefault(), p && e.getAttribute("aria-expanded") === "true" ? (_(u), (m = document.activeElement) == null || m.blur()) : (to() && Ze(), d(u))), o != null && o.onClick && o.onClick(h);
+      const p = t.getAttribute("aria-expanded") === "true";
+      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (_.stopPropagation(), _.preventDefault(), p && t.getAttribute("aria-expanded") === "true" ? (h(u), (m = document.activeElement) == null || m.blur()) : (ao() && Xe(), d(u))), o != null && o.onClick && o.onClick(_);
     };
   }
 }
-function H() {
-  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(
-    /[018]/g,
-    // eslint-disable-next-line no-bitwise
-    (t) => (t ^ crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> t) / 4).toString(16)
-  );
-}
-const no = `<div class="popup__wrapper popup__wrapper--hidden">
+const so = `<div class="popup__wrapper popup__wrapper--hidden">
   <div class="popup__content">
     <div class="popup__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
-function it(t, e) {
-  const n = t.getAttribute("id");
+function ut(e, t) {
+  const n = e.getAttribute("id");
   if (!n)
     throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
-  const r = H();
-  t.setAttribute("aria-controls", r);
-  const o = T(no);
-  if (o.setAttribute("id", r), o.setAttribute("aria-labelledby", n), e != null && e.removePopupArrow) {
+  const r = C();
+  e.setAttribute("aria-controls", r);
+  const o = I(so);
+  if (o.setAttribute("id", r), o.setAttribute("aria-labelledby", n), t != null && t.removePopupArrow) {
     const i = o.querySelector(f(s.POPUP_ARROW));
     if (!i)
       throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");
@@ -1833,35 +1977,11 @@ function it(t, e) {
   }
   return o;
 }
-const ro = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
-`, Qt = `<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>
-`, oo = `<ul class="vertical-menu" role="menu" />
-`, io = `<li class="vertical-menu__item">
-  <span class="vertical-menu__title">
-    <span class="vertical-menu__plain-title"></span>
-    <a href="#" class="vertical-menu__link-title">
-      <span class="vertical-menu__link-text"></span>
-    </a>
-    <button class="vertical-menu__button-title">
-      <span class="vertical-menu__link-text"></span>
-    </button>
-  </span>
-  <span class="vertical-menu__divider" />
-</li>
-`;
-function He(t, e, n) {
-  var o;
-  let r = !1;
-  return t && (Array.isArray(t) ? r = t.some((i) => He(i, e, n)) : (r = n(t), r || (r = !!((o = e == null ? void 0 : e.filter((i) => t[i])) != null && o.some((i) => He(t[i], e, n)))))), r;
-}
-function ao(t) {
-  const e = t.closest("li");
-  if (!e)
-    throw console.error("element", t), new Error("toggleChildMenuExpansion: parent not found for child");
-  e.querySelectorAll(":scope > ul").forEach((n) => {
+function lo(e) {
+  const t = e.closest("li");
+  if (!t)
+    throw console.error("element", e), new Error("toggleChildMenuExpansion: parent not found for child");
+  t.querySelectorAll(":scope > ul").forEach((n) => {
     var i;
     const r = (i = n.closest("li")) == null ? void 0 : i.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));
     if (!r)
@@ -1872,18 +1992,18 @@ function ao(t) {
     n.classList.toggle(s.VISUALLY_HIDDEN), n.classList.contains(s.VISUALLY_HIDDEN) ? (r.setAttribute("aria-expanded", "false"), o.classList.add(s.IS_CLOSED), o.classList.remove(s.IS_OPEN)) : (r.setAttribute("aria-expanded", "true"), o.classList.remove(s.IS_CLOSED), o.classList.add(s.IS_OPEN));
   });
 }
-function so(t) {
-  return (e) => {
-    e.preventDefault(), e.stopPropagation(), ao(t);
+function co(e) {
+  return (t) => {
+    t.preventDefault(), t.stopPropagation(), lo(e);
   };
 }
-function Rt() {
-  const t = T(ro);
-  return t.classList.add(s.IS_CLOSED), t;
+function Bt() {
+  const e = I(zn);
+  return e.classList.add(s.IS_CLOSED), e;
 }
-function lo(t, e, n) {
-  var _, h;
-  const r = T(io), o = r.querySelector(f(s.POPUP_MENU__TITLE));
+function uo(e, t, n) {
+  var h, _;
+  const r = I(Zn), o = r.querySelector(f(s.POPUP_MENU__TITLE));
   if (!o)
     throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
   const i = (
@@ -1913,15 +2033,15 @@ function lo(t, e, n) {
   const d = r.querySelector(`a ${f(s.POPUP_MENU__LINK_TEXT)}`);
   if (!d)
     throw new Error("renderPopupMenuItem: titleSpanLink not found");
-  if (e.actionMenu) {
+  if (t.actionMenu) {
     let p;
     switch (n.childrenMenuType) {
       case W.FLYOUT: {
-        p = Rt(), i.appendChild(p), i.setAttribute("id", H());
-        const m = at(
+        p = Bt(), i.appendChild(p), i.setAttribute("id", C());
+        const m = dt(
           {
-            menuItems: e.actionMenu,
-            title: e.title
+            menuItems: t.actionMenu,
+            title: t.title
           },
           i,
           {
@@ -1929,7 +2049,7 @@ function lo(t, e, n) {
             removePopupArrow: !0
           }
         );
-        r.appendChild(m), Te(
+        r.appendChild(m), Me(
           r,
           i,
           m,
@@ -1944,76 +2064,169 @@ function lo(t, e, n) {
       }
       case W.INLINE: {
         const m = he(
-          e.actionMenu,
+          t.actionMenu,
           n
-        ), v = H();
-        m.setAttribute("id", v), m.classList.add(s.VISUALLY_HIDDEN), r.appendChild(m), i.onclick = so(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", v), p = Rt(), i.appendChild(p), c.remove(), a.remove(), r.addEventListener("focusin", (E) => {
-          var g, A, O, b;
-          for (let I = (
+        ), E = C();
+        m.setAttribute("id", E), m.classList.add(s.VISUALLY_HIDDEN), r.appendChild(m), i.onclick = co(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", E), p = Bt(), i.appendChild(p), c.remove(), a.remove(), r.addEventListener("focusin", (v) => {
+          var w, T, O, b;
+          for (let g = (
             /** @type Element | null | undefined */
-            (g = E.target) == null ? void 0 : g.closest("ul")
-          ); I; I = (A = I.parentElement) == null ? void 0 : A.closest("ul"))
-            I.classList.remove(s.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), E.target !== i && ((O = p == null ? void 0 : p.classList) == null || O.remove(s.IS_CLOSED), (b = p == null ? void 0 : p.classList) == null || b.add(s.IS_OPEN));
+            (w = v.target) == null ? void 0 : w.closest("ul")
+          ); g; g = (T = g.parentElement) == null ? void 0 : T.closest("ul"))
+            g.classList.remove(s.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), v.target !== i && ((O = p == null ? void 0 : p.classList) == null || O.remove(s.IS_CLOSED), (b = p == null ? void 0 : p.classList) == null || b.add(s.IS_OPEN));
         });
         break;
       }
       case W.MEGA_MENU: {
         const m = he(
-          e.actionMenu,
+          t.actionMenu,
           n
-        ), v = H();
-        m.setAttribute("id", v), r.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(e.title));
+        ), E = C();
+        m.setAttribute("id", E), r.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(t.title));
         break;
       }
       default:
-        throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${e.actionMenu}'`);
+        throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${t.actionMenu}'`);
     }
     l.remove();
-  } else if (e.actionFunction)
-    i.onclick = e.actionFunction, c.remove(), l.remove(), a.remove();
-  else if (e.actionUrl)
-    c.setAttribute("href", e.actionUrl.url), i.remove(), l.remove(), a.remove();
-  else if (e.actionFunctionUrl)
-    c.setAttribute("href", e.actionFunctionUrl.url), c.onclick = (p) => {
-      var m, v;
-      (m = e.actionFunctionUrl) != null && m.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (v = e.actionFunctionUrl) == null || v.actionFunction(p);
+  } else if (t.actionFunction)
+    i.onclick = t.actionFunction, c.remove(), l.remove(), a.remove();
+  else if (t.actionUrl)
+    c.setAttribute("href", t.actionUrl.url), i.remove(), l.remove(), a.remove();
+  else if (t.actionFunctionUrl)
+    c.setAttribute("href", t.actionFunctionUrl.url), c.onclick = (p) => {
+      var m, E;
+      (m = t.actionFunctionUrl) != null && m.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (E = t.actionFunctionUrl) == null || E.actionFunction(p);
     }, i.remove(), l.remove(), a.remove();
-  else if (e.isDivider)
+  else if (t.isDivider)
     o.remove(), r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "separator");
   else
-    throw console.error(e), new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");
-  if (!e.isDivider && (u.appendChild(document.createTextNode(e.title)), d.appendChild(document.createTextNode(e.title)), (_ = e.actionUrl) != null && _.openInNewTab || (h = e.actionFunctionUrl) != null && h.openInNewTab)) {
+    throw console.error(t), new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");
+  if (!t.isDivider && (u.appendChild(document.createTextNode(t.title)), d.appendChild(document.createTextNode(t.title)), (h = t.actionUrl) != null && h.openInNewTab || (_ = t.actionFunctionUrl) != null && _.openInNewTab)) {
     c.setAttribute("target", "_blank");
-    const p = T(Qt);
+    const p = I(Ft);
     u.appendChild(p), d.appendChild(p);
   }
-  return (e.isSelected || e.actionMenu && He(e.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(s.MENU_ITEM__SELECTED), c.classList.add(s.MENU_ITEM__SELECTED)), e.isSelected ? r.classList.add(s.MENU_ITEM__SELECTED) : r.classList.remove(s.MENU_ITEM__SELECTED), t.appendChild(r), r;
+  return (t.isSelected || t.actionMenu && xe(t.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(s.MENU_ITEM__SELECTED), c.classList.add(s.MENU_ITEM__SELECTED)), t.isSelected ? r.classList.add(s.MENU_ITEM__SELECTED) : r.classList.remove(s.MENU_ITEM__SELECTED), e.appendChild(r), r;
 }
-function he(t, e) {
-  const n = T(oo);
-  return t.forEach((r) => lo(n, r, e)), n;
+function he(e, t) {
+  const n = I(Kn);
+  return e.forEach((r) => uo(n, r, t)), n;
 }
-function at(t, e, n) {
-  const r = it(e, { removePopupArrow: n.removePopupArrow }), o = r.querySelector(f(s.POPUP_CONTENT_WRAPPER));
+function dt(e, t, n) {
+  const r = ut(t, { removePopupArrow: n.removePopupArrow }), o = r.querySelector(f(s.POPUP_CONTENT_WRAPPER));
   if (!o)
     throw new Error("renderPopupMenu: contentWrapper not found");
-  const i = he(t.menuItems, n);
-  return i.setAttribute("aria-label", t.title), o.appendChild(i), r;
+  const i = he(e.menuItems, n);
+  return i.setAttribute("aria-label", e.title), o.appendChild(i), r;
+}
+function po(e) {
+  const t = I(jn);
+  t.getAttribute("id") || t.setAttribute("id", C());
+  const n = document.createTextNode(e.title), r = (
+    /** @type {HTMLElement} */
+    t instanceof HTMLCollection ? t[0] : t
+  );
+  e.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE), r.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), r.classList.remove(s.ACTION_ITEM);
+  const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
+  if (!o)
+    throw new Error("renderActionItem: titleDiv not found");
+  o.appendChild(n), e.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
+  const i = (
+    /** @type {HTMLElement} */
+    t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON))
+  );
+  if (!i)
+    throw new Error("renderActionItem: iconButton not found");
+  e.className && i.classList.add(e.className);
+  const c = et(e.badge);
+  c && i.appendChild(c);
+  const a = I(e.icon);
+  a.setAttribute("role", "presentation"), i.appendChild(a);
+  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);
+  } else if (e.actionPopupMenu) {
+    const u = C();
+    i.setAttribute("id", u), l = I(Yn);
+    const d = l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+    if (!d)
+      throw new Error("renderMobileActionItem: actionItemContentTitle not found");
+    d.appendChild(document.createTextNode(e.actionPopupMenu.title));
+    const h = he(e.actionPopupMenu.menuItems, { childrenMenuType: W.INLINE });
+    l.appendChild(h);
+  } else
+    throw console.error(e), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
+  return { actionItemElement: t, actionItemContent: l };
+}
+function fo() {
+  var i, c, a;
+  const e = document.getElementById(s.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))
+  );
+  if (!t)
+    throw new Error("renderMobileActionItems: homeActionItemWrapper not found");
+  const r = !!P().utahId ? document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, o = (
+    /** @type {HTMLElement} */
+    (i = r == null ? void 0 : r.closest) == null ? void 0 : i.call(r, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+  );
+  (a = (c = [...P().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...po(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
+    let h;
+    switch (l.mobileMenuLocation) {
+      case "left":
+        h = t;
+        break;
+      case "none":
+        h = null;
+        break;
+      case "right":
+      default:
+        h = o || t;
+        break;
+    }
+    if (h && (h.after(d), u)) {
+      const _ = Je(u);
+      let p = null;
+      l.actionDom ? p = "dialog" : l.actionPopupMenu && (p = "menu"), rt(
+        d,
+        _,
+        d,
+        { ariaHasPopupType: p, shouldOnClickCloseMenu: !1 }
+      );
+    }
+  });
 }
-const co = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
+const ho = `<h1 class="utds-logo-wrapper"></h1>
+`, _o = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, mo = `<span class="utds-logo-vert-line"></span>
+`, vo = `<div class="utds-citizen-experience-wrapper"></div>
+`, Eo = `<div class="utds-action-items-wrapper"></div>
+`, bo = `<div class="utds-header-action-item">
+  <button type="button" class="icon-button utds-header-action-item__icon-button">
+    <div class="utds-header-action-item__title visually-hidden"></div>
+  </button>
+</div>
+`, go = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
   <div class="tooltip__content">
     <div class="tooltip__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
 let le = NaN;
-function Jt(t, e) {
-  const n = T(co), r = n.querySelector(f(s.TOOLTIP__CONTENT));
+function pt(e, t) {
+  const n = I(go), r = n.querySelector(f(s.TOOLTIP__CONTENT));
   if (!r)
     throw new Error("hookupToolTip: toolTipContent not found");
-  r.appendChild(document.createTextNode(e)), t.appendChild(n);
-  const o = Zt(
-    t,
+  r.appendChild(t), e.appendChild(n);
+  const o = Jt(
+    e,
     n,
     {
       placement: Qe.BOTTOM,
@@ -2025,21 +2238,21 @@ function Jt(t, e) {
       ]
     }
   );
-  if (t.onmouseenter || t.onmouseleave)
-    throw new Error(`hookupToolTip: element already has an onmouseenter and/or onmouseleave event (${e})`);
+  if (e.onmouseenter || e.onmouseleave)
+    throw new Error("hookupToolTip: element already has an onmouseenter and/or onmouseleave event");
   let i = NaN;
-  t.onmouseenter = () => {
-    clearTimeout(i), i = setTimeout(
+  e.onmouseenter = () => {
+    clearTimeout(i), i = window.setTimeout(
       () => {
         clearTimeout(le), le = -1;
-        const c = t.querySelector(f(s.POPUP_WRAPPER));
+        const c = e.querySelector(f(s.POPUP_WRAPPER));
         (!c || c.classList.contains(s.POPUP__HIDDEN)) && (n.classList.remove(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(s.TOOLTIP__WRAPPER__VISIBLE), o.update());
       },
       // tooltip was already opened on another item, so instantly open tooltip
       le ? 0 : 500
     );
-  }, t.onmouseleave = () => {
-    clearTimeout(i), n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(le), le = setTimeout(
+  }, e.onmouseleave = () => {
+    clearTimeout(i), n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(le), le = window.setTimeout(
       () => {
         le = NaN;
       },
@@ -2047,101 +2260,77 @@ function Jt(t, e) {
     );
   };
 }
-const uo = `<div class="utds-badge__wrapper">
-  <span class="utds-badge__value"></span>
-  <span class="utds-badge__label visually-hidden"></span>
-</div>
-`;
-function st(t) {
-  let e = null;
-  if (t) {
-    e = /** @type {HTMLElement} */
-    T(uo), e.classList.add(s.BADGE_WRAPPER__ACTION_ITEM);
-    const n = e.querySelector(f(s.BADGE__LABEL));
-    if (!n)
-      throw new Error("renderActionItemBadge: badgeLabel not found");
-    if (n.appendChild(document.createTextNode(t.label)), t.value || t.value === 0) {
-      const r = e.querySelector(f(s.BADGE__VALUE));
-      if (!r)
-        throw new Error("renderActionItemBadge: badgeValue not found");
-      r.appendChild(document.createTextNode(`${t.value}`));
-    } else
-      e.classList.add(s.BADGE_WRAPPER__SMALL);
-    t.className && e.classList.add(t.className);
-  }
-  return e;
-}
-function po(t) {
-  const e = T($n), n = document.createTextNode(t.title), r = (
+function Io(e) {
+  const t = I(bo), n = document.createTextNode(e.title), r = (
     /** @type {HTMLElement} */
-    e instanceof HTMLCollection ? e[0] : e
+    t instanceof HTMLCollection ? t[0] : t
   );
-  t.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);
+  e.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);
   const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
   if (!o)
     throw new Error("renderActionItem: titleDiv not found");
-  o.appendChild(n), t.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
-  const i = e.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));
+  o.appendChild(n), e.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
+  const i = t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
-  t.className && i.classList.add(t.className);
-  const c = st(t.badge);
+  e.className && i.classList.add(e.className);
+  const c = et(e.badge);
   c && i.appendChild(c);
-  const a = T(t.icon);
+  const a = I(e.icon);
   if (a.setAttribute("role", "presentation"), i.appendChild(a), !(i instanceof HTMLElement))
     throw new Error("renderActionItem: iconButton is not an HTMLElement");
-  if (t.actionFunction)
-    i.onclick = t.actionFunction;
-  else if (t.actionDom) {
-    const l = H();
+  if (e.actionFunction)
+    i.onclick = e.actionFunction;
+  else if (e.actionDom) {
+    const l = C();
     i.setAttribute("id", l);
-    const u = it(i), d = (
+    const u = ut(i), d = (
       /** @type {HTMLElement} */
       u.querySelector(f(s.POPUP_CONTENT_WRAPPER))
     );
     if (!d)
       throw new Error("renderPopupMenu: contentWrapper not found");
-    d.appendChild(T(typeof t.actionDom == "function" ? t.actionDom() : t.actionDom)), e.appendChild(u), Te(r, i, u, "dialog", void 0);
-  } else if (t.actionPopupMenu) {
-    const l = H();
+    d.appendChild(I(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom)), t.appendChild(u), Me(r, i, u, "dialog", void 0);
+  } else if (e.actionPopupMenu) {
+    const l = C();
     i.setAttribute("id", l);
-    const u = at(
+    const u = dt(
       /** @type {PopupMenu} */
-      t.actionPopupMenu,
+      e.actionPopupMenu,
       i,
       { childrenMenuType: W.INLINE }
     );
-    e.appendChild(u), Te(r, i, u, "menu", void 0);
+    t.appendChild(u), Me(r, i, u, "menu", void 0);
   } else
-    throw console.error(t), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return Jt(e, t.title), e;
+    throw console.error(e), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
+  return pt(t, document.createTextNode(e.title)), t;
 }
-function fo() {
+function wo() {
   var n, r;
-  const { actionItems: t } = N();
-  let e = null;
-  return t != null && t.length && (e = T(Gn), (r = (n = N().actionItems) == null ? void 0 : n.map((o) => po(o))) == null || r.forEach((o) => e.appendChild(o))), e;
+  const { actionItems: e } = P();
+  let t = null;
+  return e != null && e.length && (t = I(Eo), (r = (n = P().actionItems) == null ? void 0 : n.map((o) => Io(o))) == null || r.forEach((o) => t.appendChild(o))), t;
 }
-const ho = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
-`, en = `<div class="utds-utah-id-wrapper"></div>
-`, Ae = {
+const Mo = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
+`, tn = `<div class="utds-utah-id-wrapper"></div>
+`, Te = {
   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"
-}, _o = `<div class="vertical-menu__wrapper">
+}, To = `<div class="vertical-menu__wrapper">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function tn(t, e) {
-  const n = T(_o), r = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+function nn(e, t) {
+  const n = I(To), r = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
   if (!r)
     throw new Error("renderMenuWithTitle: menuTitleDiv not found");
-  return r.appendChild(document.createTextNode(e)), n.appendChild(t), n;
+  return r.appendChild(document.createTextNode(t)), n.appendChild(e), n;
 }
 let y = null;
-function nn(t) {
-  y = t, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
+function rn(e) {
+  y = e, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
     var r;
     if (n) {
       if (n.innerHTML = "", y != null && y.userInfo && ((r = y.userInfo) != null && r.authenticated)) {
@@ -2153,21 +2342,21 @@ function nn(t) {
       if (!o)
         throw new Error(`authChangedEventHandler: popup id for button not found - ${o}`);
       const i = document.getElementById(o);
-      i && lt(n, i);
+      i && ft(n, i);
     }
   });
 }
-function lt(t, e) {
+function ft(e, t) {
   var n;
-  t && e && (!!(y != null && y.isDefinitive) && !!((n = y == null ? void 0 : y.userInfo) != null && n.authenticated) ? (t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", "false"), e.removeAttribute("aria-hidden")) : (t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-expanded"), e.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 rn() {
-  const t = T(ho);
-  return t.setAttribute("id", H()), y && nn(y), t;
+function on() {
+  const e = I(Mo);
+  return e.setAttribute("id", C()), y && rn(y), e;
 }
-function on(t) {
+function an(e) {
   var l;
-  const e = N(), n = e.utahId !== !1 && e.utahId !== !0 && e.utahId.onProfile, r = e.utahId !== !1 && e.utahId !== !0 && e.utahId.onSignOut, o = [...e.utahId !== !0 && e.utahId !== !1 && ((l = e.utahId) == null ? void 0 : l.menuItems) || []];
+  const t = P(), n = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onProfile, r = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onSignOut, o = [...t.utahId !== !0 && t.utahId !== !1 && ((l = t.utahId) == null ? void 0 : l.menuItems) || []];
   o.length && o.push({
     isDivider: !0,
     title: "--divider--"
@@ -2175,33 +2364,33 @@ function on(t) {
   const i = [
     ...o,
     {
-      actionUrl: n ? void 0 : { url: Ae.PROFILE, openInNewTab: !0 },
+      actionUrl: n ? void 0 : { url: Te.PROFILE, openInNewTab: !0 },
       actionFunction: n || void 0,
       className: "external-link",
       title: "UtahID Profile"
     },
     {
-      actionUrl: r ? void 0 : { url: Ae.SIGN_OUT },
+      actionUrl: r ? void 0 : { url: Te.SIGN_OUT },
       actionFunction: r || void 0,
       title: "Sign Out"
     }
-  ], c = he(i, { childrenMenuType: W.INLINE }), a = t ? tn(c, "Utah ID Menu") : c;
-  return a.setAttribute("aria-label", "Utah Id Menu"), a.setAttribute("id", H()), a;
+  ], c = he(i, { childrenMenuType: W.INLINE }), a = e ? nn(c, "Utah ID Menu") : c;
+  return a.setAttribute("aria-label", "Utah Id Menu"), a.setAttribute("id", C()), a;
 }
-function mo() {
-  const t = T(en), e = rn();
-  e.setAttribute("id", H()), t.appendChild(e);
-  const n = on(!1), r = it(e), o = (
+function Ao() {
+  const e = I(tn), t = on();
+  t.setAttribute("id", C()), e.appendChild(t);
+  const n = an(!1), r = ut(t), o = (
     /** @type {HTMLElement} */
     r.querySelector(f(s.POPUP_CONTENT_WRAPPER))
   );
   if (!o)
     throw new Error("renderUtahIdForDesktop: contentWrapper not found");
-  o.appendChild(n), t.appendChild(r), lt(e, r);
-  const i = N(), c = i.utahId !== !1 && i.utahId !== !0 && i.utahId.onSignIn;
-  return Te(
-    t,
+  o.appendChild(n), e.appendChild(r), ft(t, r);
+  const i = P(), c = i.utahId !== !1 && i.utahId !== !0 && i.utahId.onSignIn;
+  return Me(
     e,
+    t,
     r,
     "menu",
     {
@@ -2211,108 +2400,140 @@ function mo() {
       },
       onClick: (a) => {
         var l;
-        (!(y != null && y.isDefinitive) || !((l = y == null ? void 0 : y.userInfo) != null && l.authenticated)) && (c ? c(a) : (a.preventDefault(), a.stopPropagation(), window.location.href = Ae.SIGN_IN));
+        (!(y != null && y.isDefinitive) || !((l = y == null ? void 0 : y.userInfo) != null && l.authenticated)) && (c ? c(a) : (a.preventDefault(), a.stopPropagation(), window.location.href = Te.SIGN_IN));
       }
     }
-  ), t;
+  ), e;
 }
-function Eo() {
-  const t = T(en), e = rn(), n = e.getAttribute("id");
+function yo() {
+  const e = I(tn), t = on(), n = t.getAttribute("id");
   if (!n)
     throw new Error("renderUtahIdForMobile: utahIdButton has no id");
-  t.appendChild(e);
-  const r = on(!0), o = r.getAttribute("id");
+  e.appendChild(t);
+  const r = an(!0), o = r.getAttribute("id");
   if (!o)
     throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");
-  return t.appendChild(r), e.setAttribute("aria-controls", o), r.setAttribute("aria-labelledby", n), lt(e, r), { button: e, menu: r };
+  return e.appendChild(r), t.setAttribute("aria-controls", o), r.setAttribute("aria-labelledby", n), ft(t, r), { button: t, menu: r };
 }
-function vo() {
-  const t = T(Fn), e = fo();
-  return e && t.appendChild(e), N().utahId !== !1 && t.appendChild(mo()), t;
+function Oo() {
+  const e = I(vo), t = wo();
+  return t && e.appendChild(t), P().utahId !== !1 && e.appendChild(Ao()), e;
 }
-const bo = `<div class="utds-title-wrapper">
+const Po = `<div class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </div>
-`, Io = `<a class="utds-title-wrapper">
+`, Lo = `<a class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </a>
 `;
-function go() {
-  const t = N().titleURL, e = T(t ? Io : bo);
-  if (!e)
+function No() {
+  const e = P().titleURL, t = I(e ? Lo : Po);
+  if (!t)
     throw new Error("LogoTitle: titleWrapper is null");
-  t && e.setAttribute("href", t);
-  const n = e.querySelector(f(s.TITLE__LOGO));
+  e && t.setAttribute("href", e);
+  const n = t.querySelector(f(s.TITLE__LOGO));
   if (!n)
     throw new Error("LogoTitle: logoWrapper is null");
-  const r = N().logo, o = N().showTitle, i = N().title;
+  const r = P().logo, o = P().showTitle, i = P().title;
   if (r) {
     let l;
-    Ge(r) ? l = T(
+    Ge(r) ? l = I(
       /** @type {string} */
       r
     ) : l = /** @type {Element} */
     r, l.setAttribute("role", "presentation"), n.appendChild(l);
   } else
-    e.removeChild(n);
-  const c = document.createTextNode(i), a = e.querySelector(f(s.TITLE__TITLE));
-  return a == null || a.appendChild(c), !o && r && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), e;
-}
-const Mo = `<div class="utah-logo-svg" role="img">
-  <title>An official website of the State of Utah</title>
-  <svg viewBox="0 0 137.363 56.6959">
-    <g>
+    t.removeChild(n);
+  const c = document.createTextNode(i), a = t.querySelector(f(s.TITLE__TITLE));
+  return a == null || a.appendChild(c), !o && r && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), t;
+}
+const So = `<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>
+    <svg viewBox="0 0 137.363 56.6959" role="img">
       <g>
-        <path 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>
+          <path
+            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>
+        </text>
       </g>
-      <text transform="translate(.0419 52.5939)"><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></text>
-    </g>
-  </svg>
+    </svg>
+  </button>
 </div>
-`, To = `<div class="utah-logo-svg">
-  <svg viewBox="0 0 105.9496 47.6226" role="img">
-    <title>An official website of the State of Utah</title>
-    <g>
+`, Uo = `<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>
+    <svg viewBox="0 0 105.9496 47.6226" role="img">
       <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>
+          <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 </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>
+        </text>
       </g>
-      <text transform="translate(.0419 43.5205)"><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></text>
-    </g>
-  </svg>
+    </svg>
+  </button>
+</div>
+`, Co = `<div class="utds-official-website-hover__wrapper">
+  How do I know it’s official?<br />
+  Learn more.
 </div>
 `;
-function Ao() {
-  let t;
-  switch (N().size) {
+function Do() {
+  let e;
+  switch (P().size) {
     case ce.LARGE:
-      t = Mo;
+      e = So;
       break;
     case ce.SMALL:
     case ce.MEDIUM:
-      t = To;
+      e = Uo;
       break;
     default:
-      throw new Error(`Unknown settings size: '${N().size}'`);
+      throw new Error(`Unknown settings size: '${P().size}'`);
   }
-  return T(t);
+  const t = I(e);
+  if (!/** @type {HTMLElement} */
+  t.querySelector(f(s.LOGO_SVG)))
+    throw new Error("UtahLogo: logoButton not found");
+  return t.setAttribute("id", C()), pt(t, I(Co)), t;
 }
-function wo() {
+function Ro() {
   var n;
-  const t = T(Sn);
-  t.classList.add(`utds-header--${((n = N().size) == null ? void 0 : n.toLowerCase()) || ce.MEDIUM}`);
-  const e = T(Un);
-  return t.appendChild(e), e.appendChild(Ao()), e.appendChild(T(Cn)), e.appendChild(go()), t.appendChild(vo()), t;
+  const e = I(_o);
+  e.classList.add(`utds-header--${((n = P().size) == null ? void 0 : n.toLowerCase()) || ce.MEDIUM}`);
+  const t = I(ho);
+  return e.appendChild(t), t.appendChild(Do()), t.appendChild(I(mo)), t.appendChild(No()), e.appendChild(Oo()), e;
 }
-const yo = `<li class="menu-item">
+const xo = `<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>
-`, Oo = `<div class="utah-design-system main-menu__outer">
+`, Ho = `<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>
@@ -2339,7 +2560,7 @@ const yo = `<li class="menu-item">
     </button>
   </div>
 </div>
-`, Po = `<div class="utah-design-system" id="search-modal">
+`, Bo = `<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>
@@ -2366,308 +2587,178 @@ const yo = `<li class="menu-item">
 </div>
 `;
 function Ce() {
-  const t = document.getElementById(s.SEARCH__SEARCH_MODAL);
-  if (!t)
+  const e = document.getElementById(s.SEARCH__SEARCH_MODAL);
+  if (!e)
     throw new Error("closSearchModal: searchModal not found");
-  t.remove();
-  const e = (
+  e.remove();
+  const t = (
     /** @type {HTMLElement} */
     document.querySelector(f(s.MAIN_MENU__SEARCH))
   );
-  if (!e)
+  if (!t)
     throw new Error("closSearchModal: searchIcon not found");
-  e.focus();
+  t.focus();
 }
-function No() {
-  const t = T(Po), e = (
+function ko() {
+  const e = I(Bo), t = (
     /** @type {HTMLElement} */
-    t.querySelector(f(s.SEARCH__SEARCH_BACKDROP))
+    e.querySelector(f(s.SEARCH__SEARCH_BACKDROP))
   );
-  if (!e)
+  if (!t)
     throw new Error("showSearchModal: backdrop not found");
   const n = (
     /** @type {HTMLElement} */
-    t.querySelector(f(s.SEARCH__SEARCH_CLOSE_BUTTON))
+    e.querySelector(f(s.SEARCH__SEARCH_CLOSE_BUTTON))
   );
   if (!n)
     throw new Error("showSearchModal: closeButton not found");
   const r = (
     /** @type {HTMLElement} */
-    t.querySelector(f(s.SEARCH__SEARCH_BUTTON))
+    e.querySelector(f(s.SEARCH__SEARCH_BUTTON))
   );
   if (!r)
     throw new Error("showSearchModal: searchButton not found");
   const o = (
     /** @type {HTMLElement} */
-    t.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER))
+    e.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER))
   );
   if (!o)
     throw new Error("showSearchModal: searchButtonWrapper not found");
   const i = (
     /** @type {HTMLInputElement} */
-    t.querySelector(f(s.SEARCH__SEARCH_INPUT))
+    e.querySelector(f(s.SEARCH__SEARCH_INPUT))
   );
   if (!i)
     throw new Error("showSearchModal: searchInput not found");
   r.onclick = (a) => {
     var l, u;
-    a.preventDefault(), a.stopPropagation(), Ce(), (u = (l = N()).onSearch) == null || u.call(l, i.value);
+    a.preventDefault(), a.stopPropagation(), Ce(), (u = (l = P()).onSearch) == null || u.call(l, i.value);
   }, n.onclick = (a) => {
     a.preventDefault(), a.stopPropagation(), Ce();
-  }, e.onclick = (a) => {
+  }, t.onclick = (a) => {
     a.preventDefault(), a.stopPropagation(), Ce();
-  }, document.body.appendChild(t), i.focus(), i.oninput = () => {
+  }, document.body.appendChild(e), i.focus(), i.oninput = () => {
     o.classList.remove(s.VISUALLY_HIDDEN);
   }, r.onfocus = () => {
     o.classList.remove(s.VISUALLY_HIDDEN);
-  }, t.onkeyup = (a) => {
+  }, e.onkeyup = (a) => {
     (a.code === "Escape" || a.key === "Escape") && (a.preventDefault(), a.stopPropagation(), Ce());
   }, n.addEventListener("focusout", (a) => {
-    a.preventDefault(), a.stopPropagation(), ve[Ke.SHIFT] ? r.focus() : i.focus();
+    a.preventDefault(), a.stopPropagation(), Ee[Ze.SHIFT] ? r.focus() : i.focus();
   });
-  const c = t.querySelector(".search-modal__hidden-last-focusable");
+  const c = e.querySelector(".search-modal__hidden-last-focusable");
   if (!c)
     throw new Error("showSearchModal: hiddenLastFocusableButton not found");
   c.addEventListener("focusin", (a) => {
     a.preventDefault(), a.stopPropagation(), n.focus();
   });
 }
-function Lo() {
+function Wo() {
   var l;
-  const t = N(), e = T(Oo), n = e.querySelector(f(s.MAIN_MENU__NAV));
+  const e = P(), t = I(Ho), n = t.querySelector(f(s.MAIN_MENU__NAV));
   if (!n)
     throw new Error("renderMainMenu(): mainMenu not created");
   const r = n.querySelector(f(s.MAIN_MENU__TITLE));
   if (!r)
     throw new Error("renderMainMenu(): titleTag not found");
   const o = "main-menu__nav";
-  n.setAttribute("aria-labelledby", o), r.setAttribute("id", o), r.innerHTML = t.mainMenu.title;
+  n.setAttribute("aria-labelledby", o), r.setAttribute("id", o), r.innerHTML = e.mainMenu.title;
   const i = n.querySelector(f(s.MAIN_MENU__MENU_TOP));
   if (!i)
     throw new Error("renderMainMenu(): mainMenuTop not found");
-  t.mainMenu.menuItems.forEach((u) => {
-    var m, v;
-    const d = T(yo);
+  e.mainMenu.menuItems.forEach((u) => {
+    var m, E;
+    const d = I(xo);
     i.appendChild(d);
-    const _ = d.querySelector(f(s.MENU_ITEM__TITLE));
-    if (!_)
+    const h = d.querySelector(f(s.MENU_ITEM__TITLE));
+    if (!h)
       throw new Error(`renderMainMenu(): sub menu title not found for ${u.title}`);
-    const h = (
+    const _ = (
       /** @type {HTMLElement} */
-      _.querySelector(f(s.MENU_ITEM__BUTTON_TITLE))
+      h.querySelector(f(s.MENU_ITEM__BUTTON_TITLE))
     );
-    if (!h)
+    if (!_)
       throw new Error(`renderMainMenu(): button title not found for ${u.title}`);
-    h.setAttribute("id", `${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${H()}`);
+    _.setAttribute("id", `${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${C()}`);
     const p = (
       /** @type {HTMLElement} */
-      _.querySelector(f(s.MENU_ITEM__LINK_TITLE))
+      h.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 && He(u.actionMenu, ["actionMenu"], (E) => !!E.isSelected)) && (h.classList.add(s.MENU_ITEM__SELECTED), p.classList.add(s.MENU_ITEM__SELECTED)), u.actionMenu) {
-      h.innerHTML = u.title, p.remove();
-      const E = {
+    if ((u.isSelected || u.actionMenu && xe(u.actionMenu, ["actionMenu"], (v) => !!v.isSelected)) && (_.classList.add(s.MENU_ITEM__SELECTED), p.classList.add(s.MENU_ITEM__SELECTED)), u.actionMenu) {
+      _.innerHTML = u.title, p.remove();
+      const v = {
         menuItems: u.actionMenu,
         title: u.title
-      }, g = at(
-        E,
-        h,
+      }, w = dt(
+        v,
+        _,
         {
           childrenMenuType: u.childrenMenuType || W.FLYOUT
         }
       );
-      d.appendChild(g), Te(d, h, g, "menu", { shouldFocusOnHover: !0 });
-      let A;
+      d.appendChild(w), Me(d, _, w, "menu", { shouldFocusOnHover: !0 });
+      let T;
       switch (u.childrenMenuType) {
         case W.INLINE:
-          A = s.MENU_ITEM__INLINE;
+          T = s.MENU_ITEM__INLINE;
           break;
         case W.MEGA_MENU:
-          A = s.MENU_ITEM__MEGA_MENU;
+          T = s.MENU_ITEM__MEGA_MENU;
           break;
         case W.FLYOUT:
         default:
-          A = s.MENU_ITEM__FLY_OUT;
+          T = s.MENU_ITEM__FLY_OUT;
           break;
       }
-      d.classList.add(A);
+      d.classList.add(T);
     } else if (u.actionFunction)
-      h.innerHTML = u.title, h.onclick = u.actionFunction, p.remove();
+      _.innerHTML = u.title, _.onclick = u.actionFunction, p.remove();
     else if (u.actionFunctionUrl)
-      p.innerHTML = u.title, p.setAttribute("href", u.actionFunctionUrl.url), p.onclick = (E) => {
-        var g, A;
-        (g = u.actionFunctionUrl) != null && g.skipHandleEvent || (E.stopPropagation(), E.preventDefault()), (A = u.actionFunctionUrl) == null || A.actionFunction(E);
-      }, h.remove();
+      p.innerHTML = u.title, p.setAttribute("href", u.actionFunctionUrl.url), p.onclick = (v) => {
+        var w, T;
+        (w = u.actionFunctionUrl) != null && w.skipHandleEvent || (v.stopPropagation(), v.preventDefault()), (T = u.actionFunctionUrl) == null || T.actionFunction(v);
+      }, _.remove();
     else if (u.actionUrl)
-      p.innerHTML = u.title, p.setAttribute("href", u.actionUrl.url), h.remove();
+      p.innerHTML = u.title, p.setAttribute("href", u.actionUrl.url), _.remove();
     else
       throw new Error(`renderMainMenu(): menuItem is missing an action: ${u.title}`);
-    ((m = u.actionUrl) != null && m.openInNewTab || (v = u.actionFunctionUrl) != null && v.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(T(Qt)));
+    ((m = u.actionUrl) != null && m.openInNewTab || (E = u.actionFunctionUrl) != null && E.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(I(Ft)));
   });
   let c = null;
-  if (t.utahId) {
-    const { button: u, menu: d } = Eo();
+  if (e.utahId) {
+    const { button: u, menu: d } = yo();
     c = d;
-    const _ = e.querySelector(f(s.MOBILE__UTAH_ID));
-    if (!_)
+    const h = t.querySelector(f(s.MOBILE__UTAH_ID));
+    if (!h)
       throw new Error("renderMainMenu: utahIdButtonWrapper not found");
-    _.appendChild(u);
+    h.appendChild(u);
   }
-  const a = e.querySelector(f(s.MAIN_MENU__SEARCH));
+  const a = t.querySelector(f(s.MAIN_MENU__SEARCH));
   if (!a || !(a instanceof HTMLElement))
     throw new Error("renderMainMenu: searchIcon not found");
-  if (t.onSearch) {
-    if (Jt(a, "Search"), a.onclick)
+  if (e.onSearch) {
+    if (pt(a, document.createTextNode("Search")), a.onclick)
       throw new Error("searchIcon already has onclick");
-    a.onclick = () => No();
+    a.onclick = () => ko();
   } else
-    (l = a.parentElement) == null || l.insertBefore(T('<div class="main-menu__search-placeholder">'), a), a.remove();
-  return { mainMenuWrapper: e, utahIdPopup: c };
-}
-const Uo = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
-</div>
-`;
-function ct(t) {
-  const e = document.querySelector(f(s.MOBILE_MENU__WRAPPER));
-  if (!e)
-    throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");
-  const n = e.querySelector(f(s.MOBILE_MENU__CONTENT));
-  if (!n)
-    throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
-  const r = T(Uo);
-  return r.appendChild(t), n.appendChild(r), r.setAttribute("id", H()), r;
-}
-function Xe(t, e) {
-  t.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((r) => {
-    r.classList.remove(s.ACTION_ITEM__SELECTED);
-    const o = r.querySelector("button");
-    if (!o)
-      throw new Error("showActionItem: actionWrapper does not have actionItem");
-    o.setAttribute("aria-selected", "false"), o.setAttribute("tabIndex", "-1");
-  }), e.classList.add(s.ACTION_ITEM__SELECTED);
-  const n = e.querySelector("button");
-  if (!n)
-    throw new Error("showActionItem: actionWrapper does not have actionItem");
-  n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
-}
-function xt(t, e) {
-  t.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(s.IS_OPEN)), e.classList.add(s.IS_OPEN);
-}
-function ut(t, e, n, {
-  ariaHasPopupType: r,
-  onClickHandler: o,
-  shouldOnClickCloseMenu: i
-}) {
-  var _;
-  if (e && !r)
-    throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");
-  const c = (
-    /** @type {HTMLElement} */
-    document.querySelector(f(s.MOBILE_MENU))
-  );
-  if (!c)
-    throw new Error("mobileMenuInteractionHandler: mobileMenu not found");
-  const a = (
-    /** @type {HTMLElement} */
-    document.querySelector(f(s.MOBILE_MENU__WRAPPER))
-  );
-  if (!a)
-    throw new Error("mobileMenuInteractionHandler: mobileMenuWrapper not found");
-  const l = (
-    /** @type {HTMLElement} */
-    a.querySelector(f(s.MOBILE_MENU__CONTENT))
-  );
-  if (!l)
-    throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");
-  const u = (_ = n == null ? void 0 : n.querySelector) == null ? void 0 : _.call(n, "button"), d = (u || t).getAttribute("id");
-  if (!d)
-    throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");
-  if (e) {
-    const h = e.getAttribute("id");
-    if (!h)
-      throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
-    (u || t).setAttribute("aria-controls", h), e.setAttribute("aria-labelledby", d);
-  }
-  if (t.onclick)
-    throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");
-  if (t.onclick = (h) => {
-    o && o(h) || (c.classList.contains(s.IS_OPEN) ? i && pt() : (So(), e && xt(l, e), Xe(a, n)));
-  }, e) {
-    if (n !== t && n.onclick)
-      throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");
-    n.onclick = (h) => {
-      o && o(h) || (xt(l, e), Xe(a, n));
-    };
-  }
-}
-function dt(t) {
-  const e = (
-    /** @type {HTMLElement} */
-    document.querySelector(f(s.MOBILE_MENU))
-  );
-  if (!e)
-    throw new Error(`${t}: mobileMenu not found`);
-  const n = document.getElementById(s.MAIN_MENU__HAMBURGER_ID);
-  if (!n)
-    throw new Error(`${t}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`);
-  const r = (
-    /** @type {HTMLElement} */
-    document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID)
-  );
-  if (!r)
-    throw new Error(`${t}: hamburgerIcon not found`);
-  return {
-    hamburger: n,
-    hamburgerIcon: r,
-    mobileMenu: e
-  };
-}
-function pt() {
-  const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = dt("hideMobileMenu");
-  t.setAttribute("aria-expanded", "false"), n.classList.remove(s.IS_OPEN), e.classList.add("utds-icon-before-hamburger"), e.classList.remove("utds-icon-before-x-icon");
-}
-function So() {
-  const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = dt("showMobileMenu");
-  t.setAttribute("aria-expanded", "true"), n.classList.add(s.IS_OPEN), e.classList.remove("utds-icon-before-hamburger"), e.classList.add("utds-icon-before-x-icon");
+    (l = a.parentElement) == null || l.insertBefore(I('<div class="main-menu__search-placeholder">'), a), a.remove();
+  return { mainMenuWrapper: t, utahIdPopup: c };
 }
-function Co(t) {
-  var c;
-  const { hamburger: e } = dt("hookupHamburger");
-  if ((c = N().actionItems) == null ? void 0 : c.some((a) => !!a.badge)) {
-    const a = st({ label: "Home Badge" });
-    a && e.appendChild(a);
-  }
-  pt();
-  const o = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
-  if (!o)
-    throw new Error("hookupHamburger: homeActionItem not found");
-  const i = (
-    /** @type {HTMLElement} */
-    o.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
-  );
-  if (!i)
-    throw new Error("hookupHamburger: homeActionItemWrapper not found");
-  ut(
-    e,
-    t,
-    i,
-    { ariaHasPopupType: "menu", shouldOnClickCloseMenu: !0 }
-  );
-}
-function Do(t) {
-  let e = NaN, n = null, r = null;
+function qo(e) {
+  let t = NaN, n = null, r = null;
   return {
     promise: new Promise((i, c) => {
-      e = setTimeout(
+      t = setTimeout(
         () => {
-          e = NaN, i();
+          t = NaN, i();
         },
-        t
+        e
       ), n = i, r = c;
     }),
     clearTimeout: (i) => {
-      e && (clearTimeout(e), e = NaN, i(n, r));
+      t && (clearTimeout(t), t = NaN, i(n, r));
     }
   };
 }
@@ -2677,31 +2768,31 @@ const z = {
   lastError: null,
   userInfo: null
 };
-function Ht(t) {
-  var e, n, r;
-  t.isDefinitive && (nn(t), (r = (n = (e = N()) == null ? void 0 : e.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, t));
-}
-let Bt = !0;
-const Ro = 500;
-async function an() {
-  var e, n;
-  let t = null;
+function kt(e) {
+  var t, n, r;
+  e.isDefinitive && (rn(e), (r = (n = (t = P()) == null ? void 0 : t.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, e));
+}
+let Wt = !0;
+const Vo = 500;
+async function sn() {
+  var t, n;
+  let e = null;
   if (z.isDefinitive === !1)
-    t = Promise.resolve(z);
-  else if (Bt)
-    t = Do(Ro).promise.then(() => {
-      Bt = !1, an();
+    e = Promise.resolve(z);
+  else if (Wt)
+    e = qo(Vo).promise.then(() => {
+      Wt = !1, sn();
     });
   else {
-    const r = N();
+    const r = P();
     if (r.utahId === !1)
-      t = Promise.resolve({
+      e = Promise.resolve({
         isDefinitive: !0,
         lastError: "Utah ID is off",
         userInfo: null
       });
-    else if (r.utahId === !0 || ((e = r.utahId) == null ? void 0 : e.currentUser) === void 0)
-      z.isDefinitive = !1, t = fetch(Ae.USER_INFO, { credentials: "include" }).then((o) => o.json()).then((o) => {
+    else if (r.utahId === !0 || ((t = r.utahId) == null ? void 0 : t.currentUser) === void 0)
+      z.isDefinitive = !1, e = fetch(Te.USER_INFO, { credentials: "include" }).then((o) => o.json()).then((o) => {
         if (o.status === 200)
           z.lastError = null, z.userInfo = /** @type UserInfo */
           o.data;
@@ -2710,7 +2801,7 @@ async function an() {
       }).catch((o) => {
         z.lastError = o, z.userInfo = null;
       }).finally(() => {
-        z.isDefinitive = !0, Ht(z);
+        z.isDefinitive = !0, kt(z);
       });
     else {
       const o = {
@@ -2718,27 +2809,27 @@ async function an() {
         lastError: null,
         userInfo: (n = r.utahId) == null ? void 0 : n.currentUser
       };
-      t = Promise.resolve(o), Ht(o);
+      e = Promise.resolve(o), kt(o);
     }
   }
-  return t;
+  return e;
 }
-function xo() {
+function Fo() {
   return z;
 }
-function Ho() {
-  const t = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
-  if (!t)
+function Go() {
+  const e = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
+  if (!e)
     throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");
-  const e = (
+  const t = (
     /** @type {HTMLElement} */
-    t.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    e.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  if (!e)
+  if (!t)
     throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");
-  e.remove();
+  t.remove();
 }
-function Bo(t, e) {
+function $o(e, t) {
   const n = document.querySelector(f(s.MOBILE__UTAH_ID));
   if (!n)
     throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");
@@ -2748,7 +2839,7 @@ function Bo(t, e) {
   );
   if (!r)
     throw new Error("hookupUtahIdInMobileMenu: utahIdButton not found");
-  if (!t.querySelector(f(s.MOBILE_MENU__CONTENT)))
+  if (!e.querySelector(f(s.MOBILE_MENU__CONTENT)))
     throw new Error("hookupUtahIdInMobileMenu: mobileContentWrapper not found");
   const i = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!i)
@@ -2759,147 +2850,104 @@ function Bo(t, e) {
   );
   if (!c)
     throw new Error("hookupHamburger: profileActionItemWrapper not found");
-  const a = ct(e);
-  ut(
+  const a = Je(t);
+  rt(
     r,
     a,
     c,
     {
       ariaHasPopupType: "menu",
       onClickHandler: (l) => {
-        var h;
-        const u = xo(), d = N();
-        let _ = !1;
-        if (!(u != null && u.isDefinitive) || !((h = u == null ? void 0 : u.userInfo) != null && h.authenticated)) {
-          _ = !0;
+        var _;
+        const u = Fo(), d = P();
+        let h = !1;
+        if (!(u != null && u.isDefinitive) || !((_ = u == null ? void 0 : u.userInfo) != null && _.authenticated)) {
+          h = !0;
           const p = d.utahId !== !1 && d.utahId !== !0 && d.utahId.onSignIn;
-          p ? p(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Ae.SIGN_IN);
+          p ? p(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Te.SIGN_IN);
         }
-        return _;
+        return h;
       },
       shouldOnClickCloseMenu: !0
     }
   );
 }
-function ko() {
+function jo() {
   return he(
-    N().mainMenu.menuItems,
+    P().mainMenu.menuItems,
     {
       childrenMenuType: W.INLINE,
       removePopupArrow: !0
     }
   );
 }
-const Wo = `<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">
+const Yo = `<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>
-  <span class="menu-chiclet"></span>
-</div>
-`, qo = `<div class="utds-header-action-item-menu">
-  <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function Vo(t) {
-  const e = T(Wo);
-  e.getAttribute("id") || e.setAttribute("id", H());
-  const n = document.createTextNode(t.title), r = (
+function zo() {
+  const e = I(Yo), n = (
     /** @type {HTMLElement} */
-    e instanceof HTMLCollection ? e[0] : e
+    document.querySelector(f(s.LOGO)).querySelector(f(s.LOGO_SVG))
   );
-  t.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE), r.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), r.classList.remove(s.ACTION_ITEM);
-  const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
-  if (!o)
-    throw new Error("renderActionItem: titleDiv not found");
-  o.appendChild(n), t.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
-  const i = (
-    /** @type {HTMLElement} */
-    e.querySelector(f(s.ACTION_ITEM__ICON_BUTTON))
-  );
-  if (!i)
-    throw new Error("renderActionItem: iconButton not found");
-  t.className && i.classList.add(t.className);
-  const c = st(t.badge);
-  c && i.appendChild(c);
-  const a = T(t.icon);
-  a.setAttribute("role", "presentation"), i.appendChild(a);
-  let l = null;
-  if (t.actionFunction)
-    i.onclick = t.actionFunction;
-  else if (t.actionDom) {
-    const u = H();
-    i.setAttribute("id", u), l = T(typeof t.actionDom == "function" ? t.actionDom() : t.actionDom);
-  } else if (t.actionPopupMenu) {
-    const u = H();
-    i.setAttribute("id", u), l = T(qo);
-    const d = l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
-    if (!d)
-      throw new Error("renderMobileActionItem: actionItemContentTitle not found");
-    d.appendChild(document.createTextNode(t.actionPopupMenu.title));
-    const _ = he(t.actionPopupMenu.menuItems, { childrenMenuType: W.INLINE });
-    l.appendChild(_);
-  } else
-    throw console.error(t), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return { actionItemElement: e, actionItemContent: l };
-}
-function Fo() {
-  var i, c, a;
-  const t = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
-  if (!t)
-    throw new Error("renderMobileActionItems: homeActionItem not found");
-  const e = (
-    /** @type {HTMLElement} */
-    t.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
-  );
-  if (!e)
-    throw new Error("renderMobileActionItems: homeActionItemWrapper not found");
-  const r = !!N().utahId ? document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, o = (
-    /** @type {HTMLElement} */
-    (i = r == null ? void 0 : r.closest) == null ? void 0 : i.call(r, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
-  );
-  (a = (c = [...N().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...Vo(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
-    let _;
-    switch (l.mobileMenuLocation) {
-      case "left":
-        _ = e;
-        break;
-      case "none":
-        _ = null;
-        break;
-      case "right":
-      default:
-        _ = o || e;
-        break;
-    }
-    if (_ && (_.after(d), u)) {
-      const h = ct(u);
-      let p = null;
-      l.actionDom ? p = "dialog" : l.actionPopupMenu && (p = "menu"), ut(
-        d,
-        h,
-        d,
-        { ariaHasPopupType: p, shouldOnClickCloseMenu: !1 }
-      );
-    }
-  });
+  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 o = document.querySelectorAll(f(s.TOOLTIP__WRAPPER));
+    o == null || o.forEach((i) => {
+      i.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE);
+    });
+  };
+  const r = e.querySelector(f(s.LOGO_OFFICIAL_CLOSE_BUTTON));
+  if (!r)
+    throw new Error("renderOfficialWebsite: closeButton not found");
+  return r.onclick = () => {
+    e.classList.toggle(s.VISUALLY_HIDDEN), n.focus(), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true");
+  }, r.id || (r.id = C()), e.id || (e.id = C()), n.setAttribute("aria-controls", e.id), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), e.setAttribute("aria-labelledby", n.id), e;
 }
-function Go() {
-  const e = [...document.querySelectorAll(`
+function Ko() {
+  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)}
     `)];
-  e.forEach(
+  t.forEach(
     (n) => {
       n.onkeydown = (r) => {
         (r.code === "Home" || r.code === "End" || r.code === "ArrowRight" || r.code === "ArrowLeft") && r.preventDefault();
       }, n.onkeyup = (r) => {
-        const o = e.indexOf(n);
+        const o = t.indexOf(n);
         let i = NaN;
-        if (r.code === "Home" ? i = 0 : r.code === "End" ? i = e.length - 1 : r.code === "ArrowRight" ? i = (o + 1) % e.length : r.code === "ArrowLeft" && (i = (e.length + o - 1) % e.length), !Number.isNaN(i)) {
+        if (r.code === "Home" ? i = 0 : r.code === "End" ? i = t.length - 1 : r.code === "ArrowRight" ? i = (o + 1) % t.length : r.code === "ArrowLeft" && (i = (t.length + o - 1) % t.length), !Number.isNaN(i)) {
           r.preventDefault(), r.stopPropagation();
-          const c = e[i], a = (
+          const c = t[i], a = (
             /** @type {HTMLElement} */
             c.closest(
               f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)
@@ -2911,19 +2959,19 @@ function Go() {
           if (l && document.getElementById(l))
             c.click();
           else {
-            const _ = (
+            const h = (
               /** @type {HTMLElement} */
               document.querySelector(f(s.MOBILE_MENU__WRAPPER))
             );
-            if (!_)
+            if (!h)
               throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-            const h = (
+            const _ = (
               /** @type {HTMLElement} */
-              _.querySelector(f(s.MOBILE_MENU__CONTENT))
+              h.querySelector(f(s.MOBILE_MENU__CONTENT))
             );
-            if (!h)
+            if (!_)
               throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");
-            h.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((p) => p.classList.remove(s.IS_OPEN));
+            _.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((p) => p.classList.remove(s.IS_OPEN));
           }
           const d = (
             /** @type {HTMLElement} */
@@ -2931,56 +2979,81 @@ function Go() {
           );
           if (!d)
             throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-          Xe(d, a);
+          $e(d, a);
         }
       };
     }
   );
 }
-function $o() {
-  const t = Pn.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${N().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${N().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${N().mediaSizes.mobile}px`);
-  let e = document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);
-  e || (e = document.createElement("style"), e.id = s.CSS_HEADER_MEDIA_TAG_ID), e.innerHTML = t, document.body.appendChild(e);
+function Zo() {
+  const e = Ln.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${P().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${P().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${P().mediaSizes.mobile}px`);
+  let t = document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);
+  t || (t = document.createElement("style"), t.id = s.CSS_HEADER_MEDIA_TAG_ID), t.innerHTML = e, document.body.appendChild(t);
+}
+function Xo() {
+  const e = P();
+  let t = document.body;
+  if (e.domLocationTarget) {
+    const n = [
+      e.domLocationTarget.cssSelector,
+      e.domLocationTarget.element,
+      e.domLocationTarget.elementFunction
+    ].filter((r) => r);
+    if (n.length < 1)
+      throw new Error("loadHeader: domLocationTarget must either have a value for one of its properties or not be specified at all");
+    if (n.length > 1)
+      throw new Error("loadHeader: domLocationTarget must only have one target specified");
+    if (e.domLocationTarget.cssSelector)
+      t = document.querySelector(e.domLocationTarget.cssSelector), Mt(!t, `loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);
+    else if (e.domLocationTarget.element)
+      t = e.domLocationTarget.element;
+    else if (e.domLocationTarget.elementFunction)
+      t = e.domLocationTarget.elementFunction(), Mt(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
+    else
+      throw new Error("loadHeader: domLocationTarget must have at least one field set");
+  }
+  return Sn(t, "loadHeader: domTarget is null (how?!)");
 }
-function jo() {
-  var e;
+function Qo() {
+  var t;
   if (!document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) {
-    const n = wo();
-    document.body.insertBefore(n, document.body.firstChild);
-    const { mainMenuWrapper: r, utahIdPopup: o } = Lo();
-    r && n.after(r);
-    const i = T(Nn);
-    n.after(i);
-    const c = (
+    const n = Ro(), r = Xo();
+    r.insertBefore(n, r.firstChild);
+    const o = zo();
+    n.after(o);
+    const { mainMenuWrapper: i, utahIdPopup: c } = Wo();
+    i && o.after(i);
+    const a = I(Nn);
+    o.after(a);
+    const l = (
       /** @type {HTMLElement} */
       document.querySelector(f(s.MOBILE_MENU__BACKDROP))
     );
-    if (!c)
+    if (!l)
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");
-    if (c.onclick)
+    if (l.onclick)
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");
-    c.onclick = () => pt();
-    const a = ko(), l = tn(a, "Main Menu");
-    l.appendChild(a);
-    const u = ct(l);
-    Co(u), o ? ((e = o.closest("div")) == null || e.removeAttribute("aria-labelledby"), Bo(i, o)) : Ho(), Fo(), Go(), eo(), $o(), an();
+    l.onclick = () => nt();
+    const u = jo(), d = nn(u, "Main Menu");
+    d.appendChild(u);
+    const h = Je(d);
+    $n(h), c ? ((t = c.closest("div")) == null || t.removeAttribute("aria-labelledby"), $o(a, c)) : Go(), fo(), Ko(), io(), Zo(), sn();
   }
 }
-function Yo(t) {
-  var e, n, r;
-  (e = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) == null || e.remove(), (n = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MAIN_MENU__OUTER]))) == null || n.remove(), (r = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MOBILE_MENU]))) == null || r.remove(), Xt(), t && setTimeout(() => document.dispatchEvent(new Event(kt.HEADER_UNLOADED)), 0);
+function Jo(e) {
+  var t, n, r, o;
+  (t = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) == null || t.remove(), (n = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MAIN_MENU__OUTER]))) == null || n.remove(), (r = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MOBILE_MENU]))) == null || r.remove(), (o = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.LOGO_OFFICIAL_WRAPPER]))) == null || o.remove(), en(), e && setTimeout(() => document.dispatchEvent(new Event(qt.HEADER_UNLOADED)), 0);
 }
-const zo = On.version.replace(/\./g, "");
-console.log(`Utah Header v${zo}`);
+const ei = Pn.version.replace(/\./g, "");
+console.log(`Utah Header v${ei}`);
 export {
-  Dn as baseSettings,
+  Cn as baseSettings,
   W as childrenMenuTypes,
-  kt as events,
-  N as getUtahHeaderSettings,
-  jo as loadHeader,
-  Qe as popupPlacement,
-  Yo as removeHeader,
-  T as renderDOMSingle,
-  Ko as setUtahHeaderSettings,
+  qt as events,
+  P as getUtahHeaderSettings,
+  Qo as loadHeader,
+  Jo as removeHeader,
+  I as renderDOMSingle,
+  ni as setUtahHeaderSettings,
   ce as sizes
 };