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

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

@@ -1,67 +1,4 @@
-const In = "@utahdts/utah-design-system-header", gn = "0.8.0", Tn = "Utah Header for the Utah Design System", Mn = {
-  ".": {
-    "development-local": "./src/index.js",
-    development: "./dist/utah-design-system-header.es.js",
-    production: "./dist/utah-design-system-header.es.js",
-    import: "./dist/utah-design-system-header.es.js",
-    require: "./dist/utah-design-system-header.umd.js",
-    default: [
-      "./dist/utah-design-system-header.es.js",
-      "./dist/utah-design-system-header.umd.js",
-      "./src/index.js"
-    ]
-  },
-  "./css": "./dist/style.css",
-  "./src/css/index.scss": "./src/css/index.scss"
-}, An = "./src/index.js", On = [
-  "src/css",
-  "dist"
-], wn = {
-  build: "vite build",
-  preview: "vite preview",
-  publishHeader: "npm publish --access public",
-  "test-publish": "npm publish --dry-run",
-  test: "vitest",
-  testc: "vitest run --coverage",
-  testOnce: "vitest run",
-  testui: "vitest --ui",
-  watch: "vite build --watch"
-}, Ln = {
-  type: "git",
-  url: "git+https://github.com/utahdts/utah-design-system.git"
-}, yn = "Apache-2.0", Pn = {
-  url: "https://github.com/utahdts/utah-design-system/issues"
-}, Nn = "https://github.com/utahdts/utah-design-system#readme", Sn = {
-  "@popperjs/core": "2.11.7"
-}, Un = {
-  "@vitest/ui": "0.31.1",
-  eslint: "8.40.0",
-  "eslint-config-airbnb": "19.0.4",
-  "eslint-plugin-import": "2.27.5",
-  "eslint-plugin-jsx-a11y": "6.7.1",
-  "eslint-plugin-react-refresh": "0.4.1",
-  jsdom: "22.0.0",
-  sass: "1.62.1",
-  vite: "4.3.7",
-  "vite-plugin-eslint": "1.8.1",
-  vitest: "0.31.0"
-}, Cn = "module", Rn = {
-  name: In,
-  version: gn,
-  description: Tn,
-  exports: Mn,
-  main: An,
-  files: On,
-  scripts: wn,
-  repository: Ln,
-  license: yn,
-  bugs: Pn,
-  homepage: Nn,
-  dependencies: Sn,
-  devDependencies: Un,
-  type: Cn
-};
-const j = {
+const z = {
   FLYOUT: (
     /** @type {ChildrenMenuType} */
     "flyout"
@@ -74,7 +11,7 @@ const j = {
     /** @type {ChildrenMenuType} */
     "mega-menu"
   )
-}, $t = {
+}, Ft = {
   // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
   HEADER_LOADED: (
     /** @type {Events} */
@@ -85,7 +22,7 @@ const j = {
     /** @type {Events} */
     "utahHeaderUnloaded"
   )
-}, Te = {
+}, Ie = {
   SMALL: (
     /** @type {Size} */
     "SMALL"
@@ -98,7 +35,7 @@ const j = {
     /** @type {Size} */
     "LARGE"
   )
-}, Dn = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+}, hn = `/* @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 */
@@ -168,7 +105,7 @@ const j = {
 @media screen and (max-width: media-size__mobile__PLACEHOLDER) {
   /* put your media query here for mobile */
 }
-`, Bn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
+`, mn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
   <div class="utds-header-mobile-menu__backdrop" aria-hidden></div>
   <div class="utds-header-mobile-menu__wrapper">
     <div class="utds-header-mobile-menu__action-bar" role="tablist">
@@ -311,25 +248,25 @@ const a = {
   UTAH_ID: "utds-utah-id-wrapper",
   UTAH_ID__BUTTON: "utds-utah-id__button"
 };
-function ee(e, t) {
+function X(e, t) {
   if (e)
     throw new Error(t);
 }
-function P(e, t) {
+function y(e, t) {
   if (e == null)
     throw new Error(t);
   return e;
 }
-function Lt(e) {
+function At(e) {
   return typeof e == "string" || e instanceof String;
 }
-function Hn(e) {
+function En(e) {
   const t = new DOMParser();
   let n;
-  if (Lt(e)) {
+  if (At(e)) {
     const o = (
       /** @type {Document} */
-      Lt(e) ? t.parseFromString(e, "text/html") : e
+      At(e) ? t.parseFromString(e, "text/html") : e
     ), r = o.body.children.length > 1 ? o.body.children : o.body.children.item(0);
     if (!r)
       throw console.error(e), new Error("renderDOM: nothing rendered");
@@ -343,8 +280,8 @@ function Hn(e) {
     throw e ? (console.error(e), new Error(`renderDOM: str is not a string nor a DOM Element : '${e}'`)) : new Error("renderDOM: falsy string passed; cannot render nothing");
   return n;
 }
-function g(e) {
-  const t = typeof e == "string" ? Hn(e) : e;
+function T(e) {
+  const t = typeof e == "string" ? En(e) : e;
   if (t instanceof HTMLCollection && t.length > 1)
     throw new Error("renderDOMSingle: must render a single element");
   const n = (
@@ -355,264 +292,82 @@ function g(e) {
     throw console.error(e), new Error("renderDOMSingle: nothing rendered");
   return n;
 }
-const xn = `<div class="utds-footer utah-design-system">
-  <div class="utds-footer__horizontal-divider">
-    <hr />
-  </div>
-  <div class="utds-footer__utah-logo-wrapper">
-    <div class="utah-logo-svg" id="utah-logo-svg">
-      <svg viewBox="0 0 107 30.51" role="img">
-          <g><path d="m12.44,30.51c-4.21,0-7.33-1.22-9.38-3.66C1.02,24.4,0,20.61,0,15.48V0h7.93v16.4c0,2.67.36,4.55,1.08,5.65.77,1.12,2.08,1.74,3.43,1.64,1.36.1,2.68-.52,3.48-1.63.75-1.09,1.13-2.97,1.13-5.65V0h7.65v15.48c0,5.13-1,8.92-3,11.36-2,2.44-5.09,3.66-9.26,3.66Zm24.42-.56V6.64h-7.93V0h23.78v6.64h-7.93v23.31h-7.92Zm26.17-14.56l-.51,2.07h5.53l-.51-2.07c-.37-1.44-.74-3.01-1.11-4.7-.37-1.69-.74-3.29-1.11-4.79h-.18c-.34,1.53-.68,3.14-1.04,4.82-.35,1.68-.71,3.24-1.08,4.68Zm-11.52,14.56L60.64,0h9.58l9.12,29.95h-8.39l-1.48-6.36h-8.38l-1.47,6.36h-8.11Zm30.69,0V0h7.93v11.15h8.94V0h7.93v29.95h-7.93v-11.89h-8.94v11.89h-7.93Z"/></g>
-      </svg>
-    </div>
-    <div class="utds-footer__vertical-divider" role="separator" aria-orientation="vertical"></div>
-    <div class="utds-footer__official-site-wrapper">
-      <div class="utds-footer__official-site">An official website of the <span class="whitespace-no-wrap">State of Utah</span></div>
-      <div class="utds-footer__copyright">©2023 State of Utah</div>
-    </div>
-  </div>
-  <div class="utds-footer__links">
-    <ul>
-      <li><a href="#" target="__blank" rel="noreferrer">Utah.gov Home</a></li>
-      <li><a href="#" target="__blank" rel="noreferrer">Terms of Use</a></li>
-      <li><a href="#" target="__blank" rel="noreferrer">Privacy Policy</a></li>
-      <li><a href="#" target="__blank" rel="noreferrer">Accessibility</a></li>
-      <li><a href="#" target="__blank" rel="noreferrer">Translate</a></li>
-    </ul>
-  </div>
-</div>
-`;
-let se = null;
-function Wn() {
-  var o, r, i, u, s, l, c, d, h, f, _, m, E, v, T, A;
-  const e = O(), t = document.querySelector(p(a.FOOTER));
-  let n = t;
-  if (e.footer === null)
-    t == null || t.remove();
-  else if (((o = se == null ? void 0 : se.footer) == null ? void 0 : o.domLocationTarget) !== ((r = e == null ? void 0 : e.footer) == null ? void 0 : r.domLocationTarget) || ((i = se == null ? void 0 : se.footer) == null ? void 0 : i.showHorizontalRule) !== ((u = e == null ? void 0 : e.footer) == null ? void 0 : u.showHorizontalRule) || !t) {
-    t && t.remove(), n = g(xn);
-    let b = document.body;
-    if ((s = e == null ? void 0 : e.footer) != null && s.domLocationTarget) {
-      const I = [
-        (l = e == null ? void 0 : e.footer) == null ? void 0 : l.domLocationTarget.cssSelector,
-        (c = e == null ? void 0 : e.footer) == null ? void 0 : c.domLocationTarget.element,
-        (d = e == null ? void 0 : e.footer) == null ? void 0 : d.domLocationTarget.elementFunction
-      ].filter((M) => M);
-      if (ee(I.length < 1, "renderFooter: footer.domLocationTarget must either have a value for one of its properties or not be specified at all"), ee(I.length > 1, "renderFooter: footer.domLocationTarget must only have one target specified"), (h = e == null ? void 0 : e.footer) != null && h.domLocationTarget.cssSelector)
-        b = document.querySelector((f = e == null ? void 0 : e.footer) == null ? void 0 : f.domLocationTarget.cssSelector), ee(!b, `renderFooter: element not found for domLocationTarget.cssSelector ${(_ = e == null ? void 0 : e.footer) == null ? void 0 : _.domLocationTarget.cssSelector}`);
-      else if ((m = e == null ? void 0 : e.footer) != null && m.domLocationTarget.element)
-        b = (E = e == null ? void 0 : e.footer) == null ? void 0 : E.domLocationTarget.element;
-      else if ((v = e == null ? void 0 : e.footer) != null && v.domLocationTarget.elementFunction)
-        b = (T = e == null ? void 0 : e.footer) == null ? void 0 : T.domLocationTarget.elementFunction(), ee(!b, "renderFooter: element not returned from domLocationTarget.elementFunction");
-      else
-        throw new Error("renderFooter: domLocationTarget must have at least one field set");
-    }
-    if (b == null || b.appendChild(n), !((A = e == null ? void 0 : e.footer) != null && A.showHorizontalRule)) {
-      const I = document.querySelector(p(a.FOOTER_HORIZONTAL_DIVIDER));
-      ee(!I, "renderFooter: cannot remove horizontal rule; not found"), I == null || I.remove();
-    }
-    se = JSON.parse(JSON.stringify(e));
-  }
-  return n;
-}
-const jt = {
+const Ot = {
+  onSearch: !1,
+  mainMenu: !1,
   mediaSizes: {
     mobile: 640,
     tabletPortrait: 768,
     tabletLandscape: 1024
   },
   showTitle: !0,
-  size: Te.MEDIUM,
+  size: Ie.MEDIUM,
   title: "My Utah.gov Site",
-  titleURL: "/"
+  titleURL: "/",
+  utahId: !1
 };
-let ke = { ...jt };
-function O() {
-  return ke;
-}
-function kn(e) {
+function vn(e) {
   if (!e.showTitle && !e.logo)
     throw new Error("validateSettings: A title must be shown if there is no logo. Please change the `showTitle` setting to be `true` or provide a logo image.");
 }
-function yt() {
-  ti(!1), ei();
+class bn {
+  constructor() {
+    this.settings = { ...Ot };
+  }
+  /**
+   * @param {SettingsInput} settings
+   */
+  setSettings(t) {
+    const n = { ...Ot, ...this.settings, ...t };
+    vn(n), this.settings = n;
+  }
+  /**
+   * @returns {Settings}
+  */
+  getSettings() {
+    return this.settings;
+  }
 }
-let zt = !1;
-const qn = 15e3;
-let Pt = 0;
-const Vn = setInterval(
-  () => {
-    Pt += 1, Pt >= qn || zt ? clearInterval(Vn) : document.dispatchEvent(new Event($t.HEADER_LOADED));
-  },
-  2
-);
-function ni(e) {
-  return ke = { ...jt, ...O(), ...e }, kn(ke), zt = !0, document != null && document.body ? yt() : window.addEventListener("load", () => yt()), ke;
+const Ke = new bn();
+function w() {
+  return Ke.getSettings();
 }
-const Fn = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
+const In = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
 </div>
 `;
-function R() {
+function U() {
   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 it(e) {
+function tt(e) {
   const t = document.querySelector(p(a.MOBILE_MENU__WRAPPER));
   if (!t)
     throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");
   const n = t.querySelector(p(a.MOBILE_MENU__CONTENT));
   if (!n)
     throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
-  const o = g(Fn);
-  return o.appendChild(e), n.appendChild(o), o.setAttribute("id", R()), o;
+  const o = T(In);
+  return o.appendChild(e), n.appendChild(o), o.setAttribute("id", U()), o;
 }
 function K(e) {
   return typeof e == "function" ? e() : e;
 }
-const Gn = `<div class="utds-badge__wrapper">
-  <span class="utds-badge__value"></span>
-  <span class="utds-badge__label visually-hidden"></span>
-</div>
-`;
-function at(e) {
-  let t = null;
-  if (e) {
-    t = /** @type {HTMLElement} */
-    g(Gn), t.classList.add(a.BADGE_WRAPPER__ACTION_ITEM);
-    const n = t.querySelector(p(a.BADGE__LABEL));
-    if (!n)
-      throw new Error("renderActionItemBadge: badgeLabel not found");
-    if (n.appendChild(document.createTextNode(e.label)), e.value || e.value === 0) {
-      const o = t.querySelector(p(a.BADGE__VALUE));
-      if (!o)
-        throw new Error("renderActionItemBadge: badgeValue not found");
-      o.appendChild(document.createTextNode(`${e.value}`));
-    } else
-      t.classList.add(a.BADGE_WRAPPER__SMALL);
-    e.className && t.classList.add(e.className);
-  }
-  return t;
-}
-const $n = `<div class="utah-design-system utds-official-website-popup__wrapper visually-hidden" tabindex="-1">
-  <h2 class="utds-official-website-popup__heading">
-    This is an official website of the State of Utah. Here’s how you know:
-  </h2>
-  <div class="utds-official-website-popup__content">
-    <div class="utds-official-website-popup__col">
-      <div class="utds-icon-before-verified big-icon" aria-hidden="true"></div>
-      <div>
-        <strong>Official Utah websites use utah.gov in the browser&#39;s address bar.</strong><br />
-        A Utah.gov website belongs to an official government organization in the State of Utah.
-        <div class="utds-official-website-popup__address-bar"></div>
-      </div>
-    </div>
-    <div class="utds-official-website-popup__col">
-      <div class="utds-icon-before-lock big-icon" aria-hidden="true"></div>
-      <div>
-        <strong>Be careful when sharing sensitive information.</strong><br />
-        Share sensitive information only on secure official Utah.gov websites.
-      </div>
-    </div>
-    <div>
-      <svg class="utds-official-website-popup__official-image" viewBox="0 0 105.9496 47.6226" role="img">
-        <g>
-          <g>
-            <path
-              d="M12.2714,30.0877c-4.1489,0-7.2318-1.2037-9.2489-3.611C1.0055,24.0693-.002,20.334,0,15.2709V0H7.8175V16.1806c0,2.6363,.356,4.4923,1.0679,5.5679,.7613,1.1018,2.0506,1.7162,3.3859,1.6134,1.3465,.0953,2.6458-.5157,3.4313-1.6134,.7422-1.0756,1.1133-2.9316,1.1133-5.5679V0h7.5448V15.2709c0,5.0601-.9847,8.7946-2.9541,11.2035-1.9694,2.4089-5.0145,3.6133-9.1352,3.6133Zm24.0887-.5463V6.5444h-7.8175V0h23.4526V6.5444h-7.8175V29.5414h-7.8175Zm25.8151-14.362l-.5002,2.0452h5.455l-.5002-2.0452c-.3637-1.4239-.7273-2.9693-1.091-4.636-.3637-1.6667-.7261-3.242-1.0871-4.7259h-.1821c-.3334,1.5151-.6743,3.0983-1.0226,4.7497s-.7053,3.189-1.071,4.6129l-.0008-.0008Zm-11.3617,14.362L59.8127,0h9.4502l9.0023,29.5414h-8.2724l-1.4544-6.2709h-8.2716l-1.4544,6.2709h-7.9988Zm30.2713,0V0h7.8175V10.9991h8.8171V0h7.8175V29.5414h-7.8175v-11.7251h-8.8194v11.7251h-7.8152Z" />
-          </g>
-          <text transform="translate(.0419 43.5205)" aria-hidden="true">
-            <tspan x="0" y="0">An official website</tspan>
-          </text>
-        </g>
-      </svg>
-      <div class="utds-official-website-popup__copyright">&copy; State of Utah</div>
-    </div>
-  </div>
-  <button type="button" class="utds-official-website-popup__close-button button icon-button icon-button--borderless"
-    tabIndex="-1">
-    <span class="utds-icon-before-x-icon" aria-hidden="true"></span>
-    <span class="visually-hidden">Close official website popup</span>
-  </button>
-</div>
-`;
-function Yt() {
-  const e = P(
-    document.querySelector(p(a.LOGO_OFFICIAL_WRAPPER)),
-    "openOfficialWebsite: official wrapper not found"
-  ), t = P(
-    document.querySelector(p(a.LOGO)),
-    "openOfficialWebsite: logoWrapper not found"
-  ), n = P(
-    t.querySelector(p(a.LOGO_SVG)),
-    "openOfficialWebsite: logoButton not found"
-  ), o = P(
-    e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON)),
-    "openOfficialWebsite: official close button not found"
-  );
-  e.classList.add(a.VISUALLY_HIDDEN), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), o.setAttribute("tabIndex", -1), e.setAttribute("tabIndex", -1);
-  const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
-  r == null || r.forEach((i) => {
-    i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
-  });
-}
-function jn() {
-  const e = P(
-    document.querySelector(p(a.LOGO_OFFICIAL_WRAPPER)),
-    "openOfficialWebsite: official wrapper not found"
-  ), t = P(
-    document.querySelector(p(a.LOGO)),
-    "openOfficialWebsite: logoWrapper not found"
-  ), n = P(
-    t.querySelector(p(a.LOGO_SVG)),
-    "openOfficialWebsite: logoButton not found"
-  ), o = P(
-    e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON)),
-    "openOfficialWebsite: official close button not found"
-  );
-  e.classList.remove(a.VISUALLY_HIDDEN), o.removeAttribute("tabIndex"), e.removeAttribute("tabIndex"), n.setAttribute("aria-expanded", "true"), e.setAttribute("aria-hidden", "false"), e.focus();
-  const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
-  r == null || r.forEach((i) => {
-    i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
-  }), Ge();
-}
-function zn() {
-  const e = g($n), n = (
-    /** @type {HTMLElement} */
-    document.querySelector(p(a.LOGO)).querySelector(p(a.LOGO_SVG))
-  );
-  if (!n)
-    throw new Error("renderOfficialWebsite: logoButton not found");
-  if (n.onclick)
-    throw new Error("renderOfficialWebsite: logoButton already has an onclick");
-  const o = e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON));
-  if (!o)
-    throw new Error("renderOfficialWebsite: closeButton not found");
-  return n.onclick = () => {
-    e.classList.toggle(a.VISUALLY_HIDDEN), e.classList.contains(a.VISUALLY_HIDDEN) ? Yt() : jn();
-    const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
-    r == null || r.forEach((i) => {
-      i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
-    });
-  }, o.onclick = () => {
-    e.classList.toggle(a.VISUALLY_HIDDEN), n.focus(), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true");
-  }, o.id || (o.id = R()), e.id || (e.id = R()), n.setAttribute("aria-controls", e.id), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), e.setAttribute("aria-labelledby", n.id), e;
-}
-function we(e) {
+function Ae(e) {
   const t = (
     /** @type {HTMLElement} */
-    P(
+    y(
       document.querySelector(p(a.MOBILE_MENU)),
       `${e}: mobileMenu not found`
     )
-  ), n = P(
+  ), n = y(
     document.getElementById(a.MAIN_MENU__HAMBURGER_ID),
     `${e}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`
   ), o = (
     /** @type {HTMLElement} */
-    P(
+    y(
       document.getElementById(a.MAIN_MENU__HAMBURGER_ICON_ID),
       `${e}: hamburgerIcon not found`
     )
@@ -623,76 +378,18 @@ function we(e) {
     mobileMenu: t
   };
 }
-function Ge() {
-  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = we("hideMobileMenu");
+function Fe() {
+  const { hamburger: e, hamburgerIcon: t, mobileMenu: n } = Ae("hideMobileMenu");
   e.setAttribute("aria-expanded", "false"), n.classList.remove(a.IS_OPEN), t.classList.add("utds-icon-before-hamburger"), t.classList.remove("utds-icon-before-x-icon");
 }
-function Yn() {
+function Tn() {
   var r;
   const e = document.querySelector(p(a.MAIN_MENU));
   e != null && e.classList.contains(a.MOBILE__HIDDEN) && ((r = document.querySelector(`${p(a.UTAH_DESIGN_SYSTEM)}${p(a.MOBILE_MENU)}`)) == null || r.classList.add(a.MAIN_MENU__REMOVED));
-  const { hamburger: t, hamburgerIcon: n, mobileMenu: o } = we("showMobileMenu");
+  const { hamburger: t, hamburgerIcon: n, mobileMenu: o } = Ae("showMobileMenu");
   t.setAttribute("aria-expanded", "true"), o.classList.add(a.IS_OPEN), n.classList.remove("utds-icon-before-hamburger"), n.classList.add("utds-icon-before-x-icon");
 }
-function Zn(e) {
-  var l, c;
-  const { hamburger: t } = we("hookupHamburger"), n = O();
-  if ((l = n.actionItems) == null ? void 0 : l.some((d) => !!d.badge)) {
-    const d = at({ label: "Home Badge" });
-    d && t.appendChild(d);
-  }
-  Ge();
-  function r() {
-    const d = P(
-      /** @type {HTMLElement} */
-      document.querySelectorAll(`.${a.MOBILE_MENU__ACTION_BAR} .${a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER}`)[0],
-      "hookupHamburger: no action items to select on mobile hamburger open"
-    ), h = d.querySelector("button"), f = h == null ? void 0 : h.getAttribute("aria-controls");
-    return { actionItem: d, actionItemWrapper: f ? document.getElementById(f) : null };
-  }
-  const i = P(
-    /** @type {HTMLElement} */
-    document.querySelectorAll(`.${a.MOBILE_MENU__ACTION_BAR} .${a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER}`)[0],
-    "hookupHamburger: no action items to select on mobile hamburger open"
-  ), u = (c = i.querySelector) == null ? void 0 : c.call(i, "button"), s = (u || i).getAttribute("id");
-  if (!s)
-    throw new Error("mobileMenuInteractionHandler: actionItemId not found");
-  if (e) {
-    const d = e.getAttribute("id");
-    if (!d)
-      throw new Error("mobileMenuInteractionHandler: mobileMainMenuContentItemId not found");
-    (u || i).setAttribute("aria-controls", d), e.setAttribute("aria-labelledby", s);
-  }
-  st(
-    t,
-    () => r().actionItemWrapper,
-    () => r().actionItem,
-    {
-      additionalOnClick: () => Yt(),
-      ariaHasPopupType: "menu",
-      shouldOnClickCloseMenu: !0
-    }
-  ), ee(!!t.onblur, "hookupHamburger: hamburger already has an onblur event"), t.onblur = () => {
-    const { mobileMenu: d } = we("showMobileMenu");
-    if (d.classList.contains(a.IS_OPEN)) {
-      const h = p(a.MOBILE_MENU__ACTION_BAR), f = p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), _ = p(a.ICON_BUTTON), m = (
-        /** @type {HTMLElement | null} */
-        document.querySelector(`${h} ${f}:first-child ${_}`)
-      );
-      m == null || m.focus();
-    }
-  }, (n.mainMenu || n.actionItems) && !n.onSearch && n.utahId === !1 && (P(
-    document.querySelector(p(a.CITIZEN_EXPERIENCE_MOBILE)),
-    "hookupHamburger: citizen experience mobile not found"
-  ).appendChild(t), P(
-    document.querySelector(p(a.MAIN_MENU)),
-    "hookupHamburger: main menu not found"
-  ).classList.add(a.MOBILE__HIDDEN)), n.onSearch && !n.mainMenu && P(
-    document.querySelector(p(a.MAIN_MENU)),
-    "renderMainMenu: main menu not found"
-  ).classList.add(a.DESKTOP__HIDDEN);
-}
-function Je(e, t) {
+function je(e, t) {
   e.querySelectorAll(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((o) => {
     o.classList.remove(a.ACTION_ITEM__SELECTED);
     const r = o.querySelector("button");
@@ -705,16 +402,16 @@ function Je(e, t) {
     throw new Error("showActionItem: actionWrapper does not have actionItem B");
   n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
 }
-function Nt(e, t) {
+function wt(e, t) {
   e.querySelectorAll(p(a.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(a.IS_OPEN)), t.classList.add(a.IS_OPEN);
 }
-function st(e, t, n, {
+function nt(e, t, n, {
   ariaHasPopupType: o,
   additionalOnClick: r,
   onClickHandler: i,
   shouldOnClickCloseMenu: u
 }) {
-  var _, m;
+  var h, _;
   if (t && !o)
     throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");
   const s = (
@@ -735,7 +432,7 @@ function st(e, t, n, {
   );
   if (!c)
     throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");
-  const d = K(n), h = (m = (_ = K(n)) == null ? void 0 : _.querySelector) == null ? void 0 : m.call(_, "button"), f = (h || e).getAttribute("id");
+  const d = K(n), m = (_ = (h = K(n)) == null ? void 0 : h.querySelector) == null ? void 0 : _.call(h, "button"), f = (m || e).getAttribute("id");
   if (!f)
     throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");
   if (t) {
@@ -744,7 +441,7 @@ function st(e, t, n, {
       const v = E.getAttribute("id");
       if (!v)
         throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
-      (h || e).setAttribute("aria-controls", v), E.setAttribute("aria-labelledby", f);
+      (m || e).setAttribute("aria-controls", v), E.setAttribute("aria-labelledby", f);
     }
   }
   if (e.onclick)
@@ -752,11 +449,11 @@ function st(e, t, n, {
   if (e.onclick = (E) => {
     if (!(i != null && i(E)))
       if (r == null || r(E), s.classList.contains(a.IS_OPEN))
-        u && Ge();
+        u && Fe();
       else {
-        Yn();
-        const T = K(t);
-        T && Nt(c, T), Je(l, K(n));
+        Tn();
+        const I = K(t);
+        I && wt(c, I), je(l, K(n));
       }
   }, t) {
     if (d !== e && d.onclick)
@@ -764,28 +461,28 @@ function st(e, t, n, {
     d.onclick = (E) => {
       if (!(i != null && i(E))) {
         const v = K(t);
-        v && Nt(c, v), Je(l, K(n));
+        v && wt(c, v), je(l, K(n));
       }
     };
   }
 }
-const Kn = `<div class="utds-header-mobile-menu__action-item" role="tab">
+const gn = `<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>
-`, Xn = `<div class="utds-header-action-item-menu">
+`, Mn = `<div class="utds-header-action-item-menu">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
-`, Jn = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
-`, Zt = `<span class="utds-new-tab-link-a11y">
+`, An = `<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>
-`, Qn = `<ul class="vertical-menu" role="menu" />
-`, eo = `<li class="vertical-menu__item">
+`, On = `<ul class="vertical-menu" role="menu" />
+`, wn = `<li class="vertical-menu__item">
   <span class="vertical-menu__title">
     <span class="vertical-menu__plain-title"></span>
     <a href="#" class="vertical-menu__link-title">
@@ -797,7 +494,7 @@ const Kn = `<div class="utds-header-mobile-menu__action-item" role="tab">
   </span>
   <span class="vertical-menu__divider" />
 </li>
-`, lt = {
+`, ot = {
   AUTO: (
     /** @type {PopupPlacement} */
     "auto"
@@ -859,20 +556,20 @@ const Kn = `<div class="utds-header-mobile-menu__action-item" role="tab">
     "top-end"
   )
 };
-function Ve(e, t, n) {
+function We(e, t, n) {
   var r;
   let o = !1;
-  return e && (Array.isArray(e) ? o = e.some((i) => Ve(i, t, n)) : (o = n(e), o || (o = !!((r = t == null ? void 0 : t.filter((i) => e[i])) != null && r.some((i) => Ve(e[i], t, n)))))), o;
-}
-var H = "top", F = "bottom", G = "right", x = "left", $e = "auto", Se = [H, F, G, x], fe = "start", Le = "end", to = "clippingParents", Kt = "viewport", Ie = "popper", no = "reference", St = /* @__PURE__ */ Se.reduce(function(e, t) {
-  return e.concat([t + "-" + fe, t + "-" + Le]);
-}, []), Xt = /* @__PURE__ */ [].concat(Se, [$e]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + fe, t + "-" + Le]);
-}, []), oo = "beforeRead", ro = "read", io = "afterRead", ao = "beforeMain", so = "main", lo = "afterMain", co = "beforeWrite", uo = "write", po = "afterWrite", Qe = [oo, ro, io, ao, so, lo, co, uo, po];
-function X(e) {
+  return e && (Array.isArray(e) ? o = e.some((i) => We(i, t, n)) : (o = n(e), o || (o = !!((r = t == null ? void 0 : t.filter((i) => e[i])) != null && r.some((i) => We(e[i], t, n)))))), o;
+}
+var B = "top", q = "bottom", V = "right", H = "left", rt = "auto", Pe = [B, q, V, H], de = "start", Oe = "end", Ln = "clippingParents", Vt = "viewport", ve = "popper", yn = "reference", Lt = /* @__PURE__ */ Pe.reduce(function(e, t) {
+  return e.concat([t + "-" + de, t + "-" + Oe]);
+}, []), Gt = /* @__PURE__ */ [].concat(Pe, [rt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + de, t + "-" + Oe]);
+}, []), Pn = "beforeRead", Nn = "read", Sn = "afterRead", Un = "beforeMain", Cn = "main", Rn = "afterMain", Dn = "beforeWrite", Bn = "write", Hn = "afterWrite", xn = [Pn, Nn, Sn, Un, Cn, Rn, Dn, Bn, Hn];
+function Z(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function V(e) {
+function k(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -881,31 +578,31 @@ function V(e) {
   }
   return e;
 }
-function ue(e) {
-  var t = V(e).Element;
+function le(e) {
+  var t = k(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function q(e) {
-  var t = V(e).HTMLElement;
+function F(e) {
+  var t = k(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function ct(e) {
+function it(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = V(e).ShadowRoot;
+  var t = k(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function fo(e) {
+function Wn(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
     var o = t.styles[n] || {}, r = t.attributes[n] || {}, i = t.elements[n];
-    !q(i) || !X(i) || (Object.assign(i.style, o), Object.keys(r).forEach(function(u) {
+    !F(i) || !Z(i) || (Object.assign(i.style, o), Object.keys(r).forEach(function(u) {
       var s = r[u];
       s === !1 ? i.removeAttribute(u) : i.setAttribute(u, s === !0 ? "" : s);
     }));
   });
 }
-function _o(e) {
+function kn(e) {
   var t = e.state, n = {
     popper: {
       position: t.options.strategy,
@@ -923,51 +620,51 @@ function _o(e) {
       var r = t.elements[o], i = t.attributes[o] || {}, u = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : n[o]), s = u.reduce(function(l, c) {
         return l[c] = "", l;
       }, {});
-      !q(r) || !X(r) || (Object.assign(r.style, s), Object.keys(i).forEach(function(l) {
+      !F(r) || !Z(r) || (Object.assign(r.style, s), Object.keys(i).forEach(function(l) {
         r.removeAttribute(l);
       }));
     });
   };
 }
-const ho = {
+const Fn = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: fo,
-  effect: _o,
+  fn: Wn,
+  effect: kn,
   requires: ["computeStyles"]
 };
-function z(e) {
+function j(e) {
   return e.split("-")[0];
 }
-var ce = Math.max, Fe = Math.min, _e = Math.round;
-function et() {
+var se = Math.max, ke = Math.min, pe = Math.round;
+function Ze() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
-function Jt() {
-  return !/^((?!chrome|android).)*safari/i.test(et());
+function $t() {
+  return !/^((?!chrome|android).)*safari/i.test(Ze());
 }
-function he(e, t, n) {
+function fe(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   var o = e.getBoundingClientRect(), r = 1, i = 1;
-  t && q(e) && (r = e.offsetWidth > 0 && _e(o.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && _e(o.height) / e.offsetHeight || 1);
-  var u = ue(e) ? V(e) : window, s = u.visualViewport, l = !Jt() && n, c = (o.left + (l && s ? s.offsetLeft : 0)) / r, d = (o.top + (l && s ? s.offsetTop : 0)) / i, h = o.width / r, f = o.height / i;
+  t && F(e) && (r = e.offsetWidth > 0 && pe(o.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && pe(o.height) / e.offsetHeight || 1);
+  var u = le(e) ? k(e) : window, s = u.visualViewport, l = !$t() && n, c = (o.left + (l && s ? s.offsetLeft : 0)) / r, d = (o.top + (l && s ? s.offsetTop : 0)) / i, m = o.width / r, f = o.height / i;
   return {
-    width: h,
+    width: m,
     height: f,
     top: d,
-    right: c + h,
+    right: c + m,
     bottom: d + f,
     left: c,
     x: c,
     y: d
   };
 }
-function ut(e) {
-  var t = he(e), n = e.offsetWidth, o = e.offsetHeight;
+function at(e) {
+  var t = fe(e), n = e.offsetWidth, o = e.offsetHeight;
   return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
@@ -975,11 +672,11 @@ function ut(e) {
     height: o
   };
 }
-function Qt(e, t) {
+function zt(e, t) {
   var n = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (n && ct(n)) {
+  if (n && it(n)) {
     var o = t;
     do {
       if (o && e.isSameNode(o))
@@ -989,66 +686,66 @@ function Qt(e, t) {
   }
   return !1;
 }
-function Y(e) {
-  return V(e).getComputedStyle(e);
+function J(e) {
+  return k(e).getComputedStyle(e);
 }
-function mo(e) {
-  return ["table", "td", "th"].indexOf(X(e)) >= 0;
+function qn(e) {
+  return ["table", "td", "th"].indexOf(Z(e)) >= 0;
 }
-function te(e) {
-  return ((ue(e) ? e.ownerDocument : (
+function ee(e) {
+  return ((le(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function je(e) {
-  return X(e) === "html" ? e : (
+function qe(e) {
+  return Z(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     e.parentNode || // DOM Element detected
-    (ct(e) ? e.host : null) || // ShadowRoot detected
+    (it(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    te(e)
+    ee(e)
   );
 }
-function Ut(e) {
-  return !q(e) || // https://github.com/popperjs/popper-core/issues/837
-  Y(e).position === "fixed" ? null : e.offsetParent;
+function yt(e) {
+  return !F(e) || // https://github.com/popperjs/popper-core/issues/837
+  J(e).position === "fixed" ? null : e.offsetParent;
 }
-function Eo(e) {
-  var t = /firefox/i.test(et()), n = /Trident/i.test(et());
-  if (n && q(e)) {
-    var o = Y(e);
+function Vn(e) {
+  var t = /firefox/i.test(Ze()), n = /Trident/i.test(Ze());
+  if (n && F(e)) {
+    var o = J(e);
     if (o.position === "fixed")
       return null;
   }
-  var r = je(e);
-  for (ct(r) && (r = r.host); q(r) && ["html", "body"].indexOf(X(r)) < 0; ) {
-    var i = Y(r);
+  var r = qe(e);
+  for (it(r) && (r = r.host); F(r) && ["html", "body"].indexOf(Z(r)) < 0; ) {
+    var i = J(r);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
       return r;
     r = r.parentNode;
   }
   return null;
 }
-function Ue(e) {
-  for (var t = V(e), n = Ut(e); n && mo(n) && Y(n).position === "static"; )
-    n = Ut(n);
-  return n && (X(n) === "html" || X(n) === "body" && Y(n).position === "static") ? t : n || Eo(e) || t;
+function Ne(e) {
+  for (var t = k(e), n = yt(e); n && qn(n) && J(n).position === "static"; )
+    n = yt(n);
+  return n && (Z(n) === "html" || Z(n) === "body" && J(n).position === "static") ? t : n || Vn(e) || t;
 }
-function dt(e) {
+function st(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function Me(e, t, n) {
-  return ce(e, Fe(t, n));
+function Te(e, t, n) {
+  return se(e, ke(t, n));
 }
-function vo(e, t, n) {
-  var o = Me(e, t, n);
+function Gn(e, t, n) {
+  var o = Te(e, t, n);
   return o > n ? n : o;
 }
-function en() {
+function Yt() {
   return {
     top: 0,
     right: 0,
@@ -1056,131 +753,114 @@ function en() {
     left: 0
   };
 }
-function tn(e) {
-  return Object.assign({}, en(), e);
+function Kt(e) {
+  return Object.assign({}, Yt(), e);
 }
-function nn(e, t) {
+function jt(e, t) {
   return t.reduce(function(n, o) {
     return n[o] = e, n;
   }, {});
 }
-var bo = function(t, n) {
+var $n = function(t, n) {
   return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : t, tn(typeof t != "number" ? t : nn(t, Se));
+  })) : t, Kt(typeof t != "number" ? t : jt(t, Pe));
 };
-function Io(e) {
-  var t, n = e.state, o = e.name, r = e.options, i = n.elements.arrow, u = n.modifiersData.popperOffsets, s = z(n.placement), l = dt(s), c = [x, G].indexOf(s) >= 0, d = c ? "height" : "width";
+function zn(e) {
+  var t, n = e.state, o = e.name, r = e.options, i = n.elements.arrow, u = n.modifiersData.popperOffsets, s = j(n.placement), l = st(s), c = [H, V].indexOf(s) >= 0, d = c ? "height" : "width";
   if (!(!i || !u)) {
-    var h = bo(r.padding, n), f = ut(i), _ = l === "y" ? H : x, m = l === "y" ? F : G, E = n.rects.reference[d] + n.rects.reference[l] - u[l] - n.rects.popper[d], v = u[l] - n.rects.reference[l], T = Ue(i), A = T ? l === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, L = E / 2 - v / 2, b = h[_], I = A - f[d] - h[m], M = A / 2 - f[d] / 2 + L, N = Me(b, M, I), S = l;
-    n.modifiersData[o] = (t = {}, t[S] = N, t.centerOffset = N - M, t);
+    var m = $n(r.padding, n), f = at(i), h = l === "y" ? B : H, _ = l === "y" ? q : V, E = n.rects.reference[d] + n.rects.reference[l] - u[l] - n.rects.popper[d], v = u[l] - n.rects.reference[l], I = Ne(i), A = I ? l === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, O = E / 2 - v / 2, b = m[h], g = A - f[d] - m[_], M = A / 2 - f[d] / 2 + O, P = Te(b, M, g), C = l;
+    n.modifiersData[o] = (t = {}, t[C] = P, t.centerOffset = P - M, t);
   }
 }
-function go(e) {
+function Yn(e) {
   var t = e.state, n = e.options, o = n.element, r = o === void 0 ? "[data-popper-arrow]" : o;
-  if (r != null && !(typeof r == "string" && (r = t.elements.popper.querySelector(r), !r))) {
-    if ({}.NODE_ENV !== "production" && (q(r) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Qt(t.elements.popper, r)) {
-      ({}).NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
-      return;
-    }
-    t.elements.arrow = r;
-  }
+  r != null && (typeof r == "string" && (r = t.elements.popper.querySelector(r), !r) || zt(t.elements.popper, r) && (t.elements.arrow = r));
 }
-const To = {
+const Kn = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: Io,
-  effect: go,
+  fn: zn,
+  effect: Yn,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function me(e) {
+function _e(e) {
   return e.split("-")[1];
 }
-var Mo = {
+var jn = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function Ao(e, t) {
+function Zn(e, t) {
   var n = e.x, o = e.y, r = t.devicePixelRatio || 1;
   return {
-    x: _e(n * r) / r || 0,
-    y: _e(o * r) / r || 0
+    x: pe(n * r) / r || 0,
+    y: pe(o * r) / r || 0
   };
 }
-function Ct(e) {
-  var t, n = e.popper, o = e.popperRect, r = e.placement, i = e.variation, u = e.offsets, s = e.position, l = e.gpuAcceleration, c = e.adaptive, d = e.roundOffsets, h = e.isFixed, f = u.x, _ = f === void 0 ? 0 : f, m = u.y, E = m === void 0 ? 0 : m, v = typeof d == "function" ? d({
-    x: _,
+function Pt(e) {
+  var t, n = e.popper, o = e.popperRect, r = e.placement, i = e.variation, u = e.offsets, s = e.position, l = e.gpuAcceleration, c = e.adaptive, d = e.roundOffsets, m = e.isFixed, f = u.x, h = f === void 0 ? 0 : f, _ = u.y, E = _ === void 0 ? 0 : _, v = typeof d == "function" ? d({
+    x: h,
     y: E
   }) : {
-    x: _,
+    x: h,
     y: E
   };
-  _ = v.x, E = v.y;
-  var T = u.hasOwnProperty("x"), A = u.hasOwnProperty("y"), L = x, b = H, I = window;
+  h = v.x, E = v.y;
+  var I = u.hasOwnProperty("x"), A = u.hasOwnProperty("y"), O = H, b = B, g = window;
   if (c) {
-    var M = Ue(n), N = "clientHeight", S = "clientWidth";
-    if (M === V(n) && (M = te(n), Y(M).position !== "static" && s === "absolute" && (N = "scrollHeight", S = "scrollWidth")), M = M, r === H || (r === x || r === G) && i === Le) {
-      b = F;
-      var U = h && M === I && I.visualViewport ? I.visualViewport.height : (
+    var M = Ne(n), P = "clientHeight", C = "clientWidth";
+    if (M === k(n) && (M = ee(n), J(M).position !== "static" && s === "absolute" && (P = "scrollHeight", C = "scrollWidth")), M = M, r === B || (r === H || r === V) && i === Oe) {
+      b = q;
+      var S = m && M === g && g.visualViewport ? g.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        M[N]
+        M[P]
       );
-      E -= U - o.height, E *= l ? 1 : -1;
+      E -= S - o.height, E *= l ? 1 : -1;
     }
-    if (r === x || (r === H || r === F) && i === Le) {
-      L = G;
-      var C = h && M === I && I.visualViewport ? I.visualViewport.width : (
+    if (r === H || (r === B || r === q) && i === Oe) {
+      O = V;
+      var N = m && M === g && g.visualViewport ? g.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        M[S]
+        M[C]
       );
-      _ -= C - o.width, _ *= l ? 1 : -1;
+      h -= N - o.width, h *= l ? 1 : -1;
     }
   }
-  var w = Object.assign({
+  var R = Object.assign({
     position: s
-  }, c && Mo), D = d === !0 ? Ao({
-    x: _,
+  }, c && jn), G = d === !0 ? Zn({
+    x: h,
     y: E
-  }, V(n)) : {
-    x: _,
+  }, k(n)) : {
+    x: h,
     y: E
   };
-  if (_ = D.x, E = D.y, l) {
-    var B;
-    return Object.assign({}, w, (B = {}, B[b] = A ? "0" : "", B[L] = T ? "0" : "", B.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + _ + "px, " + E + "px)" : "translate3d(" + _ + "px, " + E + "px, 0)", B));
+  if (h = G.x, E = G.y, l) {
+    var D;
+    return Object.assign({}, R, (D = {}, D[b] = A ? "0" : "", D[O] = I ? "0" : "", D.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + E + "px)" : "translate3d(" + h + "px, " + E + "px, 0)", D));
   }
-  return Object.assign({}, w, (t = {}, t[b] = A ? E + "px" : "", t[L] = T ? _ + "px" : "", t.transform = "", t));
+  return Object.assign({}, R, (t = {}, t[b] = A ? E + "px" : "", t[O] = I ? h + "px" : "", t.transform = "", t));
 }
-function Oo(e) {
-  var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, i = n.adaptive, u = i === void 0 ? !0 : i, s = n.roundOffsets, l = s === void 0 ? !0 : s;
-  if ({}.NODE_ENV !== "production") {
-    var c = Y(t.elements.popper).transitionProperty || "";
-    u && ["transform", "top", "right", "bottom", "left"].some(function(h) {
-      return c.indexOf(h) >= 0;
-    }) && console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', `
-
-`, 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", `
-
-`, "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: z(t.placement),
-    variation: me(t.placement),
+function Xn(e) {
+  var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, i = n.adaptive, u = i === void 0 ? !0 : i, s = n.roundOffsets, l = s === void 0 ? !0 : s, c = {
+    placement: j(t.placement),
+    variation: _e(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
     gpuAcceleration: r,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ct(Object.assign({}, d, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Pt(Object.assign({}, c, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
     adaptive: u,
     roundOffsets: l
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ct(Object.assign({}, d, {
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Pt(Object.assign({}, c, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1189,105 +869,105 @@ function Oo(e) {
     "data-popper-placement": t.placement
   });
 }
-const wo = {
+const Jn = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: Oo,
+  fn: Xn,
   data: {}
 };
-var xe = {
+var Be = {
   passive: !0
 };
-function Lo(e) {
-  var t = e.state, n = e.instance, o = e.options, r = o.scroll, i = r === void 0 ? !0 : r, u = o.resize, s = u === void 0 ? !0 : u, l = V(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+function Qn(e) {
+  var t = e.state, n = e.instance, o = e.options, r = o.scroll, i = r === void 0 ? !0 : r, u = o.resize, s = u === void 0 ? !0 : u, l = k(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return i && c.forEach(function(d) {
-    d.addEventListener("scroll", n.update, xe);
-  }), s && l.addEventListener("resize", n.update, xe), function() {
+    d.addEventListener("scroll", n.update, Be);
+  }), s && l.addEventListener("resize", n.update, Be), function() {
     i && c.forEach(function(d) {
-      d.removeEventListener("scroll", n.update, xe);
-    }), s && l.removeEventListener("resize", n.update, xe);
+      d.removeEventListener("scroll", n.update, Be);
+    }), s && l.removeEventListener("resize", n.update, Be);
   };
 }
-const yo = {
+const eo = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: Lo,
+  effect: Qn,
   data: {}
 };
-var Po = {
+var to = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function qe(e) {
+function xe(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return Po[t];
+    return to[t];
   });
 }
-var No = {
+var no = {
   start: "end",
   end: "start"
 };
-function Rt(e) {
+function Nt(e) {
   return e.replace(/start|end/g, function(t) {
-    return No[t];
+    return no[t];
   });
 }
-function pt(e) {
-  var t = V(e), n = t.pageXOffset, o = t.pageYOffset;
+function lt(e) {
+  var t = k(e), n = t.pageXOffset, o = t.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: o
   };
 }
-function ft(e) {
-  return he(te(e)).left + pt(e).scrollLeft;
+function ct(e) {
+  return fe(ee(e)).left + lt(e).scrollLeft;
 }
-function So(e, t) {
-  var n = V(e), o = te(e), r = n.visualViewport, i = o.clientWidth, u = o.clientHeight, s = 0, l = 0;
+function oo(e, t) {
+  var n = k(e), o = ee(e), r = n.visualViewport, i = o.clientWidth, u = o.clientHeight, s = 0, l = 0;
   if (r) {
     i = r.width, u = r.height;
-    var c = Jt();
+    var c = $t();
     (c || !c && t === "fixed") && (s = r.offsetLeft, l = r.offsetTop);
   }
   return {
     width: i,
     height: u,
-    x: s + ft(e),
+    x: s + ct(e),
     y: l
   };
 }
-function Uo(e) {
-  var t, n = te(e), o = pt(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, i = ce(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), u = ce(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), s = -o.scrollLeft + ft(e), l = -o.scrollTop;
-  return Y(r || n).direction === "rtl" && (s += ce(n.clientWidth, r ? r.clientWidth : 0) - i), {
+function ro(e) {
+  var t, n = ee(e), o = lt(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, i = se(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), u = se(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), s = -o.scrollLeft + ct(e), l = -o.scrollTop;
+  return J(r || n).direction === "rtl" && (s += se(n.clientWidth, r ? r.clientWidth : 0) - i), {
     width: i,
     height: u,
     x: s,
     y: l
   };
 }
-function _t(e) {
-  var t = Y(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
+function ut(e) {
+  var t = J(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + r + o);
 }
-function on(e) {
-  return ["html", "body", "#document"].indexOf(X(e)) >= 0 ? e.ownerDocument.body : q(e) && _t(e) ? e : on(je(e));
+function Zt(e) {
+  return ["html", "body", "#document"].indexOf(Z(e)) >= 0 ? e.ownerDocument.body : F(e) && ut(e) ? e : Zt(qe(e));
 }
-function Ae(e, t) {
+function ge(e, t) {
   var n;
   t === void 0 && (t = []);
-  var o = on(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = V(o), u = r ? [i].concat(i.visualViewport || [], _t(o) ? o : []) : o, s = t.concat(u);
+  var o = Zt(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = k(o), u = r ? [i].concat(i.visualViewport || [], ut(o) ? o : []) : o, s = t.concat(u);
   return r ? s : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(Ae(je(u)))
+    s.concat(ge(qe(u)))
   );
 }
-function tt(e) {
+function Xe(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1295,48 +975,48 @@ function tt(e) {
     bottom: e.y + e.height
   });
 }
-function Co(e, t) {
-  var n = he(e, !1, t === "fixed");
+function io(e, t) {
+  var n = fe(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 Dt(e, t, n) {
-  return t === Kt ? tt(So(e, n)) : ue(t) ? Co(t, n) : tt(Uo(te(e)));
+function St(e, t, n) {
+  return t === Vt ? Xe(oo(e, n)) : le(t) ? io(t, n) : Xe(ro(ee(e)));
 }
-function Ro(e) {
-  var t = Ae(je(e)), n = ["absolute", "fixed"].indexOf(Y(e).position) >= 0, o = n && q(e) ? Ue(e) : e;
-  return ue(o) ? t.filter(function(r) {
-    return ue(r) && Qt(r, o) && X(r) !== "body";
+function ao(e) {
+  var t = ge(qe(e)), n = ["absolute", "fixed"].indexOf(J(e).position) >= 0, o = n && F(e) ? Ne(e) : e;
+  return le(o) ? t.filter(function(r) {
+    return le(r) && zt(r, o) && Z(r) !== "body";
   }) : [];
 }
-function Do(e, t, n, o) {
-  var r = t === "clippingParents" ? Ro(e) : [].concat(t), i = [].concat(r, [n]), u = i[0], s = i.reduce(function(l, c) {
-    var d = Dt(e, c, o);
-    return l.top = ce(d.top, l.top), l.right = Fe(d.right, l.right), l.bottom = Fe(d.bottom, l.bottom), l.left = ce(d.left, l.left), l;
-  }, Dt(e, u, o));
+function so(e, t, n, o) {
+  var r = t === "clippingParents" ? ao(e) : [].concat(t), i = [].concat(r, [n]), u = i[0], s = i.reduce(function(l, c) {
+    var d = St(e, c, o);
+    return l.top = se(d.top, l.top), l.right = ke(d.right, l.right), l.bottom = ke(d.bottom, l.bottom), l.left = se(d.left, l.left), l;
+  }, St(e, u, o));
   return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
-function rn(e) {
-  var t = e.reference, n = e.element, o = e.placement, r = o ? z(o) : null, i = o ? me(o) : null, u = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, l;
+function Xt(e) {
+  var t = e.reference, n = e.element, o = e.placement, r = o ? j(o) : null, i = o ? _e(o) : null, u = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, l;
   switch (r) {
-    case H:
+    case B:
       l = {
         x: u,
         y: t.y - n.height
       };
       break;
-    case F:
+    case q:
       l = {
         x: u,
         y: t.y + t.height
       };
       break;
-    case G:
+    case V:
       l = {
         x: t.x + t.width,
         y: s
       };
       break;
-    case x:
+    case H:
       l = {
         x: t.x - n.width,
         y: s
@@ -1348,128 +1028,128 @@ function rn(e) {
         y: t.y
       };
   }
-  var c = r ? dt(r) : null;
+  var c = r ? st(r) : null;
   if (c != null) {
     var d = c === "y" ? "height" : "width";
     switch (i) {
-      case fe:
+      case de:
         l[c] = l[c] - (t[d] / 2 - n[d] / 2);
         break;
-      case Le:
+      case Oe:
         l[c] = l[c] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
   return l;
 }
-function ye(e, t) {
+function we(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, i = n.strategy, u = i === void 0 ? e.strategy : i, s = n.boundary, l = s === void 0 ? to : s, c = n.rootBoundary, d = c === void 0 ? Kt : c, h = n.elementContext, f = h === void 0 ? Ie : h, _ = n.altBoundary, m = _ === void 0 ? !1 : _, E = n.padding, v = E === void 0 ? 0 : E, T = tn(typeof v != "number" ? v : nn(v, Se)), A = f === Ie ? no : Ie, L = e.rects.popper, b = e.elements[m ? A : f], I = Do(ue(b) ? b : b.contextElement || te(e.elements.popper), l, d, u), M = he(e.elements.reference), N = rn({
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, i = n.strategy, u = i === void 0 ? e.strategy : i, s = n.boundary, l = s === void 0 ? Ln : s, c = n.rootBoundary, d = c === void 0 ? Vt : c, m = n.elementContext, f = m === void 0 ? ve : m, h = n.altBoundary, _ = h === void 0 ? !1 : h, E = n.padding, v = E === void 0 ? 0 : E, I = Kt(typeof v != "number" ? v : jt(v, Pe)), A = f === ve ? yn : ve, O = e.rects.popper, b = e.elements[_ ? A : f], g = so(le(b) ? b : b.contextElement || ee(e.elements.popper), l, d, u), M = fe(e.elements.reference), P = Xt({
     reference: M,
-    element: L,
+    element: O,
     strategy: "absolute",
     placement: r
-  }), S = tt(Object.assign({}, L, N)), U = f === Ie ? S : M, C = {
-    top: I.top - U.top + T.top,
-    bottom: U.bottom - I.bottom + T.bottom,
-    left: I.left - U.left + T.left,
-    right: U.right - I.right + T.right
-  }, w = e.modifiersData.offset;
-  if (f === Ie && w) {
-    var D = w[r];
-    Object.keys(C).forEach(function(B) {
-      var ne = [G, F].indexOf(B) >= 0 ? 1 : -1, oe = [H, F].indexOf(B) >= 0 ? "y" : "x";
-      C[B] += D[oe] * ne;
+  }), C = Xe(Object.assign({}, O, P)), S = f === ve ? C : M, N = {
+    top: g.top - S.top + I.top,
+    bottom: S.bottom - g.bottom + I.bottom,
+    left: g.left - S.left + I.left,
+    right: S.right - g.right + I.right
+  }, R = e.modifiersData.offset;
+  if (f === ve && R) {
+    var G = R[r];
+    Object.keys(N).forEach(function(D) {
+      var te = [V, q].indexOf(D) >= 0 ? 1 : -1, ne = [B, q].indexOf(D) >= 0 ? "y" : "x";
+      N[D] += G[ne] * te;
     });
   }
-  return C;
+  return N;
 }
-function Bo(e, t) {
+function lo(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = n.boundary, i = n.rootBoundary, u = n.padding, s = n.flipVariations, l = n.allowedAutoPlacements, c = l === void 0 ? Xt : l, d = me(o), h = d ? s ? St : St.filter(function(m) {
-    return me(m) === d;
-  }) : Se, f = h.filter(function(m) {
-    return c.indexOf(m) >= 0;
+  var n = t, o = n.placement, r = n.boundary, i = n.rootBoundary, u = n.padding, s = n.flipVariations, l = n.allowedAutoPlacements, c = l === void 0 ? Gt : l, d = _e(o), m = d ? s ? Lt : Lt.filter(function(_) {
+    return _e(_) === d;
+  }) : Pe, f = m.filter(function(_) {
+    return c.indexOf(_) >= 0;
   });
-  f.length === 0 && (f = h, {}.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
-  var _ = f.reduce(function(m, E) {
-    return m[E] = ye(e, {
+  f.length === 0 && (f = m);
+  var h = f.reduce(function(_, E) {
+    return _[E] = we(e, {
       placement: E,
       boundary: r,
       rootBoundary: i,
       padding: u
-    })[z(E)], m;
+    })[j(E)], _;
   }, {});
-  return Object.keys(_).sort(function(m, E) {
-    return _[m] - _[E];
+  return Object.keys(h).sort(function(_, E) {
+    return h[_] - h[E];
   });
 }
-function Ho(e) {
-  if (z(e) === $e)
+function co(e) {
+  if (j(e) === rt)
     return [];
-  var t = qe(e);
-  return [Rt(e), t, Rt(t)];
+  var t = xe(e);
+  return [Nt(e), t, Nt(t)];
 }
-function xo(e) {
+function uo(e) {
   var t = e.state, n = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var r = n.mainAxis, i = r === void 0 ? !0 : r, u = n.altAxis, s = u === void 0 ? !0 : u, l = n.fallbackPlacements, c = n.padding, d = n.boundary, h = n.rootBoundary, f = n.altBoundary, _ = n.flipVariations, m = _ === void 0 ? !0 : _, E = n.allowedAutoPlacements, v = t.options.placement, T = z(v), A = T === v, L = l || (A || !m ? [qe(v)] : Ho(v)), b = [v].concat(L).reduce(function(de, J) {
-      return de.concat(z(J) === $e ? Bo(t, {
-        placement: J,
+    for (var r = n.mainAxis, i = r === void 0 ? !0 : r, u = n.altAxis, s = u === void 0 ? !0 : u, l = n.fallbackPlacements, c = n.padding, d = n.boundary, m = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, _ = h === void 0 ? !0 : h, E = n.allowedAutoPlacements, v = t.options.placement, I = j(v), A = I === v, O = l || (A || !_ ? [xe(v)] : co(v)), b = [v].concat(O).reduce(function(ce, Q) {
+      return ce.concat(j(Q) === rt ? lo(t, {
+        placement: Q,
         boundary: d,
-        rootBoundary: h,
+        rootBoundary: m,
         padding: c,
-        flipVariations: m,
+        flipVariations: _,
         allowedAutoPlacements: E
-      }) : J);
-    }, []), I = t.rects.reference, M = t.rects.popper, N = /* @__PURE__ */ new Map(), S = !0, U = b[0], C = 0; C < b.length; C++) {
-      var w = b[C], D = z(w), B = me(w) === fe, ne = [H, F].indexOf(D) >= 0, oe = ne ? "width" : "height", W = ye(t, {
-        placement: w,
+      }) : Q);
+    }, []), g = t.rects.reference, M = t.rects.popper, P = /* @__PURE__ */ new Map(), C = !0, S = b[0], N = 0; N < b.length; N++) {
+      var R = b[N], G = j(R), D = _e(R) === de, te = [B, q].indexOf(G) >= 0, ne = te ? "width" : "height", x = we(t, {
+        placement: R,
         boundary: d,
-        rootBoundary: h,
+        rootBoundary: m,
         altBoundary: f,
         padding: c
-      }), $ = ne ? B ? G : x : B ? F : H;
-      I[oe] > M[oe] && ($ = qe($));
-      var Ce = qe($), re = [];
-      if (i && re.push(W[D] <= 0), s && re.push(W[$] <= 0, W[Ce] <= 0), re.every(function(de) {
-        return de;
+      }), $ = te ? D ? V : H : D ? q : B;
+      g[ne] > M[ne] && ($ = xe($));
+      var Se = xe($), oe = [];
+      if (i && oe.push(x[G] <= 0), s && oe.push(x[$] <= 0, x[Se] <= 0), oe.every(function(ce) {
+        return ce;
       })) {
-        U = w, S = !1;
+        S = R, C = !1;
         break;
       }
-      N.set(w, re);
+      P.set(R, oe);
     }
-    if (S)
-      for (var Re = m ? 3 : 1, ze = function(J) {
-        var be = b.find(function(Be) {
-          var ie = N.get(Be);
-          if (ie)
-            return ie.slice(0, J).every(function(Ye) {
-              return Ye;
+    if (C)
+      for (var Ue = _ ? 3 : 1, Ve = function(Q) {
+        var Ee = b.find(function(Re) {
+          var re = P.get(Re);
+          if (re)
+            return re.slice(0, Q).every(function(Ge) {
+              return Ge;
             });
         });
-        if (be)
-          return U = be, "break";
-      }, ve = Re; ve > 0; ve--) {
-        var De = ze(ve);
-        if (De === "break")
+        if (Ee)
+          return S = Ee, "break";
+      }, me = Ue; me > 0; me--) {
+        var Ce = Ve(me);
+        if (Ce === "break")
           break;
       }
-    t.placement !== U && (t.modifiersData[o]._skip = !0, t.placement = U, t.reset = !0);
+    t.placement !== S && (t.modifiersData[o]._skip = !0, t.placement = S, t.reset = !0);
   }
 }
-const Wo = {
+const po = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: xo,
+  fn: uo,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Bt(e, t, n) {
+function Ut(e, t, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -1480,39 +1160,39 @@ function Bt(e, t, n) {
     left: e.left - t.width - n.x
   };
 }
-function Ht(e) {
-  return [H, G, F, x].some(function(t) {
+function Ct(e) {
+  return [B, V, q, H].some(function(t) {
     return e[t] >= 0;
   });
 }
-function ko(e) {
-  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, i = t.modifiersData.preventOverflow, u = ye(t, {
+function fo(e) {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, i = t.modifiersData.preventOverflow, u = we(t, {
     elementContext: "reference"
-  }), s = ye(t, {
+  }), s = we(t, {
     altBoundary: !0
-  }), l = Bt(u, o), c = Bt(s, r, i), d = Ht(l), h = Ht(c);
+  }), l = Ut(u, o), c = Ut(s, r, i), d = Ct(l), m = Ct(c);
   t.modifiersData[n] = {
     referenceClippingOffsets: l,
     popperEscapeOffsets: c,
     isReferenceHidden: d,
-    hasPopperEscaped: h
+    hasPopperEscaped: m
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-reference-hidden": d,
-    "data-popper-escaped": h
+    "data-popper-escaped": m
   });
 }
-const qo = {
+const _o = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: ko
+  fn: fo
 };
-function Vo(e, t, n) {
-  var o = z(e), r = [x, H].indexOf(o) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, t, {
+function ho(e, t, n) {
+  var o = j(e), r = [H, B].indexOf(o) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
   })) : n, u = i[0], s = i[1];
-  return u = u || 0, s = (s || 0) * r, [x, G].indexOf(o) >= 0 ? {
+  return u = u || 0, s = (s || 0) * r, [H, V].indexOf(o) >= 0 ? {
     x: s,
     y: u
   } : {
@@ -1520,109 +1200,109 @@ function Vo(e, t, n) {
     y: s
   };
 }
-function Fo(e) {
-  var t = e.state, n = e.options, o = e.name, r = n.offset, i = r === void 0 ? [0, 0] : r, u = Xt.reduce(function(d, h) {
-    return d[h] = Vo(h, t.rects, i), d;
+function mo(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.offset, i = r === void 0 ? [0, 0] : r, u = Gt.reduce(function(d, m) {
+    return d[m] = ho(m, t.rects, i), d;
   }, {}), s = u[t.placement], l = s.x, c = s.y;
   t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += c), t.modifiersData[o] = u;
 }
-const Go = {
+const Eo = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Fo
+  fn: mo
 };
-function $o(e) {
+function vo(e) {
   var t = e.state, n = e.name;
-  t.modifiersData[n] = rn({
+  t.modifiersData[n] = Xt({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
     placement: t.placement
   });
 }
-const jo = {
+const bo = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: $o,
+  fn: vo,
   data: {}
 };
-function zo(e) {
+function Io(e) {
   return e === "x" ? "y" : "x";
 }
-function Yo(e) {
-  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, i = r === void 0 ? !0 : r, u = n.altAxis, s = u === void 0 ? !1 : u, l = n.boundary, c = n.rootBoundary, d = n.altBoundary, h = n.padding, f = n.tether, _ = f === void 0 ? !0 : f, m = n.tetherOffset, E = m === void 0 ? 0 : m, v = ye(t, {
+function To(e) {
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, i = r === void 0 ? !0 : r, u = n.altAxis, s = u === void 0 ? !1 : u, l = n.boundary, c = n.rootBoundary, d = n.altBoundary, m = n.padding, f = n.tether, h = f === void 0 ? !0 : f, _ = n.tetherOffset, E = _ === void 0 ? 0 : _, v = we(t, {
     boundary: l,
     rootBoundary: c,
-    padding: h,
+    padding: m,
     altBoundary: d
-  }), T = z(t.placement), A = me(t.placement), L = !A, b = dt(T), I = zo(b), M = t.modifiersData.popperOffsets, N = t.rects.reference, S = t.rects.popper, U = typeof E == "function" ? E(Object.assign({}, t.rects, {
+  }), I = j(t.placement), A = _e(t.placement), O = !A, b = st(I), g = Io(b), M = t.modifiersData.popperOffsets, P = t.rects.reference, C = t.rects.popper, S = typeof E == "function" ? E(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : E, C = typeof U == "number" ? {
-    mainAxis: U,
-    altAxis: U
+  })) : E, N = typeof S == "number" ? {
+    mainAxis: S,
+    altAxis: S
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, U), w = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, D = {
+  }, S), R = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, G = {
     x: 0,
     y: 0
   };
   if (M) {
     if (i) {
-      var B, ne = b === "y" ? H : x, oe = b === "y" ? F : G, W = b === "y" ? "height" : "width", $ = M[b], Ce = $ + v[ne], re = $ - v[oe], Re = _ ? -S[W] / 2 : 0, ze = A === fe ? N[W] : S[W], ve = A === fe ? -S[W] : -N[W], De = t.elements.arrow, de = _ && De ? ut(De) : {
+      var D, te = b === "y" ? B : H, ne = b === "y" ? q : V, x = b === "y" ? "height" : "width", $ = M[b], Se = $ + v[te], oe = $ - v[ne], Ue = h ? -C[x] / 2 : 0, Ve = A === de ? P[x] : C[x], me = A === de ? -C[x] : -P[x], Ce = t.elements.arrow, ce = h && Ce ? at(Ce) : {
         width: 0,
         height: 0
-      }, J = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : en(), be = J[ne], Be = J[oe], ie = Me(0, N[W], de[W]), Ye = L ? N[W] / 2 - Re - ie - be - C.mainAxis : ze - ie - be - C.mainAxis, _n = L ? -N[W] / 2 + Re + ie + Be + C.mainAxis : ve + ie + Be + C.mainAxis, Ze = t.elements.arrow && Ue(t.elements.arrow), hn = Ze ? b === "y" ? Ze.clientTop || 0 : Ze.clientLeft || 0 : 0, vt = (B = w == null ? void 0 : w[b]) != null ? B : 0, mn = $ + Ye - vt - hn, En = $ + _n - vt, bt = Me(_ ? Fe(Ce, mn) : Ce, $, _ ? ce(re, En) : re);
-      M[b] = bt, D[b] = bt - $;
+      }, Q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Yt(), Ee = Q[te], Re = Q[ne], re = Te(0, P[x], ce[x]), Ge = O ? P[x] / 2 - Ue - re - Ee - N.mainAxis : Ve - re - Ee - N.mainAxis, cn = O ? -P[x] / 2 + Ue + re + Re + N.mainAxis : me + re + Re + N.mainAxis, $e = t.elements.arrow && Ne(t.elements.arrow), un = $e ? b === "y" ? $e.clientTop || 0 : $e.clientLeft || 0 : 0, ht = (D = R == null ? void 0 : R[b]) != null ? D : 0, dn = $ + Ge - ht - un, pn = $ + cn - ht, mt = Te(h ? ke(Se, dn) : Se, $, h ? se(oe, pn) : oe);
+      M[b] = mt, G[b] = mt - $;
     }
     if (s) {
-      var It, vn = b === "x" ? H : x, bn = b === "x" ? F : G, ae = M[I], He = I === "y" ? "height" : "width", gt = ae + v[vn], Tt = ae - v[bn], Ke = [H, x].indexOf(T) !== -1, Mt = (It = w == null ? void 0 : w[I]) != null ? It : 0, At = Ke ? gt : ae - N[He] - S[He] - Mt + C.altAxis, Ot = Ke ? ae + N[He] + S[He] - Mt - C.altAxis : Tt, wt = _ && Ke ? vo(At, ae, Ot) : Me(_ ? At : gt, ae, _ ? Ot : Tt);
-      M[I] = wt, D[I] = wt - ae;
+      var Et, fn = b === "x" ? B : H, _n = b === "x" ? q : V, ie = M[g], De = g === "y" ? "height" : "width", vt = ie + v[fn], bt = ie - v[_n], ze = [B, H].indexOf(I) !== -1, It = (Et = R == null ? void 0 : R[g]) != null ? Et : 0, Tt = ze ? vt : ie - P[De] - C[De] - It + N.altAxis, gt = ze ? ie + P[De] + C[De] - It - N.altAxis : bt, Mt = h && ze ? Gn(Tt, ie, gt) : Te(h ? Tt : vt, ie, h ? gt : bt);
+      M[g] = Mt, G[g] = Mt - ie;
     }
-    t.modifiersData[o] = D;
+    t.modifiersData[o] = G;
   }
 }
-const Zo = {
+const go = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Yo,
+  fn: To,
   requiresIfExists: ["offset"]
 };
-function Ko(e) {
+function Mo(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Xo(e) {
-  return e === V(e) || !q(e) ? pt(e) : Ko(e);
+function Ao(e) {
+  return e === k(e) || !F(e) ? lt(e) : Mo(e);
 }
-function Jo(e) {
-  var t = e.getBoundingClientRect(), n = _e(t.width) / e.offsetWidth || 1, o = _e(t.height) / e.offsetHeight || 1;
+function Oo(e) {
+  var t = e.getBoundingClientRect(), n = pe(t.width) / e.offsetWidth || 1, o = pe(t.height) / e.offsetHeight || 1;
   return n !== 1 || o !== 1;
 }
-function Qo(e, t, n) {
+function wo(e, t, n) {
   n === void 0 && (n = !1);
-  var o = q(t), r = q(t) && Jo(t), i = te(t), u = he(e, r, n), s = {
+  var o = F(t), r = F(t) && Oo(t), i = ee(t), u = fe(e, r, n), s = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
     x: 0,
     y: 0
   };
-  return (o || !o && !n) && ((X(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  _t(i)) && (s = Xo(t)), q(t) ? (l = he(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = ft(i))), {
+  return (o || !o && !n) && ((Z(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  ut(i)) && (s = Ao(t)), F(t) ? (l = fe(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = ct(i))), {
     x: u.left + s.scrollLeft - l.x,
     y: u.top + s.scrollTop - l.y,
     width: u.width,
     height: u.height
   };
 }
-function er(e) {
+function Lo(e) {
   var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o = [];
   e.forEach(function(i) {
     t.set(i.name, i);
@@ -1641,15 +1321,15 @@ function er(e) {
     n.has(i.name) || r(i);
   }), o;
 }
-function tr(e) {
-  var t = er(e);
-  return Qe.reduce(function(n, o) {
+function yo(e) {
+  var t = Lo(e);
+  return xn.reduce(function(n, o) {
     return n.concat(t.filter(function(r) {
       return r.phase === o;
     }));
   }, []);
 }
-function nr(e) {
+function Po(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(n) {
@@ -1659,66 +1339,7 @@ function nr(e) {
     })), t;
   };
 }
-function Q(e) {
-  for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
-    n[o - 1] = arguments[o];
-  return [].concat(n).reduce(function(r, i) {
-    return r.replace(/%s/, i);
-  }, e);
-}
-var le = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', or = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', xt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function rr(e) {
-  e.forEach(function(t) {
-    [].concat(Object.keys(t), xt).filter(function(n, o, r) {
-      return r.indexOf(n) === o;
-    }).forEach(function(n) {
-      switch (n) {
-        case "name":
-          typeof t.name != "string" && console.error(Q(le, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
-          break;
-        case "enabled":
-          typeof t.enabled != "boolean" && console.error(Q(le, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
-          break;
-        case "phase":
-          Qe.indexOf(t.phase) < 0 && console.error(Q(le, t.name, '"phase"', "either " + Qe.join(", "), '"' + String(t.phase) + '"'));
-          break;
-        case "fn":
-          typeof t.fn != "function" && console.error(Q(le, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
-          break;
-        case "effect":
-          t.effect != null && typeof t.effect != "function" && console.error(Q(le, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
-          break;
-        case "requires":
-          t.requires != null && !Array.isArray(t.requires) && console.error(Q(le, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
-          break;
-        case "requiresIfExists":
-          Array.isArray(t.requiresIfExists) || console.error(Q(le, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
-          break;
-        case "options":
-        case "data":
-          break;
-        default:
-          console.error('PopperJS: an invalid property has been provided to the "' + t.name + '" modifier, valid properties are ' + xt.map(function(o) {
-            return '"' + o + '"';
-          }).join(", ") + '; but "' + n + '" was provided.');
-      }
-      t.requires && t.requires.forEach(function(o) {
-        e.find(function(r) {
-          return r.name === o;
-        }) == null && console.error(Q(or, String(t.name), o, o));
-      });
-    });
-  });
-}
-function ir(e, t) {
-  var n = /* @__PURE__ */ new Set();
-  return e.filter(function(o) {
-    var r = t(o);
-    if (!n.has(r))
-      return n.add(r), !0;
-  });
-}
-function ar(e) {
+function No(e) {
   var t = e.reduce(function(n, o) {
     var r = n[o.name];
     return n[o.name] = r ? Object.assign({}, r, o, {
@@ -1730,27 +1351,27 @@ function ar(e) {
     return t[n];
   });
 }
-var Wt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", sr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", kt = {
+var Rt = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function qt() {
+function Dt() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
   return !t.some(function(o) {
     return !(o && typeof o.getBoundingClientRect == "function");
   });
 }
-function lr(e) {
+function So(e) {
   e === void 0 && (e = {});
-  var t = e, n = t.defaultModifiers, o = n === void 0 ? [] : n, r = t.defaultOptions, i = r === void 0 ? kt : r;
+  var t = e, n = t.defaultModifiers, o = n === void 0 ? [] : n, r = t.defaultOptions, i = r === void 0 ? Rt : r;
   return function(s, l, c) {
     c === void 0 && (c = i);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, kt, i),
+      options: Object.assign({}, Rt, i),
       modifiersData: {},
       elements: {
         reference: s,
@@ -1758,35 +1379,18 @@ function lr(e) {
       },
       attributes: {},
       styles: {}
-    }, h = [], f = !1, _ = {
+    }, m = [], f = !1, h = {
       state: d,
-      setOptions: function(T) {
-        var A = typeof T == "function" ? T(d.options) : T;
+      setOptions: function(I) {
+        var A = typeof I == "function" ? I(d.options) : I;
         E(), d.options = Object.assign({}, i, d.options, A), d.scrollParents = {
-          reference: ue(s) ? Ae(s) : s.contextElement ? Ae(s.contextElement) : [],
-          popper: Ae(l)
+          reference: le(s) ? ge(s) : s.contextElement ? ge(s.contextElement) : [],
+          popper: ge(l)
         };
-        var L = tr(ar([].concat(o, d.options.modifiers)));
-        if (d.orderedModifiers = L.filter(function(w) {
-          return w.enabled;
-        }), {}.NODE_ENV !== "production") {
-          var b = ir([].concat(L, d.options.modifiers), function(w) {
-            var D = w.name;
-            return D;
-          });
-          if (rr(b), z(d.options.placement) === $e) {
-            var I = d.orderedModifiers.find(function(w) {
-              var D = w.name;
-              return D === "flip";
-            });
-            I || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
-          }
-          var M = Y(l), N = M.marginTop, S = M.marginRight, U = M.marginBottom, C = M.marginLeft;
-          [N, S, U, C].some(function(w) {
-            return parseFloat(w);
-          }) && console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
-        }
-        return m(), _.update();
+        var O = yo(No([].concat(o, d.options.modifiers)));
+        return d.orderedModifiers = O.filter(function(b) {
+          return b.enabled;
+        }), _(), h.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1795,89 +1399,83 @@ function lr(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!f) {
-          var T = d.elements, A = T.reference, L = T.popper;
-          if (!qt(A, L)) {
-            ({}).NODE_ENV !== "production" && console.error(Wt);
-            return;
-          }
-          d.rects = {
-            reference: Qo(A, Ue(L), d.options.strategy === "fixed"),
-            popper: ut(L)
-          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(w) {
-            return d.modifiersData[w.name] = Object.assign({}, w.data);
-          });
-          for (var b = 0, I = 0; I < d.orderedModifiers.length; I++) {
-            if ({}.NODE_ENV !== "production" && (b += 1, b > 100)) {
-              console.error(sr);
-              break;
-            }
-            if (d.reset === !0) {
-              d.reset = !1, I = -1;
-              continue;
+          var I = d.elements, A = I.reference, O = I.popper;
+          if (Dt(A, O)) {
+            d.rects = {
+              reference: wo(A, Ne(O), d.options.strategy === "fixed"),
+              popper: at(O)
+            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(N) {
+              return d.modifiersData[N.name] = Object.assign({}, N.data);
+            });
+            for (var b = 0; b < d.orderedModifiers.length; b++) {
+              if (d.reset === !0) {
+                d.reset = !1, b = -1;
+                continue;
+              }
+              var g = d.orderedModifiers[b], M = g.fn, P = g.options, C = P === void 0 ? {} : P, S = g.name;
+              typeof M == "function" && (d = M({
+                state: d,
+                options: C,
+                name: S,
+                instance: h
+              }) || d);
             }
-            var M = d.orderedModifiers[I], N = M.fn, S = M.options, U = S === void 0 ? {} : S, C = M.name;
-            typeof N == "function" && (d = N({
-              state: d,
-              options: U,
-              name: C,
-              instance: _
-            }) || d);
           }
         }
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: nr(function() {
+      update: Po(function() {
         return new Promise(function(v) {
-          _.forceUpdate(), v(d);
+          h.forceUpdate(), v(d);
         });
       }),
       destroy: function() {
         E(), f = !0;
       }
     };
-    if (!qt(s, l))
-      return {}.NODE_ENV !== "production" && console.error(Wt), _;
-    _.setOptions(c).then(function(v) {
+    if (!Dt(s, l))
+      return h;
+    h.setOptions(c).then(function(v) {
       !f && c.onFirstUpdate && c.onFirstUpdate(v);
     });
-    function m() {
+    function _() {
       d.orderedModifiers.forEach(function(v) {
-        var T = v.name, A = v.options, L = A === void 0 ? {} : A, b = v.effect;
+        var I = v.name, A = v.options, O = A === void 0 ? {} : A, b = v.effect;
         if (typeof b == "function") {
-          var I = b({
+          var g = b({
             state: d,
-            name: T,
-            instance: _,
-            options: L
+            name: I,
+            instance: h,
+            options: O
           }), M = function() {
           };
-          h.push(I || M);
+          m.push(g || M);
         }
       });
     }
     function E() {
-      h.forEach(function(v) {
+      m.forEach(function(v) {
         return v();
-      }), h = [];
+      }), m = [];
     }
-    return _;
+    return h;
   };
 }
-var cr = [yo, jo, wo, ho, Go, Wo, Zo, To, qo], an = /* @__PURE__ */ lr({
-  defaultModifiers: cr
+var Uo = [eo, bo, Jn, Fn, Eo, po, go, Kn, _o], Jt = /* @__PURE__ */ So({
+  defaultModifiers: Uo
 });
-function nt(e, t, n, o) {
+function Je(e, t, n, o) {
   t ? (e.classList.remove(o), e.classList.add(n)) : (e.classList.add(o), e.classList.remove(n));
 }
-let k;
-const ge = {}, ot = {
+let W;
+const be = {}, Qe = {
   SHIFT: "shift-key"
 };
-function sn() {
-  k && (document.removeEventListener("click", k.globalOnClick), document.removeEventListener("keyup", k.globalOnKeyup), document.removeEventListener("keydown", k.globalOnKeydown), k = null);
+function Qt() {
+  W && (document.removeEventListener("click", W.globalOnClick), document.removeEventListener("keyup", W.globalOnKeyup), document.removeEventListener("keydown", W.globalOnKeydown), W = null);
 }
-function rt() {
+function et() {
   const e = document.querySelectorAll(
     `${p(a.UTAH_DESIGN_SYSTEM)} ${p(a.POPUP_WRAPPER)}`
   );
@@ -1887,70 +1485,72 @@ function rt() {
       const o = document.querySelector(`[aria-controls="${n}"]`);
       o && o.setAttribute("aria-expanded", "false");
     }
-    nt(t, !1, a.POPUP__VISIBLE, a.POPUP__HIDDEN);
+    Je(t, !1, a.POPUP__VISIBLE, a.POPUP__HIDDEN);
   });
 }
-function ur() {
-  k && sn(), k = {}, k.globalOnClick = rt, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (e) => {
-    e.key === "Escape" && rt(), e.shiftKey || (ge[ot.SHIFT] = !1), ge[e.key] = !1;
-  }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (e) => {
-    e.shiftKey && (ge[ot.SHIFT] = !0), ge[e.key] = !0;
-  }, document.addEventListener("keydown", k.globalOnKeydown);
+function Co() {
+  W && Qt(), W = {}, W.globalOnClick = et, document.addEventListener("click", W.globalOnClick), W.globalOnKeyup = (e) => {
+    e.key === "Escape" && et(), e.shiftKey || (be[Qe.SHIFT] = !1), be[e.key] = !1;
+  }, document.addEventListener("keyup", W.globalOnKeyup), W.globalOnKeydown = (e) => {
+    e.shiftKey && (be[Qe.SHIFT] = !0), be[e.key] = !0;
+  }, document.addEventListener("keydown", W.globalOnKeydown);
 }
-function dr() {
+function Ro() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Pe(e, t, n, o, r) {
+function Le(e, t, n, o, r) {
   let i = NaN, u = NaN;
   const s = 300, l = 150, c = 50;
   t.setAttribute("aria-expanded", "false"), t.setAttribute("aria-haspopup", o);
   function d(f) {
     clearTimeout(i), clearTimeout(u), (!(r != null && r.isPerformPopup) || r != null && r.isPerformPopup && r.isPerformPopup()) && (i = window.setTimeout(
       () => {
-        an(t, n, {
-          placement: (r == null ? void 0 : r.popupPlacement) || lt.BOTTOM,
+        Jt(t, n, {
+          placement: (r == null ? void 0 : r.popupPlacement) || ot.BOTTOM,
           modifiers: [
             {
               name: "offset",
               options: { offset: [0, 11] }
             }
           ]
-        }), nt(n, !0, a.POPUP__VISIBLE, a.POPUP__HIDDEN), t.setAttribute("aria-expanded", "true"), document.querySelectorAll(p(a.TOOLTIP__WRAPPER)).forEach((_) => _.classList.add(a.TOOLTIP__WRAPPER__HIDDEN));
+        }), Je(n, !0, a.POPUP__VISIBLE, a.POPUP__HIDDEN), t.setAttribute("aria-expanded", "true"), document.querySelectorAll(p(a.TOOLTIP__WRAPPER)).forEach((h) => h.classList.add(a.TOOLTIP__WRAPPER__HIDDEN));
       },
       f
     ));
   }
-  function h(f) {
+  function m(f) {
     clearTimeout(i), clearTimeout(u), (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (u = window.setTimeout(
       () => {
-        nt(n, !1, a.POPUP__VISIBLE, a.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
+        Je(n, !1, a.POPUP__VISIBLE, a.POPUP__HIDDEN), t.setAttribute("aria-expanded", "false");
       },
       f
     ));
   }
-  if (r != null && r.preventOnClickHandling || (e.addEventListener("focusin", () => d(l)), e.addEventListener("focusout", () => h(l))), r != null && r.shouldFocusOnHover && (e.addEventListener("mouseenter", () => d(s)), e.addEventListener("mouseleave", () => h(s))), !(r != null && r.preventOnClickHandling)) {
+  if (r != null && r.preventOnClickHandling ? (X(!!e.onclick, "popupFocusHandler: wrapper already has an onclick"), e.onclick = (f) => {
+    f.preventDefault(), f.stopPropagation();
+  }) : (e.addEventListener("focusin", () => d(l)), e.addEventListener("focusout", () => m(l))), r != null && r.shouldFocusOnHover && (e.addEventListener("mouseenter", () => d(s)), e.addEventListener("mouseleave", () => m(s))), !(r != null && r.preventOnClickHandling)) {
     if (t.onclick)
       throw new Error("popupFocusHandler: button already has onclick");
     t.onclick = (f) => {
-      var m;
-      const _ = t.getAttribute("aria-expanded") === "true";
-      (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (f.stopPropagation(), f.preventDefault(), _ && t.getAttribute("aria-expanded") === "true" ? (h(c), (m = document.activeElement) == null || m.blur()) : (dr() && rt(), d(c))), r != null && r.onClick && r.onClick(f);
+      var _;
+      const h = t.getAttribute("aria-expanded") === "true";
+      (!(r != null && r.isPerformPopup) || r.isPerformPopup()) && (f.stopPropagation(), f.preventDefault(), h && t.getAttribute("aria-expanded") === "true" ? (m(c), (_ = document.activeElement) == null || _.blur()) : (Ro() && et(), d(c))), r != null && r.onClick && r.onClick(f);
     };
   }
 }
-const pr = `<div class="popup__wrapper popup__wrapper--hidden">
+const Do = `<div class="popup__wrapper popup__wrapper--hidden">
   <div class="popup__content">
     <div class="popup__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
-function ht(e, t) {
+function dt(e, t) {
   const n = e.getAttribute("id");
   if (!n)
     throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
-  const o = R();
+  const o = U();
   e.setAttribute("aria-controls", o);
-  const r = g(pr);
+  const r = T(Do);
   if (r.setAttribute("id", o), r.setAttribute("aria-labelledby", n), t != null && t.removePopupArrow) {
     const i = r.querySelector(p(a.POPUP_ARROW));
     if (!i)
@@ -1959,7 +1559,7 @@ function ht(e, t) {
   }
   return r;
 }
-function fr(e) {
+function Bo(e) {
   const t = e.closest("li");
   if (!t)
     throw console.error("element", e), new Error("toggleChildMenuExpansion: parent not found for child");
@@ -1974,18 +1574,18 @@ function fr(e) {
     n.classList.toggle(a.VISUALLY_HIDDEN), n.classList.contains(a.VISUALLY_HIDDEN) ? (o.setAttribute("aria-expanded", "false"), r.classList.add(a.IS_CLOSED), r.classList.remove(a.IS_OPEN)) : (o.setAttribute("aria-expanded", "true"), r.classList.remove(a.IS_CLOSED), r.classList.add(a.IS_OPEN));
   });
 }
-function _r(e) {
+function Ho(e) {
   return (t) => {
-    t.preventDefault(), t.stopPropagation(), fr(e);
+    t.preventDefault(), t.stopPropagation(), Bo(e);
   };
 }
-function Vt() {
-  const e = g(Jn);
+function Bt() {
+  const e = T(An);
   return e.classList.add(a.IS_CLOSED), e;
 }
-function hr(e, t, n) {
-  var h, f;
-  const o = g(eo), r = o.querySelector(p(a.POPUP_MENU__TITLE));
+function xo(e, t, n) {
+  var f, h;
+  const o = T(wn), r = o.querySelector(p(a.POPUP_MENU__TITLE));
   if (!r)
     throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
   const i = (
@@ -2015,14 +1615,22 @@ function hr(e, t, n) {
   const d = o.querySelector(`a ${p(a.POPUP_MENU__LINK_TEXT)}`);
   if (!d)
     throw new Error("renderPopupMenuItem: titleSpanLink not found");
-  if (t.actionMenu) {
+  const m = t.actionMenu && [...t.actionMenu];
+  if (m && (t.actionFunction || t.actionUrl || t.actionFunctionUrl) && m.unshift({
+    actionFunction: t.actionFunction,
+    actionFunctionUrl: t.actionFunctionUrl,
+    actionUrl: t.actionUrl,
+    className: t.className,
+    icon: t.icon,
+    title: `${t.title} (page)`
+  }), m) {
     let _;
     switch (n.childrenMenuType) {
-      case j.FLYOUT: {
-        _ = Vt(), i.appendChild(_), i.setAttribute("id", R());
-        const m = mt(
+      case z.FLYOUT: {
+        _ = Bt(), i.appendChild(_), i.setAttribute("id", U());
+        const E = pt(
           {
-            menuItems: t.actionMenu,
+            menuItems: m,
             title: t.title
           },
           i,
@@ -2031,44 +1639,44 @@ function hr(e, t, n) {
             removePopupArrow: !0
           }
         );
-        o.appendChild(m), Pe(
+        o.appendChild(E), Le(
           o,
           i,
-          m,
+          E,
           "menu",
           {
-            popupPlacement: lt.RIGHT_START,
+            popupPlacement: ot.RIGHT_START,
             preventOnClickHandling: !0,
             shouldFocusOnHover: !0
           }
         ), u.remove(), s.remove();
         break;
       }
-      case j.INLINE: {
-        const m = Ee(
-          t.actionMenu,
+      case z.INLINE: {
+        const E = he(
+          m,
           n
-        ), E = R();
-        m.setAttribute("id", E), m.classList.add(a.VISUALLY_HIDDEN), o.appendChild(m), i.onclick = _r(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", E), _ = Vt(), i.appendChild(_), u.remove(), s.remove(), o.addEventListener("focusin", (v) => {
-          var T, A, L, b;
-          for (let I = (
+        ), v = U();
+        E.setAttribute("id", v), E.classList.add(a.VISUALLY_HIDDEN), o.appendChild(E), i.onclick = Ho(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", v), _ = Bt(), i.appendChild(_), u.remove(), s.remove(), o.addEventListener("focusin", (I) => {
+          var A, O, b, g;
+          for (let M = (
             /** @type Element | null | undefined */
-            (T = v.target) == null ? void 0 : T.closest("ul")
-          ); I; I = (A = I.parentElement) == null ? void 0 : A.closest("ul"))
-            I.classList.remove(a.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), v.target !== i && ((L = _ == null ? void 0 : _.classList) == null || L.remove(a.IS_CLOSED), (b = _ == null ? void 0 : _.classList) == null || b.add(a.IS_OPEN));
+            (A = I.target) == null ? void 0 : A.closest("ul")
+          ); M; M = (O = M.parentElement) == null ? void 0 : O.closest("ul"))
+            M.classList.remove(a.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), I.target !== i && ((b = _ == null ? void 0 : _.classList) == null || b.remove(a.IS_CLOSED), (g = _ == null ? void 0 : _.classList) == null || g.add(a.IS_OPEN));
         });
         break;
       }
-      case j.MEGA_MENU: {
-        const m = Ee(
-          t.actionMenu,
+      case z.MEGA_MENU: {
+        const E = he(
+          m,
           n
-        ), E = R();
-        m.setAttribute("id", E), o.appendChild(m), u.remove(), i.remove(), s.appendChild(document.createTextNode(t.title));
+        ), v = U();
+        E.setAttribute("id", v), o.appendChild(E), u.remove(), i.remove(), s.appendChild(document.createTextNode(t.title));
         break;
       }
       default:
-        throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${t.actionMenu}'`);
+        throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${n.childrenMenuType}'`);
     }
     l.remove();
   } else if (t.actionFunction)
@@ -2077,34 +1685,58 @@ function hr(e, t, n) {
     u.setAttribute("href", t.actionUrl.url), i.remove(), l.remove(), s.remove();
   else if (t.actionFunctionUrl)
     u.setAttribute("href", t.actionFunctionUrl.url), u.onclick = (_) => {
-      var m, E;
-      (m = t.actionFunctionUrl) != null && m.skipHandleEvent || (_.stopPropagation(), _.preventDefault()), (E = t.actionFunctionUrl) == null || E.actionFunction(_);
+      var E, v;
+      (E = t.actionFunctionUrl) != null && E.skipHandleEvent || (_.stopPropagation(), _.preventDefault()), (v = t.actionFunctionUrl) == null || v.actionFunction(_);
     }, i.remove(), l.remove(), s.remove();
   else if (t.isDivider)
     r.remove(), o.setAttribute("aria-hidden", "true"), o.setAttribute("role", "separator");
   else
     throw console.error(t), new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");
-  if (!t.isDivider && (c.appendChild(document.createTextNode(t.title)), d.appendChild(document.createTextNode(t.title)), (h = t.actionUrl) != null && h.openInNewTab || (f = t.actionFunctionUrl) != null && f.openInNewTab)) {
+  if (!t.isDivider && (c.appendChild(document.createTextNode(t.title)), d.appendChild(document.createTextNode(t.title)), (f = t.actionUrl) != null && f.openInNewTab || (h = t.actionFunctionUrl) != null && h.openInNewTab)) {
     u.setAttribute("target", "_blank");
-    const _ = g(Zt);
+    const _ = T(qt);
     c.appendChild(_), d.appendChild(_);
   }
-  return (t.isSelected || t.actionMenu && Ve(t.actionMenu, ["actionMenu"], (_) => !!_.isSelected)) && (i.classList.add(a.MENU_ITEM__SELECTED), u.classList.add(a.MENU_ITEM__SELECTED)), t.isSelected ? o.classList.add(a.MENU_ITEM__SELECTED) : o.classList.remove(a.MENU_ITEM__SELECTED), e.appendChild(o), o;
+  return (t.isSelected || t.actionMenu && We(t.actionMenu, ["actionMenu"], (_) => !!_.isSelected)) && (i.classList.add(a.MENU_ITEM__SELECTED), u.classList.add(a.MENU_ITEM__SELECTED)), t.isSelected ? o.classList.add(a.MENU_ITEM__SELECTED) : o.classList.remove(a.MENU_ITEM__SELECTED), e.appendChild(o), o;
 }
-function Ee(e, t) {
-  const n = g(Qn);
-  return e == null || e.forEach((o) => hr(n, o, t)), n;
+function he(e, t) {
+  const n = T(On);
+  return e == null || e.forEach((o) => xo(n, o, t)), n;
 }
-function mt(e, t, n) {
-  const o = ht(t, { removePopupArrow: n.removePopupArrow }), r = o.querySelector(p(a.POPUP_CONTENT_WRAPPER));
+function pt(e, t, n) {
+  const o = dt(t, { removePopupArrow: n.removePopupArrow }), r = o.querySelector(p(a.POPUP_CONTENT_WRAPPER));
   if (!r)
     throw new Error("renderPopupMenu: contentWrapper not found");
-  const i = Ee(e.menuItems, n);
+  const i = he(e.menuItems, n);
   return i.setAttribute("aria-label", e.title), r.appendChild(i), o;
 }
-function mr(e) {
-  const t = g(Kn);
-  t.getAttribute("id") || t.setAttribute("id", R());
+const Wo = `<div class="utds-badge__wrapper">
+  <span class="utds-badge__value"></span>
+  <span class="utds-badge__label visually-hidden"></span>
+</div>
+`;
+function ft(e) {
+  let t = null;
+  if (e) {
+    t = /** @type {HTMLElement} */
+    T(Wo), t.classList.add(a.BADGE_WRAPPER__ACTION_ITEM);
+    const n = t.querySelector(p(a.BADGE__LABEL));
+    if (!n)
+      throw new Error("renderActionItemBadge: badgeLabel not found");
+    if (n.appendChild(document.createTextNode(e.label)), e.value || e.value === 0) {
+      const o = t.querySelector(p(a.BADGE__VALUE));
+      if (!o)
+        throw new Error("renderActionItemBadge: badgeValue not found");
+      o.appendChild(document.createTextNode(`${e.value}`));
+    } else
+      t.classList.add(a.BADGE_WRAPPER__SMALL);
+    e.className && t.classList.add(e.className);
+  }
+  return t;
+}
+function ko(e) {
+  const t = T(gn);
+  t.getAttribute("id") || t.setAttribute("id", U());
   const n = document.createTextNode(e.title), o = (
     /** @type {HTMLElement} */
     t instanceof HTMLCollection ? t[0] : t
@@ -2121,30 +1753,30 @@ function mr(e) {
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   e.className && i.classList.add(e.className);
-  const u = at(e.badge);
+  const u = ft(e.badge);
   u && i.appendChild(u);
-  const s = g(e.icon);
+  const s = T(e.icon);
   s.setAttribute("role", "presentation"), i.appendChild(s);
   let l = null;
   if (e.actionFunction)
     i.onclick = e.actionFunction;
   else if (e.actionDom) {
-    const c = R();
-    i.setAttribute("id", c), l = g(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom);
+    const c = U();
+    i.setAttribute("id", c), l = T(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom);
   } else if (e.actionPopupMenu) {
-    const c = R();
-    i.setAttribute("id", c), l = g(Xn);
+    const c = U();
+    i.setAttribute("id", c), l = T(Mn);
     const d = l.querySelector(p(a.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
     if (!d)
       throw new Error("renderMobileActionItem: actionItemContentTitle not found");
     d.appendChild(document.createTextNode(e.actionPopupMenu.title));
-    const h = Ee(e.actionPopupMenu.menuItems, { childrenMenuType: j.INLINE });
-    l.appendChild(h);
+    const m = he(e.actionPopupMenu.menuItems, { childrenMenuType: z.INLINE });
+    l.appendChild(m);
   } 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 Er() {
+function Fo() {
   var u, s, l;
   const e = document.getElementById(a.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!e)
@@ -2155,11 +1787,11 @@ function Er() {
   );
   if (!t)
     throw new Error("renderMobileActionItems: homeActionItemWrapper not found");
-  const o = !!O().utahId ? document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, r = (
+  const o = !!w().utahId ? document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, r = (
     /** @type {HTMLElement} */
     (u = o == null ? void 0 : o.closest) == null ? void 0 : u.call(o, p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  (l = (s = [...O().actionItems || []].reverse()) == null ? void 0 : s.map((c) => ({ actionItem: c, ...mr(c) }))) == null || l.forEach(({ actionItem: c, actionItemContent: d, actionItemElement: h }) => {
+  (l = (s = [...w().actionItems || []].reverse()) == null ? void 0 : s.map((c) => ({ actionItem: c, ...ko(c) }))) == null || l.forEach(({ actionItem: c, actionItemContent: d, actionItemElement: m }) => {
     let f;
     switch (c.mobileMenuLocation) {
       case "left":
@@ -2173,46 +1805,106 @@ function Er() {
         f = r || t;
         break;
     }
-    if (f && (f.after(h), d)) {
-      const _ = it(d);
-      let m = null;
-      c.actionDom ? m = "dialog" : c.actionPopupMenu && (m = "menu"), st(
-        h,
-        _,
+    if (f && (f.after(m), d)) {
+      const h = tt(d);
+      let _ = null;
+      c.actionDom ? _ = "dialog" : c.actionPopupMenu && (_ = "menu"), nt(
+        m,
         h,
-        { ariaHasPopupType: m, shouldOnClickCloseMenu: !1 }
+        m,
+        { ariaHasPopupType: _, shouldOnClickCloseMenu: !1 }
       );
     }
-  }), O().mainMenu || (e.remove(), t.remove());
-}
-const vr = `<div class="utds-citizen-experience-wrapper--mobile"></div>
-`, br = `<h1 class="utds-logo-wrapper"></h1>
-`, Ir = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
-`, gr = `<span class="utds-logo-vert-line"></span>
-`, Tr = `<div class="utds-citizen-experience-wrapper"></div>
-`, Mr = `<div class="utds-action-items-wrapper"></div>
-`, Ar = `<div class="utds-header-action-item">
+  }), w().mainMenu || (e.remove(), t.remove());
+}
+const qo = `<div class="utds-footer utah-design-system">
+  <div class="utds-footer__horizontal-divider">
+    <hr />
+  </div>
+  <div class="utds-footer__utah-logo-wrapper">
+    <div class="utah-logo-svg" id="utah-logo-svg">
+      <svg viewBox="0 0 107 30.51" role="img">
+          <g><path d="m12.44,30.51c-4.21,0-7.33-1.22-9.38-3.66C1.02,24.4,0,20.61,0,15.48V0h7.93v16.4c0,2.67.36,4.55,1.08,5.65.77,1.12,2.08,1.74,3.43,1.64,1.36.1,2.68-.52,3.48-1.63.75-1.09,1.13-2.97,1.13-5.65V0h7.65v15.48c0,5.13-1,8.92-3,11.36-2,2.44-5.09,3.66-9.26,3.66Zm24.42-.56V6.64h-7.93V0h23.78v6.64h-7.93v23.31h-7.92Zm26.17-14.56l-.51,2.07h5.53l-.51-2.07c-.37-1.44-.74-3.01-1.11-4.7-.37-1.69-.74-3.29-1.11-4.79h-.18c-.34,1.53-.68,3.14-1.04,4.82-.35,1.68-.71,3.24-1.08,4.68Zm-11.52,14.56L60.64,0h9.58l9.12,29.95h-8.39l-1.48-6.36h-8.38l-1.47,6.36h-8.11Zm30.69,0V0h7.93v11.15h8.94V0h7.93v29.95h-7.93v-11.89h-8.94v11.89h-7.93Z"/></g>
+      </svg>
+    </div>
+    <div class="utds-footer__vertical-divider" role="separator" aria-orientation="vertical"></div>
+    <div class="utds-footer__official-site-wrapper">
+      <div class="utds-footer__official-site">An official website of the <span class="whitespace-no-wrap">State of Utah</span></div>
+      <div class="utds-footer__copyright">©2023 State of Utah</div>
+    </div>
+  </div>
+  <div class="utds-footer__links">
+    <ul>
+      <li><a href="#" target="__blank" rel="noreferrer">Utah.gov Home</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Terms of Use</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Privacy Policy</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Accessibility</a></li>
+      <li><a href="#" target="__blank" rel="noreferrer">Translate</a></li>
+    </ul>
+  </div>
+</div>
+`;
+let ae = null;
+function Vo() {
+  var o, r, i, u, s, l, c, d, m, f, h, _, E, v, I, A;
+  const e = w(), t = document.querySelector(p(a.FOOTER));
+  let n = t;
+  if (e.footer === null)
+    t == null || t.remove();
+  else if (((o = ae == null ? void 0 : ae.footer) == null ? void 0 : o.domLocationTarget) !== ((r = e == null ? void 0 : e.footer) == null ? void 0 : r.domLocationTarget) || ((i = ae == null ? void 0 : ae.footer) == null ? void 0 : i.showHorizontalRule) !== ((u = e == null ? void 0 : e.footer) == null ? void 0 : u.showHorizontalRule) || !t) {
+    t && t.remove(), n = T(qo);
+    let b = document.body;
+    if ((s = e == null ? void 0 : e.footer) != null && s.domLocationTarget) {
+      const g = [
+        (l = e == null ? void 0 : e.footer) == null ? void 0 : l.domLocationTarget.cssSelector,
+        (c = e == null ? void 0 : e.footer) == null ? void 0 : c.domLocationTarget.element,
+        (d = e == null ? void 0 : e.footer) == null ? void 0 : d.domLocationTarget.elementFunction
+      ].filter((M) => M);
+      if (X(g.length < 1, "renderFooter: footer.domLocationTarget must either have a value for one of its properties or not be specified at all"), X(g.length > 1, "renderFooter: footer.domLocationTarget must only have one target specified"), (m = e == null ? void 0 : e.footer) != null && m.domLocationTarget.cssSelector)
+        b = document.querySelector((f = e == null ? void 0 : e.footer) == null ? void 0 : f.domLocationTarget.cssSelector), X(!b, `renderFooter: element not found for domLocationTarget.cssSelector ${(h = e == null ? void 0 : e.footer) == null ? void 0 : h.domLocationTarget.cssSelector}`);
+      else if ((_ = e == null ? void 0 : e.footer) != null && _.domLocationTarget.element)
+        b = (E = e == null ? void 0 : e.footer) == null ? void 0 : E.domLocationTarget.element;
+      else if ((v = e == null ? void 0 : e.footer) != null && v.domLocationTarget.elementFunction)
+        b = (I = e == null ? void 0 : e.footer) == null ? void 0 : I.domLocationTarget.elementFunction(), X(!b, "renderFooter: element not returned from domLocationTarget.elementFunction");
+      else
+        throw new Error("renderFooter: domLocationTarget must have at least one field set");
+    }
+    if (b == null || b.appendChild(n), !((A = e == null ? void 0 : e.footer) != null && A.showHorizontalRule)) {
+      const g = document.querySelector(p(a.FOOTER_HORIZONTAL_DIVIDER));
+      X(!g, "renderFooter: cannot remove horizontal rule; not found"), g == null || g.remove();
+    }
+    ae = JSON.parse(JSON.stringify(e));
+  }
+  return n;
+}
+const Go = `<div class="utds-citizen-experience-wrapper--mobile"></div>
+`, $o = `<h1 class="utds-logo-wrapper"></h1>
+`, zo = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, Yo = `<span class="utds-logo-vert-line"></span>
+`, Ko = `<div class="utds-citizen-experience-wrapper"></div>
+`, jo = `<div class="utds-action-items-wrapper"></div>
+`, Zo = `<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>
-`, Or = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
+`, Xo = `<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 pe = NaN;
-function Oe(e, t) {
-  const n = g(Or), o = n.querySelector(p(a.TOOLTIP__CONTENT));
+let ue = NaN;
+function Me(e, t) {
+  const n = T(Xo), o = n.querySelector(p(a.TOOLTIP__CONTENT));
   if (!o)
     throw new Error("hookupToolTip: toolTipContent not found");
   o.appendChild(t), e.appendChild(n);
-  const r = an(
+  const r = Jt(
     e,
     n,
     {
-      placement: lt.BOTTOM,
+      placement: ot.BOTTOM,
       modifiers: [
         {
           name: "offset",
@@ -2227,24 +1919,24 @@ function Oe(e, t) {
   e.onmouseenter = () => {
     clearTimeout(i), i = window.setTimeout(
       () => {
-        clearTimeout(pe), pe = -1;
+        clearTimeout(ue), ue = -1;
         const u = e.querySelector(p(a.POPUP_WRAPPER));
         (!u || u.classList.contains(a.POPUP__HIDDEN)) && (n.classList.remove(a.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(a.TOOLTIP__WRAPPER__VISIBLE), r.update().catch((s) => console.error(s)));
       },
       // tooltip was already opened on another item, so instantly open tooltip
-      pe ? 0 : 500
+      ue ? 0 : 500
     );
   }, e.onmouseleave = () => {
-    clearTimeout(i), n.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(pe), pe = window.setTimeout(
+    clearTimeout(i), n.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(ue), ue = window.setTimeout(
       () => {
-        pe = NaN;
+        ue = NaN;
       },
       500
     );
   };
 }
-function wr(e) {
-  const t = g(Ar), n = document.createTextNode(e.title), o = (
+function Jo(e) {
+  const t = T(Zo), n = document.createTextNode(e.title), o = (
     /** @type {HTMLElement} */
     t instanceof HTMLCollection ? t[0] : t
   );
@@ -2257,89 +1949,89 @@ function wr(e) {
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   e.className && i.classList.add(e.className);
-  const u = at(e.badge);
+  const u = ft(e.badge);
   u && i.appendChild(u);
-  const s = g(e.icon);
+  const s = T(e.icon);
   if (s.setAttribute("role", "presentation"), i.appendChild(s), !(i instanceof HTMLElement))
     throw new Error("renderActionItem: iconButton is not an HTMLElement");
   if (e.actionFunction)
     i.onclick = e.actionFunction;
   else if (e.actionDom) {
-    const l = R();
+    const l = U();
     i.setAttribute("id", l);
-    const c = ht(i), d = (
+    const c = dt(i), d = (
       /** @type {HTMLElement} */
       c.querySelector(p(a.POPUP_CONTENT_WRAPPER))
     );
     if (!d)
       throw new Error("renderPopupMenu: contentWrapper not found");
-    d.appendChild(g(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom)), t.appendChild(c), Pe(o, i, c, "dialog", void 0);
+    d.appendChild(T(typeof e.actionDom == "function" ? e.actionDom() : e.actionDom)), t.appendChild(c), Le(o, i, c, "dialog", void 0);
   } else if (e.actionPopupMenu) {
-    const l = R();
+    const l = U();
     i.setAttribute("id", l);
-    const c = mt(
+    const c = pt(
       /** @type {PopupMenu} */
       e.actionPopupMenu,
       i,
-      { childrenMenuType: j.INLINE }
+      { childrenMenuType: z.INLINE }
     );
-    t.appendChild(c), Pe(o, i, c, "menu", void 0);
+    t.appendChild(c), Le(o, i, c, "menu", void 0);
   } else
     throw console.error(e), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return Oe(t, document.createTextNode(e.title)), t;
+  return Me(t, document.createTextNode(e.title)), t;
 }
-function Lr() {
+function Qo() {
   var n, o;
-  const { actionItems: e } = O();
+  const { actionItems: e } = w();
   let t = null;
-  return e != null && e.length && (t = g(Mr), (o = (n = O().actionItems) == null ? void 0 : n.map((r) => wr(r))) == null || o.forEach((r) => t.appendChild(r))), t;
+  return e != null && e.length && (t = T(jo), (o = (n = w().actionItems) == null ? void 0 : n.map((r) => Jo(r))) == null || o.forEach((r) => t.appendChild(r))), t;
 }
-const yr = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
-`, ln = `<div class="utds-utah-id-wrapper"></div>
-`, Ne = {
+const er = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
+`, en = `<div class="utds-utah-id-wrapper"></div>
+`, ye = {
   PROFILE: "https://id.utah.gov",
   SIGN_IN: `https://id.utah.gov/login?goto=${window.location}`,
   SIGN_OUT: `https://id.utah.gov/logout?goto=${window.location}`,
   USER_INFO: "https://id.utah.gov/api/userInfo"
-}, Pr = `<div class="vertical-menu__wrapper">
+}, tr = `<div class="vertical-menu__wrapper">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function cn(e, t) {
-  const n = g(Pr), o = n.querySelector(p(a.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+function tn(e, t) {
+  const n = T(tr), o = n.querySelector(p(a.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
   if (!o)
     throw new Error("renderMenuWithTitle: menuTitleDiv not found");
   return o.appendChild(document.createTextNode(t)), n.appendChild(e), n;
 }
-let y = null;
-function un(e) {
-  y = e, document.querySelectorAll(p(a.UTAH_ID__BUTTON)).forEach((n) => {
+let L = null;
+function nn(e) {
+  L = e, document.querySelectorAll(p(a.UTAH_ID__BUTTON)).forEach((n) => {
     var o;
     if (n) {
-      if (n.innerHTML = "", y != null && y.userInfo && ((o = y.userInfo) != null && o.authenticated)) {
+      if (n.innerHTML = "", L != null && L.userInfo && ((o = L.userInfo) != null && o.authenticated)) {
         const u = document.createElement("span");
-        u.appendChild(document.createTextNode("UtahID Account:")), u.classList.add(a.VISUALLY_HIDDEN), n.appendChild(u), n.appendChild(document.createTextNode(`Hello, ${y.userInfo.first || ""}`));
+        u.appendChild(document.createTextNode("UtahID Account:")), u.classList.add(a.VISUALLY_HIDDEN), n.appendChild(u), n.appendChild(document.createTextNode(`Hello, ${L.userInfo.first || ""}`));
       } else
         n.appendChild(document.createTextNode("UtahID Sign In"));
       const r = n.getAttribute("aria-controls");
       if (!r)
         throw new Error(`authChangedEventHandler: popup id for button not found - ${r}`);
       const i = document.getElementById(r);
-      i && Et(n, i);
+      i && _t(n, i);
     }
   });
 }
-function Et(e, t) {
+function _t(e, t) {
   var n;
-  e && t && (!!(y != null && y.isDefinitive) && !!((n = y == null ? void 0 : y.userInfo) != null && n.authenticated) ? (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", "false"), t.removeAttribute("aria-hidden")) : (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), t.setAttribute("aria-hidden", "true")));
+  e && t && (!!(L != null && L.isDefinitive) && !!((n = L == null ? void 0 : L.userInfo) != null && n.authenticated) ? (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", "false"), t.removeAttribute("aria-hidden")) : (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), t.setAttribute("aria-hidden", "true")));
 }
-function dn() {
-  const e = g(yr);
-  return e.setAttribute("id", R()), y && un(y), e;
+function on() {
+  const e = T(er);
+  return e.setAttribute("id", U()), L && nn(L), e;
 }
-function pn(e) {
+function rn(e) {
   var l, c, d;
-  const t = O(), n = t.utahId !== !1 && t.utahId !== !0 && ((l = t.utahId) == null ? void 0 : l.onProfile), o = t.utahId !== !1 && t.utahId !== !0 && ((c = t.utahId) == null ? void 0 : c.onSignOut), r = [...t.utahId !== !0 && t.utahId !== !1 && ((d = t.utahId) == null ? void 0 : d.menuItems) || []];
+  const t = w(), n = t.utahId !== !1 && t.utahId !== !0 && ((l = t.utahId) == null ? void 0 : l.onProfile), o = t.utahId !== !1 && t.utahId !== !0 && ((c = t.utahId) == null ? void 0 : c.onSignOut), r = [...t.utahId !== !0 && t.utahId !== !1 && ((d = t.utahId) == null ? void 0 : d.menuItems) || []];
   r.length && r.push({
     isDivider: !0,
     title: "--divider--"
@@ -2347,32 +2039,32 @@ function pn(e) {
   const i = [
     ...r,
     {
-      actionUrl: n ? void 0 : { url: Ne.PROFILE, openInNewTab: !0 },
+      actionUrl: n ? void 0 : { url: ye.PROFILE, openInNewTab: !0 },
       actionFunction: n || void 0,
       className: "external-link",
       title: "UtahID Profile"
     },
     {
-      actionUrl: o ? void 0 : { url: Ne.SIGN_OUT },
+      actionUrl: o ? void 0 : { url: ye.SIGN_OUT },
       actionFunction: o || void 0,
       title: "Sign Out"
     }
-  ], u = Ee(i, { childrenMenuType: j.INLINE }), s = e ? cn(u, "Utah ID Menu") : u;
-  return s.setAttribute("aria-label", "Utah Id Menu"), s.setAttribute("id", R()), s;
+  ], u = he(i, { childrenMenuType: z.INLINE }), s = e ? tn(u, "Utah ID Menu") : u;
+  return s.setAttribute("aria-label", "Utah Id Menu"), s.setAttribute("id", U()), s;
 }
-function Nr() {
+function nr() {
   var s;
-  const e = g(ln), t = dn();
-  t.setAttribute("id", R()), e.appendChild(t);
-  const n = pn(!1), o = ht(t), r = (
+  const e = T(en), t = on();
+  t.setAttribute("id", U()), e.appendChild(t);
+  const n = rn(!1), o = dt(t), r = (
     /** @type {HTMLElement} */
     o.querySelector(p(a.POPUP_CONTENT_WRAPPER))
   );
   if (!r)
     throw new Error("renderUtahIdForDesktop: contentWrapper not found");
-  r.appendChild(n), e.appendChild(o), Et(t, o);
-  const i = O(), u = i.utahId !== !1 && i.utahId !== !0 && ((s = i.utahId) == null ? void 0 : s.onSignIn);
-  return Pe(
+  r.appendChild(n), e.appendChild(o), _t(t, o);
+  const i = w(), u = i.utahId !== !1 && i.utahId !== !0 && ((s = i.utahId) == null ? void 0 : s.onSignIn);
+  return Le(
     e,
     t,
     o,
@@ -2380,55 +2072,55 @@ function Nr() {
     {
       isPerformPopup: () => {
         var l;
-        return !!(y != null && y.isDefinitive) && !!((l = y == null ? void 0 : y.userInfo) != null && l.authenticated);
+        return !!(L != null && L.isDefinitive) && !!((l = L == null ? void 0 : L.userInfo) != null && l.authenticated);
       },
       onClick: (l) => {
         var c;
-        (!(y != null && y.isDefinitive) || !((c = y == null ? void 0 : y.userInfo) != null && c.authenticated)) && (u ? u(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Ne.SIGN_IN));
+        (!(L != null && L.isDefinitive) || !((c = L == null ? void 0 : L.userInfo) != null && c.authenticated)) && (u ? u(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = ye.SIGN_IN));
       }
     }
   ), e;
 }
-function Sr() {
-  const e = g(ln), t = dn(), n = t.getAttribute("id");
+function or() {
+  const e = T(en), t = on(), n = t.getAttribute("id");
   if (!n)
     throw new Error("renderUtahIdForMobile: utahIdButton has no id");
   e.appendChild(t);
-  const o = pn(!0), r = o.getAttribute("id");
+  const o = rn(!0), r = o.getAttribute("id");
   if (!r)
     throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");
-  return e.appendChild(o), t.setAttribute("aria-controls", r), o.setAttribute("aria-labelledby", n), Et(t, o), { button: t, menu: o };
+  return e.appendChild(o), t.setAttribute("aria-controls", r), o.setAttribute("aria-labelledby", n), _t(t, o), { button: t, menu: o };
 }
-function Ur() {
-  const e = g(Tr), t = Lr();
-  return t && e.appendChild(t), O().utahId !== !1 && e.appendChild(Nr()), e;
+function rr() {
+  const e = T(Ko), t = Qo();
+  return t && e.appendChild(t), w().utahId !== !1 && e.appendChild(nr()), e;
 }
-const Cr = `<div class="utds-title-wrapper">
+const ir = `<div class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </div>
-`, Rr = `<a class="utds-title-wrapper">
+`, ar = `<a class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </a>
 `;
-function Dr() {
-  const e = O().titleURL, t = g(e ? Rr : Cr);
+function sr() {
+  const e = w().titleURL, t = T(e ? ar : ir);
   if (!t)
     throw new Error("LogoTitle: titleWrapper is null");
   e && t.setAttribute("href", e);
   const n = t.querySelector(p(a.TITLE__LOGO));
   if (!n)
     throw new Error("LogoTitle: logoWrapper is null");
-  const o = O().logo, r = O().showTitle, i = O().title;
+  const o = w().logo, r = w().showTitle, i = w().title;
   if (o) {
     let l;
     if (o.htmlString)
-      l = g(K(o.htmlString));
+      l = T(K(o.htmlString));
     else if (o.element)
       l = K(o.element);
     else if (o.imageUrl)
-      l = g(`<img src=${K(o.imageUrl)}  id="design-system-logo" />`);
+      l = T(`<img src=${K(o.imageUrl)}  id="design-system-logo" />`);
     else
       throw new Error("LogoTitle: logo set but has no settings");
     l.setAttribute("role", "presentation"), n.appendChild(l);
@@ -2437,7 +2129,7 @@ function Dr() {
   const u = document.createTextNode(i), s = t.querySelector(p(a.TITLE__TITLE));
   return s == null || s.appendChild(u), !r && o && (s == null || s.classList.add(a.VISUALLY_HIDDEN)), t;
 }
-const Br = `<div class="utah-logo-wrapper">
+const lr = `<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>
@@ -2454,7 +2146,7 @@ const Br = `<div class="utah-logo-wrapper">
     </svg>
   </button>
 </div>
-`, Hr = `<div class="utah-logo-wrapper">
+`, cr = `<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>
@@ -2471,45 +2163,45 @@ const Br = `<div class="utah-logo-wrapper">
     </svg>
   </button>
 </div>
-`, xr = `<div class="utds-official-website-hover__wrapper">
+`, ur = `<div class="utds-official-website-hover__wrapper">
   How do I know it’s official?<br />
   Learn more.
 </div>
 `;
-function Wr() {
+function dr() {
   let e;
-  switch (O().size) {
-    case Te.LARGE:
-      e = Br;
+  switch (w().size) {
+    case Ie.LARGE:
+      e = lr;
       break;
-    case Te.SMALL:
-    case Te.MEDIUM:
-      e = Hr;
+    case Ie.SMALL:
+    case Ie.MEDIUM:
+      e = cr;
       break;
     default:
-      throw new Error(`Unknown settings size: '${O().size}'`);
+      throw new Error(`Unknown settings size: '${w().size}'`);
   }
-  const t = g(e);
+  const t = T(e);
   if (!/** @type {HTMLElement} */
   t.querySelector(p(a.LOGO_SVG)))
     throw new Error("UtahLogo: logoButton not found");
-  return t.setAttribute("id", R()), Oe(t, g(xr)), t;
+  return t.setAttribute("id", U()), Me(t, T(ur)), t;
 }
-function kr() {
+function pr() {
   var n;
-  const e = g(Ir);
-  e.classList.add(`utds-header--${((n = O().size) == null ? void 0 : n.toLowerCase()) || Te.MEDIUM}`);
-  const t = g(br);
-  return e.appendChild(t), t.appendChild(Wr()), t.appendChild(g(gr)), t.appendChild(Dr()), e.appendChild(Ur()), e.appendChild(g(vr)), e;
+  const e = T(zo);
+  e.classList.add(`utds-header--${((n = w().size) == null ? void 0 : n.toLowerCase()) || Ie.MEDIUM}`);
+  const t = T($o);
+  return e.appendChild(t), t.appendChild(dr()), t.appendChild(T(Yo)), t.appendChild(sr()), e.appendChild(rr()), e.appendChild(T(Go)), e;
 }
-const qr = `<li class="menu-item">
+const fr = `<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>
-`, Vr = `<div class="utah-design-system main-menu__outer">
+`, _r = `<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>
@@ -2536,7 +2228,7 @@ const qr = `<li class="menu-item">
     </button>
   </div>
 </div>
-`, Fr = `<div class="utah-design-system" id="search-modal">
+`, hr = `<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>
@@ -2562,7 +2254,7 @@ const qr = `<li class="menu-item">
   <div class="search-backdrop modal-backdrop backdrop-dark"></div>
 </div>
 `;
-function We() {
+function He() {
   const e = document.getElementById(a.SEARCH__SEARCH_MODAL);
   if (!e)
     throw new Error("closSearchModal: searchModal not found");
@@ -2575,8 +2267,8 @@ function We() {
     throw new Error("closSearchModal: searchIcon not found");
   t.focus();
 }
-function Xe() {
-  const e = g(Fr), t = (
+function Ye() {
+  const e = T(hr), t = (
     /** @type {HTMLElement} */
     e.querySelector(p(a.SEARCH__SEARCH_BACKDROP))
   );
@@ -2607,20 +2299,21 @@ function Xe() {
   if (!i)
     throw new Error("showSearchModal: searchInput not found");
   o.onclick = (s) => {
-    var l, c;
-    s.preventDefault(), s.stopPropagation(), We(), (c = (l = O()).onSearch) == null || c.call(l, i.value);
+    s.preventDefault(), s.stopPropagation(), He();
+    const { onSearch: l } = w();
+    l && (l == null || l(i.value));
   }, n.onclick = (s) => {
-    s.preventDefault(), s.stopPropagation(), We();
+    s.preventDefault(), s.stopPropagation(), He();
   }, t.onclick = (s) => {
-    s.preventDefault(), s.stopPropagation(), We();
+    s.preventDefault(), s.stopPropagation(), He();
   }, document.body.appendChild(e), i.focus(), i.oninput = () => {
     r.classList.remove(a.VISUALLY_HIDDEN);
   }, o.onfocus = () => {
     r.classList.remove(a.VISUALLY_HIDDEN);
   }, e.onkeyup = (s) => {
-    (s.code === "Escape" || s.key === "Escape") && (s.preventDefault(), s.stopPropagation(), We());
+    (s.code === "Escape" || s.key === "Escape") && (s.preventDefault(), s.stopPropagation(), He());
   }, n.addEventListener("focusout", (s) => {
-    s.preventDefault(), s.stopPropagation(), ge[ot.SHIFT] ? o.focus() : i.focus();
+    s.preventDefault(), s.stopPropagation(), be[Qe.SHIFT] ? o.focus() : i.focus();
   });
   const u = e.querySelector(".search-modal__hidden-last-focusable");
   if (!u)
@@ -2629,9 +2322,9 @@ function Xe() {
     s.preventDefault(), s.stopPropagation(), n.focus();
   });
 }
-function Gr() {
+function mr() {
   var s;
-  const e = O(), t = g(Vr);
+  const e = w(), t = T(_r);
   let n = t.querySelector(p(a.MAIN_MENU__NAV));
   if (!n)
     throw new Error("renderMainMenu(): mainMenu not created");
@@ -2644,107 +2337,270 @@ function Gr() {
     if (!l)
       throw new Error("renderMainMenu(): mainMenuTop not found");
     e.mainMenu.menuItems.forEach((c) => {
-      var m, E;
-      const d = g(qr);
+      var E, v;
+      const d = T(fr);
       l.appendChild(d);
-      const h = P(
+      const m = y(
         d.querySelector(p(a.MENU_ITEM__TITLE)),
         `renderMainMenu(): sub menu title not found for ${c.title}`
-      ), f = P(
+      ), f = y(
         /** @type {HTMLElement} */
-        h.querySelector(p(a.MENU_ITEM__BUTTON_TITLE)),
+        m.querySelector(p(a.MENU_ITEM__BUTTON_TITLE)),
         `renderMainMenu(): button title not found for ${c.title}`
       );
-      f.setAttribute("id", `${a.MENU_ITEM__BUTTON_TITLE}__${c.title}-${R()}`);
-      const _ = P(
+      f.setAttribute("id", `${a.MENU_ITEM__BUTTON_TITLE}__${c.title}-${U()}`);
+      const h = y(
         /** @type {HTMLElement} */
-        h.querySelector(p(a.MENU_ITEM__LINK_TITLE)),
+        m.querySelector(p(a.MENU_ITEM__LINK_TITLE)),
         `renderMainMenu(): link title not found for ${c.title}`
       );
-      if ((c.isSelected || c.actionMenu && Ve(c.actionMenu, ["actionMenu"], (v) => !!v.isSelected)) && (f.classList.add(a.MENU_ITEM__SELECTED), _.classList.add(a.MENU_ITEM__SELECTED)), c.actionMenu) {
-        f.innerHTML = c.title, _.remove();
-        const v = {
+      h.setAttribute("id", `${a.MENU_ITEM__LINK_TITLE}__${c.title}-${U()}`);
+      let _;
+      if (c.actionFunctionUrl || c.actionUrl)
+        _ = h, f.remove();
+      else if (c.actionMenu || c.actionFunction)
+        _ = f, h.remove();
+      else
+        throw new Error(`renderMainMenu(): menuItem is missing an action: ${c.title}`);
+      if ((c.isSelected || c.actionMenu && We(c.actionMenu, ["actionMenu"], (I) => !!I.isSelected)) && _.classList.add(a.MENU_ITEM__SELECTED), c.actionMenu) {
+        _.innerHTML = c.title;
+        const I = {
           menuItems: c.actionMenu,
           title: c.title
-        }, T = mt(
-          v,
-          f,
+        }, A = pt(
+          I,
+          _,
           {
-            childrenMenuType: c.childrenMenuType || j.FLYOUT
+            childrenMenuType: c.childrenMenuType || z.FLYOUT
           }
         );
-        d.appendChild(T), Pe(d, f, T, "menu", { shouldFocusOnHover: !0 });
-        let A;
+        d.appendChild(A), Le(d, _, A, "menu", { shouldFocusOnHover: !0 });
+        let O;
         switch (c.childrenMenuType) {
-          case j.INLINE:
-            A = a.MENU_ITEM__INLINE;
+          case z.INLINE:
+            O = a.MENU_ITEM__INLINE;
             break;
-          case j.MEGA_MENU:
-            A = a.MENU_ITEM__MEGA_MENU;
+          case z.MEGA_MENU:
+            O = a.MENU_ITEM__MEGA_MENU;
             break;
-          case j.FLYOUT:
+          case z.FLYOUT:
           default:
-            A = a.MENU_ITEM__FLY_OUT;
+            O = a.MENU_ITEM__FLY_OUT;
             break;
         }
-        d.classList.add(A);
-      } else if (c.actionFunction)
-        f.innerHTML = c.title, f.onclick = c.actionFunction, _.remove();
-      else if (c.actionFunctionUrl)
-        _.innerHTML = c.title, _.setAttribute("href", c.actionFunctionUrl.url), _.onclick = (v) => {
-          var T, A;
-          (T = c.actionFunctionUrl) != null && T.skipHandleEvent || (v.stopPropagation(), v.preventDefault()), (A = c.actionFunctionUrl) == null || A.actionFunction(v);
-        }, f.remove();
-      else if (c.actionUrl)
-        _.innerHTML = c.title, _.setAttribute("href", c.actionUrl.url), f.remove();
-      else
-        throw new Error(`renderMainMenu(): menuItem is missing an action: ${c.title}`);
-      ((m = c.actionUrl) != null && m.openInNewTab || (E = c.actionFunctionUrl) != null && E.openInNewTab) && (_.setAttribute("target", "_blank"), _.appendChild(g(Zt)));
+        d.classList.add(O);
+      }
+      c.actionFunction ? (_.innerHTML = c.title, _.onclick = c.actionFunction) : c.actionFunctionUrl ? (_.innerHTML = c.title, _.setAttribute("href", c.actionFunctionUrl.url), _.onclick = (I) => {
+        var A, O;
+        (A = c.actionFunctionUrl) != null && A.skipHandleEvent || (I.stopPropagation(), I.preventDefault()), (O = c.actionFunctionUrl) == null || O.actionFunction(I);
+      }) : c.actionUrl && (_.innerHTML = c.title, _.setAttribute("href", c.actionUrl.url)), ((E = c.actionUrl) != null && E.openInNewTab || (v = c.actionFunctionUrl) != null && v.openInNewTab) && (_.setAttribute("target", "_blank"), _.appendChild(T(qt)));
     });
   }
   let i = null;
   if (e.utahId) {
-    const { button: l, menu: c } = Sr();
-    i = c, P(
+    const { button: l, menu: c } = or();
+    i = c, y(
       t.querySelector(p(a.MOBILE__UTAH_ID)),
       "renderMainMenu: utahIdButtonWrapper not found"
     ).appendChild(l);
   }
-  const u = P(
+  const u = y(
     /** @type {HTMLElement} */
     t.querySelector(p(a.MAIN_MENU__SEARCH)),
     "renderMainMenu: searchIcon not found"
   );
   if (e.onSearch) {
-    if (Oe(u, document.createTextNode("Search")), u.onclick)
+    if (Me(u, document.createTextNode("Search")), u.onclick)
       throw new Error("searchIcon already has onclick");
-    if (u.onclick = () => Xe(), !e.mainMenu) {
-      const l = P(
+    if (u.onclick = () => Ye(), !e.mainMenu) {
+      const l = y(
         document.querySelector(p(a.CITIZEN_EXPERIENCE)),
         "renderMainMenu: citizen experience wrapper not found"
-      ), c = g(u.outerHTML);
-      if (Oe(c, document.createTextNode("Search")), c.onclick = () => Xe(), u.classList.add(a.DESKTOP__HIDDEN), e.utahId !== !1) {
-        const d = P(document.querySelector(p(a.UTAH_ID)), "renderMainMenu: utahId wrapper not found");
+      ), c = T(u.outerHTML);
+      if (Me(c, document.createTextNode("Search")), c.onclick = () => Ye(), u.classList.add(a.DESKTOP__HIDDEN), e.utahId !== !1) {
+        const d = y(document.querySelector(p(a.UTAH_ID)), "renderMainMenu: utahId wrapper not found");
         l.insertBefore(c, d);
       } else
         l.appendChild(c);
     }
     if (!e.mainMenu && !e.actionItems && e.utahId === !1) {
-      const l = g(
+      const l = T(
         /** @type {HTMLElement} */
         u.outerHTML
       );
-      if (Oe(l, document.createTextNode("Search")), l.onclick)
+      if (Me(l, document.createTextNode("Search")), l.onclick)
         throw new Error("searchIconMobile already has onclick");
-      l.onclick = () => Xe(), P(
+      l.onclick = () => Ye(), y(
         document.querySelector(p(a.CITIZEN_EXPERIENCE_MOBILE)),
         "renderMainMenu: citizen-experience--mobile not found"
       ).appendChild(l);
     }
   }
-  return e.onSearch || ((e.mainMenu || !e.mainMenu && e.utahId) && ((s = u.parentElement) == null || s.insertBefore(g('<div class="main-menu__search-placeholder">'), u)), u.remove()), { mainMenuWrapper: t, utahIdPopup: i };
+  return e.onSearch || ((e.mainMenu || !e.mainMenu && e.utahId) && ((s = u.parentElement) == null || s.insertBefore(T('<div class="main-menu__search-placeholder">'), u)), u.remove()), { mainMenuWrapper: t, utahIdPopup: i };
+}
+const Er = `<div class="utah-design-system utds-official-website-popup__wrapper visually-hidden" tabindex="-1">
+  <h2 class="utds-official-website-popup__heading">
+    This is an official website of the State of Utah. Here’s how you know:
+  </h2>
+  <div class="utds-official-website-popup__content">
+    <div class="utds-official-website-popup__col">
+      <div class="utds-icon-before-verified big-icon" aria-hidden="true"></div>
+      <div>
+        <strong>Official Utah websites use utah.gov in the browser&#39;s address bar.</strong><br />
+        A Utah.gov website belongs to an official government organization in the State of Utah.
+        <div class="utds-official-website-popup__address-bar"></div>
+      </div>
+    </div>
+    <div class="utds-official-website-popup__col">
+      <div class="utds-icon-before-lock big-icon" aria-hidden="true"></div>
+      <div>
+        <strong>Be careful when sharing sensitive information.</strong><br />
+        Share sensitive information only on secure official Utah.gov websites.
+      </div>
+    </div>
+    <div>
+      <svg class="utds-official-website-popup__official-image" viewBox="0 0 105.9496 47.6226" role="img">
+        <g>
+          <g>
+            <path
+              d="M12.2714,30.0877c-4.1489,0-7.2318-1.2037-9.2489-3.611C1.0055,24.0693-.002,20.334,0,15.2709V0H7.8175V16.1806c0,2.6363,.356,4.4923,1.0679,5.5679,.7613,1.1018,2.0506,1.7162,3.3859,1.6134,1.3465,.0953,2.6458-.5157,3.4313-1.6134,.7422-1.0756,1.1133-2.9316,1.1133-5.5679V0h7.5448V15.2709c0,5.0601-.9847,8.7946-2.9541,11.2035-1.9694,2.4089-5.0145,3.6133-9.1352,3.6133Zm24.0887-.5463V6.5444h-7.8175V0h23.4526V6.5444h-7.8175V29.5414h-7.8175Zm25.8151-14.362l-.5002,2.0452h5.455l-.5002-2.0452c-.3637-1.4239-.7273-2.9693-1.091-4.636-.3637-1.6667-.7261-3.242-1.0871-4.7259h-.1821c-.3334,1.5151-.6743,3.0983-1.0226,4.7497s-.7053,3.189-1.071,4.6129l-.0008-.0008Zm-11.3617,14.362L59.8127,0h9.4502l9.0023,29.5414h-8.2724l-1.4544-6.2709h-8.2716l-1.4544,6.2709h-7.9988Zm30.2713,0V0h7.8175V10.9991h8.8171V0h7.8175V29.5414h-7.8175v-11.7251h-8.8194v11.7251h-7.8152Z" />
+          </g>
+          <text transform="translate(.0419 43.5205)" aria-hidden="true">
+            <tspan x="0" y="0">An official website</tspan>
+          </text>
+        </g>
+      </svg>
+      <div class="utds-official-website-popup__copyright">&copy; State of Utah</div>
+    </div>
+  </div>
+  <button type="button" class="utds-official-website-popup__close-button button icon-button icon-button--borderless"
+    tabIndex="-1">
+    <span class="utds-icon-before-x-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Close official website popup</span>
+  </button>
+</div>
+`;
+function an() {
+  const e = y(
+    document.querySelector(p(a.LOGO_OFFICIAL_WRAPPER)),
+    "openOfficialWebsite: official wrapper not found"
+  ), t = y(
+    document.querySelector(p(a.LOGO)),
+    "openOfficialWebsite: logoWrapper not found"
+  ), n = y(
+    t.querySelector(p(a.LOGO_SVG)),
+    "openOfficialWebsite: logoButton not found"
+  ), o = y(
+    e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON)),
+    "openOfficialWebsite: official close button not found"
+  );
+  e.classList.add(a.VISUALLY_HIDDEN), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), o.setAttribute("tabIndex", -1), e.setAttribute("tabIndex", -1);
+  const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
+  r == null || r.forEach((i) => {
+    i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
+  });
+}
+function vr() {
+  const e = y(
+    document.querySelector(p(a.LOGO_OFFICIAL_WRAPPER)),
+    "openOfficialWebsite: official wrapper not found"
+  ), t = y(
+    document.querySelector(p(a.LOGO)),
+    "openOfficialWebsite: logoWrapper not found"
+  ), n = y(
+    t.querySelector(p(a.LOGO_SVG)),
+    "openOfficialWebsite: logoButton not found"
+  ), o = y(
+    e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON)),
+    "openOfficialWebsite: official close button not found"
+  );
+  e.classList.remove(a.VISUALLY_HIDDEN), o.removeAttribute("tabIndex"), e.removeAttribute("tabIndex"), n.setAttribute("aria-expanded", "true"), e.setAttribute("aria-hidden", "false"), e.focus();
+  const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
+  r == null || r.forEach((i) => {
+    i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
+  }), Fe();
+}
+function br() {
+  const e = T(Er), n = (
+    /** @type {HTMLElement} */
+    document.querySelector(p(a.LOGO)).querySelector(p(a.LOGO_SVG))
+  );
+  if (!n)
+    throw new Error("renderOfficialWebsite: logoButton not found");
+  if (n.onclick)
+    throw new Error("renderOfficialWebsite: logoButton already has an onclick");
+  const o = e.querySelector(p(a.LOGO_OFFICIAL_CLOSE_BUTTON));
+  if (!o)
+    throw new Error("renderOfficialWebsite: closeButton not found");
+  return n.onclick = () => {
+    e.classList.toggle(a.VISUALLY_HIDDEN), e.classList.contains(a.VISUALLY_HIDDEN) ? an() : vr();
+    const r = document.querySelectorAll(p(a.TOOLTIP__WRAPPER));
+    r == null || r.forEach((i) => {
+      i.classList.add(a.TOOLTIP__WRAPPER__HIDDEN), i.classList.remove(a.TOOLTIP__WRAPPER__VISIBLE);
+    });
+  }, o.onclick = () => {
+    e.classList.toggle(a.VISUALLY_HIDDEN), n.focus(), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true");
+  }, o.id || (o.id = U()), e.id || (e.id = U()), n.setAttribute("aria-controls", e.id), n.setAttribute("aria-expanded", "false"), e.setAttribute("aria-hidden", "true"), e.setAttribute("aria-labelledby", n.id), e;
+}
+function Ir(e) {
+  var l, c;
+  const { hamburger: t } = Ae("hookupHamburger"), n = w();
+  if ((l = n.actionItems) == null ? void 0 : l.some((d) => !!d.badge)) {
+    const d = ft({ label: "Home Badge" });
+    d && t.appendChild(d);
+  }
+  Fe();
+  function r() {
+    const d = y(
+      /** @type {HTMLElement} */
+      document.querySelectorAll(`.${a.MOBILE_MENU__ACTION_BAR} .${a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER}`)[0],
+      "hookupHamburger: no action items to select on mobile hamburger open"
+    ), m = d.querySelector("button"), f = m == null ? void 0 : m.getAttribute("aria-controls");
+    return { actionItem: d, actionItemWrapper: f ? document.getElementById(f) : null };
+  }
+  const i = y(
+    /** @type {HTMLElement} */
+    document.querySelectorAll(`.${a.MOBILE_MENU__ACTION_BAR} .${a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER}`)[0],
+    "hookupHamburger: no action items to select on mobile hamburger open"
+  ), u = (c = i.querySelector) == null ? void 0 : c.call(i, "button"), s = (u || i).getAttribute("id");
+  if (!s)
+    throw new Error("mobileMenuInteractionHandler: actionItemId not found");
+  if (e) {
+    const d = e.getAttribute("id");
+    if (!d)
+      throw new Error("mobileMenuInteractionHandler: mobileMainMenuContentItemId not found");
+    (u || i).setAttribute("aria-controls", d), e.setAttribute("aria-labelledby", s);
+  }
+  nt(
+    t,
+    () => r().actionItemWrapper,
+    () => r().actionItem,
+    {
+      additionalOnClick: () => an(),
+      ariaHasPopupType: "menu",
+      shouldOnClickCloseMenu: !0
+    }
+  ), X(!!t.onblur, "hookupHamburger: hamburger already has an onblur event"), t.onblur = () => {
+    const { mobileMenu: d } = Ae("showMobileMenu");
+    if (d.classList.contains(a.IS_OPEN)) {
+      const m = p(a.MOBILE_MENU__ACTION_BAR), f = p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), h = p(a.ICON_BUTTON), _ = (
+        /** @type {HTMLElement | null} */
+        document.querySelector(`${m} ${f}:first-child ${h}`)
+      );
+      _ == null || _.focus();
+    }
+  }, (n.mainMenu || n.actionItems) && !n.onSearch && n.utahId === !1 && (y(
+    document.querySelector(p(a.CITIZEN_EXPERIENCE_MOBILE)),
+    "hookupHamburger: citizen experience mobile not found"
+  ).appendChild(t), y(
+    document.querySelector(p(a.MAIN_MENU)),
+    "hookupHamburger: main menu not found"
+  ).classList.add(a.MOBILE__HIDDEN)), n.onSearch && !n.mainMenu && y(
+    document.querySelector(p(a.MAIN_MENU)),
+    "renderMainMenu: main menu not found"
+  ).classList.add(a.DESKTOP__HIDDEN);
 }
-function $r(e) {
+function Tr(e) {
   let t = NaN, n = null, o = null;
   return {
     promise: new Promise((i, u) => {
@@ -2760,29 +2616,29 @@ function $r(e) {
     }
   };
 }
-const Z = {
+const Y = {
   // null = not yet loaded, false = ajaxing, true = have a result (may be error or user data)
   isDefinitive: null,
   lastError: null,
   userInfo: null
 };
-function Ft(e) {
+function Ht(e) {
   var t, n, o;
-  e.isDefinitive && (un(e), (o = (n = (t = O()) == null ? void 0 : t.utahId) == null ? void 0 : n.onAuthChanged) == null || o.call(n, e));
+  e.isDefinitive && (nn(e), (o = (n = (t = w()) == null ? void 0 : t.utahId) == null ? void 0 : n.onAuthChanged) == null || o.call(n, e));
 }
-let Gt = !0;
-const jr = 500;
-async function fn() {
+let xt = !0;
+const gr = 500;
+async function sn() {
   var t, n;
   let e = null;
-  if (Z.isDefinitive === !1)
-    e = Promise.resolve(Z);
-  else if (Gt)
-    e = $r(jr).promise.then(() => {
-      Gt = !1, fn().catch((o) => console.error(o));
+  if (Y.isDefinitive === !1)
+    e = Promise.resolve(Y);
+  else if (xt)
+    e = Tr(gr).promise.then(() => {
+      xt = !1, sn().catch((o) => console.error(o));
     });
   else {
-    const o = O();
+    const o = w();
     if (o.utahId === !1)
       e = Promise.resolve({
         isDefinitive: !0,
@@ -2790,16 +2646,16 @@ async function fn() {
         userInfo: null
       });
     else if (o.utahId === !0 || ((t = o.utahId) == null ? void 0 : t.currentUser) === void 0)
-      Z.isDefinitive = !1, e = fetch(Ne.USER_INFO, { credentials: "include" }).then((r) => r.json()).then((r) => {
+      Y.isDefinitive = !1, e = fetch(ye.USER_INFO, { credentials: "include" }).then((r) => r.json()).then((r) => {
         if (r.status === 200)
-          Z.lastError = null, Z.userInfo = /** @type UserInfo */
+          Y.lastError = null, Y.userInfo = /** @type UserInfo */
           r.data;
         else
           throw new Error(r.err);
       }).catch((r) => {
-        Z.lastError = r, Z.userInfo = null;
+        Y.lastError = r, Y.userInfo = null;
       }).finally(() => {
-        Z.isDefinitive = !0, Ft(Z);
+        Y.isDefinitive = !0, Ht(Y);
       });
     else {
       const r = {
@@ -2807,15 +2663,15 @@ async function fn() {
         lastError: null,
         userInfo: (n = o.utahId) == null ? void 0 : n.currentUser
       };
-      e = Promise.resolve(r), Ft(r);
+      e = Promise.resolve(r), Ht(r);
     }
   }
   return e;
 }
-function zr() {
-  return Z;
+function Mr() {
+  return Y;
 }
-function Yr() {
+function Ar() {
   const e = document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!e)
     throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");
@@ -2827,7 +2683,7 @@ function Yr() {
     throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");
   t.remove();
 }
-function Zr(e, t) {
+function Or(e, t) {
   const n = document.querySelector(p(a.MOBILE__UTAH_ID));
   if (!n)
     throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");
@@ -2848,8 +2704,8 @@ function Zr(e, t) {
   );
   if (!u)
     throw new Error("hookupHamburger: profileActionItemWrapper not found");
-  const s = it(t);
-  st(
+  const s = tt(t);
+  nt(
     o,
     s,
     u,
@@ -2857,30 +2713,31 @@ function Zr(e, t) {
       ariaHasPopupType: "menu",
       onClickHandler: (l) => {
         var f;
-        const c = zr(), d = O();
-        let h = !1;
+        const c = Mr(), d = w();
+        let m = !1;
         if (!(c != null && c.isDefinitive) || !((f = c == null ? void 0 : c.userInfo) != null && f.authenticated)) {
-          h = !0;
-          const _ = d.utahId !== !1 && d.utahId !== !0 && d.utahId.onSignIn;
-          _ ? _(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Ne.SIGN_IN);
+          m = !0;
+          const h = d.utahId !== !1 && d.utahId !== !0 && d.utahId.onSignIn;
+          h ? h(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = ye.SIGN_IN);
         }
-        return h;
+        return m;
       },
       shouldOnClickCloseMenu: !0
     }
   );
 }
-function Kr() {
-  var e;
-  return Ee(
-    (e = O().mainMenu) == null ? void 0 : e.menuItems,
+function wr() {
+  var t;
+  const e = w();
+  return he(
+    e.mainMenu && ((t = e.mainMenu) == null ? void 0 : t.menuItems) || void 0,
     {
-      childrenMenuType: j.INLINE,
+      childrenMenuType: z.INLINE,
       removePopupArrow: !0
     }
   );
 }
-function Xr() {
+function Lr() {
   const t = [...document.querySelectorAll(`
       ${p(a.MOBILE_MENU__ACTION_BAR)}
       ${p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
@@ -2907,19 +2764,19 @@ function Xr() {
           if (d && document.getElementById(d))
             l.click();
           else {
-            const _ = (
+            const h = (
               /** @type {HTMLElement} */
               document.querySelector(p(a.MOBILE_MENU__WRAPPER))
             );
-            if (!_)
+            if (!h)
               throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-            const m = (
+            const _ = (
               /** @type {HTMLElement} */
-              _.querySelector(p(a.MOBILE_MENU__CONTENT))
+              h.querySelector(p(a.MOBILE_MENU__CONTENT))
             );
-            if (!m)
+            if (!_)
               throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");
-            m.querySelectorAll(p(a.MOBILE_MENU__CONTENT_ITEM)).forEach((E) => E.classList.remove(a.IS_OPEN));
+            _.querySelectorAll(p(a.MOBILE_MENU__CONTENT_ITEM)).forEach((E) => E.classList.remove(a.IS_OPEN));
           }
           const f = (
             /** @type {HTMLElement} */
@@ -2927,26 +2784,26 @@ function Xr() {
           );
           if (!f)
             throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
-          Je(f, c);
+          je(f, c);
         }
       };
     }
   );
-  const n = P(
+  const n = y(
     document.querySelector(p(a.MOBILE_MENU__LAST_FOCUSABLE)),
     "hookupMobileActionItemKeyboarding: hiddenLastFocusableButton not found"
-  ), { hamburger: o } = we("hookupMobileActionItemKeyboarding");
+  ), { hamburger: o } = Ae("hookupMobileActionItemKeyboarding");
   n.addEventListener("focusin", (r) => {
     r.preventDefault(), r.stopPropagation(), o.focus();
   });
 }
-function Jr() {
-  const e = Dn.replace(a.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${O().mediaSizes.tabletPortrait}px`).replace(a.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${O().mediaSizes.tabletLandscape}px`).replace(a.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${O().mediaSizes.mobile}px`);
+function yr() {
+  const e = hn.replace(a.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${w().mediaSizes.tabletPortrait}px`).replace(a.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${w().mediaSizes.tabletLandscape}px`).replace(a.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${w().mediaSizes.mobile}px`);
   let t = document.getElementById(a.CSS_HEADER_MEDIA_TAG_ID);
   t || (t = document.createElement("style"), t.id = a.CSS_HEADER_MEDIA_TAG_ID), t.innerHTML = e, document.body.appendChild(t);
 }
-function Qr() {
-  const e = O();
+function Pr() {
+  const e = w();
   let t = document.body;
   if (e.domLocationTarget) {
     const n = [
@@ -2959,26 +2816,26 @@ function Qr() {
     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), ee(!t, `loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);
+      t = document.querySelector(e.domLocationTarget.cssSelector), X(!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(), ee(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
+      t = e.domLocationTarget.elementFunction(), X(!t, "loadHeader: element not returned from domLocationTarget.elementFunction");
     else
       throw new Error("loadHeader: domLocationTarget must have at least one field set");
   }
-  return P(t, "loadHeader: domTarget is null (how?!)");
+  return y(t, "loadHeader: domTarget is null (how?!)");
 }
-function ei() {
+function Nr() {
   var t;
   if (!document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.HEADER]))) {
-    const n = kr(), o = Qr();
+    const n = pr(), o = Pr();
     o.insertBefore(n, o.firstChild);
-    const r = zn();
+    const r = br();
     n.after(r);
-    const { mainMenuWrapper: i, utahIdPopup: u } = Gr();
+    const { mainMenuWrapper: i, utahIdPopup: u } = mr();
     i && r.after(i);
-    const s = g(Bn);
+    const s = T(mn);
     r.after(s);
     const l = (
       /** @type {HTMLElement} */
@@ -2988,29 +2845,43 @@ function ei() {
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");
     if (l.onclick)
       throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");
-    l.onclick = () => Ge();
-    const c = Kr(), d = cn(c, "Main Menu");
+    l.onclick = () => Fe();
+    const c = wr(), d = tn(c, "Main Menu");
     d.appendChild(c);
-    const h = it(d);
-    Zn(h), u ? ((t = u.closest("div")) == null || t.removeAttribute("aria-labelledby"), Zr(s, u)) : Yr(), Er(), Xr(), ur(), Jr(), fn().catch((_) => console.error(_));
-    const f = O();
+    const m = tt(d);
+    Ir(m), u ? ((t = u.closest("div")) == null || t.removeAttribute("aria-labelledby"), Or(s, u)) : Ar(), Fo(), Lr(), Co(), yr(), sn().catch((h) => console.error(h));
+    const f = w();
     (!f.mainMenu && !f.actionItems && f.utahId === !1 && !f.onSearch || !f.mainMenu && !f.actionItems && f.utahId === !1 && f.onSearch || !f.mainMenu && f.actionItems && f.utahId === !1 && !f.onSearch) && (s.classList.add(a.MAIN_MENU__REMOVED), i.remove()), (!f.mainMenu && !f.actionItems && f.utahId && !f.onSearch || !f.mainMenu && f.actionItems && f.utahId && !f.onSearch || !f.mainMenu && f.actionItems && !f.utahId && f.onSearch) && i.classList.add(a.DESKTOP__HIDDEN);
   }
-  Wn();
+  Vo();
 }
-function ti(e) {
+function Sr(e) {
   var t, n, o, r;
-  (t = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.HEADER]))) == null || t.remove(), (n = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.MAIN_MENU__OUTER]))) == null || n.remove(), (o = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.MOBILE_MENU]))) == null || o.remove(), (r = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.LOGO_OFFICIAL_WRAPPER]))) == null || r.remove(), sn(), e && setTimeout(() => document.dispatchEvent(new Event($t.HEADER_UNLOADED)), 0);
+  (t = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.HEADER]))) == null || t.remove(), (n = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.MAIN_MENU__OUTER]))) == null || n.remove(), (o = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.MOBILE_MENU]))) == null || o.remove(), (r = document.querySelector(p([a.UTAH_DESIGN_SYSTEM, a.LOGO_OFFICIAL_WRAPPER]))) == null || r.remove(), Qt(), e && setTimeout(() => document.dispatchEvent(new Event(Ft.HEADER_UNLOADED)), 0);
+}
+function Wt() {
+  Sr(!1), Nr();
+}
+let ln = !1;
+const Ur = 15e3;
+let kt = 0;
+const Cr = setInterval(
+  () => {
+    kt += 1, kt >= Ur || ln ? clearInterval(Cr) : document.dispatchEvent(new Event(Ft.HEADER_LOADED));
+  },
+  2
+);
+function Rr(e) {
+  return Ke.setSettings(e), ln = !0, document != null && document.body ? Wt() : window.addEventListener("load", () => Wt()), Ke.getSettings();
 }
-console.log(`Utah Header v${Rn.version}`);
 export {
-  j as childrenMenuTypes,
-  jt as defaultSettings,
-  $t as events,
-  O as getUtahHeaderSettings,
-  ei as loadHeader,
-  ti as removeHeader,
-  g as renderDOMSingle,
-  ni as setUtahHeaderSettings,
-  Te as sizes
+  z as childrenMenuTypes,
+  Ot as defaultSettings,
+  Ft as events,
+  w as getUtahHeaderSettings,
+  Nr as loadHeader,
+  Sr as removeHeader,
+  T as renderDOMSingle,
+  Rr as setUtahHeaderSettings,
+  Ie as sizes
 };