@utahdts/utah-design-system-header 0.2.0 → 0.3.0

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

@@ -1,45 +1,69 @@
-const cn = "@utahdts/utah-design-system-header", un = "0.2.0", dn = "Utah Header for the Utah Design System", pn = "src/index.js", fn = [
+const un = "@utahdts/utah-design-system-header", dn = "0.3.0", pn = "Utah Header for the Utah Design System", fn = "src/index.js", hn = [
   "src/css",
   "dist"
-], hn = {
-  test: "vitest run",
+], _n = {
   build: "vite build --mode development",
   preview: "vite preview",
-  watch: "vite build --watch --mode development",
   "sass-build": "sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css",
-  "test-publish": "npm publish --dry-run"
-}, _n = {
+  "test-publish": "npm publish --dry-run",
+  test: "vitest",
+  watch: "vite build --watch --mode development"
+}, mn = {
   type: "git",
   url: "git+https://github.com/utahdts/utah-design-system.git"
-}, mn = "Apache-2.0", vn = {
+}, En = "Apache-2.0", vn = {
   url: "https://github.com/utahdts/utah-design-system/issues"
-}, En = "https://github.com/utahdts/utah-design-system#readme", bn = {
+}, bn = "https://github.com/utahdts/utah-design-system#readme", In = {
   "@popperjs/core": "2.11.6"
-}, In = {
+}, gn = {
   eslint: "8.36.0",
   "eslint-config-airbnb": "19.0.4",
   "eslint-plugin-import": "2.27.5",
   "eslint-plugin-jsx-a11y": "6.7.1",
   sass: "1.59.3",
-  vite: "4.1.4",
+  vite: "4.2.1",
   "vite-plugin-eslint": "1.8.1",
-  vitest: "0.29.2"
-}, gn = "module", Tn = {
-  name: cn,
-  version: un,
-  description: dn,
-  main: pn,
-  files: fn,
-  scripts: hn,
-  repository: _n,
-  license: mn,
+  vitest: "0.29.7"
+}, Mn = "module", Tn = {
+  name: un,
+  version: dn,
+  description: pn,
+  main: fn,
+  files: hn,
+  scripts: _n,
+  repository: mn,
+  license: En,
   bugs: vn,
-  homepage: En,
-  dependencies: bn,
-  devDependencies: In,
-  type: gn
+  homepage: bn,
+  dependencies: In,
+  devDependencies: gn,
+  type: Mn
 };
-const Xe = {
+const W = {
+  FLYOUT: (
+    /** @type {ChildrenMenuType} */
+    "flyout"
+  ),
+  INLINE: (
+    /** @type {ChildrenMenuType} */
+    "inline"
+  ),
+  MEGA_MENU: (
+    /** @type {ChildrenMenuType} */
+    "mega-menu"
+  )
+}, xt = {
+  // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
+  HEADER_LOADED: (
+    /** @type {Events} */
+    "utahHeaderLoaded"
+  ),
+  // Fired when the header unloads by code calling the function removeHeader() (not when settings updated)
+  HEADER_UNLOADED: (
+    /** @type {Events} */
+    "utahHeaderUnloaded"
+  )
+}, Qe = {
   AUTO: (
     /** @type {PopupPlacement} */
     "auto"
@@ -100,7 +124,7 @@ const Xe = {
     /** @type {PopupPlacement} */
     "top-end"
   )
-}, ue = {
+}, ce = {
   SMALL: (
     /** @type {Size} */
     "SMALL"
@@ -113,81 +137,13 @@ const Xe = {
     /** @type {Size} */
     "LARGE"
   )
-}, Mn = {
-  mediaSizes: {
-    mobile: 640,
-    tabletPortrait: 768,
-    tabletLandscape: 1024
-  },
-  showTitle: !0,
-  size: ue.MEDIUM,
-  title: "Utah Design System",
-  titleURL: "/",
-  utahId: !0
-}, W = {
-  FLYOUT: (
-    /** @type {ChildrenMenuType} */
-    "flyout"
-  ),
-  INLINE: (
-    /** @type {ChildrenMenuType} */
-    "inline"
-  ),
-  MEGA_MENU: (
-    /** @type {ChildrenMenuType} */
-    "mega-menu"
-  )
-}, Rt = {
-  // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
-  HEADER_LOADED: (
-    /** @type {Events} */
-    "utahHeaderLoaded"
-  ),
-  // Fired when the header unloads by code calling the function removeHeader() (not when settings updated)
-  HEADER_UNLOADED: (
-    /** @type {Events} */
-    "utahHeaderUnloaded"
-  )
-};
-function Ge(t) {
-  return typeof t == "string" || t instanceof String;
-}
-function Be(t) {
-  const e = new DOMParser();
-  let n;
-  if (Ge(t)) {
-    const r = (
-      /** @type {Document} */
-      Ge(t) ? e.parseFromString(t, "text/html") : t
-    ), o = r.body.children.length > 1 ? r.body.children : r.body.children.item(0);
-    if (!o)
-      throw console.error(t), new Error("renderDOM: nothing rendered");
-    n = o;
-  } else if (
-    /** @type {unknown} */
-    t instanceof Element
-  )
-    n = t;
-  else
-    throw t ? (console.error(t), new Error(`renderDOM: str is not a string nor a DOM Element : '${t}'`)) : new Error("renderDOM: falsy string passed; cannot render nothing");
-  return n;
-}
-function A(t) {
-  const e = Be(t);
-  if (e instanceof HTMLCollection && e.length > 1)
-    throw new Error("renderDOMSingle: must render a single element");
-  const n = (
-    /** @type HTMLElement | null */
-    e instanceof HTMLCollection ? e[0] : e
-  );
-  if (!n)
-    throw console.error(t), new Error("renderDOMSingle: nothing rendered");
-  return n;
-}
-const An = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+}, An = `/* @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 */
+  .utah-design-system .search-modal__input {
+    width: 75vw;
+  }
 }
 
 @media screen and (max-width: media-size__tablet-portrait__PLACEHOLDER) {
@@ -216,6 +172,16 @@ const An = `/* @media is never in scope for --variables, so this is the only way
   .utah-design-system .utds-header-mobile__vip-action-items--right {
     display: flex;
   }
+
+  .utah-design-system .search-modal__input {
+    width: 75vw;
+    padding: var(--spacing) var(--spacing) var(--spacing) var(--spacing-3xl);
+  }
+  .utah-design-system .search-modal__button-wrapper {
+    right: unset;
+    left: 50%;
+    transform: translateX(-50%) translateY(110%);
+  }
 }
 
 @media screen and (max-width: media-size__mobile__PLACEHOLDER) {
@@ -224,9 +190,9 @@ const An = `/* @media is never in scope for --variables, so this is the only way
 `, wn = `<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">
+    <div class="utds-header-mobile-menu__action-bar" role="tablist">
 
-      <div class="utds-header-mobile-menu__action-item">
+      <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 icon-home"
           id="utds-header-mobile-menu_action-bar__home">
           <div class="utds-header-action-item__title visually-hidden">Main Menu</div>
@@ -235,7 +201,7 @@ const An = `/* @media is never in scope for --variables, so this is the only way
         </button>
         <span class="menu-chiclet"></span>
       </div>
-      <div class="utds-header-mobile-menu__action-item">
+      <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 icon-profile"
           id="utds-header-mobile-menu_action-bar__profile">
@@ -254,7 +220,7 @@ const An = `/* @media is never in scope for --variables, so this is the only way
 function f(t) {
   return `.${(Array.isArray(t) ? t : [t]).join(".")}`;
 }
-const l = {
+const s = {
   // Global Information
   UTAH_DESIGN_SYSTEM: "utah-design-system",
   HEADER: "utds-header",
@@ -314,7 +280,6 @@ const l = {
   MOBILE_MENU_ACTON_BAR__HOME_ID: "utds-header-mobile-menu_action-bar__home",
   MOBILE_MENU_ACTON_BAR__PROFILE_ID: "utds-header-mobile-menu_action-bar__profile",
   MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER: "utds-header-mobile-menu__action-item",
-  // TODO: change popup_menu constants to be vertical_menu constants
   POPUP_MENU: "vertical-menu",
   POPUP_MENU__BUTTON_TITLE: "vertical-menu__button-title",
   POPUP_MENU__CHEVRON: "vertical-menu__chevron",
@@ -333,6 +298,12 @@ const l = {
   POPUP_ARROW: "popup__arrow",
   POPUP_CONTENT_WRAPPER: "popup__content",
   POPUP_WRAPPER: "popup__wrapper",
+  SEARCH__SEARCH_BACKDROP: "search-backdrop",
+  SEARCH__SEARCH_CLOSE_BUTTON: "search-modal__close-button",
+  SEARCH__SEARCH_BUTTON: "search-modal__button",
+  SEARCH__SEARCH_BUTTON_WRAPPER: "search-modal__button-wrapper",
+  SEARCH__SEARCH_INPUT: "search-modal__input",
+  SEARCH__SEARCH_MODAL: "search-modal",
   SIZE__LARGE: "large",
   SIZE__MEDIUM: "medium",
   TITLE: "utds-title-wrapper",
@@ -345,11 +316,67 @@ const l = {
   TOOLTIP__WRAPPER__VISIBLE: "tooltip__wrapper--visible",
   UTAH_ID: "utds-utah-id-wrapper",
   UTAH_ID__BUTTON: "utds-utah-id__button"
-}, On = `<span class="utds-icon-before-alert" aria-hidden="true" />
-`, yn = `<span class="utds-icon-before-gear" aria-hidden="true" />
-`, Pn = `<span class="utds-icon-before-help" aria-hidden="true" />
-`, Nn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
+};
+function Ge(t) {
+  return typeof t == "string" || t instanceof String;
+}
+function On(t) {
+  const e = new DOMParser();
+  let n;
+  if (Ge(t)) {
+    const r = (
+      /** @type {Document} */
+      Ge(t) ? e.parseFromString(t, "text/html") : t
+    ), o = r.body.children.length > 1 ? r.body.children : r.body.children.item(0);
+    if (!o)
+      throw console.error(t), new Error("renderDOM: nothing rendered");
+    n = o;
+  } else if (
+    /** @type {unknown} */
+    t instanceof Element
+  )
+    n = t;
+  else
+    throw t ? (console.error(t), new Error(`renderDOM: str is not a string nor a DOM Element : '${t}'`)) : new Error("renderDOM: falsy string passed; cannot render nothing");
+  return n;
+}
+function T(t) {
+  const e = typeof t == "string" ? On(t) : t;
+  if (e instanceof HTMLCollection && e.length > 1)
+    throw new Error("renderDOMSingle: must render a single element");
+  const n = (
+    /** @type HTMLElement | null */
+    e instanceof HTMLCollection ? e[0] : e
+  );
+  if (!n)
+    throw console.error(t), new Error("renderDOMSingle: nothing rendered");
+  return n;
+}
+const yn = `<h1 class="utds-logo-wrapper"></h1>
+`, Pn = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, Nn = `<span class="utds-logo-vert-line"></span>
 `, Ln = {
+  mainMenu: {
+    menuItems: [
+      { title: "Home", actionUrl: { url: "/" } }
+    ],
+    title: "Main Menu"
+  },
+  mediaSizes: {
+    mobile: 640,
+    tabletPortrait: 768,
+    tabletLandscape: 1024
+  },
+  showTitle: !0,
+  size: ce.MEDIUM,
+  title: "Utah Design System",
+  titleURL: "/",
+  utahId: !0
+}, Un = `<span class="utds-icon-before-alert" aria-hidden="true" />
+`, Sn = `<span class="utds-icon-before-gear" aria-hidden="true" />
+`, Cn = `<span class="utds-icon-before-help" aria-hidden="true" />
+`, Dn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
+`, Rn = {
   actionItems: [
     {
       actionPopupMenu: {
@@ -403,7 +430,7 @@ const l = {
         title: "Divisions Menu"
       },
       className: "icon-waffle",
-      icon: Nn,
+      icon: Dn,
       showTitle: !0,
       title: "Divisions"
     },
@@ -417,7 +444,7 @@ const l = {
         label: "Unread Alert",
         value: 1
       },
-      icon: On,
+      icon: Un,
       showTitle: !1,
       title: "Alerts"
     },
@@ -432,7 +459,7 @@ const l = {
         // Note: make sure the `label` is plural/singular to match the value
         label: "Help Items Available"
       },
-      icon: Pn,
+      icon: Cn,
       showTitle: !1,
       title: "Help"
     },
@@ -443,7 +470,7 @@ const l = {
         const e = document.createElement("button");
         return e.appendChild(document.createTextNode("Speak Different")), e.onclick = () => alert("lorem ipsum"), t.appendChild(e), t;
       },
-      icon: yn,
+      icon: Sn,
       showTitle: !1,
       title: "Settings"
     }
@@ -455,7 +482,7 @@ const l = {
   },
   onSearch: (t) => alert(t),
   showTitle: !0,
-  size: ue.MEDIUM,
+  size: ce.MEDIUM,
   title: "Utah Design System",
   titleURL: "/",
   utahId: !0,
@@ -655,111 +682,31 @@ const l = {
     title: "Utah Design System Main Menu"
   }
 };
-let De = { ...Ln };
+let De = { ...Rn };
 function N() {
   return De;
 }
-function Un(t) {
+function xn(t) {
   if (!t.showTitle && !t.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 Ho(t) {
-  return De = { ...Mn, ...t }, Un(De), xo(!1), Ro(), De;
-}
-const Sn = `<div class="utds-title-wrapper">
-  <div class="utds-title-wrapper__logo"></div>
-  <div class="utds-title-wrapper__title"></div>
-</div>
-`, Dn = `<a class="utds-title-wrapper">
-  <div class="utds-title-wrapper__logo"></div>
-  <div class="utds-title-wrapper__title"></div>
-</a>
-`;
-function k(t, e) {
-  if (e)
-    if (e instanceof HTMLCollection)
-      for (; e.length > 0; )
-        t.appendChild(e[0]);
-    else if (e instanceof Node)
-      t.appendChild(e);
-    else
-      throw console.error(e), new Error("appendChildAll: Unknown child element");
-}
-function Cn() {
-  const t = N().titleURL, e = A(t ? Dn : Sn);
-  if (!e)
-    throw new Error("LogoTitle: titleWrapper is null");
-  t && e.setAttribute("href", t);
-  const n = e.querySelector(f(l.TITLE__LOGO));
-  if (!n)
-    throw new Error("LogoTitle: logoWrapper is null");
-  const r = N().logo, o = N().showTitle, i = N().title;
-  if (r) {
-    let s;
-    Ge(r) ? s = A(
-      /** @type {string} */
-      r
-    ) : s = /** @type {Element} */
-    r, s.setAttribute("role", "presentation"), k(n, s);
-  } else
-    e.removeChild(n);
-  const c = document.createTextNode(i), a = e.querySelector(f(l.TITLE__TITLE));
-  return a == null || a.appendChild(c), !o && r && (a == null || a.classList.add(l.VISUALLY_HIDDEN)), e;
-}
-const Rn = `<div class="utah-logo-svg" role="img">
-  <title>An official website of the State of Utah</title>
-  <svg viewBox="0 0 137.363 56.6959">
-    <g>
-      <g>
-        <path d="M15.972,39.161c-5.4,0-9.4127-1.5667-12.038-4.7C1.3087,31.3277-.0027,26.466,0,19.876V0H10.175V21.06c0,3.4313,.4633,5.847,1.39,7.247,.9909,1.434,2.669,2.2337,4.407,2.1,1.7525,.124,3.4436-.6712,4.466-2.1,.966-1.4,1.449-3.8157,1.449-7.247V0h9.82V19.876c0,6.586-1.2817,11.4467-3.845,14.582-2.5633,3.1353-6.5267,4.703-11.89,4.703Zm31.353-.711V8.518h-10.175V0h30.525V8.518h-10.175v29.932h-10.175Zm33.6-18.693l-.651,2.662h7.1l-.651-2.662c-.4733-1.8533-.9467-3.8647-1.42-6.034-.4733-2.1693-.945-4.2197-1.415-6.151h-.237c-.434,1.972-.8777,4.0327-1.331,6.182s-.918,4.1507-1.394,6.004l-.001-.001Zm-14.788,18.693L77.85,0h12.3l11.717,38.45h-10.767l-1.893-8.162h-10.766l-1.893,8.162h-10.411Zm39.4,0V0h10.175V14.316h11.476V0h10.175V38.45h-10.175v-15.261h-11.479v15.261h-10.172Z" />
-      </g>
-      <text transform="translate(.0419 52.5939)"><tspan x="0" y="0">An official </tspan><tspan x="60.437" y="0" style="letter-spacing: -.02em;">s</tspan><tspan x="66.0229" y="0" style="letter-spacing: -.021em;">t</tspan><tspan x="70.4614" y="0" style="letter-spacing: -.014em;">at</tspan><tspan x="81.8569" y="0" style="letter-spacing: 0em;">e </tspan><tspan x="91.6011" y="0" style="letter-spacing: -.004em;">w</tspan><tspan x="101.5972" y="0">ebsi</tspan><tspan x="125.5923" y="0" style="letter-spacing: -.014em;">t</tspan><tspan x="130.1284" y="0">e</tspan></text>
-    </g>
-  </svg>
-</div>
-`, xn = `<div class="utah-logo-svg">
-  <svg viewBox="0 0 105.9496 47.6226" role="img">
-    <title>An official website of the State of Utah</title>
-    <g>
-      <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)"><tspan x="0" y="0">An official </tspan><tspan x="60.437" y="0" style="letter-spacing: -.004em;">w</tspan><tspan x="70.4331" y="0">ebsi</tspan><tspan x="94.4282" y="0" style="letter-spacing: -.014em;">t</tspan><tspan x="98.9644" y="0">e</tspan></text>
-    </g>
-  </svg>
-</div>
-`;
-function Bn() {
-  let t;
-  switch (N().size) {
-    case ue.LARGE:
-      t = Rn;
-      break;
-    case ue.SMALL:
-    case ue.MEDIUM:
-      t = xn;
-      break;
-    default:
-      throw new Error(`Unknown settings size: '${N().size}'`);
-  }
-  return Be(t);
+function Fo(t) {
+  return De = { ...Ln, ...t }, xn(De), qo(!1), Wo(), De;
 }
-const Hn = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
-`, Wn = `<span class="utds-logo-vert-line"></span>
-`, kn = `<div class="utds-citizen-experience-wrapper"></div>
-`, Vn = `<div class="utds-action-items-wrapper"></div>
-`, qn = `<div class="utds-header-action-item">
+const Hn = `<div class="utds-citizen-experience-wrapper"></div>
+`, Bn = `<div class="utds-action-items-wrapper"></div>
+`, kn = `<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>
 `;
-var R = "top", q = "bottom", F = "right", x = "left", He = "auto", we = [R, q, F, x], de = "start", ge = "end", Fn = "clippingParents", xt = "viewport", Ee = "popper", Gn = "reference", bt = /* @__PURE__ */ we.reduce(function(t, e) {
-  return t.concat([e + "-" + de, e + "-" + ge]);
-}, []), Bt = /* @__PURE__ */ [].concat(we, [He]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + de, e + "-" + ge]);
-}, []), $n = "beforeRead", jn = "read", zn = "afterRead", Yn = "beforeMain", Zn = "main", Xn = "afterMain", Kn = "beforeWrite", Qn = "write", Jn = "afterWrite", $e = [$n, jn, zn, Yn, Zn, Xn, Kn, Qn, Jn];
-function X(t) {
+var R = "top", V = "bottom", F = "right", x = "left", Be = "auto", we = [R, V, F, x], ue = "start", ge = "end", Wn = "clippingParents", Ht = "viewport", Ee = "popper", qn = "reference", gt = /* @__PURE__ */ we.reduce(function(t, e) {
+  return t.concat([e + "-" + ue, e + "-" + ge]);
+}, []), Bt = /* @__PURE__ */ [].concat(we, [Be]).reduce(function(t, e) {
+  return t.concat([e, e + "-" + ue, e + "-" + ge]);
+}, []), Vn = "beforeRead", Fn = "read", Gn = "afterRead", $n = "beforeMain", jn = "main", Yn = "afterMain", zn = "beforeWrite", Kn = "write", Zn = "afterWrite", $e = [Vn, Fn, Gn, $n, jn, Yn, zn, Kn, Zn];
+function K(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
 }
 function G(t) {
@@ -771,31 +718,31 @@ function G(t) {
   }
   return t;
 }
-function se(t) {
+function ae(t) {
   var e = G(t).Element;
   return t instanceof e || t instanceof Element;
 }
-function V(t) {
+function q(t) {
   var e = G(t).HTMLElement;
   return t instanceof e || t instanceof HTMLElement;
 }
-function Ke(t) {
+function Je(t) {
   if (typeof ShadowRoot > "u")
     return !1;
   var e = G(t).ShadowRoot;
   return t instanceof e || t instanceof ShadowRoot;
 }
-function er(t) {
+function Xn(t) {
   var e = t.state;
   Object.keys(e.elements).forEach(function(n) {
     var r = e.styles[n] || {}, o = e.attributes[n] || {}, i = e.elements[n];
-    !V(i) || !X(i) || (Object.assign(i.style, r), Object.keys(o).forEach(function(c) {
+    !q(i) || !K(i) || (Object.assign(i.style, r), Object.keys(o).forEach(function(c) {
       var a = o[c];
       a === !1 ? i.removeAttribute(c) : i.setAttribute(c, a === !0 ? "" : a);
     }));
   });
 }
-function tr(t) {
+function Qn(t) {
   var e = t.state, n = {
     popper: {
       position: e.options.strategy,
@@ -810,54 +757,54 @@ function tr(t) {
   };
   return Object.assign(e.elements.popper.style, n.popper), e.styles = n, e.elements.arrow && Object.assign(e.elements.arrow.style, n.arrow), function() {
     Object.keys(e.elements).forEach(function(r) {
-      var o = e.elements[r], i = e.attributes[r] || {}, c = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : n[r]), a = c.reduce(function(s, u) {
-        return s[u] = "", s;
+      var o = e.elements[r], i = e.attributes[r] || {}, c = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : n[r]), a = c.reduce(function(l, u) {
+        return l[u] = "", l;
       }, {});
-      !V(o) || !X(o) || (Object.assign(o.style, a), Object.keys(i).forEach(function(s) {
-        o.removeAttribute(s);
+      !q(o) || !K(o) || (Object.assign(o.style, a), Object.keys(i).forEach(function(l) {
+        o.removeAttribute(l);
       }));
     });
   };
 }
-const nr = {
+const Jn = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: er,
-  effect: tr,
+  fn: Xn,
+  effect: Qn,
   requires: ["computeStyles"]
 };
 function j(t) {
   return t.split("-")[0];
 }
-var ae = Math.max, Re = Math.min, pe = Math.round;
+var ie = Math.max, xe = Math.min, de = Math.round;
 function je() {
   var t = navigator.userAgentData;
   return t != null && t.brands ? t.brands.map(function(e) {
     return e.brand + "/" + e.version;
   }).join(" ") : navigator.userAgent;
 }
-function Ht() {
+function kt() {
   return !/^((?!chrome|android).)*safari/i.test(je());
 }
-function fe(t, e, n) {
+function pe(t, e, n) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   var r = t.getBoundingClientRect(), o = 1, i = 1;
-  e && V(t) && (o = t.offsetWidth > 0 && pe(r.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && pe(r.height) / t.offsetHeight || 1);
-  var c = se(t) ? G(t) : window, a = c.visualViewport, s = !Ht() && n, u = (r.left + (s && a ? a.offsetLeft : 0)) / o, d = (r.top + (s && a ? a.offsetTop : 0)) / i, h = r.width / o, _ = r.height / i;
+  e && q(t) && (o = t.offsetWidth > 0 && de(r.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && de(r.height) / t.offsetHeight || 1);
+  var c = ae(t) ? G(t) : window, a = c.visualViewport, l = !kt() && n, u = (r.left + (l && a ? a.offsetLeft : 0)) / o, d = (r.top + (l && a ? a.offsetTop : 0)) / i, _ = r.width / o, h = r.height / i;
   return {
-    width: h,
-    height: _,
+    width: _,
+    height: h,
     top: d,
-    right: u + h,
-    bottom: d + _,
+    right: u + _,
+    bottom: d + h,
     left: u,
     x: u,
     y: d
   };
 }
-function Qe(t) {
-  var e = fe(t), n = t.offsetWidth, r = t.offsetHeight;
+function et(t) {
+  var e = pe(t), n = t.offsetWidth, r = t.offsetHeight;
   return Math.abs(e.width - n) <= 1 && (n = e.width), Math.abs(e.height - r) <= 1 && (r = e.height), {
     x: t.offsetLeft,
     y: t.offsetTop,
@@ -869,7 +816,7 @@ function Wt(t, e) {
   var n = e.getRootNode && e.getRootNode();
   if (t.contains(e))
     return !0;
-  if (n && Ke(n)) {
+  if (n && Je(n)) {
     var r = e;
     do {
       if (r && t.isSameNode(r))
@@ -879,44 +826,44 @@ function Wt(t, e) {
   }
   return !1;
 }
-function z(t) {
+function Y(t) {
   return G(t).getComputedStyle(t);
 }
-function rr(t) {
-  return ["table", "td", "th"].indexOf(X(t)) >= 0;
+function er(t) {
+  return ["table", "td", "th"].indexOf(K(t)) >= 0;
 }
-function J(t) {
-  return ((se(t) ? t.ownerDocument : (
+function Q(t) {
+  return ((ae(t) ? t.ownerDocument : (
     // $FlowFixMe[prop-missing]
     t.document
   )) || window.document).documentElement;
 }
-function We(t) {
-  return X(t) === "html" ? t : (
+function ke(t) {
+  return K(t) === "html" ? t : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     t.parentNode || // DOM Element detected
-    (Ke(t) ? t.host : null) || // ShadowRoot detected
+    (Je(t) ? t.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    J(t)
+    Q(t)
   );
 }
-function It(t) {
-  return !V(t) || // https://github.com/popperjs/popper-core/issues/837
-  z(t).position === "fixed" ? null : t.offsetParent;
+function Mt(t) {
+  return !q(t) || // https://github.com/popperjs/popper-core/issues/837
+  Y(t).position === "fixed" ? null : t.offsetParent;
 }
-function or(t) {
+function tr(t) {
   var e = /firefox/i.test(je()), n = /Trident/i.test(je());
-  if (n && V(t)) {
-    var r = z(t);
+  if (n && q(t)) {
+    var r = Y(t);
     if (r.position === "fixed")
       return null;
   }
-  var o = We(t);
-  for (Ke(o) && (o = o.host); V(o) && ["html", "body"].indexOf(X(o)) < 0; ) {
-    var i = z(o);
+  var o = ke(t);
+  for (Je(o) && (o = o.host); q(o) && ["html", "body"].indexOf(K(o)) < 0; ) {
+    var i = Y(o);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || e && i.willChange === "filter" || e && i.filter && i.filter !== "none")
       return o;
     o = o.parentNode;
@@ -924,21 +871,21 @@ function or(t) {
   return null;
 }
 function Oe(t) {
-  for (var e = G(t), n = It(t); n && rr(n) && z(n).position === "static"; )
-    n = It(n);
-  return n && (X(n) === "html" || X(n) === "body" && z(n).position === "static") ? e : n || or(t) || e;
+  for (var e = G(t), n = Mt(t); n && er(n) && Y(n).position === "static"; )
+    n = Mt(n);
+  return n && (K(n) === "html" || K(n) === "body" && Y(n).position === "static") ? e : n || tr(t) || e;
 }
-function Je(t) {
+function tt(t) {
   return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
 }
 function be(t, e, n) {
-  return ae(t, Re(e, n));
+  return ie(t, xe(e, n));
 }
-function ir(t, e, n) {
+function nr(t, e, n) {
   var r = be(t, e, n);
   return r > n ? n : r;
 }
-function kt() {
+function qt() {
   return {
     top: 0,
     right: 0,
@@ -947,110 +894,110 @@ function kt() {
   };
 }
 function Vt(t) {
-  return Object.assign({}, kt(), t);
+  return Object.assign({}, qt(), t);
 }
-function qt(t, e) {
+function Ft(t, e) {
   return e.reduce(function(n, r) {
     return n[r] = t, n;
   }, {});
 }
-var ar = function(e, n) {
+var rr = function(e, n) {
   return e = typeof e == "function" ? e(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : e, Vt(typeof e != "number" ? e : qt(e, we));
+  })) : e, Vt(typeof e != "number" ? e : Ft(e, we));
 };
-function sr(t) {
-  var e, n = t.state, r = t.name, o = t.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), s = Je(a), u = [x, F].indexOf(a) >= 0, d = u ? "height" : "width";
+function or(t) {
+  var e, n = t.state, r = t.name, o = t.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), l = tt(a), u = [x, F].indexOf(a) >= 0, d = u ? "height" : "width";
   if (!(!i || !c)) {
-    var h = ar(o.padding, n), _ = Qe(i), p = s === "y" ? R : x, m = s === "y" ? q : F, E = n.rects.reference[d] + n.rects.reference[s] - c[s] - n.rects.popper[d], v = c[s] - n.rects.reference[s], g = Oe(i), M = g ? s === "y" ? g.clientHeight || 0 : g.clientWidth || 0 : 0, y = E / 2 - v / 2, b = h[p], I = M - _[d] - h[m], T = M / 2 - _[d] / 2 + y, P = be(b, T, I), L = s;
-    n.modifiersData[r] = (e = {}, e[L] = P, e.centerOffset = P - T, e);
+    var _ = rr(o.padding, n), h = et(i), p = l === "y" ? R : x, m = l === "y" ? V : F, v = n.rects.reference[d] + n.rects.reference[l] - c[l] - n.rects.popper[d], E = c[l] - n.rects.reference[l], g = Oe(i), A = g ? l === "y" ? g.clientHeight || 0 : g.clientWidth || 0 : 0, y = v / 2 - E / 2, b = _[p], I = A - h[d] - _[m], M = A / 2 - h[d] / 2 + y, P = be(b, M, I), L = l;
+    n.modifiersData[r] = (e = {}, e[L] = P, e.centerOffset = P - M, e);
   }
 }
-function lr(t) {
+function ir(t) {
   var e = t.state, n = t.options, r = n.element, o = r === void 0 ? "[data-popper-arrow]" : r;
   if (o != null && !(typeof o == "string" && (o = e.elements.popper.querySelector(o), !o))) {
-    if ({}.NODE_ENV !== "production" && (V(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Wt(e.elements.popper, o)) {
+    if ({}.NODE_ENV !== "production" && (q(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Wt(e.elements.popper, o)) {
       ({}).NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
       return;
     }
     e.elements.arrow = o;
   }
 }
-const cr = {
+const ar = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: sr,
-  effect: lr,
+  fn: or,
+  effect: ir,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function he(t) {
+function fe(t) {
   return t.split("-")[1];
 }
-var ur = {
+var sr = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function dr(t) {
+function lr(t) {
   var e = t.x, n = t.y, r = window, o = r.devicePixelRatio || 1;
   return {
-    x: pe(e * o) / o || 0,
-    y: pe(n * o) / o || 0
+    x: de(e * o) / o || 0,
+    y: de(n * o) / o || 0
   };
 }
-function gt(t) {
-  var e, n = t.popper, r = t.popperRect, o = t.placement, i = t.variation, c = t.offsets, a = t.position, s = t.gpuAcceleration, u = t.adaptive, d = t.roundOffsets, h = t.isFixed, _ = c.x, p = _ === void 0 ? 0 : _, m = c.y, E = m === void 0 ? 0 : m, v = typeof d == "function" ? d({
+function Tt(t) {
+  var e, n = t.popper, r = t.popperRect, o = t.placement, i = t.variation, c = t.offsets, a = t.position, l = t.gpuAcceleration, u = t.adaptive, d = t.roundOffsets, _ = t.isFixed, h = c.x, p = h === void 0 ? 0 : h, m = c.y, v = m === void 0 ? 0 : m, E = typeof d == "function" ? d({
     x: p,
-    y: E
+    y: v
   }) : {
     x: p,
-    y: E
+    y: v
   };
-  p = v.x, E = v.y;
-  var g = c.hasOwnProperty("x"), M = c.hasOwnProperty("y"), y = x, b = R, I = window;
+  p = E.x, v = E.y;
+  var g = c.hasOwnProperty("x"), A = c.hasOwnProperty("y"), y = x, b = R, I = window;
   if (u) {
-    var T = Oe(n), P = "clientHeight", L = "clientWidth";
-    if (T === G(n) && (T = J(n), z(T).position !== "static" && a === "absolute" && (P = "scrollHeight", L = "scrollWidth")), T = T, o === R || (o === x || o === F) && i === ge) {
-      b = q;
-      var U = h && T === I && I.visualViewport ? I.visualViewport.height : (
+    var M = Oe(n), P = "clientHeight", L = "clientWidth";
+    if (M === G(n) && (M = Q(n), Y(M).position !== "static" && a === "absolute" && (P = "scrollHeight", L = "scrollWidth")), M = M, o === R || (o === x || o === F) && i === ge) {
+      b = V;
+      var U = _ && M === I && I.visualViewport ? I.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        T[P]
+        M[P]
       );
-      E -= U - r.height, E *= s ? 1 : -1;
+      v -= U - r.height, v *= l ? 1 : -1;
     }
-    if (o === x || (o === R || o === q) && i === ge) {
+    if (o === x || (o === R || o === V) && i === ge) {
       y = F;
-      var S = h && T === I && I.visualViewport ? I.visualViewport.width : (
+      var S = _ && M === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        T[L]
+        M[L]
       );
-      p -= S - r.width, p *= s ? 1 : -1;
+      p -= S - r.width, p *= l ? 1 : -1;
     }
   }
   var w = Object.assign({
     position: a
-  }, u && ur), D = d === !0 ? dr({
+  }, u && sr), C = d === !0 ? lr({
     x: p,
-    y: E
+    y: v
   }) : {
     x: p,
-    y: E
+    y: v
   };
-  if (p = D.x, E = D.y, s) {
-    var C;
-    return Object.assign({}, w, (C = {}, C[b] = M ? "0" : "", C[y] = g ? "0" : "", C.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + E + "px)" : "translate3d(" + p + "px, " + E + "px, 0)", C));
+  if (p = C.x, v = C.y, l) {
+    var D;
+    return Object.assign({}, w, (D = {}, D[b] = A ? "0" : "", D[y] = g ? "0" : "", D.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + v + "px)" : "translate3d(" + p + "px, " + v + "px, 0)", D));
   }
-  return Object.assign({}, w, (e = {}, e[b] = M ? E + "px" : "", e[y] = g ? p + "px" : "", e.transform = "", e));
+  return Object.assign({}, w, (e = {}, e[b] = A ? v + "px" : "", e[y] = g ? p + "px" : "", e.transform = "", e));
 }
-function pr(t) {
-  var e = t.state, n = t.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, i = n.adaptive, c = i === void 0 ? !0 : i, a = n.roundOffsets, s = a === void 0 ? !0 : a;
+function cr(t) {
+  var e = t.state, n = t.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, i = n.adaptive, c = i === void 0 ? !0 : i, a = n.roundOffsets, l = a === void 0 ? !0 : a;
   if ({}.NODE_ENV !== "production") {
-    var u = z(e.elements.popper).transitionProperty || "";
-    c && ["transform", "top", "right", "bottom", "left"].some(function(h) {
-      return u.indexOf(h) >= 0;
+    var u = Y(e.elements.popper).transitionProperty || "";
+    c && ["transform", "top", "right", "bottom", "left"].some(function(_) {
+      return u.indexOf(_) >= 0;
     }) && console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', `
 
 `, 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", `
@@ -1059,125 +1006,125 @@ function pr(t) {
   }
   var d = {
     placement: j(e.placement),
-    variation: he(e.placement),
+    variation: fe(e.placement),
     popper: e.elements.popper,
     popperRect: e.rects.popper,
     gpuAcceleration: o,
     isFixed: e.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, gt(Object.assign({}, d, {
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Tt(Object.assign({}, d, {
     offsets: e.modifiersData.popperOffsets,
     position: e.options.strategy,
     adaptive: c,
-    roundOffsets: s
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, gt(Object.assign({}, d, {
+    roundOffsets: l
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Tt(Object.assign({}, d, {
     offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: s
+    roundOffsets: l
   })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
     "data-popper-placement": e.placement
   });
 }
-const fr = {
+const ur = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: pr,
+  fn: cr,
   data: {}
 };
 var Se = {
   passive: !0
 };
-function hr(t) {
-  var e = t.state, n = t.instance, r = t.options, o = r.scroll, i = o === void 0 ? !0 : o, c = r.resize, a = c === void 0 ? !0 : c, s = G(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+function dr(t) {
+  var e = t.state, n = t.instance, r = t.options, o = r.scroll, i = o === void 0 ? !0 : o, c = r.resize, a = c === void 0 ? !0 : c, l = G(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
   return i && u.forEach(function(d) {
     d.addEventListener("scroll", n.update, Se);
-  }), a && s.addEventListener("resize", n.update, Se), function() {
+  }), a && l.addEventListener("resize", n.update, Se), function() {
     i && u.forEach(function(d) {
       d.removeEventListener("scroll", n.update, Se);
-    }), a && s.removeEventListener("resize", n.update, Se);
+    }), a && l.removeEventListener("resize", n.update, Se);
   };
 }
-const _r = {
+const pr = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: hr,
+  effect: dr,
   data: {}
 };
-var mr = {
+var fr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Ce(t) {
+function Re(t) {
   return t.replace(/left|right|bottom|top/g, function(e) {
-    return mr[e];
+    return fr[e];
   });
 }
-var vr = {
+var hr = {
   start: "end",
   end: "start"
 };
-function Tt(t) {
+function At(t) {
   return t.replace(/start|end/g, function(e) {
-    return vr[e];
+    return hr[e];
   });
 }
-function et(t) {
+function nt(t) {
   var e = G(t), n = e.pageXOffset, r = e.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: r
   };
 }
-function tt(t) {
-  return fe(J(t)).left + et(t).scrollLeft;
+function rt(t) {
+  return pe(Q(t)).left + nt(t).scrollLeft;
 }
-function Er(t, e) {
-  var n = G(t), r = J(t), o = n.visualViewport, i = r.clientWidth, c = r.clientHeight, a = 0, s = 0;
+function _r(t, e) {
+  var n = G(t), r = Q(t), o = n.visualViewport, i = r.clientWidth, c = r.clientHeight, a = 0, l = 0;
   if (o) {
     i = o.width, c = o.height;
-    var u = Ht();
-    (u || !u && e === "fixed") && (a = o.offsetLeft, s = o.offsetTop);
+    var u = kt();
+    (u || !u && e === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
   }
   return {
     width: i,
     height: c,
-    x: a + tt(t),
-    y: s
+    x: a + rt(t),
+    y: l
   };
 }
-function br(t) {
-  var e, n = J(t), r = et(t), o = (e = t.ownerDocument) == null ? void 0 : e.body, i = ae(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), c = ae(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -r.scrollLeft + tt(t), s = -r.scrollTop;
-  return z(o || n).direction === "rtl" && (a += ae(n.clientWidth, o ? o.clientWidth : 0) - i), {
+function mr(t) {
+  var e, n = Q(t), r = nt(t), o = (e = t.ownerDocument) == null ? void 0 : e.body, i = ie(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), c = ie(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -r.scrollLeft + rt(t), l = -r.scrollTop;
+  return Y(o || n).direction === "rtl" && (a += ie(n.clientWidth, o ? o.clientWidth : 0) - i), {
     width: i,
     height: c,
     x: a,
-    y: s
+    y: l
   };
 }
-function nt(t) {
-  var e = z(t), n = e.overflow, r = e.overflowX, o = e.overflowY;
+function ot(t) {
+  var e = Y(t), n = e.overflow, r = e.overflowX, o = e.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + o + r);
 }
-function Ft(t) {
-  return ["html", "body", "#document"].indexOf(X(t)) >= 0 ? t.ownerDocument.body : V(t) && nt(t) ? t : Ft(We(t));
+function Gt(t) {
+  return ["html", "body", "#document"].indexOf(K(t)) >= 0 ? t.ownerDocument.body : q(t) && ot(t) ? t : Gt(ke(t));
 }
 function Ie(t, e) {
   var n;
   e === void 0 && (e = []);
-  var r = Ft(t), o = r === ((n = t.ownerDocument) == null ? void 0 : n.body), i = G(r), c = o ? [i].concat(i.visualViewport || [], nt(r) ? r : []) : r, a = e.concat(c);
+  var r = Gt(t), o = r === ((n = t.ownerDocument) == null ? void 0 : n.body), i = G(r), c = o ? [i].concat(i.visualViewport || [], ot(r) ? r : []) : r, a = e.concat(c);
   return o ? a : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    a.concat(Ie(We(c)))
+    a.concat(Ie(ke(c)))
   );
 }
-function ze(t) {
+function Ye(t) {
   return Object.assign({}, t, {
     left: t.x,
     top: t.y,
@@ -1185,181 +1132,181 @@ function ze(t) {
     bottom: t.y + t.height
   });
 }
-function Ir(t, e) {
-  var n = fe(t, !1, e === "fixed");
+function Er(t, e) {
+  var n = pe(t, !1, e === "fixed");
   return n.top = n.top + t.clientTop, n.left = n.left + t.clientLeft, n.bottom = n.top + t.clientHeight, n.right = n.left + t.clientWidth, n.width = t.clientWidth, n.height = t.clientHeight, n.x = n.left, n.y = n.top, n;
 }
-function Mt(t, e, n) {
-  return e === xt ? ze(Er(t, n)) : se(e) ? Ir(e, n) : ze(br(J(t)));
+function wt(t, e, n) {
+  return e === Ht ? Ye(_r(t, n)) : ae(e) ? Er(e, n) : Ye(mr(Q(t)));
 }
-function gr(t) {
-  var e = Ie(We(t)), n = ["absolute", "fixed"].indexOf(z(t).position) >= 0, r = n && V(t) ? Oe(t) : t;
-  return se(r) ? e.filter(function(o) {
-    return se(o) && Wt(o, r) && X(o) !== "body";
+function vr(t) {
+  var e = Ie(ke(t)), n = ["absolute", "fixed"].indexOf(Y(t).position) >= 0, r = n && q(t) ? Oe(t) : t;
+  return ae(r) ? e.filter(function(o) {
+    return ae(o) && Wt(o, r) && K(o) !== "body";
   }) : [];
 }
-function Tr(t, e, n, r) {
-  var o = e === "clippingParents" ? gr(t) : [].concat(e), i = [].concat(o, [n]), c = i[0], a = i.reduce(function(s, u) {
-    var d = Mt(t, u, r);
-    return s.top = ae(d.top, s.top), s.right = Re(d.right, s.right), s.bottom = Re(d.bottom, s.bottom), s.left = ae(d.left, s.left), s;
-  }, Mt(t, c, r));
+function br(t, e, n, r) {
+  var o = e === "clippingParents" ? vr(t) : [].concat(e), i = [].concat(o, [n]), c = i[0], a = i.reduce(function(l, u) {
+    var d = wt(t, u, r);
+    return l.top = ie(d.top, l.top), l.right = xe(d.right, l.right), l.bottom = xe(d.bottom, l.bottom), l.left = ie(d.left, l.left), l;
+  }, wt(t, c, r));
   return a.width = a.right - a.left, a.height = a.bottom - a.top, a.x = a.left, a.y = a.top, a;
 }
-function Gt(t) {
-  var e = t.reference, n = t.element, r = t.placement, o = r ? j(r) : null, i = r ? he(r) : null, c = e.x + e.width / 2 - n.width / 2, a = e.y + e.height / 2 - n.height / 2, s;
+function $t(t) {
+  var e = t.reference, n = t.element, r = t.placement, o = r ? j(r) : null, i = r ? fe(r) : null, c = e.x + e.width / 2 - n.width / 2, a = e.y + e.height / 2 - n.height / 2, l;
   switch (o) {
     case R:
-      s = {
+      l = {
         x: c,
         y: e.y - n.height
       };
       break;
-    case q:
-      s = {
+    case V:
+      l = {
         x: c,
         y: e.y + e.height
       };
       break;
     case F:
-      s = {
+      l = {
         x: e.x + e.width,
         y: a
       };
       break;
     case x:
-      s = {
+      l = {
         x: e.x - n.width,
         y: a
       };
       break;
     default:
-      s = {
+      l = {
         x: e.x,
         y: e.y
       };
   }
-  var u = o ? Je(o) : null;
+  var u = o ? tt(o) : null;
   if (u != null) {
     var d = u === "y" ? "height" : "width";
     switch (i) {
-      case de:
-        s[u] = s[u] - (e[d] / 2 - n[d] / 2);
+      case ue:
+        l[u] = l[u] - (e[d] / 2 - n[d] / 2);
         break;
       case ge:
-        s[u] = s[u] + (e[d] / 2 - n[d] / 2);
+        l[u] = l[u] + (e[d] / 2 - n[d] / 2);
         break;
     }
   }
-  return s;
+  return l;
 }
-function Te(t, e) {
+function Me(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, o = r === void 0 ? t.placement : r, i = n.strategy, c = i === void 0 ? t.strategy : i, a = n.boundary, s = a === void 0 ? Fn : a, u = n.rootBoundary, d = u === void 0 ? xt : u, h = n.elementContext, _ = h === void 0 ? Ee : h, p = n.altBoundary, m = p === void 0 ? !1 : p, E = n.padding, v = E === void 0 ? 0 : E, g = Vt(typeof v != "number" ? v : qt(v, we)), M = _ === Ee ? Gn : Ee, y = t.rects.popper, b = t.elements[m ? M : _], I = Tr(se(b) ? b : b.contextElement || J(t.elements.popper), s, d, c), T = fe(t.elements.reference), P = Gt({
-    reference: T,
+  var n = e, r = n.placement, o = r === void 0 ? t.placement : r, i = n.strategy, c = i === void 0 ? t.strategy : i, a = n.boundary, l = a === void 0 ? Wn : a, u = n.rootBoundary, d = u === void 0 ? Ht : u, _ = n.elementContext, h = _ === void 0 ? Ee : _, p = n.altBoundary, m = p === void 0 ? !1 : p, v = n.padding, E = v === void 0 ? 0 : v, g = Vt(typeof E != "number" ? E : Ft(E, we)), A = h === Ee ? qn : Ee, y = t.rects.popper, b = t.elements[m ? A : h], I = br(ae(b) ? b : b.contextElement || Q(t.elements.popper), l, d, c), M = pe(t.elements.reference), P = $t({
+    reference: M,
     element: y,
     strategy: "absolute",
     placement: o
-  }), L = ze(Object.assign({}, y, P)), U = _ === Ee ? L : T, S = {
+  }), L = Ye(Object.assign({}, y, P)), U = h === Ee ? L : M, S = {
     top: I.top - U.top + g.top,
     bottom: U.bottom - I.bottom + g.bottom,
     left: I.left - U.left + g.left,
     right: U.right - I.right + g.right
   }, w = t.modifiersData.offset;
-  if (_ === Ee && w) {
-    var D = w[o];
-    Object.keys(S).forEach(function(C) {
-      var ee = [F, q].indexOf(C) >= 0 ? 1 : -1, te = [R, q].indexOf(C) >= 0 ? "y" : "x";
-      S[C] += D[te] * ee;
+  if (h === Ee && w) {
+    var C = w[o];
+    Object.keys(S).forEach(function(D) {
+      var J = [F, V].indexOf(D) >= 0 ? 1 : -1, ee = [R, V].indexOf(D) >= 0 ? "y" : "x";
+      S[D] += C[ee] * J;
     });
   }
   return S;
 }
-function Mr(t, e) {
+function Ir(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, o = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, s = n.allowedAutoPlacements, u = s === void 0 ? Bt : s, d = he(r), h = d ? a ? bt : bt.filter(function(m) {
-    return he(m) === d;
-  }) : we, _ = h.filter(function(m) {
+  var n = e, r = n.placement, o = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, l = n.allowedAutoPlacements, u = l === void 0 ? Bt : l, d = fe(r), _ = d ? a ? gt : gt.filter(function(m) {
+    return fe(m) === d;
+  }) : we, h = _.filter(function(m) {
     return u.indexOf(m) >= 0;
   });
-  _.length === 0 && (_ = h, {}.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
-  var p = _.reduce(function(m, E) {
-    return m[E] = Te(t, {
-      placement: E,
+  h.length === 0 && (h = _, {}.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
+  var p = h.reduce(function(m, v) {
+    return m[v] = Me(t, {
+      placement: v,
       boundary: o,
       rootBoundary: i,
       padding: c
-    })[j(E)], m;
+    })[j(v)], m;
   }, {});
-  return Object.keys(p).sort(function(m, E) {
-    return p[m] - p[E];
+  return Object.keys(p).sort(function(m, v) {
+    return p[m] - p[v];
   });
 }
-function Ar(t) {
-  if (j(t) === He)
+function gr(t) {
+  if (j(t) === Be)
     return [];
-  var e = Ce(t);
-  return [Tt(t), e, Tt(e)];
+  var e = Re(t);
+  return [At(t), e, At(e)];
 }
-function wr(t) {
+function Mr(t) {
   var e = t.state, n = t.options, r = t.name;
   if (!e.modifiersData[r]._skip) {
-    for (var o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !0 : c, s = n.fallbackPlacements, u = n.padding, d = n.boundary, h = n.rootBoundary, _ = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, E = n.allowedAutoPlacements, v = e.options.placement, g = j(v), M = g === v, y = s || (M || !m ? [Ce(v)] : Ar(v)), b = [v].concat(y).reduce(function(le, K) {
-      return le.concat(j(K) === He ? Mr(e, {
-        placement: K,
+    for (var o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !0 : c, l = n.fallbackPlacements, u = n.padding, d = n.boundary, _ = n.rootBoundary, h = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, v = n.allowedAutoPlacements, E = e.options.placement, g = j(E), A = g === E, y = l || (A || !m ? [Re(E)] : gr(E)), b = [E].concat(y).reduce(function(se, Z) {
+      return se.concat(j(Z) === Be ? Ir(e, {
+        placement: Z,
         boundary: d,
-        rootBoundary: h,
+        rootBoundary: _,
         padding: u,
         flipVariations: m,
-        allowedAutoPlacements: E
-      }) : K);
-    }, []), I = e.rects.reference, T = e.rects.popper, P = /* @__PURE__ */ new Map(), L = !0, U = b[0], S = 0; S < b.length; S++) {
-      var w = b[S], D = j(w), C = he(w) === de, ee = [R, q].indexOf(D) >= 0, te = ee ? "width" : "height", H = Te(e, {
+        allowedAutoPlacements: v
+      }) : Z);
+    }, []), I = e.rects.reference, M = e.rects.popper, P = /* @__PURE__ */ new Map(), L = !0, U = b[0], S = 0; S < b.length; S++) {
+      var w = b[S], C = j(w), D = fe(w) === ue, J = [R, V].indexOf(C) >= 0, ee = J ? "width" : "height", B = Me(e, {
         placement: w,
         boundary: d,
-        rootBoundary: h,
-        altBoundary: _,
+        rootBoundary: _,
+        altBoundary: h,
         padding: u
-      }), $ = ee ? C ? F : x : C ? q : R;
-      I[te] > T[te] && ($ = Ce($));
-      var ye = Ce($), ne = [];
-      if (i && ne.push(H[D] <= 0), a && ne.push(H[$] <= 0, H[ye] <= 0), ne.every(function(le) {
-        return le;
+      }), $ = J ? D ? F : x : D ? V : R;
+      I[ee] > M[ee] && ($ = Re($));
+      var ye = Re($), te = [];
+      if (i && te.push(B[C] <= 0), a && te.push(B[$] <= 0, B[ye] <= 0), te.every(function(se) {
+        return se;
       })) {
         U = w, L = !1;
         break;
       }
-      P.set(w, ne);
+      P.set(w, te);
     }
     if (L)
-      for (var Pe = m ? 3 : 1, ke = function(K) {
-        var ve = b.find(function(Le) {
-          var re = P.get(Le);
-          if (re)
-            return re.slice(0, K).every(function(Ve) {
-              return Ve;
+      for (var Pe = m ? 3 : 1, We = function(Z) {
+        var me = b.find(function(Le) {
+          var ne = P.get(Le);
+          if (ne)
+            return ne.slice(0, Z).every(function(qe) {
+              return qe;
             });
         });
-        if (ve)
-          return U = ve, "break";
-      }, me = Pe; me > 0; me--) {
-        var Ne = ke(me);
+        if (me)
+          return U = me, "break";
+      }, _e = Pe; _e > 0; _e--) {
+        var Ne = We(_e);
         if (Ne === "break")
           break;
       }
     e.placement !== U && (e.modifiersData[r]._skip = !0, e.placement = U, e.reset = !0);
   }
 }
-const Or = {
+const Tr = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: wr,
+  fn: Mr,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function At(t, e, n) {
+function Ot(t, e, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -1370,35 +1317,35 @@ function At(t, e, n) {
     left: t.left - e.width - n.x
   };
 }
-function wt(t) {
-  return [R, F, q, x].some(function(e) {
+function yt(t) {
+  return [R, F, V, x].some(function(e) {
     return t[e] >= 0;
   });
 }
-function yr(t) {
-  var e = t.state, n = t.name, r = e.rects.reference, o = e.rects.popper, i = e.modifiersData.preventOverflow, c = Te(e, {
+function Ar(t) {
+  var e = t.state, n = t.name, r = e.rects.reference, o = e.rects.popper, i = e.modifiersData.preventOverflow, c = Me(e, {
     elementContext: "reference"
-  }), a = Te(e, {
+  }), a = Me(e, {
     altBoundary: !0
-  }), s = At(c, r), u = At(a, o, i), d = wt(s), h = wt(u);
+  }), l = Ot(c, r), u = Ot(a, o, i), d = yt(l), _ = yt(u);
   e.modifiersData[n] = {
-    referenceClippingOffsets: s,
+    referenceClippingOffsets: l,
     popperEscapeOffsets: u,
     isReferenceHidden: d,
-    hasPopperEscaped: h
+    hasPopperEscaped: _
   }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
     "data-popper-reference-hidden": d,
-    "data-popper-escaped": h
+    "data-popper-escaped": _
   });
 }
-const Pr = {
+const wr = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: yr
+  fn: Ar
 };
-function Nr(t, e, n) {
+function Or(t, e, n) {
   var r = j(t), o = [x, R].indexOf(r) >= 0 ? -1 : 1, i = typeof n == "function" ? n(Object.assign({}, e, {
     placement: t
   })) : n, c = i[0], a = i[1];
@@ -1410,109 +1357,109 @@ function Nr(t, e, n) {
     y: a
   };
 }
-function Lr(t) {
-  var e = t.state, n = t.options, r = t.name, o = n.offset, i = o === void 0 ? [0, 0] : o, c = Bt.reduce(function(d, h) {
-    return d[h] = Nr(h, e.rects, i), d;
-  }, {}), a = c[e.placement], s = a.x, u = a.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += s, e.modifiersData.popperOffsets.y += u), e.modifiersData[r] = c;
+function yr(t) {
+  var e = t.state, n = t.options, r = t.name, o = n.offset, i = o === void 0 ? [0, 0] : o, c = Bt.reduce(function(d, _) {
+    return d[_] = Or(_, e.rects, i), d;
+  }, {}), a = c[e.placement], l = a.x, u = a.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += l, e.modifiersData.popperOffsets.y += u), e.modifiersData[r] = c;
 }
-const Ur = {
+const Pr = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Lr
+  fn: yr
 };
-function Sr(t) {
+function Nr(t) {
   var e = t.state, n = t.name;
-  e.modifiersData[n] = Gt({
+  e.modifiersData[n] = $t({
     reference: e.rects.reference,
     element: e.rects.popper,
     strategy: "absolute",
     placement: e.placement
   });
 }
-const Dr = {
+const Lr = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Sr,
+  fn: Nr,
   data: {}
 };
-function Cr(t) {
+function Ur(t) {
   return t === "x" ? "y" : "x";
 }
-function Rr(t) {
-  var e = t.state, n = t.options, r = t.name, o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !1 : c, s = n.boundary, u = n.rootBoundary, d = n.altBoundary, h = n.padding, _ = n.tether, p = _ === void 0 ? !0 : _, m = n.tetherOffset, E = m === void 0 ? 0 : m, v = Te(e, {
-    boundary: s,
+function Sr(t) {
+  var e = t.state, n = t.options, r = t.name, o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !1 : c, l = n.boundary, u = n.rootBoundary, d = n.altBoundary, _ = n.padding, h = n.tether, p = h === void 0 ? !0 : h, m = n.tetherOffset, v = m === void 0 ? 0 : m, E = Me(e, {
+    boundary: l,
     rootBoundary: u,
-    padding: h,
+    padding: _,
     altBoundary: d
-  }), g = j(e.placement), M = he(e.placement), y = !M, b = Je(g), I = Cr(b), T = e.modifiersData.popperOffsets, P = e.rects.reference, L = e.rects.popper, U = typeof E == "function" ? E(Object.assign({}, e.rects, {
+  }), g = j(e.placement), A = fe(e.placement), y = !A, b = tt(g), I = Ur(b), M = e.modifiersData.popperOffsets, P = e.rects.reference, L = e.rects.popper, U = typeof v == "function" ? v(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : E, S = typeof U == "number" ? {
+  })) : v, S = typeof U == "number" ? {
     mainAxis: U,
     altAxis: U
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, U), w = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, D = {
+  }, U), w = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, C = {
     x: 0,
     y: 0
   };
-  if (T) {
+  if (M) {
     if (i) {
-      var C, ee = b === "y" ? R : x, te = b === "y" ? q : F, H = b === "y" ? "height" : "width", $ = T[b], ye = $ + v[ee], ne = $ - v[te], Pe = p ? -L[H] / 2 : 0, ke = M === de ? P[H] : L[H], me = M === de ? -L[H] : -P[H], Ne = e.elements.arrow, le = p && Ne ? Qe(Ne) : {
+      var D, J = b === "y" ? R : x, ee = b === "y" ? V : F, B = b === "y" ? "height" : "width", $ = M[b], ye = $ + E[J], te = $ - E[ee], Pe = p ? -L[B] / 2 : 0, We = A === ue ? P[B] : L[B], _e = A === ue ? -L[B] : -P[B], Ne = e.elements.arrow, se = p && Ne ? et(Ne) : {
         width: 0,
         height: 0
-      }, K = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : kt(), ve = K[ee], Le = K[te], re = be(0, P[H], le[H]), Ve = y ? P[H] / 2 - Pe - re - ve - S.mainAxis : ke - re - ve - S.mainAxis, nn = y ? -P[H] / 2 + Pe + re + Le + S.mainAxis : me + re + Le + S.mainAxis, qe = e.elements.arrow && Oe(e.elements.arrow), rn = qe ? b === "y" ? qe.clientTop || 0 : qe.clientLeft || 0 : 0, ut = (C = w == null ? void 0 : w[b]) != null ? C : 0, on = $ + Ve - ut - rn, an = $ + nn - ut, dt = be(p ? Re(ye, on) : ye, $, p ? ae(ne, an) : ne);
-      T[b] = dt, D[b] = dt - $;
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : qt(), me = Z[J], Le = Z[ee], ne = be(0, P[B], se[B]), qe = y ? P[B] / 2 - Pe - ne - me - S.mainAxis : We - ne - me - S.mainAxis, rn = y ? -P[B] / 2 + Pe + ne + Le + S.mainAxis : _e + ne + Le + S.mainAxis, Ve = e.elements.arrow && Oe(e.elements.arrow), on = Ve ? b === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, pt = (D = w == null ? void 0 : w[b]) != null ? D : 0, an = $ + qe - pt - on, sn = $ + rn - pt, ft = be(p ? xe(ye, an) : ye, $, p ? ie(te, sn) : te);
+      M[b] = ft, C[b] = ft - $;
     }
     if (a) {
-      var pt, sn = b === "x" ? R : x, ln = b === "x" ? q : F, oe = T[I], Ue = I === "y" ? "height" : "width", ft = oe + v[sn], ht = oe - v[ln], Fe = [R, x].indexOf(g) !== -1, _t = (pt = w == null ? void 0 : w[I]) != null ? pt : 0, mt = Fe ? ft : oe - P[Ue] - L[Ue] - _t + S.altAxis, vt = Fe ? oe + P[Ue] + L[Ue] - _t - S.altAxis : ht, Et = p && Fe ? ir(mt, oe, vt) : be(p ? mt : ft, oe, p ? vt : ht);
-      T[I] = Et, D[I] = Et - oe;
+      var ht, ln = b === "x" ? R : x, cn = b === "x" ? V : F, re = M[I], Ue = I === "y" ? "height" : "width", _t = re + E[ln], mt = re - E[cn], Fe = [R, x].indexOf(g) !== -1, Et = (ht = w == null ? void 0 : w[I]) != null ? ht : 0, vt = Fe ? _t : re - P[Ue] - L[Ue] - Et + S.altAxis, bt = Fe ? re + P[Ue] + L[Ue] - Et - S.altAxis : mt, It = p && Fe ? nr(vt, re, bt) : be(p ? vt : _t, re, p ? bt : mt);
+      M[I] = It, C[I] = It - re;
     }
-    e.modifiersData[r] = D;
+    e.modifiersData[r] = C;
   }
 }
-const xr = {
+const Cr = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Rr,
+  fn: Sr,
   requiresIfExists: ["offset"]
 };
-function Br(t) {
+function Dr(t) {
   return {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   };
 }
-function Hr(t) {
-  return t === G(t) || !V(t) ? et(t) : Br(t);
+function Rr(t) {
+  return t === G(t) || !q(t) ? nt(t) : Dr(t);
 }
-function Wr(t) {
-  var e = t.getBoundingClientRect(), n = pe(e.width) / t.offsetWidth || 1, r = pe(e.height) / t.offsetHeight || 1;
+function xr(t) {
+  var e = t.getBoundingClientRect(), n = de(e.width) / t.offsetWidth || 1, r = de(e.height) / t.offsetHeight || 1;
   return n !== 1 || r !== 1;
 }
-function kr(t, e, n) {
+function Hr(t, e, n) {
   n === void 0 && (n = !1);
-  var r = V(e), o = V(e) && Wr(e), i = J(e), c = fe(t, o, n), a = {
+  var r = q(e), o = q(e) && xr(e), i = Q(e), c = pe(t, o, n), a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, s = {
+  }, l = {
     x: 0,
     y: 0
   };
-  return (r || !r && !n) && ((X(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  nt(i)) && (a = Hr(e)), V(e) ? (s = fe(e, !0), s.x += e.clientLeft, s.y += e.clientTop) : i && (s.x = tt(i))), {
-    x: c.left + a.scrollLeft - s.x,
-    y: c.top + a.scrollTop - s.y,
+  return (r || !r && !n) && ((K(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  ot(i)) && (a = Rr(e)), q(e) ? (l = pe(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : i && (l.x = rt(i))), {
+    x: c.left + a.scrollLeft - l.x,
+    y: c.top + a.scrollTop - l.y,
     width: c.width,
     height: c.height
   };
 }
-function Vr(t) {
+function Br(t) {
   var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
   t.forEach(function(i) {
     e.set(i.name, i);
@@ -1522,8 +1469,8 @@ function Vr(t) {
     var c = [].concat(i.requires || [], i.requiresIfExists || []);
     c.forEach(function(a) {
       if (!n.has(a)) {
-        var s = e.get(a);
-        s && o(s);
+        var l = e.get(a);
+        l && o(l);
       }
     }), r.push(i);
   }
@@ -1531,15 +1478,15 @@ function Vr(t) {
     n.has(i.name) || o(i);
   }), r;
 }
-function qr(t) {
-  var e = Vr(t);
+function kr(t) {
+  var e = Br(t);
   return $e.reduce(function(n, r) {
     return n.concat(e.filter(function(o) {
       return o.phase === r;
     }));
   }, []);
 }
-function Fr(t) {
+function Wr(t) {
   var e;
   return function() {
     return e || (e = new Promise(function(n) {
@@ -1549,58 +1496,58 @@ function Fr(t) {
     })), e;
   };
 }
-function Q(t) {
+function X(t) {
   for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), r = 1; r < e; r++)
     n[r - 1] = arguments[r];
   return [].concat(n).reduce(function(o, i) {
     return o.replace(/%s/, i);
   }, t);
 }
-var ie = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Gr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Ot = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function $r(t) {
+var oe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', qr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Pt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function Vr(t) {
   t.forEach(function(e) {
-    [].concat(Object.keys(e), Ot).filter(function(n, r, o) {
+    [].concat(Object.keys(e), Pt).filter(function(n, r, o) {
       return o.indexOf(n) === r;
     }).forEach(function(n) {
       switch (n) {
         case "name":
-          typeof e.name != "string" && console.error(Q(ie, String(e.name), '"name"', '"string"', '"' + String(e.name) + '"'));
+          typeof e.name != "string" && console.error(X(oe, String(e.name), '"name"', '"string"', '"' + String(e.name) + '"'));
           break;
         case "enabled":
-          typeof e.enabled != "boolean" && console.error(Q(ie, e.name, '"enabled"', '"boolean"', '"' + String(e.enabled) + '"'));
+          typeof e.enabled != "boolean" && console.error(X(oe, e.name, '"enabled"', '"boolean"', '"' + String(e.enabled) + '"'));
           break;
         case "phase":
-          $e.indexOf(e.phase) < 0 && console.error(Q(ie, e.name, '"phase"', "either " + $e.join(", "), '"' + String(e.phase) + '"'));
+          $e.indexOf(e.phase) < 0 && console.error(X(oe, e.name, '"phase"', "either " + $e.join(", "), '"' + String(e.phase) + '"'));
           break;
         case "fn":
-          typeof e.fn != "function" && console.error(Q(ie, e.name, '"fn"', '"function"', '"' + String(e.fn) + '"'));
+          typeof e.fn != "function" && console.error(X(oe, e.name, '"fn"', '"function"', '"' + String(e.fn) + '"'));
           break;
         case "effect":
-          e.effect != null && typeof e.effect != "function" && console.error(Q(ie, e.name, '"effect"', '"function"', '"' + String(e.fn) + '"'));
+          e.effect != null && typeof e.effect != "function" && console.error(X(oe, e.name, '"effect"', '"function"', '"' + String(e.fn) + '"'));
           break;
         case "requires":
-          e.requires != null && !Array.isArray(e.requires) && console.error(Q(ie, e.name, '"requires"', '"array"', '"' + String(e.requires) + '"'));
+          e.requires != null && !Array.isArray(e.requires) && console.error(X(oe, e.name, '"requires"', '"array"', '"' + String(e.requires) + '"'));
           break;
         case "requiresIfExists":
-          Array.isArray(e.requiresIfExists) || console.error(Q(ie, e.name, '"requiresIfExists"', '"array"', '"' + String(e.requiresIfExists) + '"'));
+          Array.isArray(e.requiresIfExists) || console.error(X(oe, e.name, '"requiresIfExists"', '"array"', '"' + String(e.requiresIfExists) + '"'));
           break;
         case "options":
         case "data":
           break;
         default:
-          console.error('PopperJS: an invalid property has been provided to the "' + e.name + '" modifier, valid properties are ' + Ot.map(function(r) {
+          console.error('PopperJS: an invalid property has been provided to the "' + e.name + '" modifier, valid properties are ' + Pt.map(function(r) {
             return '"' + r + '"';
           }).join(", ") + '; but "' + n + '" was provided.');
       }
       e.requires && e.requires.forEach(function(r) {
         t.find(function(o) {
           return o.name === r;
-        }) == null && console.error(Q(Gr, String(e.name), r, r));
+        }) == null && console.error(X(qr, String(e.name), r, r));
       });
     });
   });
 }
-function jr(t, e) {
+function Fr(t, e) {
   var n = /* @__PURE__ */ new Set();
   return t.filter(function(r) {
     var o = e(r);
@@ -1608,7 +1555,7 @@ function jr(t, e) {
       return n.add(o), !0;
   });
 }
-function zr(t) {
+function Gr(t) {
   var e = t.reduce(function(n, r) {
     var o = n[r.name];
     return n[r.name] = o ? Object.assign({}, o, r, {
@@ -1620,58 +1567,58 @@ function zr(t) {
     return e[n];
   });
 }
-var yt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", Yr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", Pt = {
+var Nt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", $r = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", Lt = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Nt() {
+function Ut() {
   for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
     e[n] = arguments[n];
   return !e.some(function(r) {
     return !(r && typeof r.getBoundingClientRect == "function");
   });
 }
-function Zr(t) {
+function jr(t) {
   t === void 0 && (t = {});
-  var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, o = e.defaultOptions, i = o === void 0 ? Pt : o;
-  return function(a, s, u) {
+  var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, o = e.defaultOptions, i = o === void 0 ? Lt : o;
+  return function(a, l, u) {
     u === void 0 && (u = i);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Pt, i),
+      options: Object.assign({}, Lt, i),
       modifiersData: {},
       elements: {
         reference: a,
-        popper: s
+        popper: l
       },
       attributes: {},
       styles: {}
-    }, h = [], _ = !1, p = {
+    }, _ = [], h = !1, p = {
       state: d,
       setOptions: function(g) {
-        var M = typeof g == "function" ? g(d.options) : g;
-        E(), d.options = Object.assign({}, i, d.options, M), d.scrollParents = {
-          reference: se(a) ? Ie(a) : a.contextElement ? Ie(a.contextElement) : [],
-          popper: Ie(s)
+        var A = typeof g == "function" ? g(d.options) : g;
+        v(), d.options = Object.assign({}, i, d.options, A), d.scrollParents = {
+          reference: ae(a) ? Ie(a) : a.contextElement ? Ie(a.contextElement) : [],
+          popper: Ie(l)
         };
-        var y = qr(zr([].concat(r, d.options.modifiers)));
+        var y = kr(Gr([].concat(r, d.options.modifiers)));
         if (d.orderedModifiers = y.filter(function(w) {
           return w.enabled;
         }), {}.NODE_ENV !== "production") {
-          var b = jr([].concat(y, d.options.modifiers), function(w) {
-            var D = w.name;
-            return D;
+          var b = Fr([].concat(y, d.options.modifiers), function(w) {
+            var C = w.name;
+            return C;
           });
-          if ($r(b), j(d.options.placement) === He) {
+          if (Vr(b), j(d.options.placement) === Be) {
             var I = d.orderedModifiers.find(function(w) {
-              var D = w.name;
-              return D === "flip";
+              var C = w.name;
+              return C === "flip";
             });
             I || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
-          var T = z(s), P = T.marginTop, L = T.marginRight, U = T.marginBottom, S = T.marginLeft;
+          var M = Y(l), P = M.marginTop, L = M.marginRight, U = M.marginBottom, S = M.marginLeft;
           [P, L, U, S].some(function(w) {
             return parseFloat(w);
           }) && 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(" "));
@@ -1684,28 +1631,28 @@ function Zr(t) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!_) {
-          var g = d.elements, M = g.reference, y = g.popper;
-          if (!Nt(M, y)) {
-            ({}).NODE_ENV !== "production" && console.error(yt);
+        if (!h) {
+          var g = d.elements, A = g.reference, y = g.popper;
+          if (!Ut(A, y)) {
+            ({}).NODE_ENV !== "production" && console.error(Nt);
             return;
           }
           d.rects = {
-            reference: kr(M, Oe(y), d.options.strategy === "fixed"),
-            popper: Qe(y)
+            reference: Hr(A, Oe(y), d.options.strategy === "fixed"),
+            popper: et(y)
           }, 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(Yr);
+              console.error($r);
               break;
             }
             if (d.reset === !0) {
               d.reset = !1, I = -1;
               continue;
             }
-            var T = d.orderedModifiers[I], P = T.fn, L = T.options, U = L === void 0 ? {} : L, S = T.name;
+            var M = d.orderedModifiers[I], P = M.fn, L = M.options, U = L === void 0 ? {} : L, S = M.name;
             typeof P == "function" && (d = P({
               state: d,
               options: U,
@@ -1717,147 +1664,152 @@ function Zr(t) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Fr(function() {
-        return new Promise(function(v) {
-          p.forceUpdate(), v(d);
+      update: Wr(function() {
+        return new Promise(function(E) {
+          p.forceUpdate(), E(d);
         });
       }),
       destroy: function() {
-        E(), _ = !0;
+        v(), h = !0;
       }
     };
-    if (!Nt(a, s))
-      return {}.NODE_ENV !== "production" && console.error(yt), p;
-    p.setOptions(u).then(function(v) {
-      !_ && u.onFirstUpdate && u.onFirstUpdate(v);
+    if (!Ut(a, l))
+      return {}.NODE_ENV !== "production" && console.error(Nt), p;
+    p.setOptions(u).then(function(E) {
+      !h && u.onFirstUpdate && u.onFirstUpdate(E);
     });
     function m() {
-      d.orderedModifiers.forEach(function(v) {
-        var g = v.name, M = v.options, y = M === void 0 ? {} : M, b = v.effect;
+      d.orderedModifiers.forEach(function(E) {
+        var g = E.name, A = E.options, y = A === void 0 ? {} : A, b = E.effect;
         if (typeof b == "function") {
           var I = b({
             state: d,
             name: g,
             instance: p,
             options: y
-          }), T = function() {
+          }), M = function() {
           };
-          h.push(I || T);
+          _.push(I || M);
         }
       });
     }
-    function E() {
-      h.forEach(function(v) {
-        return v();
-      }), h = [];
+    function v() {
+      _.forEach(function(E) {
+        return E();
+      }), _ = [];
     }
     return p;
   };
 }
-var Xr = [_r, Dr, fr, nr, Ur, Or, xr, cr, Pr], $t = /* @__PURE__ */ Zr({
-  defaultModifiers: Xr
+var Yr = [pr, Lr, ur, Jn, Pr, Tr, Cr, ar, wr], jt = /* @__PURE__ */ jr({
+  defaultModifiers: Yr
 });
-function Ye(t, e, n, r) {
+function ze(t, e, n, r) {
   e ? (t.classList.remove(r), t.classList.add(n)) : (t.classList.add(r), t.classList.remove(n));
 }
-let Z;
-function jt() {
-  Z && (document.removeEventListener("click", Z.globalOnClick), document.removeEventListener("keyup", Z.globalOnKeypress), Z = null);
+let k;
+const ve = {}, Ke = {
+  SHIFT: "shift-key"
+};
+function Yt() {
+  k && (document.removeEventListener("click", k.globalOnClick), document.removeEventListener("keyup", k.globalOnKeyup), document.removeEventListener("keydown", k.globalOnKeydown), k = null);
 }
 function Ze() {
   const t = document.querySelectorAll(
-    `${f(l.UTAH_DESIGN_SYSTEM)} ${f(l.POPUP_WRAPPER)}`
+    `${f(s.UTAH_DESIGN_SYSTEM)} ${f(s.POPUP_WRAPPER)}`
   );
-  Array.from(t).filter((e) => !e.classList.contains(l.POPUP__HIDDEN)).forEach((e) => {
+  Array.from(t).filter((e) => !e.classList.contains(s.POPUP__HIDDEN)).forEach((e) => {
     const n = e.getAttribute("id");
     if (n) {
       const r = document.querySelector(`[aria-controls="${n}"]`);
       r && r.setAttribute("aria-expanded", "false");
     }
-    Ye(e, !1, l.POPUP__VISIBLE, l.POPUP__HIDDEN);
+    ze(e, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
   });
 }
-function Kr() {
-  Z && jt(), Z = {}, Z.globalOnClick = Ze, document.addEventListener("click", Z.globalOnClick), Z.globalOnKeypress = (t) => {
-    t.key === "Escape" && Ze();
-  }, document.addEventListener("keyup", Z.globalOnKeypress);
+function zr() {
+  k && Yt(), k = {}, k.globalOnClick = Ze, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (t) => {
+    t.key === "Escape" && Ze(), t.shiftKey || (ve[Ke.SHIFT] = !1), ve[t.key] = !1;
+  }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (t) => {
+    t.shiftKey && (ve[Ke.SHIFT] = !0), ve[t.key] = !0;
+  }, document.addEventListener("keydown", k.globalOnKeydown);
 }
-function Qr() {
+function Kr() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
-function Me(t, e, n, r, o) {
+function Te(t, e, n, r, o) {
   let i = NaN, c = NaN;
-  const a = 300, s = 150, u = 50;
+  const a = 300, l = 150, u = 50;
   e.setAttribute("aria-expanded", "false"), e.setAttribute("aria-haspopup", r);
-  function d(_) {
+  function d(h) {
     clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o != null && o.isPerformPopup && o.isPerformPopup()) && (i = window.setTimeout(
       () => {
-        $t(e, n, {
-          placement: (o == null ? void 0 : o.popupPlacement) || Xe.BOTTOM,
+        jt(e, n, {
+          placement: (o == null ? void 0 : o.popupPlacement) || Qe.BOTTOM,
           modifiers: [
             {
               name: "offset",
               options: { offset: [0, 11] }
             }
           ]
-        }), Ye(n, !0, l.POPUP__VISIBLE, l.POPUP__HIDDEN), e.setAttribute("aria-expanded", "true"), document.querySelectorAll(f(l.TOOLTIP__WRAPPER)).forEach((p) => p.classList.add(l.TOOLTIP__WRAPPER__HIDDEN));
+        }), ze(n, !0, s.POPUP__VISIBLE, s.POPUP__HIDDEN), e.setAttribute("aria-expanded", "true"), document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach((p) => p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN));
       },
-      _
+      h
     ));
   }
-  function h(_) {
+  function _(h) {
     clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (c = window.setTimeout(
       () => {
-        Ye(n, !1, l.POPUP__VISIBLE, l.POPUP__HIDDEN), e.setAttribute("aria-expanded", "false");
+        ze(n, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN), e.setAttribute("aria-expanded", "false");
       },
-      _
+      h
     ));
   }
-  if (t.addEventListener("focusin", () => d(s)), t.addEventListener("focusout", () => h(s)), o != null && o.shouldFocusOnHover && (t.addEventListener("mouseenter", () => d(a)), t.addEventListener("mouseleave", () => h(a))), !(o != null && o.preventOnClickHandling)) {
+  if (t.addEventListener("focusin", () => d(l)), t.addEventListener("focusout", () => _(l)), o != null && o.shouldFocusOnHover && (t.addEventListener("mouseenter", () => d(a)), t.addEventListener("mouseleave", () => _(a))), !(o != null && o.preventOnClickHandling)) {
     if (e.onclick)
       throw new Error("popupFocusHandler: button already has onclick");
-    e.onclick = (_) => {
+    e.onclick = (h) => {
       var m;
       const p = e.getAttribute("aria-expanded") === "true";
-      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (_.stopPropagation(), _.preventDefault(), p && e.getAttribute("aria-expanded") === "true" ? (h(u), (m = document.activeElement) == null || m.blur()) : (Qr() && Ze(), d(u))), o != null && o.onClick && o.onClick(_);
+      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (h.stopPropagation(), h.preventDefault(), p && e.getAttribute("aria-expanded") === "true" ? (_(u), (m = document.activeElement) == null || m.blur()) : (Kr() && Ze(), d(u))), o != null && o.onClick && o.onClick(h);
     };
   }
 }
-function B() {
+function H() {
   return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(
     /[018]/g,
     // eslint-disable-next-line no-bitwise
     (t) => (t ^ crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> t) / 4).toString(16)
   );
 }
-const Jr = `<div class="popup__wrapper popup__wrapper--hidden">
+const Zr = `<div class="popup__wrapper popup__wrapper--hidden">
   <div class="popup__content">
     <div class="popup__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
-function rt(t, e) {
+function it(t, e) {
   const n = t.getAttribute("id");
   if (!n)
     throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
-  const r = B();
+  const r = H();
   t.setAttribute("aria-controls", r);
-  const o = A(Jr);
+  const o = T(Zr);
   if (o.setAttribute("id", r), o.setAttribute("aria-labelledby", n), e != null && e.removePopupArrow) {
-    const i = o.querySelector(f(l.POPUP_ARROW));
+    const i = o.querySelector(f(s.POPUP_ARROW));
     if (!i)
       throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");
     i.remove();
   }
   return o;
 }
-const eo = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
+const Xr = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
 `, zt = `<span class="utds-new-tab-link-a11y">
   <span class="visually-hidden">opens in a new tab</span>
   <span class="utds-icon-after-external-link" aria-hidden="true"></span>
 </span>
-`, to = `<ul class="vertical-menu" role="menu" />
-`, no = `<li class="vertical-menu__item">
+`, Qr = `<ul class="vertical-menu" role="menu" />
+`, Jr = `<li class="vertical-menu__item">
   <span class="vertical-menu__title">
     <span class="vertical-menu__plain-title"></span>
     <a href="#" class="vertical-menu__link-title">
@@ -1870,73 +1822,73 @@ const eo = `<span class="utds-icon-before-chevron-right vertical-menu__chevron"
   <span class="vertical-menu__divider" />
 </li>
 `;
-function xe(t, e, n) {
+function He(t, e, n) {
   var o;
   let r = !1;
-  return t && (Array.isArray(t) ? r = t.some((i) => xe(i, e, n)) : (r = n(t), r || (r = !!((o = e == null ? void 0 : e.filter((i) => t[i])) != null && o.some((i) => xe(t[i], e, n)))))), r;
+  return t && (Array.isArray(t) ? r = t.some((i) => He(i, e, n)) : (r = n(t), r || (r = !!((o = e == null ? void 0 : e.filter((i) => t[i])) != null && o.some((i) => He(t[i], e, n)))))), r;
 }
-function ro(t) {
+function eo(t) {
   const e = t.closest("li");
   if (!e)
     throw console.error("element", t), new Error("toggleChildMenuExpansion: parent not found for child");
   e.querySelectorAll(":scope > ul").forEach((n) => {
     var i;
-    const r = (i = n.closest("li")) == null ? void 0 : i.querySelector(f(l.POPUP_MENU__BUTTON_TITLE));
+    const r = (i = n.closest("li")) == null ? void 0 : i.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));
     if (!r)
       throw new Error("toggleChildMenuExpansion: button not found");
-    const o = r.querySelector(`:scope > ${f(l.POPUP_MENU__CHEVRON)}`);
+    const o = r.querySelector(`:scope > ${f(s.POPUP_MENU__CHEVRON)}`);
     if (!o)
       throw new Error("toggleChildMenuExpansion: chevron not found");
-    n.classList.toggle(l.VISUALLY_HIDDEN), n.classList.contains(l.VISUALLY_HIDDEN) ? (r.setAttribute("aria-expanded", "false"), o.classList.add(l.IS_CLOSED), o.classList.remove(l.IS_OPEN)) : (r.setAttribute("aria-expanded", "true"), o.classList.remove(l.IS_CLOSED), o.classList.add(l.IS_OPEN));
+    n.classList.toggle(s.VISUALLY_HIDDEN), n.classList.contains(s.VISUALLY_HIDDEN) ? (r.setAttribute("aria-expanded", "false"), o.classList.add(s.IS_CLOSED), o.classList.remove(s.IS_OPEN)) : (r.setAttribute("aria-expanded", "true"), o.classList.remove(s.IS_CLOSED), o.classList.add(s.IS_OPEN));
   });
 }
-function oo(t) {
+function to(t) {
   return (e) => {
-    e.preventDefault(), e.stopPropagation(), ro(t);
+    e.preventDefault(), e.stopPropagation(), eo(t);
   };
 }
-function Lt() {
-  const t = A(eo);
-  return t.classList.add(l.IS_CLOSED), t;
+function St() {
+  const t = T(Xr);
+  return t.classList.add(s.IS_CLOSED), t;
 }
-function io(t, e, n) {
-  var h, _;
-  const r = A(no), o = r.querySelector(f(l.POPUP_MENU__TITLE));
+function no(t, e, n) {
+  var _, h;
+  const r = T(Jr), o = r.querySelector(f(s.POPUP_MENU__TITLE));
   if (!o)
     throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
   const i = (
     /** @type HTMLElement | null */
-    r.querySelector(f(l.POPUP_MENU__BUTTON_TITLE))
+    r.querySelector(f(s.POPUP_MENU__BUTTON_TITLE))
   );
   if (!i)
     throw new Error("renderPopupMenuItem: menuButton not found");
   const c = (
     /** @type HTMLElement | null */
-    r.querySelector(f(l.POPUP_MENU__LINK_TITLE))
+    r.querySelector(f(s.POPUP_MENU__LINK_TITLE))
   );
   if (!c)
     throw new Error("renderPopupMenuItem: aHref not found");
   const a = (
     /** @type HTMLElement | null */
-    r.querySelector(f(l.POPUP_MENU__PLAIN_TITLE))
+    r.querySelector(f(s.POPUP_MENU__PLAIN_TITLE))
   );
   if (!a)
     throw new Error("renderPopupMenuItem: plainTitle not found");
-  const s = r.querySelector(f(l.POPUP_MENU__DIVIDER));
-  if (!s)
+  const l = r.querySelector(f(s.POPUP_MENU__DIVIDER));
+  if (!l)
     throw new Error("renderPopupMenuItem: menuDivider not found");
-  const u = r.querySelector(`button ${f(l.POPUP_MENU__LINK_TEXT)}`);
+  const u = r.querySelector(`button ${f(s.POPUP_MENU__LINK_TEXT)}`);
   if (!u)
     throw new Error("renderPopupMenuItem: titleSpanButton not found");
-  const d = r.querySelector(`a ${f(l.POPUP_MENU__LINK_TEXT)}`);
+  const d = r.querySelector(`a ${f(s.POPUP_MENU__LINK_TEXT)}`);
   if (!d)
     throw new Error("renderPopupMenuItem: titleSpanLink not found");
   if (e.actionMenu) {
     let p;
     switch (n.childrenMenuType) {
       case W.FLYOUT: {
-        p = Lt(), i.appendChild(p), i.setAttribute("id", B());
-        const m = ot(
+        p = St(), i.appendChild(p), i.setAttribute("id", H());
+        const m = at(
           {
             menuItems: e.actionMenu,
             title: e.title
@@ -1947,13 +1899,13 @@ function io(t, e, n) {
             removePopupArrow: !0
           }
         );
-        r.appendChild(m), Me(
+        r.appendChild(m), Te(
           r,
           i,
           m,
           "menu",
           {
-            popupPlacement: Xe.RIGHT_START,
+            popupPlacement: Qe.RIGHT_START,
             preventOnClickHandling: !0,
             shouldFocusOnHover: !0
           }
@@ -1961,80 +1913,80 @@ function io(t, e, n) {
         break;
       }
       case W.INLINE: {
-        const m = _e(
+        const m = he(
           e.actionMenu,
           n
-        ), E = B();
-        m.setAttribute("id", E), m.classList.add(l.VISUALLY_HIDDEN), r.appendChild(m), i.onclick = oo(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", E), p = Lt(), i.appendChild(p), c.remove(), a.remove(), r.addEventListener("focusin", (v) => {
-          var g, M, y, b;
+        ), v = H();
+        m.setAttribute("id", v), m.classList.add(s.VISUALLY_HIDDEN), r.appendChild(m), i.onclick = to(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", v), p = St(), i.appendChild(p), c.remove(), a.remove(), r.addEventListener("focusin", (E) => {
+          var g, A, y, b;
           for (let I = (
             /** @type Element | null | undefined */
-            (g = v.target) == null ? void 0 : g.closest("ul")
-          ); I; I = (M = I.parentElement) == null ? void 0 : M.closest("ul"))
-            I.classList.remove(l.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), v.target !== i && ((y = p == null ? void 0 : p.classList) == null || y.remove(l.IS_CLOSED), (b = p == null ? void 0 : p.classList) == null || b.add(l.IS_OPEN));
+            (g = E.target) == null ? void 0 : g.closest("ul")
+          ); I; I = (A = I.parentElement) == null ? void 0 : A.closest("ul"))
+            I.classList.remove(s.VISUALLY_HIDDEN), i.setAttribute("aria-expanded", "true"), E.target !== i && ((y = p == null ? void 0 : p.classList) == null || y.remove(s.IS_CLOSED), (b = p == null ? void 0 : p.classList) == null || b.add(s.IS_OPEN));
         });
         break;
       }
       case W.MEGA_MENU: {
-        const m = _e(
+        const m = he(
           e.actionMenu,
           n
-        ), E = B();
-        m.setAttribute("id", E), r.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(e.title));
+        ), v = H();
+        m.setAttribute("id", v), r.appendChild(m), c.remove(), i.remove(), a.appendChild(document.createTextNode(e.title));
         break;
       }
       default:
         throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${e.actionMenu}'`);
     }
-    s.remove();
+    l.remove();
   } else if (e.actionFunction)
-    i.onclick = e.actionFunction, c.remove(), s.remove(), a.remove();
+    i.onclick = e.actionFunction, c.remove(), l.remove(), a.remove();
   else if (e.actionUrl)
-    c.setAttribute("href", e.actionUrl.url), i.remove(), s.remove(), a.remove();
+    c.setAttribute("href", e.actionUrl.url), i.remove(), l.remove(), a.remove();
   else if (e.actionFunctionUrl)
     c.setAttribute("href", e.actionFunctionUrl.url), c.onclick = (p) => {
-      var m, E;
-      (m = e.actionFunctionUrl) != null && m.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (E = e.actionFunctionUrl) == null || E.actionFunction(p);
-    }, i.remove(), s.remove(), a.remove();
+      var m, v;
+      (m = e.actionFunctionUrl) != null && m.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (v = e.actionFunctionUrl) == null || v.actionFunction(p);
+    }, i.remove(), l.remove(), a.remove();
   else if (e.isDivider)
     o.remove(), r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "separator");
   else
     throw console.error(e), new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");
-  if (!e.isDivider && (u.appendChild(document.createTextNode(e.title)), d.appendChild(document.createTextNode(e.title)), (h = e.actionUrl) != null && h.openInNewTab || (_ = e.actionFunctionUrl) != null && _.openInNewTab)) {
+  if (!e.isDivider && (u.appendChild(document.createTextNode(e.title)), d.appendChild(document.createTextNode(e.title)), (_ = e.actionUrl) != null && _.openInNewTab || (h = e.actionFunctionUrl) != null && h.openInNewTab)) {
     c.setAttribute("target", "_blank");
-    const p = A(zt);
+    const p = T(zt);
     u.appendChild(p), d.appendChild(p);
   }
-  return (e.isSelected || e.actionMenu && xe(e.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(l.MENU_ITEM__SELECTED), c.classList.add(l.MENU_ITEM__SELECTED)), e.isSelected ? r.classList.add(l.MENU_ITEM__SELECTED) : r.classList.remove(l.MENU_ITEM__SELECTED), t.appendChild(r), r;
+  return (e.isSelected || e.actionMenu && He(e.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(s.MENU_ITEM__SELECTED), c.classList.add(s.MENU_ITEM__SELECTED)), e.isSelected ? r.classList.add(s.MENU_ITEM__SELECTED) : r.classList.remove(s.MENU_ITEM__SELECTED), t.appendChild(r), r;
 }
-function _e(t, e) {
-  const n = A(to);
-  return t.forEach((r) => io(n, r, e)), n;
+function he(t, e) {
+  const n = T(Qr);
+  return t.forEach((r) => no(n, r, e)), n;
 }
-function ot(t, e, n) {
-  const r = rt(e, { removePopupArrow: n.removePopupArrow }), o = r.querySelector(f(l.POPUP_CONTENT_WRAPPER));
+function at(t, e, n) {
+  const r = it(e, { removePopupArrow: n.removePopupArrow }), o = r.querySelector(f(s.POPUP_CONTENT_WRAPPER));
   if (!o)
     throw new Error("renderPopupMenu: contentWrapper not found");
-  const i = _e(t.menuItems, n);
+  const i = he(t.menuItems, n);
   return i.setAttribute("aria-label", t.title), o.appendChild(i), r;
 }
-const ao = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
+const ro = `<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 ce = NaN;
-function Yt(t, e) {
-  const n = A(ao), r = n.querySelector(f(l.TOOLTIP__CONTENT));
+let le = NaN;
+function Kt(t, e) {
+  const n = T(ro), r = n.querySelector(f(s.TOOLTIP__CONTENT));
   if (!r)
     throw new Error("hookupToolTip: toolTipContent not found");
   r.appendChild(document.createTextNode(e)), t.appendChild(n);
-  const o = $t(
+  const o = jt(
     t,
     n,
     {
-      placement: Xe.BOTTOM,
+      placement: Qe.BOTTOM,
       modifiers: [
         {
           name: "offset",
@@ -2049,143 +2001,143 @@ function Yt(t, e) {
   t.onmouseenter = () => {
     clearTimeout(i), i = setTimeout(
       () => {
-        clearTimeout(ce), ce = -1;
-        const c = t.querySelector(f(l.POPUP_WRAPPER));
-        (!c || c.classList.contains(l.POPUP__HIDDEN)) && (n.classList.remove(l.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(l.TOOLTIP__WRAPPER__VISIBLE), o.update());
+        clearTimeout(le), le = -1;
+        const c = t.querySelector(f(s.POPUP_WRAPPER));
+        (!c || c.classList.contains(s.POPUP__HIDDEN)) && (n.classList.remove(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.add(s.TOOLTIP__WRAPPER__VISIBLE), o.update());
       },
       // tooltip was already opened on another item, so instantly open tooltip
-      ce ? 0 : 500
+      le ? 0 : 500
     );
   }, t.onmouseleave = () => {
-    clearTimeout(i), n.classList.add(l.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(l.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(ce), ce = setTimeout(
+    clearTimeout(i), n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN), n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE), clearTimeout(le), le = setTimeout(
       () => {
-        ce = NaN;
+        le = NaN;
       },
       500
     );
   };
 }
-const so = `<div class="utds-badge__wrapper">
+const oo = `<div class="utds-badge__wrapper">
   <span class="utds-badge__value"></span>
   <span class="utds-badge__label visually-hidden"></span>
 </div>
 `;
-function it(t) {
+function st(t) {
   let e = null;
   if (t) {
     e = /** @type {HTMLElement} */
-    A(so), e.classList.add(l.BADGE_WRAPPER__ACTION_ITEM);
-    const n = e.querySelector(f(l.BADGE__LABEL));
+    T(oo), e.classList.add(s.BADGE_WRAPPER__ACTION_ITEM);
+    const n = e.querySelector(f(s.BADGE__LABEL));
     if (!n)
       throw new Error("renderActionItemBadge: badgeLabel not found");
     if (n.appendChild(document.createTextNode(t.label)), t.value || t.value === 0) {
-      const r = e.querySelector(f(l.BADGE__VALUE));
+      const r = e.querySelector(f(s.BADGE__VALUE));
       if (!r)
         throw new Error("renderActionItemBadge: badgeValue not found");
       r.appendChild(document.createTextNode(`${t.value}`));
     } else
-      e.classList.add(l.BADGE_WRAPPER__SMALL);
+      e.classList.add(s.BADGE_WRAPPER__SMALL);
     t.className && e.classList.add(t.className);
   }
   return e;
 }
-function lo(t) {
-  const e = A(qn), n = document.createTextNode(t.title), r = (
+function io(t) {
+  const e = T(kn), n = document.createTextNode(t.title), r = (
     /** @type {HTMLElement} */
     e instanceof HTMLCollection ? e[0] : e
   );
-  t.showTitle && r.classList.add(l.ACTION_ITEM__ICON_BUTTON_TITLE);
-  const o = r.querySelector(f(l.ACTION_ITEM__TITLE));
+  t.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);
+  const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
   if (!o)
     throw new Error("renderActionItem: titleDiv not found");
-  k(o, n), t.showTitle ? o.classList.remove(l.VISUALLY_HIDDEN) : o.classList.add(l.VISUALLY_HIDDEN);
-  const i = e.querySelector(f(l.ACTION_ITEM__ICON_BUTTON));
+  o.appendChild(n), t.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
+  const i = e.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   t.className && i.classList.add(t.className);
-  const c = it(t.badge);
+  const c = st(t.badge);
   c && i.appendChild(c);
-  const a = A(t.icon);
-  if (a.setAttribute("role", "presentation"), k(i, a), !(i instanceof HTMLElement))
+  const a = T(t.icon);
+  if (a.setAttribute("role", "presentation"), i.appendChild(a), !(i instanceof HTMLElement))
     throw new Error("renderActionItem: iconButton is not an HTMLElement");
   if (t.actionFunction)
     i.onclick = t.actionFunction;
   else if (t.actionDom) {
-    const s = B();
-    i.setAttribute("id", s);
-    const u = rt(i), d = (
+    const l = H();
+    i.setAttribute("id", l);
+    const u = it(i), d = (
       /** @type {HTMLElement} */
-      u.querySelector(f(l.POPUP_CONTENT_WRAPPER))
+      u.querySelector(f(s.POPUP_CONTENT_WRAPPER))
     );
     if (!d)
       throw new Error("renderPopupMenu: contentWrapper not found");
-    d.appendChild(t.actionDom()), e.appendChild(u), Me(r, i, u, "dialog", void 0);
+    d.appendChild(T(typeof t.actionDom == "function" ? t.actionDom() : t.actionDom)), e.appendChild(u), Te(r, i, u, "dialog", void 0);
   } else if (t.actionPopupMenu) {
-    const s = B();
-    i.setAttribute("id", s);
-    const u = ot(
+    const l = H();
+    i.setAttribute("id", l);
+    const u = at(
       /** @type {PopupMenu} */
       t.actionPopupMenu,
       i,
       { childrenMenuType: W.INLINE }
     );
-    k(e, u), Me(r, i, u, "menu", void 0);
+    e.appendChild(u), Te(r, i, u, "menu", void 0);
   } else
     throw console.error(t), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return Yt(e, t.title), e;
+  return Kt(e, t.title), e;
 }
-function co() {
+function ao() {
   var n, r;
   const { actionItems: t } = N();
   let e = null;
-  return t != null && t.length && (e = Be(Vn), (r = (n = N().actionItems) == null ? void 0 : n.map((o) => lo(o))) == null || r.forEach((o) => k(e, o))), e;
+  return t != null && t.length && (e = T(Bn), (r = (n = N().actionItems) == null ? void 0 : n.map((o) => io(o))) == null || r.forEach((o) => e.appendChild(o))), e;
 }
-const uo = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
+const so = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
 `, Zt = `<div class="utds-utah-id-wrapper"></div>
 `, Ae = {
   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"
-}, po = `<div class="vertical-menu__wrapper">
+}, lo = `<div class="vertical-menu__wrapper">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
 function Xt(t, e) {
-  const n = A(po), r = n.querySelector(f(l.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+  const n = T(lo), r = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
   if (!r)
     throw new Error("renderMenuWithTitle: menuTitleDiv not found");
   return r.appendChild(document.createTextNode(e)), n.appendChild(t), n;
 }
 let O = null;
-function Kt(t) {
-  O = t, document.querySelectorAll(f(l.UTAH_ID__BUTTON)).forEach((n) => {
+function Qt(t) {
+  O = t, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
     var r;
     if (n) {
       if (n.innerHTML = "", O != null && O.userInfo && ((r = O.userInfo) != null && r.authenticated)) {
         const c = document.createElement("span");
-        c.appendChild(document.createTextNode("UtahID Account:")), c.classList.add(l.VISUALLY_HIDDEN), n.appendChild(c), n.appendChild(document.createTextNode(`Hello, ${O.userInfo.first || ""}`));
+        c.appendChild(document.createTextNode("UtahID Account:")), c.classList.add(s.VISUALLY_HIDDEN), n.appendChild(c), n.appendChild(document.createTextNode(`Hello, ${O.userInfo.first || ""}`));
       } else
         n.appendChild(document.createTextNode("UtahID Sign In"));
       const o = n.getAttribute("aria-controls");
       if (!o)
         throw new Error(`authChangedEventHandler: popup id for button not found - ${o}`);
       const i = document.getElementById(o);
-      i && at(n, i);
+      i && lt(n, i);
     }
   });
 }
-function at(t, e) {
+function lt(t, e) {
   var n;
   t && e && (!!(O != null && O.isDefinitive) && !!((n = O == null ? void 0 : O.userInfo) != null && n.authenticated) ? (t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", "false"), e.removeAttribute("aria-hidden")) : (t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-expanded"), e.setAttribute("aria-hidden", "true")));
 }
-function Qt() {
-  const t = A(uo);
-  return t.setAttribute("id", B()), O && Kt(O), t;
+function Jt() {
+  const t = T(so);
+  return t.setAttribute("id", H()), O && Qt(O), t;
 }
-function Jt(t) {
-  var s;
-  const e = N(), n = e.utahId !== !1 && e.utahId !== !0 && e.utahId.onProfile, r = e.utahId !== !1 && e.utahId !== !0 && e.utahId.onSignOut, o = e.utahId !== !0 && e.utahId !== !1 && ((s = e.utahId) == null ? void 0 : s.menuItems) || [];
+function en(t) {
+  var l;
+  const e = N(), n = e.utahId !== !1 && e.utahId !== !0 && e.utahId.onProfile, r = e.utahId !== !1 && e.utahId !== !0 && e.utahId.onSignOut, o = [...e.utahId !== !0 && e.utahId !== !1 && ((l = e.utahId) == null ? void 0 : l.menuItems) || []];
   o.length && o.push({
     isDivider: !0,
     title: "--divider--"
@@ -2203,21 +2155,21 @@ function Jt(t) {
       actionFunction: r || void 0,
       title: "Sign Out"
     }
-  ], c = _e(i, { childrenMenuType: W.INLINE }), a = t ? Xt(c, "Utah ID Menu") : c;
-  return a.setAttribute("aria-label", "Utah Id Menu"), a.setAttribute("id", B()), a;
+  ], c = he(i, { childrenMenuType: W.INLINE }), a = t ? Xt(c, "Utah ID Menu") : c;
+  return a.setAttribute("aria-label", "Utah Id Menu"), a.setAttribute("id", H()), a;
 }
-function fo() {
-  const t = A(Zt), e = Qt();
-  e.setAttribute("id", B()), t.appendChild(e);
-  const n = Jt(!1), r = rt(e), o = (
+function co() {
+  const t = T(Zt), e = Jt();
+  e.setAttribute("id", H()), t.appendChild(e);
+  const n = en(!1), r = it(e), o = (
     /** @type {HTMLElement} */
-    r.querySelector(f(l.POPUP_CONTENT_WRAPPER))
+    r.querySelector(f(s.POPUP_CONTENT_WRAPPER))
   );
   if (!o)
     throw new Error("renderUtahIdForDesktop: contentWrapper not found");
-  o.appendChild(n), t.appendChild(r), at(e, r);
+  o.appendChild(n), t.appendChild(r), lt(e, r);
   const i = N(), c = i.utahId !== !1 && i.utahId !== !0 && i.utahId.onSignIn;
-  return Me(
+  return Te(
     t,
     e,
     r,
@@ -2228,43 +2180,109 @@ function fo() {
         return !!(O != null && O.isDefinitive) && !!((a = O == null ? void 0 : O.userInfo) != null && a.authenticated);
       },
       onClick: (a) => {
-        var s;
-        (!(O != null && O.isDefinitive) || !((s = O == null ? void 0 : O.userInfo) != null && s.authenticated)) && (c ? c(a) : (a.preventDefault(), a.stopPropagation(), window.location.href = Ae.SIGN_IN));
+        var l;
+        (!(O != null && O.isDefinitive) || !((l = O == null ? void 0 : O.userInfo) != null && l.authenticated)) && (c ? c(a) : (a.preventDefault(), a.stopPropagation(), window.location.href = Ae.SIGN_IN));
       }
     }
   ), t;
 }
-function ho() {
-  const t = A(Zt), e = Qt(), n = e.getAttribute("id");
+function uo() {
+  const t = T(Zt), e = Jt(), n = e.getAttribute("id");
   if (!n)
     throw new Error("renderUtahIdForMobile: utahIdButton has no id");
   t.appendChild(e);
-  const r = Jt(!0), o = r.getAttribute("id");
+  const r = en(!0), o = r.getAttribute("id");
   if (!o)
     throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");
-  return t.appendChild(r), e.setAttribute("aria-controls", o), r.setAttribute("aria-labelledby", n), at(e, r), { button: e, menu: r };
+  return t.appendChild(r), e.setAttribute("aria-controls", o), r.setAttribute("aria-labelledby", n), lt(e, r), { button: e, menu: r };
+}
+function po() {
+  const t = T(Hn), e = ao();
+  return e && t.appendChild(e), N().utahId !== !1 && t.appendChild(co()), t;
 }
+const fo = `<div class="utds-title-wrapper">
+  <div class="utds-title-wrapper__logo"></div>
+  <div class="utds-title-wrapper__title"></div>
+</div>
+`, ho = `<a class="utds-title-wrapper">
+  <div class="utds-title-wrapper__logo"></div>
+  <div class="utds-title-wrapper__title"></div>
+</a>
+`;
 function _o() {
-  const t = A(kn), e = co();
-  return e && k(t, e), N().utahId !== !1 && k(t, fo()), t;
+  const t = N().titleURL, e = T(t ? ho : fo);
+  if (!e)
+    throw new Error("LogoTitle: titleWrapper is null");
+  t && e.setAttribute("href", t);
+  const n = e.querySelector(f(s.TITLE__LOGO));
+  if (!n)
+    throw new Error("LogoTitle: logoWrapper is null");
+  const r = N().logo, o = N().showTitle, i = N().title;
+  if (r) {
+    let l;
+    Ge(r) ? l = T(
+      /** @type {string} */
+      r
+    ) : l = /** @type {Element} */
+    r, l.setAttribute("role", "presentation"), n.appendChild(l);
+  } else
+    e.removeChild(n);
+  const c = document.createTextNode(i), a = e.querySelector(f(s.TITLE__TITLE));
+  return a == null || a.appendChild(c), !o && r && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), e;
 }
-const mo = `<h1 class="utds-logo-wrapper"></h1>
+const mo = `<div class="utah-logo-svg" role="img">
+  <title>An official website of the State of Utah</title>
+  <svg viewBox="0 0 137.363 56.6959">
+    <g>
+      <g>
+        <path d="M15.972,39.161c-5.4,0-9.4127-1.5667-12.038-4.7C1.3087,31.3277-.0027,26.466,0,19.876V0H10.175V21.06c0,3.4313,.4633,5.847,1.39,7.247,.9909,1.434,2.669,2.2337,4.407,2.1,1.7525,.124,3.4436-.6712,4.466-2.1,.966-1.4,1.449-3.8157,1.449-7.247V0h9.82V19.876c0,6.586-1.2817,11.4467-3.845,14.582-2.5633,3.1353-6.5267,4.703-11.89,4.703Zm31.353-.711V8.518h-10.175V0h30.525V8.518h-10.175v29.932h-10.175Zm33.6-18.693l-.651,2.662h7.1l-.651-2.662c-.4733-1.8533-.9467-3.8647-1.42-6.034-.4733-2.1693-.945-4.2197-1.415-6.151h-.237c-.434,1.972-.8777,4.0327-1.331,6.182s-.918,4.1507-1.394,6.004l-.001-.001Zm-14.788,18.693L77.85,0h12.3l11.717,38.45h-10.767l-1.893-8.162h-10.766l-1.893,8.162h-10.411Zm39.4,0V0h10.175V14.316h11.476V0h10.175V38.45h-10.175v-15.261h-11.479v15.261h-10.172Z" />
+      </g>
+      <text transform="translate(.0419 52.5939)"><tspan x="0" y="0">An official </tspan><tspan x="60.437" y="0" style="letter-spacing: -.02em;">s</tspan><tspan x="66.0229" y="0" style="letter-spacing: -.021em;">t</tspan><tspan x="70.4614" y="0" style="letter-spacing: -.014em;">at</tspan><tspan x="81.8569" y="0" style="letter-spacing: 0em;">e </tspan><tspan x="91.6011" y="0" style="letter-spacing: -.004em;">w</tspan><tspan x="101.5972" y="0">ebsi</tspan><tspan x="125.5923" y="0" style="letter-spacing: -.014em;">t</tspan><tspan x="130.1284" y="0">e</tspan></text>
+    </g>
+  </svg>
+</div>
+`, Eo = `<div class="utah-logo-svg">
+  <svg viewBox="0 0 105.9496 47.6226" role="img">
+    <title>An official website of the State of Utah</title>
+    <g>
+      <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)"><tspan x="0" y="0">An official </tspan><tspan x="60.437" y="0" style="letter-spacing: -.004em;">w</tspan><tspan x="70.4331" y="0">ebsi</tspan><tspan x="94.4282" y="0" style="letter-spacing: -.014em;">t</tspan><tspan x="98.9644" y="0">e</tspan></text>
+    </g>
+  </svg>
+</div>
 `;
 function vo() {
+  let t;
+  switch (N().size) {
+    case ce.LARGE:
+      t = mo;
+      break;
+    case ce.SMALL:
+    case ce.MEDIUM:
+      t = Eo;
+      break;
+    default:
+      throw new Error(`Unknown settings size: '${N().size}'`);
+  }
+  return T(t);
+}
+function bo() {
   var n;
-  const t = A(Hn);
-  t.classList.add(`utds-header--${((n = N().size) == null ? void 0 : n.toLowerCase()) || ue.MEDIUM}`);
-  const e = A(mo);
-  return t.appendChild(e), k(e, Bn()), k(e, Be(Wn)), k(e, Cn()), k(t, _o()), t;
+  const t = T(Pn);
+  t.classList.add(`utds-header--${((n = N().size) == null ? void 0 : n.toLowerCase()) || ce.MEDIUM}`);
+  const e = T(yn);
+  return t.appendChild(e), e.appendChild(vo()), e.appendChild(T(Nn)), e.appendChild(_o()), t.appendChild(po()), t;
 }
-const Eo = `<li class="menu-item">
+const Io = `<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>
-`, bo = `<div class="utah-design-system main-menu__outer">
+`, go = `<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>
@@ -2291,198 +2309,281 @@ const Eo = `<li class="menu-item">
     </button>
   </div>
 </div>
+`, Mo = `<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>
+      <span class="visually-hidden">Close search modal</span>
+    </button>
+  </div>
+  <div class="search-modal">
+    <form class="search-modal__form hcenter" role="search" aria-label="site wide search">
+      <span class="utds-icon-before-search search-modal__icon-search vcenter" aria-hidden="true"></span>
+      <label for="search-modal-input-id" class="search-modal__input-label visually-hidden">Enter your search
+        terms</label>
+      <input type="text" id="search-modal-input-id" placeholder="Search" class="search-modal__input">
+      <div class="search-modal__button-wrapper vcenter visually-hidden">
+        <button type="submit" class="search-modal__button button button--solid button--primary-color">
+          Search Now
+        </button>
+      </div>
+      <div aria-hidden tabindex="0" class="search-modal__hidden-last-focusable visually-hidden">
+        end of search form
+      </div>
+    </form>
+  </div>
+  <div class="search-backdrop modal-backdrop backdrop-dark"></div>
+</div>
 `;
-function Io() {
-  var s;
-  const t = N(), e = A(bo), n = e.querySelector(f(l.MAIN_MENU__NAV));
+function Ce() {
+  const t = document.getElementById(s.SEARCH__SEARCH_MODAL);
+  if (!t)
+    throw new Error("closSearchModal: searchModal not found");
+  t.remove();
+  const e = (
+    /** @type {HTMLElement} */
+    document.querySelector(f(s.MAIN_MENU__SEARCH))
+  );
+  if (!e)
+    throw new Error("closSearchModal: searchIcon not found");
+  e.focus();
+}
+function To() {
+  const t = T(Mo), e = (
+    /** @type {HTMLElement} */
+    t.querySelector(f(s.SEARCH__SEARCH_BACKDROP))
+  );
+  if (!e)
+    throw new Error("showSearchModal: backdrop not found");
+  const n = (
+    /** @type {HTMLElement} */
+    t.querySelector(f(s.SEARCH__SEARCH_CLOSE_BUTTON))
+  );
+  if (!n)
+    throw new Error("showSearchModal: closeButton not found");
+  const r = (
+    /** @type {HTMLElement} */
+    t.querySelector(f(s.SEARCH__SEARCH_BUTTON))
+  );
+  if (!r)
+    throw new Error("showSearchModal: searchButton not found");
+  const o = (
+    /** @type {HTMLElement} */
+    t.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER))
+  );
+  if (!o)
+    throw new Error("showSearchModal: searchButtonWrapper not found");
+  const i = (
+    /** @type {HTMLInputElement} */
+    t.querySelector(f(s.SEARCH__SEARCH_INPUT))
+  );
+  if (!i)
+    throw new Error("showSearchModal: searchInput not found");
+  r.onclick = (a) => {
+    var l, u;
+    a.preventDefault(), a.stopPropagation(), Ce(), (u = (l = N()).onSearch) == null || u.call(l, i.value);
+  }, n.onclick = (a) => {
+    a.preventDefault(), a.stopPropagation(), Ce();
+  }, e.onclick = (a) => {
+    a.preventDefault(), a.stopPropagation(), Ce();
+  }, document.body.appendChild(t), i.focus(), i.oninput = () => {
+    o.classList.remove(s.VISUALLY_HIDDEN);
+  }, r.onfocus = () => {
+    o.classList.remove(s.VISUALLY_HIDDEN);
+  }, t.onkeyup = (a) => {
+    (a.code === "Escape" || a.key === "Escape") && (a.preventDefault(), a.stopPropagation(), Ce());
+  }, n.addEventListener("focusout", (a) => {
+    a.preventDefault(), a.stopPropagation(), ve[Ke.SHIFT] ? r.focus() : i.focus();
+  });
+  const c = t.querySelector(".search-modal__hidden-last-focusable");
+  if (!c)
+    throw new Error("showSearchModal: hiddenLastFocusableButton not found");
+  c.addEventListener("focusin", (a) => {
+    a.preventDefault(), a.stopPropagation(), n.focus();
+  });
+}
+function Ao() {
+  var l;
+  const t = N(), e = T(go), n = e.querySelector(f(s.MAIN_MENU__NAV));
   if (!n)
     throw new Error("renderMainMenu(): mainMenu not created");
-  const r = n.querySelector(f(l.MAIN_MENU__TITLE));
+  const r = n.querySelector(f(s.MAIN_MENU__TITLE));
   if (!r)
     throw new Error("renderMainMenu(): titleTag not found");
   const o = "main-menu__nav";
   n.setAttribute("aria-labelledby", o), r.setAttribute("id", o), r.innerHTML = t.mainMenu.title;
-  const i = n.querySelector(f(l.MAIN_MENU__MENU_TOP));
+  const i = n.querySelector(f(s.MAIN_MENU__MENU_TOP));
   if (!i)
     throw new Error("renderMainMenu(): mainMenuTop not found");
   t.mainMenu.menuItems.forEach((u) => {
-    var m, E;
-    const d = A(Eo);
+    var m, v;
+    const d = T(Io);
     i.appendChild(d);
-    const h = d.querySelector(f(l.MENU_ITEM__TITLE));
-    if (!h)
+    const _ = d.querySelector(f(s.MENU_ITEM__TITLE));
+    if (!_)
       throw new Error(`renderMainMenu(): sub menu title not found for ${u.title}`);
-    const _ = (
+    const h = (
       /** @type {HTMLElement} */
-      h.querySelector(f(l.MENU_ITEM__BUTTON_TITLE))
+      _.querySelector(f(s.MENU_ITEM__BUTTON_TITLE))
     );
-    if (!_)
+    if (!h)
       throw new Error(`renderMainMenu(): button title not found for ${u.title}`);
-    _.setAttribute("id", `${l.MENU_ITEM__BUTTON_TITLE}__${u.title}-${B()}`);
+    h.setAttribute("id", `${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${H()}`);
     const p = (
       /** @type {HTMLElement} */
-      h.querySelector(f(l.MENU_ITEM__LINK_TITLE))
+      _.querySelector(f(s.MENU_ITEM__LINK_TITLE))
     );
     if (!p)
       throw new Error(`renderMainMenu(): link title not found for ${u.title}`);
-    if ((u.isSelected || u.actionMenu && xe(u.actionMenu, ["actionMenu"], (v) => !!v.isSelected)) && (_.classList.add(l.MENU_ITEM__SELECTED), p.classList.add(l.MENU_ITEM__SELECTED)), u.actionMenu) {
-      _.innerHTML = u.title, p.remove();
-      const v = {
+    if ((u.isSelected || u.actionMenu && He(u.actionMenu, ["actionMenu"], (E) => !!E.isSelected)) && (h.classList.add(s.MENU_ITEM__SELECTED), p.classList.add(s.MENU_ITEM__SELECTED)), u.actionMenu) {
+      h.innerHTML = u.title, p.remove();
+      const E = {
         menuItems: u.actionMenu,
         title: u.title
-      }, g = ot(
-        v,
-        _,
+      }, g = at(
+        E,
+        h,
         {
           childrenMenuType: u.childrenMenuType || W.FLYOUT
         }
       );
-      d.appendChild(g), Me(d, _, g, "menu", { shouldFocusOnHover: !0 });
-      let M;
+      d.appendChild(g), Te(d, h, g, "menu", { shouldFocusOnHover: !0 });
+      let A;
       switch (u.childrenMenuType) {
         case W.INLINE:
-          M = l.MENU_ITEM__INLINE;
+          A = s.MENU_ITEM__INLINE;
           break;
         case W.MEGA_MENU:
-          M = l.MENU_ITEM__MEGA_MENU;
+          A = s.MENU_ITEM__MEGA_MENU;
           break;
         case W.FLYOUT:
         default:
-          M = l.MENU_ITEM__FLY_OUT;
+          A = s.MENU_ITEM__FLY_OUT;
           break;
       }
-      d.classList.add(M);
+      d.classList.add(A);
     } else if (u.actionFunction)
-      _.innerHTML = u.title, _.onclick = u.actionFunction, p.remove();
+      h.innerHTML = u.title, h.onclick = u.actionFunction, p.remove();
     else if (u.actionFunctionUrl)
-      p.innerHTML = u.title, p.setAttribute("href", u.actionFunctionUrl.url), p.onclick = (v) => {
-        var g, M;
-        (g = u.actionFunctionUrl) != null && g.skipHandleEvent || (v.stopPropagation(), v.preventDefault()), (M = u.actionFunctionUrl) == null || M.actionFunction(v);
-      }, _.remove();
+      p.innerHTML = u.title, p.setAttribute("href", u.actionFunctionUrl.url), p.onclick = (E) => {
+        var g, A;
+        (g = u.actionFunctionUrl) != null && g.skipHandleEvent || (E.stopPropagation(), E.preventDefault()), (A = u.actionFunctionUrl) == null || A.actionFunction(E);
+      }, h.remove();
     else if (u.actionUrl)
-      p.innerHTML = u.title, p.setAttribute("href", u.actionUrl.url), _.remove();
+      p.innerHTML = u.title, p.setAttribute("href", u.actionUrl.url), h.remove();
     else
       throw new Error(`renderMainMenu(): menuItem is missing an action: ${u.title}`);
-    ((m = u.actionUrl) != null && m.openInNewTab || (E = u.actionFunctionUrl) != null && E.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(A(zt)));
+    ((m = u.actionUrl) != null && m.openInNewTab || (v = u.actionFunctionUrl) != null && v.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(T(zt)));
   });
   let c = null;
   if (t.utahId) {
-    const { button: u, menu: d } = ho();
+    const { button: u, menu: d } = uo();
     c = d;
-    const h = e.querySelector(f(l.MOBILE__UTAH_ID));
-    if (!h)
+    const _ = e.querySelector(f(s.MOBILE__UTAH_ID));
+    if (!_)
       throw new Error("renderMainMenu: utahIdButtonWrapper not found");
-    h.appendChild(u);
+    _.appendChild(u);
   }
-  const a = e.querySelector(f(l.MAIN_MENU__SEARCH));
+  const a = e.querySelector(f(s.MAIN_MENU__SEARCH));
   if (!a || !(a instanceof HTMLElement))
     throw new Error("renderMainMenu: searchIcon not found");
   if (t.onSearch) {
-    if (Yt(a, "Search"), a.onclick)
+    if (Kt(a, "Search"), a.onclick)
       throw new Error("searchIcon already has onclick");
-    a.onclick = () => {
-      var u;
-      return (u = t.onSearch) == null ? void 0 : u.call(t, "Not yet implemented (UTAHDS-562)");
-    };
+    a.onclick = () => To();
   } else
-    (s = a.parentElement) == null || s.insertBefore(A('<div class="main-menu__search-placeholder">'), a), a.remove();
+    (l = a.parentElement) == null || l.insertBefore(T('<div class="main-menu__search-placeholder">'), a), a.remove();
   return { mainMenuWrapper: e, utahIdPopup: c };
 }
-const go = `<div class="utds-header-mobile-menu__content-item">
+const wo = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
 </div>
 `;
-function st(t) {
-  const e = document.querySelector(f(l.MOBILE_MENU__WRAPPER));
+function ct(t) {
+  const e = document.querySelector(f(s.MOBILE_MENU__WRAPPER));
   if (!e)
     throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");
-  const n = e.querySelector(f(l.MOBILE_MENU__CONTENT));
+  const n = e.querySelector(f(s.MOBILE_MENU__CONTENT));
   if (!n)
     throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
-  const r = A(go);
-  return r.appendChild(t), n.appendChild(r), r.setAttribute("id", B()), r;
-}
-function Ut(t, e) {
-  t.querySelectorAll(f([
-    l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER
-  ])).forEach((n) => n.classList.remove(l.ACTION_ITEM__SELECTED)), e.classList.add(l.ACTION_ITEM__SELECTED);
-}
-function St(t, e) {
-  t.querySelectorAll(f(l.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => {
-    const r = n.getAttribute("aria-labelledby");
-    if (r) {
-      const o = document.getElementById(r);
-      o && o.setAttribute("aria-expanded", "false");
-    }
-    n.classList.remove(l.IS_OPEN);
-  });
-  {
-    const n = e.getAttribute("aria-labelledby");
-    if (n) {
-      const r = document.getElementById(n);
-      r && r.setAttribute("aria-expanded", "false");
-    }
-    e.classList.add(l.IS_OPEN);
-  }
+  const r = T(wo);
+  return r.appendChild(t), n.appendChild(r), r.setAttribute("id", H()), r;
 }
-function lt(t, e, n, {
+function Xe(t, e) {
+  t.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach((r) => {
+    r.classList.remove(s.ACTION_ITEM__SELECTED);
+    const o = r.querySelector("button");
+    if (!o)
+      throw new Error("showActionItem: actionWrapper does not have actionItem");
+    o.setAttribute("aria-selected", "false"), o.setAttribute("tabIndex", "-1");
+  }), e.classList.add(s.ACTION_ITEM__SELECTED);
+  const n = e.querySelector("button");
+  if (!n)
+    throw new Error("showActionItem: actionWrapper does not have actionItem");
+  n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
+}
+function Ct(t, e) {
+  t.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(s.IS_OPEN)), e.classList.add(s.IS_OPEN);
+}
+function ut(t, e, n, {
   ariaHasPopupType: r,
   onClickHandler: o,
   shouldOnClickCloseMenu: i
 }) {
+  var _;
   if (e && !r)
     throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");
   const c = (
     /** @type {HTMLElement} */
-    document.querySelector(f(l.MOBILE_MENU))
+    document.querySelector(f(s.MOBILE_MENU))
   );
   if (!c)
     throw new Error("mobileMenuInteractionHandler: mobileMenu not found");
   const a = (
     /** @type {HTMLElement} */
-    document.querySelector(f(l.MOBILE_MENU__WRAPPER))
+    document.querySelector(f(s.MOBILE_MENU__WRAPPER))
   );
   if (!a)
     throw new Error("mobileMenuInteractionHandler: mobileMenuWrapper not found");
-  const s = (
+  const l = (
     /** @type {HTMLElement} */
-    a.querySelector(f(l.MOBILE_MENU__CONTENT))
+    a.querySelector(f(s.MOBILE_MENU__CONTENT))
   );
-  if (!s)
+  if (!l)
     throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");
-  const u = t.getAttribute("id");
-  if (!u)
+  const u = (_ = n == null ? void 0 : n.querySelector) == null ? void 0 : _.call(n, "button"), d = (u || t).getAttribute("id");
+  if (!d)
     throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");
   if (e) {
-    const d = e.getAttribute("id");
-    if (!d)
+    const h = e.getAttribute("id");
+    if (!h)
       throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");
-    t.setAttribute("aria-controls", d), t.setAttribute("aria-haspopup", r || ""), e.setAttribute("aria-labelledby", u);
+    (u || t).setAttribute("aria-controls", h), e.setAttribute("aria-labelledby", d);
   }
   if (t.onclick)
     throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");
-  if (t.onclick = (d) => {
-    o && o(d) || (c.classList.contains(l.IS_OPEN) ? i && en() : (To(), e && St(s, e), Ut(a, n)));
+  if (t.onclick = (h) => {
+    o && o(h) || (c.classList.contains(s.IS_OPEN) ? i && tn() : (Oo(), e && Ct(l, e), Xe(a, n)));
   }, e) {
     if (n !== t && n.onclick)
       throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");
-    n.onclick = (d) => {
-      o && o(d) || (St(s, e), Ut(a, n));
+    n.onclick = (h) => {
+      o && o(h) || (Ct(l, e), Xe(a, n));
     };
   }
 }
-function ct(t) {
+function dt(t) {
   const e = (
     /** @type {HTMLElement} */
-    document.querySelector(f(l.MOBILE_MENU))
+    document.querySelector(f(s.MOBILE_MENU))
   );
   if (!e)
     throw new Error(`${t}: mobileMenu not found`);
-  const n = document.getElementById(l.MAIN_MENU__HAMBURGER_ID);
+  const n = document.getElementById(s.MAIN_MENU__HAMBURGER_ID);
   if (!n)
     throw new Error(`${t}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`);
   const r = (
     /** @type {HTMLElement} */
-    document.getElementById(l.MAIN_MENU__HAMBURGER_ICON_ID)
+    document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID)
   );
   if (!r)
     throw new Error(`${t}: hamburgerIcon not found`);
@@ -2492,39 +2593,39 @@ function ct(t) {
     mobileMenu: e
   };
 }
-function en() {
-  const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = ct("hideMobileMenu");
-  t.setAttribute("aria-expanded", "false"), n.classList.remove(l.IS_OPEN), e.classList.add("utds-icon-before-hamburger"), e.classList.remove("utds-icon-before-x-icon");
+function tn() {
+  const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = dt("hideMobileMenu");
+  t.setAttribute("aria-expanded", "false"), n.classList.remove(s.IS_OPEN), e.classList.add("utds-icon-before-hamburger"), e.classList.remove("utds-icon-before-x-icon");
 }
-function To() {
-  const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = ct("showMobileMenu");
-  t.setAttribute("aria-expanded", "true"), n.classList.add(l.IS_OPEN), e.classList.remove("utds-icon-before-hamburger"), e.classList.add("utds-icon-before-x-icon");
+function Oo() {
+  const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = dt("showMobileMenu");
+  t.setAttribute("aria-expanded", "true"), n.classList.add(s.IS_OPEN), e.classList.remove("utds-icon-before-hamburger"), e.classList.add("utds-icon-before-x-icon");
 }
-function Mo(t) {
+function yo(t) {
   var c;
-  const { hamburger: e } = ct("hookupHamburger");
+  const { hamburger: e } = dt("hookupHamburger");
   if ((c = N().actionItems) == null ? void 0 : c.some((a) => !!a.badge)) {
-    const a = it({ label: "Home Badge" });
+    const a = st({ label: "Home Badge" });
     a && e.appendChild(a);
   }
-  en();
-  const o = document.getElementById(l.MOBILE_MENU_ACTON_BAR__HOME_ID);
+  tn();
+  const o = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!o)
     throw new Error("hookupHamburger: homeActionItem not found");
   const i = (
     /** @type {HTMLElement} */
-    o.closest(f(l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    o.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
   if (!i)
     throw new Error("hookupHamburger: homeActionItemWrapper not found");
-  lt(
+  ut(
     e,
     t,
     i,
     { ariaHasPopupType: "menu", shouldOnClickCloseMenu: !0 }
   );
 }
-function Ao(t) {
+function Po(t) {
   let e = NaN, n = null, r = null;
   return {
     promise: new Promise((i, c) => {
@@ -2540,7 +2641,7 @@ function Ao(t) {
     }
   };
 }
-const Y = {
+const z = {
   // null = not yet loaded, false = ajaxing, true = have a result (may be error or user data)
   isDefinitive: null,
   lastError: null,
@@ -2548,18 +2649,18 @@ const Y = {
 };
 function Dt(t) {
   var e, n, r;
-  t.isDefinitive && (Kt(t), (r = (n = (e = N()) == null ? void 0 : e.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, t));
+  t.isDefinitive && (Qt(t), (r = (n = (e = N()) == null ? void 0 : e.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, t));
 }
-let Ct = !0;
-const wo = 500;
-async function tn() {
+let Rt = !0;
+const No = 500;
+async function nn() {
   var e, n;
   let t = null;
-  if (Y.isDefinitive === !1)
-    t = Promise.resolve(Y);
-  else if (Ct)
-    t = Ao(wo).promise.then(() => {
-      Ct = !1, tn();
+  if (z.isDefinitive === !1)
+    t = Promise.resolve(z);
+  else if (Rt)
+    t = Po(No).promise.then(() => {
+      Rt = !1, nn();
     });
   else {
     const r = N();
@@ -2570,16 +2671,16 @@ async function tn() {
         userInfo: null
       });
     else if (r.utahId === !0 || ((e = r.utahId) == null ? void 0 : e.currentUser) === void 0)
-      Y.isDefinitive = !1, t = fetch(Ae.USER_INFO, { credentials: "include" }).then((o) => o.json()).then((o) => {
+      z.isDefinitive = !1, t = fetch(Ae.USER_INFO, { credentials: "include" }).then((o) => o.json()).then((o) => {
         if (o.status === 200)
-          Y.lastError = null, Y.userInfo = /** @type UserInfo */
+          z.lastError = null, z.userInfo = /** @type UserInfo */
           o.data;
         else
           throw new Error(o.err);
       }).catch((o) => {
-        Y.lastError = o, Y.userInfo = null;
+        z.lastError = o, z.userInfo = null;
       }).finally(() => {
-        Y.isDefinitive = !0, Dt(Y);
+        z.isDefinitive = !0, Dt(z);
       });
     else {
       const o = {
@@ -2592,66 +2693,66 @@ async function tn() {
   }
   return t;
 }
-function Oo() {
-  return Y;
+function Lo() {
+  return z;
 }
-function yo() {
-  const t = document.getElementById(l.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
+function Uo() {
+  const t = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!t)
     throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");
   const e = (
     /** @type {HTMLElement} */
-    t.closest(f(l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    t.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
   if (!e)
     throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");
   e.remove();
 }
-function Po(t, e) {
-  const n = document.querySelector(f(l.MOBILE__UTAH_ID));
+function So(t, e) {
+  const n = document.querySelector(f(s.MOBILE__UTAH_ID));
   if (!n)
     throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");
   const r = (
     /** @type {HTMLElement} */
-    n.querySelector(f(l.UTAH_ID__BUTTON))
+    n.querySelector(f(s.UTAH_ID__BUTTON))
   );
   if (!r)
     throw new Error("hookupUtahIdInMobileMenu: utahIdButton not found");
-  if (!t.querySelector(f(l.MOBILE_MENU__CONTENT)))
+  if (!t.querySelector(f(s.MOBILE_MENU__CONTENT)))
     throw new Error("hookupUtahIdInMobileMenu: mobileContentWrapper not found");
-  const i = document.getElementById(l.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
+  const i = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!i)
     throw new Error("hookupUtahIdInMobileMenu: profileActionItem not found");
   const c = (
     /** @type {HTMLElement} */
-    i.closest(f(l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    i.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
   if (!c)
     throw new Error("hookupHamburger: profileActionItemWrapper not found");
-  const a = st(e);
-  lt(
+  const a = ct(e);
+  ut(
     r,
     a,
     c,
     {
       ariaHasPopupType: "menu",
-      onClickHandler: (s) => {
-        var _;
-        const u = Oo(), d = N();
-        let h = !1;
-        if (!(u != null && u.isDefinitive) || !((_ = u == null ? void 0 : u.userInfo) != null && _.authenticated)) {
-          h = !0;
+      onClickHandler: (l) => {
+        var h;
+        const u = Lo(), d = N();
+        let _ = !1;
+        if (!(u != null && u.isDefinitive) || !((h = u == null ? void 0 : u.userInfo) != null && h.authenticated)) {
+          _ = !0;
           const p = d.utahId !== !1 && d.utahId !== !0 && d.utahId.onSignIn;
-          p ? p(s) : (s.preventDefault(), s.stopPropagation(), window.location.href = Ae.SIGN_IN);
+          p ? p(l) : (l.preventDefault(), l.stopPropagation(), window.location.href = Ae.SIGN_IN);
         }
-        return h;
+        return _;
       },
       shouldOnClickCloseMenu: !0
     }
   );
 }
-function No() {
-  return _e(
+function Co() {
+  return he(
     N().mainMenu.menuItems,
     {
       childrenMenuType: W.INLINE,
@@ -2659,139 +2760,188 @@ function No() {
     }
   );
 }
-const Lo = `<div class="utds-header-mobile-menu__action-item">
+const Do = `<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>
-`, Uo = `<div class="utds-header-action-item-menu">
+`, Ro = `<div class="utds-header-action-item-menu">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function So(t) {
-  const e = A(Lo);
-  e.getAttribute("id") || e.setAttribute("id", B());
+function xo(t) {
+  const e = T(Do);
+  e.getAttribute("id") || e.setAttribute("id", H());
   const n = document.createTextNode(t.title), r = (
     /** @type {HTMLElement} */
     e instanceof HTMLCollection ? e[0] : e
   );
-  t.showTitle && r.classList.add(l.ACTION_ITEM__ICON_BUTTON_TITLE), r.classList.add(l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), r.classList.remove(l.ACTION_ITEM);
-  const o = r.querySelector(f(l.ACTION_ITEM__TITLE));
+  t.showTitle && r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE), r.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER), r.classList.remove(s.ACTION_ITEM);
+  const o = r.querySelector(f(s.ACTION_ITEM__TITLE));
   if (!o)
     throw new Error("renderActionItem: titleDiv not found");
-  k(o, n), t.showTitle ? o.classList.remove(l.VISUALLY_HIDDEN) : o.classList.add(l.VISUALLY_HIDDEN);
+  o.appendChild(n), t.showTitle ? o.classList.remove(s.VISUALLY_HIDDEN) : o.classList.add(s.VISUALLY_HIDDEN);
   const i = (
     /** @type {HTMLElement} */
-    e.querySelector(f(l.ACTION_ITEM__ICON_BUTTON))
+    e.querySelector(f(s.ACTION_ITEM__ICON_BUTTON))
   );
   if (!i)
     throw new Error("renderActionItem: iconButton not found");
   t.className && i.classList.add(t.className);
-  const c = it(t.badge);
+  const c = st(t.badge);
   c && i.appendChild(c);
-  const a = A(t.icon);
-  a.setAttribute("role", "presentation"), k(i, a);
-  let s = null;
+  const a = T(t.icon);
+  a.setAttribute("role", "presentation"), i.appendChild(a);
+  let l = null;
   if (t.actionFunction)
     i.onclick = t.actionFunction;
   else if (t.actionDom) {
-    const u = B();
-    i.setAttribute("id", u), s = t.actionDom();
+    const u = H();
+    i.setAttribute("id", u), l = T(typeof t.actionDom == "function" ? t.actionDom() : t.actionDom);
   } else if (t.actionPopupMenu) {
-    const u = B();
-    i.setAttribute("id", u), s = A(Uo);
-    const d = s.querySelector(f(l.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+    const u = H();
+    i.setAttribute("id", u), l = T(Ro);
+    const d = l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
     if (!d)
       throw new Error("renderMobileActionItem: actionItemContentTitle not found");
     d.appendChild(document.createTextNode(t.actionPopupMenu.title));
-    const h = _e(t.actionPopupMenu.menuItems, { childrenMenuType: W.INLINE });
-    s.appendChild(h);
+    const _ = he(t.actionPopupMenu.menuItems, { childrenMenuType: W.INLINE });
+    l.appendChild(_);
   } else
     throw console.error(t), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
-  return { actionItemElement: e, actionItemContent: s };
+  return { actionItemElement: e, actionItemContent: l };
 }
-function Do() {
-  var o, i;
-  const t = document.getElementById(l.MOBILE_MENU_ACTON_BAR__HOME_ID);
+function Ho() {
+  var i, c, a;
+  const t = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!t)
     throw new Error("renderMobileActionItems: homeActionItem not found");
   const e = (
     /** @type {HTMLElement} */
-    t.closest(f(l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    t.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
   if (!e)
     throw new Error("renderMobileActionItems: homeActionItemWrapper not found");
-  const n = document.getElementById(l.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
-  if (!n)
-    throw new Error("renderMobileActionItems: profileActionItem not found");
-  const r = (
+  const r = !!N().utahId ? document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID) : null, o = (
     /** @type {HTMLElement} */
-    n.closest(f(l.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
+    (i = r == null ? void 0 : r.closest) == null ? void 0 : i.call(r, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  if (!r)
-    throw new Error("renderMobileActionItems: profileActionItemWrapper not found");
-  (i = (o = [...N().actionItems || []].reverse()) == null ? void 0 : o.map((c) => ({ actionItem: c, ...So(c) }))) == null || i.forEach(({ actionItem: c, actionItemContent: a, actionItemElement: s }) => {
-    let u;
-    switch (c.mobileMenuLocation) {
+  (a = (c = [...N().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...xo(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
+    let _;
+    switch (l.mobileMenuLocation) {
       case "left":
-        u = e;
+        _ = e;
         break;
       case "none":
-        u = null;
+        _ = null;
         break;
       case "right":
       default:
-        u = r;
+        _ = o || e;
         break;
     }
-    if (u && (u.after(s), a)) {
-      const d = st(a);
-      let h = null;
-      c.actionDom ? h = "dialog" : c.actionPopupMenu && (h = "menu"), lt(
-        s,
+    if (_ && (_.after(d), u)) {
+      const h = ct(u);
+      let p = null;
+      l.actionDom ? p = "dialog" : l.actionPopupMenu && (p = "menu"), ut(
         d,
-        s,
-        { ariaHasPopupType: h, shouldOnClickCloseMenu: !1 }
+        h,
+        d,
+        { ariaHasPopupType: p, shouldOnClickCloseMenu: !1 }
       );
     }
   });
 }
-function Co() {
-  const t = An.replace(l.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${N().mediaSizes.tabletPortrait}px`).replace(l.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${N().mediaSizes.tabletLandscape}px`).replace(l.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${N().mediaSizes.mobile}px`);
-  let e = document.getElementById(l.CSS_HEADER_MEDIA_TAG_ID);
-  e || (e = document.createElement("style"), e.id = l.CSS_HEADER_MEDIA_TAG_ID), e.innerHTML = t, document.body.appendChild(e);
-}
-function Ro() {
-  if (!document.querySelector(f([l.UTAH_DESIGN_SYSTEM, l.HEADER]))) {
-    const e = vo();
-    document.body.insertBefore(e, document.body.firstChild);
-    const { mainMenuWrapper: n, utahIdPopup: r } = Io();
-    n && e.after(n);
-    const o = A(wn);
-    e.after(o);
-    const i = No(), c = Xt(i, "Main Menu");
-    c.appendChild(i);
-    const a = st(c);
-    Mo(a), r ? Po(o, r) : yo(), Do(), Kr(), setTimeout(() => document.dispatchEvent(new Event(Rt.HEADER_LOADED)), 0), Co(), tn();
+function Bo() {
+  const e = [...document.querySelectorAll(`
+      ${f(s.MOBILE_MENU__ACTION_BAR)}
+      ${f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
+      ${f(s.ACTION_ITEM__ICON_BUTTON)}
+    `)];
+  e.forEach(
+    (n) => {
+      n.onkeydown = (r) => {
+        (r.code === "Home" || r.code === "End" || r.code === "ArrowRight" || r.code === "ArrowLeft") && r.preventDefault();
+      }, n.onkeyup = (r) => {
+        const o = e.indexOf(n);
+        let i = NaN;
+        if (r.code === "Home" ? i = 0 : r.code === "End" ? i = e.length - 1 : r.code === "ArrowRight" ? i = (o + 1) % e.length : r.code === "ArrowLeft" && (i = (e.length + o - 1) % e.length), !Number.isNaN(i)) {
+          r.preventDefault(), r.stopPropagation();
+          const c = e[i], a = (
+            /** @type {HTMLElement} */
+            c.closest(
+              f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)
+            )
+          );
+          if (!a)
+            throw new Error("hookupMobileActionItemKeyboarding: newWrapper not found... how in the blazes?!");
+          const l = c.getAttribute("aria-controls");
+          if (l && document.getElementById(l))
+            c.click();
+          else {
+            const _ = (
+              /** @type {HTMLElement} */
+              document.querySelector(f(s.MOBILE_MENU__WRAPPER))
+            );
+            if (!_)
+              throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
+            const h = (
+              /** @type {HTMLElement} */
+              _.querySelector(f(s.MOBILE_MENU__CONTENT))
+            );
+            if (!h)
+              throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");
+            h.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((p) => p.classList.remove(s.IS_OPEN));
+          }
+          const d = (
+            /** @type {HTMLElement} */
+            document.querySelector(f(s.MOBILE_MENU__WRAPPER))
+          );
+          if (!d)
+            throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");
+          Xe(d, a);
+        }
+      };
+    }
+  );
+}
+function ko() {
+  const t = An.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${N().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${N().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${N().mediaSizes.mobile}px`);
+  let e = document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);
+  e || (e = document.createElement("style"), e.id = s.CSS_HEADER_MEDIA_TAG_ID), e.innerHTML = t, document.body.appendChild(e);
+}
+function Wo() {
+  var e;
+  if (!document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) {
+    const n = bo();
+    document.body.insertBefore(n, document.body.firstChild);
+    const { mainMenuWrapper: r, utahIdPopup: o } = Ao();
+    r && n.after(r);
+    const i = T(wn);
+    n.after(i);
+    const c = Co(), a = Xt(c, "Main Menu");
+    a.appendChild(c);
+    const l = ct(a);
+    yo(l), o ? ((e = o.closest("div")) == null || e.removeAttribute("aria-labelledby"), So(i, o)) : Uo(), Ho(), Bo(), zr(), setTimeout(() => document.dispatchEvent(new Event(xt.HEADER_LOADED)), 0), ko(), nn();
   }
 }
-function xo(t) {
+function qo(t) {
   var e, n, r;
-  (e = document.querySelector(f([l.UTAH_DESIGN_SYSTEM, l.HEADER]))) == null || e.remove(), (n = document.querySelector(f([l.UTAH_DESIGN_SYSTEM, l.MAIN_MENU__OUTER]))) == null || n.remove(), (r = document.querySelector(f([l.UTAH_DESIGN_SYSTEM, l.MOBILE_MENU]))) == null || r.remove(), jt(), t && setTimeout(() => document.dispatchEvent(new Event(Rt.HEADER_UNLOADED)), 0);
+  (e = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) == null || e.remove(), (n = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MAIN_MENU__OUTER]))) == null || n.remove(), (r = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MOBILE_MENU]))) == null || r.remove(), Yt(), t && setTimeout(() => document.dispatchEvent(new Event(xt.HEADER_UNLOADED)), 0);
 }
-const Bo = Tn.version.replace(/\./g, "");
-console.log(`Utah Header v${Bo}`);
+const Vo = Tn.version.replace(/\./g, "");
+console.log(`Utah Header v${Vo}`);
 export {
-  Mn as baseSettings,
+  Ln as baseSettings,
   W as childrenMenuTypes,
-  Rt as events,
+  xt as events,
   N as getUtahHeaderSettings,
-  Ro as loadHeader,
-  Xe as popupPlacement,
-  xo as removeHeader,
-  Be as renderDOM,
-  Ho as setUtahHeaderSettings,
-  ue as sizes
+  Wo as loadHeader,
+  Qe as popupPlacement,
+  qo as removeHeader,
+  T as renderDOMSingle,
+  Fo as setUtahHeaderSettings,
+  ce as sizes
 };