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

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

@@ -1,43 +1,44 @@
-const un = "@utahdts/utah-design-system-header", dn = "0.3.0", pn = "Utah Header for the Utah Design System", fn = "src/index.js", hn = [
+const fn = "@utahdts/utah-design-system-header", hn = "0.4.1", _n = "Utah Header for the Utah Design System", mn = "src/index.js", En = [
   "src/css",
   "dist"
-], _n = {
+], vn = {
   build: "vite build --mode development",
   preview: "vite preview",
   "sass-build": "sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css",
   "test-publish": "npm publish --dry-run",
   test: "vitest",
+  testc: "vitest run --coverage",
   watch: "vite build --watch --mode development"
-}, mn = {
+}, bn = {
   type: "git",
   url: "git+https://github.com/utahdts/utah-design-system.git"
-}, En = "Apache-2.0", vn = {
+}, In = "Apache-2.0", gn = {
   url: "https://github.com/utahdts/utah-design-system/issues"
-}, bn = "https://github.com/utahdts/utah-design-system#readme", In = {
-  "@popperjs/core": "2.11.6"
-}, gn = {
-  eslint: "8.36.0",
+}, Mn = "https://github.com/utahdts/utah-design-system#readme", Tn = {
+  "@popperjs/core": "2.11.7"
+}, An = {
+  eslint: "8.37.0",
   "eslint-config-airbnb": "19.0.4",
   "eslint-plugin-import": "2.27.5",
   "eslint-plugin-jsx-a11y": "6.7.1",
-  sass: "1.59.3",
+  sass: "1.60.0",
   vite: "4.2.1",
   "vite-plugin-eslint": "1.8.1",
-  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: bn,
-  dependencies: In,
-  devDependencies: gn,
-  type: Mn
+  vitest: "0.29.8"
+}, wn = "module", On = {
+  name: fn,
+  version: hn,
+  description: _n,
+  main: mn,
+  files: En,
+  scripts: vn,
+  repository: bn,
+  license: In,
+  bugs: gn,
+  homepage: Mn,
+  dependencies: Tn,
+  devDependencies: An,
+  type: wn
 };
 const W = {
   FLYOUT: (
@@ -52,7 +53,7 @@ const W = {
     /** @type {ChildrenMenuType} */
     "mega-menu"
   )
-}, xt = {
+}, kt = {
   // Fired when the utah header is first loaded (setUtahHeaderSettings does not trigger this)
   HEADER_LOADED: (
     /** @type {Events} */
@@ -137,7 +138,7 @@ const W = {
     /** @type {Size} */
     "LARGE"
   )
-}, An = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+}, yn = `/* @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 */
@@ -187,7 +188,7 @@ const W = {
 @media screen and (max-width: media-size__mobile__PLACEHOLDER) {
   /* put your media query here for mobile */
 }
-`, wn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
+`, Pn = `<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
   <div class="utds-header-mobile-menu__backdrop" aria-hidden></div>
   <div class="utds-header-mobile-menu__wrapper">
     <div class="utds-header-mobile-menu__action-bar" role="tablist">
@@ -320,7 +321,7 @@ const s = {
 function Ge(t) {
   return typeof t == "string" || t instanceof String;
 }
-function On(t) {
+function Nn(t) {
   const e = new DOMParser();
   let n;
   if (Ge(t)) {
@@ -341,7 +342,7 @@ function On(t) {
   return n;
 }
 function T(t) {
-  const e = typeof t == "string" ? On(t) : t;
+  const e = typeof t == "string" ? Nn(t) : t;
   if (e instanceof HTMLCollection && e.length > 1)
     throw new Error("renderDOMSingle: must render a single element");
   const n = (
@@ -352,10 +353,10 @@ function T(t) {
     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 = {
+const Ln = `<h1 class="utds-logo-wrapper"></h1>
+`, Un = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, Sn = `<span class="utds-logo-vert-line"></span>
+`, Cn = {
   mainMenu: {
     menuItems: [
       { title: "Home", actionUrl: { url: "/" } }
@@ -372,11 +373,11 @@ const yn = `<h1 class="utds-logo-wrapper"></h1>
   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 = {
+}, Dn = `<span class="utds-icon-before-alert" aria-hidden="true" />
+`, Rn = `<span class="utds-icon-before-gear" aria-hidden="true" />
+`, xn = `<span class="utds-icon-before-help" aria-hidden="true" />
+`, Hn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
+`, Bn = {
   actionItems: [
     {
       actionPopupMenu: {
@@ -430,7 +431,7 @@ const yn = `<h1 class="utds-logo-wrapper"></h1>
         title: "Divisions Menu"
       },
       className: "icon-waffle",
-      icon: Dn,
+      icon: Hn,
       showTitle: !0,
       title: "Divisions"
     },
@@ -444,7 +445,7 @@ const yn = `<h1 class="utds-logo-wrapper"></h1>
         label: "Unread Alert",
         value: 1
       },
-      icon: Un,
+      icon: Dn,
       showTitle: !1,
       title: "Alerts"
     },
@@ -459,7 +460,7 @@ const yn = `<h1 class="utds-logo-wrapper"></h1>
         // Note: make sure the `label` is plural/singular to match the value
         label: "Help Items Available"
       },
-      icon: Cn,
+      icon: xn,
       showTitle: !1,
       title: "Help"
     },
@@ -470,7 +471,7 @@ const yn = `<h1 class="utds-logo-wrapper"></h1>
         const e = document.createElement("button");
         return e.appendChild(document.createTextNode("Speak Different")), e.onclick = () => alert("lorem ipsum"), t.appendChild(e), t;
       },
-      icon: Sn,
+      icon: Rn,
       showTitle: !1,
       title: "Settings"
     }
@@ -682,34 +683,46 @@ const yn = `<h1 class="utds-logo-wrapper"></h1>
     title: "Utah Design System Main Menu"
   }
 };
-let De = { ...Rn };
+let De = { ...Bn };
 function N() {
   return De;
 }
-function xn(t) {
+function kn(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 Fo(t) {
-  return De = { ...Ln, ...t }, xn(De), qo(!1), Wo(), De;
+function Mt() {
+  jo(!1), $o();
 }
-const Hn = `<div class="utds-citizen-experience-wrapper"></div>
-`, Bn = `<div class="utds-action-items-wrapper"></div>
-`, kn = `<div class="utds-header-action-item">
+let Wt = !1;
+const Wn = 15e3;
+let Tt = 0;
+const qn = setInterval(
+  () => {
+    Tt += 1, Tt >= Wn || Wt ? clearInterval(qn) : document.dispatchEvent(new Event(kt.HEADER_LOADED));
+  },
+  2
+);
+function zo(t) {
+  return De = { ...Cn, ...t }, kn(De), Wt = !0, document != null && document.body ? Mt() : window.addEventListener("load", () => Mt()), De;
+}
+const Vn = `<div class="utds-citizen-experience-wrapper"></div>
+`, Fn = `<div class="utds-action-items-wrapper"></div>
+`, Gn = `<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", 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) {
+var R = "top", F = "bottom", G = "right", x = "left", Be = "auto", we = [R, F, G, x], ue = "start", ge = "end", $n = "clippingParents", qt = "viewport", Ee = "popper", jn = "reference", At = /* @__PURE__ */ we.reduce(function(t, e) {
   return t.concat([e + "-" + ue, e + "-" + ge]);
-}, []), Bt = /* @__PURE__ */ [].concat(we, [Be]).reduce(function(t, e) {
+}, []), Vt = /* @__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];
+}, []), Yn = "beforeRead", zn = "read", Kn = "afterRead", Zn = "beforeMain", Xn = "main", Qn = "afterMain", Jn = "beforeWrite", er = "write", tr = "afterWrite", $e = [Yn, zn, Kn, Zn, Xn, Qn, Jn, er, tr];
 function K(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
 }
-function G(t) {
+function V(t) {
   if (t == null)
     return window;
   if (t.toString() !== "[object Window]") {
@@ -719,20 +732,20 @@ function G(t) {
   return t;
 }
 function ae(t) {
-  var e = G(t).Element;
+  var e = V(t).Element;
   return t instanceof e || t instanceof Element;
 }
 function q(t) {
-  var e = G(t).HTMLElement;
+  var e = V(t).HTMLElement;
   return t instanceof e || t instanceof HTMLElement;
 }
 function Je(t) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var e = G(t).ShadowRoot;
+  var e = V(t).ShadowRoot;
   return t instanceof e || t instanceof ShadowRoot;
 }
-function Xn(t) {
+function nr(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];
@@ -742,7 +755,7 @@ function Xn(t) {
     }));
   });
 }
-function Qn(t) {
+function rr(t) {
   var e = t.state, n = {
     popper: {
       position: e.options.strategy,
@@ -766,12 +779,12 @@ function Qn(t) {
     });
   };
 }
-const Jn = {
+const or = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Xn,
-  effect: Qn,
+  fn: nr,
+  effect: rr,
   requires: ["computeStyles"]
 };
 function j(t) {
@@ -780,18 +793,18 @@ function j(t) {
 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 t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
     return e.brand + "/" + e.version;
   }).join(" ") : navigator.userAgent;
 }
-function kt() {
+function Ft() {
   return !/^((?!chrome|android).)*safari/i.test(je());
 }
 function pe(t, e, n) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   var r = t.getBoundingClientRect(), o = 1, i = 1;
   e && q(t) && (o = t.offsetWidth > 0 && de(r.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && de(r.height) / t.offsetHeight || 1);
-  var c = ae(t) ? 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;
+  var c = ae(t) ? V(t) : window, a = c.visualViewport, l = !Ft() && n, u = (r.left + (l && a ? a.offsetLeft : 0)) / o, d = (r.top + (l && a ? a.offsetTop : 0)) / i, _ = r.width / o, h = r.height / i;
   return {
     width: _,
     height: h,
@@ -812,7 +825,7 @@ function et(t) {
     height: r
   };
 }
-function Wt(t, e) {
+function Gt(t, e) {
   var n = e.getRootNode && e.getRootNode();
   if (t.contains(e))
     return !0;
@@ -827,9 +840,9 @@ function Wt(t, e) {
   return !1;
 }
 function Y(t) {
-  return G(t).getComputedStyle(t);
+  return V(t).getComputedStyle(t);
 }
-function er(t) {
+function ir(t) {
   return ["table", "td", "th"].indexOf(K(t)) >= 0;
 }
 function Q(t) {
@@ -850,11 +863,11 @@ function ke(t) {
     Q(t)
   );
 }
-function Mt(t) {
+function wt(t) {
   return !q(t) || // https://github.com/popperjs/popper-core/issues/837
   Y(t).position === "fixed" ? null : t.offsetParent;
 }
-function tr(t) {
+function ar(t) {
   var e = /firefox/i.test(je()), n = /Trident/i.test(je());
   if (n && q(t)) {
     var r = Y(t);
@@ -871,9 +884,9 @@ function tr(t) {
   return null;
 }
 function Oe(t) {
-  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;
+  for (var e = V(t), n = wt(t); n && ir(n) && Y(n).position === "static"; )
+    n = wt(n);
+  return n && (K(n) === "html" || K(n) === "body" && Y(n).position === "static") ? e : n || ar(t) || e;
 }
 function tt(t) {
   return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
@@ -881,11 +894,11 @@ function tt(t) {
 function be(t, e, n) {
   return ie(t, xe(e, n));
 }
-function nr(t, e, n) {
+function sr(t, e, n) {
   var r = be(t, e, n);
   return r > n ? n : r;
 }
-function qt() {
+function $t() {
   return {
     top: 0,
     right: 0,
@@ -893,62 +906,62 @@ function qt() {
     left: 0
   };
 }
-function Vt(t) {
-  return Object.assign({}, qt(), t);
+function jt(t) {
+  return Object.assign({}, $t(), t);
 }
-function Ft(t, e) {
+function Yt(t, e) {
   return e.reduce(function(n, r) {
     return n[r] = t, n;
   }, {});
 }
-var rr = function(e, n) {
+var lr = function(e, n) {
   return e = typeof e == "function" ? e(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : e, Vt(typeof e != "number" ? e : Ft(e, we));
+  })) : e, jt(typeof e != "number" ? e : Yt(e, we));
 };
-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";
+function cr(t) {
+  var e, n = t.state, r = t.name, o = t.options, i = n.elements.arrow, c = n.modifiersData.popperOffsets, a = j(n.placement), l = tt(a), u = [x, G].indexOf(a) >= 0, d = u ? "height" : "width";
   if (!(!i || !c)) {
-    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;
+    var _ = lr(o.padding, n), h = et(i), p = l === "y" ? R : x, m = l === "y" ? F : G, v = n.rects.reference[d] + n.rects.reference[l] - c[l] - n.rects.popper[d], E = c[l] - n.rects.reference[l], g = 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 ir(t) {
+function ur(t) {
   var e = t.state, n = t.options, r = n.element, o = r === void 0 ? "[data-popper-arrow]" : r;
   if (o != null && !(typeof o == "string" && (o = e.elements.popper.querySelector(o), !o))) {
-    if ({}.NODE_ENV !== "production" && (q(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !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(" "))), !Gt(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 ar = {
+const dr = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: or,
-  effect: ir,
+  fn: cr,
+  effect: ur,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
 function fe(t) {
   return t.split("-")[1];
 }
-var sr = {
+var pr = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function lr(t) {
-  var e = t.x, n = t.y, r = window, o = r.devicePixelRatio || 1;
+function fr(t, e) {
+  var n = t.x, r = t.y, o = e.devicePixelRatio || 1;
   return {
-    x: de(e * o) / o || 0,
-    y: de(n * o) / o || 0
+    x: de(n * o) / o || 0,
+    y: de(r * o) / o || 0
   };
 }
-function Tt(t) {
+function Ot(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: v
@@ -960,16 +973,16 @@ function Tt(t) {
   var g = c.hasOwnProperty("x"), A = c.hasOwnProperty("y"), y = x, b = R, I = window;
   if (u) {
     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;
+    if (M === V(n) && (M = Q(n), Y(M).position !== "static" && a === "absolute" && (P = "scrollHeight", L = "scrollWidth")), M = M, o === R || (o === x || o === G) && i === ge) {
+      b = F;
       var U = _ && M === I && I.visualViewport ? I.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         M[P]
       );
       v -= U - r.height, v *= l ? 1 : -1;
     }
-    if (o === x || (o === R || o === V) && i === ge) {
-      y = F;
+    if (o === x || (o === R || o === F) && i === ge) {
+      y = G;
       var S = _ && M === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         M[L]
@@ -979,10 +992,10 @@ function Tt(t) {
   }
   var w = Object.assign({
     position: a
-  }, u && sr), C = d === !0 ? lr({
+  }, u && pr), C = d === !0 ? fr({
     x: p,
     y: v
-  }) : {
+  }, V(n)) : {
     x: p,
     y: v
   };
@@ -992,7 +1005,7 @@ function Tt(t) {
   }
   return Object.assign({}, w, (e = {}, e[b] = A ? v + "px" : "", e[y] = g ? p + "px" : "", e.transform = "", e));
 }
-function cr(t) {
+function hr(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 = Y(e.elements.popper).transitionProperty || "";
@@ -1012,12 +1025,12 @@ function cr(t) {
     gpuAcceleration: o,
     isFixed: e.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Tt(Object.assign({}, d, {
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ot(Object.assign({}, d, {
     offsets: e.modifiersData.popperOffsets,
     position: e.options.strategy,
     adaptive: c,
     roundOffsets: l
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Tt(Object.assign({}, d, {
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ot(Object.assign({}, d, {
     offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1026,18 +1039,18 @@ function cr(t) {
     "data-popper-placement": e.placement
   });
 }
-const ur = {
+const _r = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: cr,
+  fn: hr,
   data: {}
 };
 var Se = {
   passive: !0
 };
-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);
+function mr(t) {
+  var e = t.state, n = t.instance, r = t.options, o = r.scroll, i = o === void 0 ? !0 : o, c = r.resize, a = c === void 0 ? !0 : c, l = V(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
   return i && u.forEach(function(d) {
     d.addEventListener("scroll", n.update, Se);
   }), a && l.addEventListener("resize", n.update, Se), function() {
@@ -1046,16 +1059,16 @@ function dr(t) {
     }), a && l.removeEventListener("resize", n.update, Se);
   };
 }
-const pr = {
+const Er = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: dr,
+  effect: mr,
   data: {}
 };
-var fr = {
+var vr = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -1063,20 +1076,20 @@ var fr = {
 };
 function Re(t) {
   return t.replace(/left|right|bottom|top/g, function(e) {
-    return fr[e];
+    return vr[e];
   });
 }
-var hr = {
+var br = {
   start: "end",
   end: "start"
 };
-function At(t) {
+function yt(t) {
   return t.replace(/start|end/g, function(e) {
-    return hr[e];
+    return br[e];
   });
 }
 function nt(t) {
-  var e = G(t), n = e.pageXOffset, r = e.pageYOffset;
+  var e = V(t), n = e.pageXOffset, r = e.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: r
@@ -1085,11 +1098,11 @@ function nt(t) {
 function rt(t) {
   return pe(Q(t)).left + nt(t).scrollLeft;
 }
-function _r(t, e) {
-  var n = G(t), r = Q(t), o = n.visualViewport, i = r.clientWidth, c = r.clientHeight, a = 0, l = 0;
+function Ir(t, e) {
+  var n = V(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 = kt();
+    var u = Ft();
     (u || !u && e === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
   }
   return {
@@ -1099,7 +1112,7 @@ function _r(t, e) {
     y: l
   };
 }
-function mr(t) {
+function gr(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,
@@ -1112,13 +1125,13 @@ 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 Gt(t) {
-  return ["html", "body", "#document"].indexOf(K(t)) >= 0 ? t.ownerDocument.body : q(t) && ot(t) ? t : Gt(ke(t));
+function zt(t) {
+  return ["html", "body", "#document"].indexOf(K(t)) >= 0 ? t.ownerDocument.body : q(t) && ot(t) ? t : zt(ke(t));
 }
 function Ie(t, e) {
   var n;
   e === void 0 && (e = []);
-  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);
+  var r = zt(t), o = r === ((n = t.ownerDocument) == null ? void 0 : n.body), i = V(r), c = o ? [i].concat(i.visualViewport || [], ot(r) ? r : []) : r, a = e.concat(c);
   return o ? a : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     a.concat(Ie(ke(c)))
@@ -1132,27 +1145,27 @@ function Ye(t) {
     bottom: t.y + t.height
   });
 }
-function Er(t, e) {
+function Mr(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 wt(t, e, n) {
-  return e === Ht ? Ye(_r(t, n)) : ae(e) ? Er(e, n) : Ye(mr(Q(t)));
+function Pt(t, e, n) {
+  return e === qt ? Ye(Ir(t, n)) : ae(e) ? Mr(e, n) : Ye(gr(Q(t)));
 }
-function vr(t) {
+function Tr(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";
+    return ae(o) && Gt(o, r) && K(o) !== "body";
   }) : [];
 }
-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);
+function Ar(t, e, n, r) {
+  var o = e === "clippingParents" ? Tr(t) : [].concat(e), i = [].concat(o, [n]), c = i[0], a = i.reduce(function(l, u) {
+    var d = Pt(t, u, r);
     return l.top = ie(d.top, l.top), l.right = xe(d.right, l.right), l.bottom = xe(d.bottom, l.bottom), l.left = ie(d.left, l.left), l;
-  }, wt(t, c, r));
+  }, Pt(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 $t(t) {
+function Kt(t) {
   var e = t.reference, n = t.element, r = t.placement, o = r ? j(r) : null, i = r ? fe(r) : null, c = e.x + e.width / 2 - n.width / 2, a = e.y + e.height / 2 - n.height / 2, l;
   switch (o) {
     case R:
@@ -1161,13 +1174,13 @@ function $t(t) {
         y: e.y - n.height
       };
       break;
-    case V:
+    case F:
       l = {
         x: c,
         y: e.y + e.height
       };
       break;
-    case F:
+    case G:
       l = {
         x: e.x + e.width,
         y: a
@@ -1201,7 +1214,7 @@ function $t(t) {
 }
 function Me(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, o = r === void 0 ? t.placement : r, i = n.strategy, c = i === void 0 ? t.strategy : i, a = n.boundary, l = a === void 0 ? 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({
+  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 ? $n : a, u = n.rootBoundary, d = u === void 0 ? qt : u, _ = n.elementContext, h = _ === void 0 ? Ee : _, p = n.altBoundary, m = p === void 0 ? !1 : p, v = n.padding, E = v === void 0 ? 0 : v, g = jt(typeof E != "number" ? E : Yt(E, we)), A = h === Ee ? jn : Ee, y = t.rects.popper, b = t.elements[m ? A : h], I = Ar(ae(b) ? b : b.contextElement || Q(t.elements.popper), l, d, c), M = pe(t.elements.reference), P = Kt({
     reference: M,
     element: y,
     strategy: "absolute",
@@ -1215,15 +1228,15 @@ function Me(t, e) {
   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";
+      var J = [G, F].indexOf(D) >= 0 ? 1 : -1, ee = [R, F].indexOf(D) >= 0 ? "y" : "x";
       S[D] += C[ee] * J;
     });
   }
   return S;
 }
-function Ir(t, e) {
+function wr(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, o = n.boundary, i = n.rootBoundary, c = n.padding, a = n.flipVariations, l = n.allowedAutoPlacements, u = l === void 0 ? Bt : l, d = fe(r), _ = d ? a ? gt : gt.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 ? Vt : l, d = fe(r), _ = d ? a ? At : At.filter(function(m) {
     return fe(m) === d;
   }) : we, h = _.filter(function(m) {
     return u.indexOf(m) >= 0;
@@ -1241,17 +1254,17 @@ function Ir(t, e) {
     return p[m] - p[v];
   });
 }
-function gr(t) {
+function Or(t) {
   if (j(t) === Be)
     return [];
   var e = Re(t);
-  return [At(t), e, At(e)];
+  return [yt(t), e, yt(e)];
 }
-function Mr(t) {
+function yr(t) {
   var e = t.state, n = t.options, r = t.name;
   if (!e.modifiersData[r]._skip) {
-    for (var o = n.mainAxis, i = o === void 0 ? !0 : o, c = n.altAxis, a = c === void 0 ? !0 : c, l = n.fallbackPlacements, u = n.padding, d = n.boundary, _ = n.rootBoundary, h = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, v = n.allowedAutoPlacements, E = e.options.placement, g = j(E), A = g === E, y = l || (A || !m ? [Re(E)] : gr(E)), b = [E].concat(y).reduce(function(se, Z) {
-      return se.concat(j(Z) === Be ? Ir(e, {
+    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)] : Or(E)), b = [E].concat(y).reduce(function(se, Z) {
+      return se.concat(j(Z) === Be ? wr(e, {
         placement: Z,
         boundary: d,
         rootBoundary: _,
@@ -1260,13 +1273,13 @@ function Mr(t) {
         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, {
+      var w = b[S], C = j(w), D = fe(w) === ue, J = [R, F].indexOf(C) >= 0, ee = J ? "width" : "height", B = Me(e, {
         placement: w,
         boundary: d,
         rootBoundary: _,
         altBoundary: h,
         padding: u
-      }), $ = J ? D ? F : x : D ? V : R;
+      }), $ = J ? D ? G : x : D ? F : 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) {
@@ -1296,17 +1309,17 @@ function Mr(t) {
     e.placement !== U && (e.modifiersData[r]._skip = !0, e.placement = U, e.reset = !0);
   }
 }
-const Tr = {
+const Pr = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Mr,
+  fn: yr,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Ot(t, e, n) {
+function Nt(t, e, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -1317,17 +1330,17 @@ function Ot(t, e, n) {
     left: t.left - e.width - n.x
   };
 }
-function yt(t) {
-  return [R, F, V, x].some(function(e) {
+function Lt(t) {
+  return [R, G, F, x].some(function(e) {
     return t[e] >= 0;
   });
 }
-function Ar(t) {
+function Nr(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 = Me(e, {
     altBoundary: !0
-  }), l = Ot(c, r), u = Ot(a, o, i), d = yt(l), _ = yt(u);
+  }), l = Nt(c, r), u = Nt(a, o, i), d = Lt(l), _ = Lt(u);
   e.modifiersData[n] = {
     referenceClippingOffsets: l,
     popperEscapeOffsets: u,
@@ -1338,18 +1351,18 @@ function Ar(t) {
     "data-popper-escaped": _
   });
 }
-const wr = {
+const Lr = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Ar
+  fn: Nr
 };
-function Or(t, e, n) {
+function Ur(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];
-  return c = c || 0, a = (a || 0) * o, [x, F].indexOf(r) >= 0 ? {
+  return c = c || 0, a = (a || 0) * o, [x, G].indexOf(r) >= 0 ? {
     x: a,
     y: c
   } : {
@@ -1357,45 +1370,45 @@ function Or(t, e, n) {
     y: a
   };
 }
-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;
+function Sr(t) {
+  var e = t.state, n = t.options, r = t.name, o = n.offset, i = o === void 0 ? [0, 0] : o, c = Vt.reduce(function(d, _) {
+    return d[_] = Ur(_, 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 Pr = {
+const Cr = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: yr
+  fn: Sr
 };
-function Nr(t) {
+function Dr(t) {
   var e = t.state, n = t.name;
-  e.modifiersData[n] = $t({
+  e.modifiersData[n] = Kt({
     reference: e.rects.reference,
     element: e.rects.popper,
     strategy: "absolute",
     placement: e.placement
   });
 }
-const Lr = {
+const Rr = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Nr,
+  fn: Dr,
   data: {}
 };
-function Ur(t) {
+function xr(t) {
   return t === "x" ? "y" : "x";
 }
-function Sr(t) {
+function Hr(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: _,
     altBoundary: d
-  }), 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, {
+  }), g = j(e.placement), A = fe(e.placement), y = !A, b = tt(g), I = xr(b), M = e.modifiersData.popperOffsets, P = e.rects.reference, L = e.rects.popper, U = typeof v == "function" ? v(Object.assign({}, e.rects, {
     placement: e.placement
   })) : v, S = typeof U == "number" ? {
     mainAxis: U,
@@ -1409,42 +1422,42 @@ function Sr(t) {
   };
   if (M) {
     if (i) {
-      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) : {
+      var D, J = b === "y" ? R : x, ee = b === "y" ? F : G, 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
-      }, 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 - $;
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : $t(), me = Z[J], Le = Z[ee], ne = be(0, P[B], se[B]), qe = y ? P[B] / 2 - Pe - ne - me - S.mainAxis : We - ne - me - S.mainAxis, sn = y ? -P[B] / 2 + Pe + ne + Le + S.mainAxis : _e + ne + Le + S.mainAxis, Ve = e.elements.arrow && Oe(e.elements.arrow), ln = Ve ? b === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, ft = (D = w == null ? void 0 : w[b]) != null ? D : 0, cn = $ + qe - ft - ln, un = $ + sn - ft, ht = be(p ? xe(ye, cn) : ye, $, p ? ie(te, un) : te);
+      M[b] = ht, C[b] = ht - $;
     }
     if (a) {
-      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;
+      var _t, dn = b === "x" ? R : x, pn = b === "x" ? F : G, re = M[I], Ue = I === "y" ? "height" : "width", mt = re + E[dn], Et = re - E[pn], Fe = [R, x].indexOf(g) !== -1, vt = (_t = w == null ? void 0 : w[I]) != null ? _t : 0, bt = Fe ? mt : re - P[Ue] - L[Ue] - vt + S.altAxis, It = Fe ? re + P[Ue] + L[Ue] - vt - S.altAxis : Et, gt = p && Fe ? sr(bt, re, It) : be(p ? bt : mt, re, p ? It : Et);
+      M[I] = gt, C[I] = gt - re;
     }
     e.modifiersData[r] = C;
   }
 }
-const Cr = {
+const Br = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Sr,
+  fn: Hr,
   requiresIfExists: ["offset"]
 };
-function Dr(t) {
+function kr(t) {
   return {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   };
 }
-function Rr(t) {
-  return t === G(t) || !q(t) ? nt(t) : Dr(t);
+function Wr(t) {
+  return t === V(t) || !q(t) ? nt(t) : kr(t);
 }
-function xr(t) {
+function qr(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 Hr(t, e, n) {
+function Vr(t, e, n) {
   n === void 0 && (n = !1);
-  var r = q(e), o = q(e) && xr(e), i = Q(e), c = pe(t, o, n), a = {
+  var r = q(e), o = q(e) && qr(e), i = Q(e), c = pe(t, o, n), a = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
@@ -1452,14 +1465,14 @@ function Hr(t, e, n) {
     y: 0
   };
   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))), {
+  ot(i)) && (a = Wr(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 Br(t) {
+function Fr(t) {
   var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
   t.forEach(function(i) {
     e.set(i.name, i);
@@ -1478,15 +1491,15 @@ function Br(t) {
     n.has(i.name) || o(i);
   }), r;
 }
-function kr(t) {
-  var e = Br(t);
+function Gr(t) {
+  var e = Fr(t);
   return $e.reduce(function(n, r) {
     return n.concat(e.filter(function(o) {
       return o.phase === r;
     }));
   }, []);
 }
-function Wr(t) {
+function $r(t) {
   var e;
   return function() {
     return e || (e = new Promise(function(n) {
@@ -1503,10 +1516,10 @@ function X(t) {
     return o.replace(/%s/, i);
   }, 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) {
+var oe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', jr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Ut = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function Yr(t) {
   t.forEach(function(e) {
-    [].concat(Object.keys(e), Pt).filter(function(n, r, o) {
+    [].concat(Object.keys(e), Ut).filter(function(n, r, o) {
       return o.indexOf(n) === r;
     }).forEach(function(n) {
       switch (n) {
@@ -1535,19 +1548,19 @@ function Vr(t) {
         case "data":
           break;
         default:
-          console.error('PopperJS: an invalid property has been provided to the "' + e.name + '" modifier, valid properties are ' + Pt.map(function(r) {
+          console.error('PopperJS: an invalid property has been provided to the "' + e.name + '" modifier, valid properties are ' + Ut.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(X(qr, String(e.name), r, r));
+        }) == null && console.error(X(jr, String(e.name), r, r));
       });
     });
   });
 }
-function Fr(t, e) {
+function zr(t, e) {
   var n = /* @__PURE__ */ new Set();
   return t.filter(function(r) {
     var o = e(r);
@@ -1555,7 +1568,7 @@ function Fr(t, e) {
       return n.add(o), !0;
   });
 }
-function Gr(t) {
+function Kr(t) {
   var e = t.reduce(function(n, r) {
     var o = n[r.name];
     return n[r.name] = o ? Object.assign({}, o, r, {
@@ -1567,27 +1580,27 @@ function Gr(t) {
     return e[n];
   });
 }
-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 = {
+var St = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", Zr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", Ct = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Ut() {
+function Dt() {
   for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
     e[n] = arguments[n];
   return !e.some(function(r) {
     return !(r && typeof r.getBoundingClientRect == "function");
   });
 }
-function jr(t) {
+function Xr(t) {
   t === void 0 && (t = {});
-  var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, o = e.defaultOptions, i = o === void 0 ? Lt : o;
+  var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, o = e.defaultOptions, i = o === void 0 ? Ct : o;
   return function(a, l, u) {
     u === void 0 && (u = i);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Lt, i),
+      options: Object.assign({}, Ct, i),
       modifiersData: {},
       elements: {
         reference: a,
@@ -1603,15 +1616,15 @@ function jr(t) {
           reference: ae(a) ? Ie(a) : a.contextElement ? Ie(a.contextElement) : [],
           popper: Ie(l)
         };
-        var y = kr(Gr([].concat(r, d.options.modifiers)));
+        var y = Gr(Kr([].concat(r, d.options.modifiers)));
         if (d.orderedModifiers = y.filter(function(w) {
           return w.enabled;
         }), {}.NODE_ENV !== "production") {
-          var b = Fr([].concat(y, d.options.modifiers), function(w) {
+          var b = zr([].concat(y, d.options.modifiers), function(w) {
             var C = w.name;
             return C;
           });
-          if (Vr(b), j(d.options.placement) === Be) {
+          if (Yr(b), j(d.options.placement) === Be) {
             var I = d.orderedModifiers.find(function(w) {
               var C = w.name;
               return C === "flip";
@@ -1633,19 +1646,19 @@ function jr(t) {
       forceUpdate: function() {
         if (!h) {
           var g = d.elements, A = g.reference, y = g.popper;
-          if (!Ut(A, y)) {
-            ({}).NODE_ENV !== "production" && console.error(Nt);
+          if (!Dt(A, y)) {
+            ({}).NODE_ENV !== "production" && console.error(St);
             return;
           }
           d.rects = {
-            reference: Hr(A, Oe(y), d.options.strategy === "fixed"),
+            reference: Vr(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($r);
+              console.error(Zr);
               break;
             }
             if (d.reset === !0) {
@@ -1664,7 +1677,7 @@ function jr(t) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Wr(function() {
+      update: $r(function() {
         return new Promise(function(E) {
           p.forceUpdate(), E(d);
         });
@@ -1673,8 +1686,8 @@ function jr(t) {
         v(), h = !0;
       }
     };
-    if (!Ut(a, l))
-      return {}.NODE_ENV !== "production" && console.error(Nt), p;
+    if (!Dt(a, l))
+      return {}.NODE_ENV !== "production" && console.error(St), p;
     p.setOptions(u).then(function(E) {
       !h && u.onFirstUpdate && u.onFirstUpdate(E);
     });
@@ -1701,8 +1714,8 @@ function jr(t) {
     return p;
   };
 }
-var Yr = [pr, Lr, ur, Jn, Pr, Tr, Cr, ar, wr], jt = /* @__PURE__ */ jr({
-  defaultModifiers: Yr
+var Qr = [Er, Rr, _r, or, Cr, Pr, Br, dr, Lr], Zt = /* @__PURE__ */ Xr({
+  defaultModifiers: Qr
 });
 function ze(t, e, n, r) {
   e ? (t.classList.remove(r), t.classList.add(n)) : (t.classList.add(r), t.classList.remove(n));
@@ -1711,7 +1724,7 @@ let k;
 const ve = {}, Ke = {
   SHIFT: "shift-key"
 };
-function Yt() {
+function Xt() {
   k && (document.removeEventListener("click", k.globalOnClick), document.removeEventListener("keyup", k.globalOnKeyup), document.removeEventListener("keydown", k.globalOnKeydown), k = null);
 }
 function Ze() {
@@ -1727,14 +1740,14 @@ function Ze() {
     ze(e, !1, s.POPUP__VISIBLE, s.POPUP__HIDDEN);
   });
 }
-function zr() {
-  k && Yt(), k = {}, k.globalOnClick = Ze, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (t) => {
+function Jr() {
+  k && Xt(), k = {}, k.globalOnClick = Ze, document.addEventListener("click", k.globalOnClick), k.globalOnKeyup = (t) => {
     t.key === "Escape" && Ze(), t.shiftKey || (ve[Ke.SHIFT] = !1), ve[t.key] = !1;
   }, document.addEventListener("keyup", k.globalOnKeyup), k.globalOnKeydown = (t) => {
     t.shiftKey && (ve[Ke.SHIFT] = !0), ve[t.key] = !0;
   }, document.addEventListener("keydown", k.globalOnKeydown);
 }
-function Kr() {
+function eo() {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
 }
 function Te(t, e, n, r, o) {
@@ -1744,7 +1757,7 @@ function Te(t, e, n, r, o) {
   function d(h) {
     clearTimeout(i), clearTimeout(c), (!(o != null && o.isPerformPopup) || o != null && o.isPerformPopup && o.isPerformPopup()) && (i = window.setTimeout(
       () => {
-        jt(e, n, {
+        Zt(e, n, {
           placement: (o == null ? void 0 : o.popupPlacement) || Qe.BOTTOM,
           modifiers: [
             {
@@ -1771,7 +1784,7 @@ function Te(t, e, n, r, o) {
     e.onclick = (h) => {
       var m;
       const p = e.getAttribute("aria-expanded") === "true";
-      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (h.stopPropagation(), h.preventDefault(), p && e.getAttribute("aria-expanded") === "true" ? (_(u), (m = document.activeElement) == null || m.blur()) : (Kr() && Ze(), d(u))), o != null && o.onClick && o.onClick(h);
+      (!(o != null && o.isPerformPopup) || o.isPerformPopup()) && (h.stopPropagation(), h.preventDefault(), p && e.getAttribute("aria-expanded") === "true" ? (_(u), (m = document.activeElement) == null || m.blur()) : (eo() && Ze(), d(u))), o != null && o.onClick && o.onClick(h);
     };
   }
 }
@@ -1782,7 +1795,7 @@ function H() {
     (t) => (t ^ crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> t) / 4).toString(16)
   );
 }
-const Zr = `<div class="popup__wrapper popup__wrapper--hidden">
+const to = `<div class="popup__wrapper popup__wrapper--hidden">
   <div class="popup__content">
     <div class="popup__arrow" data-popper-arrow></div>
   </div>
@@ -1794,7 +1807,7 @@ function it(t, e) {
     throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
   const r = H();
   t.setAttribute("aria-controls", r);
-  const o = T(Zr);
+  const o = T(to);
   if (o.setAttribute("id", r), o.setAttribute("aria-labelledby", n), e != null && e.removePopupArrow) {
     const i = o.querySelector(f(s.POPUP_ARROW));
     if (!i)
@@ -1803,13 +1816,13 @@ function it(t, e) {
   }
   return o;
 }
-const Xr = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
-`, zt = `<span class="utds-new-tab-link-a11y">
+const no = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
+`, Qt = `<span class="utds-new-tab-link-a11y">
   <span class="visually-hidden">opens in a new tab</span>
   <span class="utds-icon-after-external-link" aria-hidden="true"></span>
 </span>
-`, Qr = `<ul class="vertical-menu" role="menu" />
-`, Jr = `<li class="vertical-menu__item">
+`, ro = `<ul class="vertical-menu" role="menu" />
+`, oo = `<li class="vertical-menu__item">
   <span class="vertical-menu__title">
     <span class="vertical-menu__plain-title"></span>
     <a href="#" class="vertical-menu__link-title">
@@ -1827,7 +1840,7 @@ function He(t, e, n) {
   let r = !1;
   return t && (Array.isArray(t) ? r = t.some((i) => He(i, e, n)) : (r = n(t), r || (r = !!((o = e == null ? void 0 : e.filter((i) => t[i])) != null && o.some((i) => He(t[i], e, n)))))), r;
 }
-function eo(t) {
+function io(t) {
   const e = t.closest("li");
   if (!e)
     throw console.error("element", t), new Error("toggleChildMenuExpansion: parent not found for child");
@@ -1842,18 +1855,18 @@ function eo(t) {
     n.classList.toggle(s.VISUALLY_HIDDEN), n.classList.contains(s.VISUALLY_HIDDEN) ? (r.setAttribute("aria-expanded", "false"), o.classList.add(s.IS_CLOSED), o.classList.remove(s.IS_OPEN)) : (r.setAttribute("aria-expanded", "true"), o.classList.remove(s.IS_CLOSED), o.classList.add(s.IS_OPEN));
   });
 }
-function to(t) {
+function ao(t) {
   return (e) => {
-    e.preventDefault(), e.stopPropagation(), eo(t);
+    e.preventDefault(), e.stopPropagation(), io(t);
   };
 }
-function St() {
-  const t = T(Xr);
+function Rt() {
+  const t = T(no);
   return t.classList.add(s.IS_CLOSED), t;
 }
-function no(t, e, n) {
+function so(t, e, n) {
   var _, h;
-  const r = T(Jr), o = r.querySelector(f(s.POPUP_MENU__TITLE));
+  const r = T(oo), o = r.querySelector(f(s.POPUP_MENU__TITLE));
   if (!o)
     throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
   const i = (
@@ -1887,7 +1900,7 @@ function no(t, e, n) {
     let p;
     switch (n.childrenMenuType) {
       case W.FLYOUT: {
-        p = St(), i.appendChild(p), i.setAttribute("id", H());
+        p = Rt(), i.appendChild(p), i.setAttribute("id", H());
         const m = at(
           {
             menuItems: e.actionMenu,
@@ -1917,7 +1930,7 @@ function no(t, e, n) {
           e.actionMenu,
           n
         ), 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) => {
+        m.setAttribute("id", v), m.classList.add(s.VISUALLY_HIDDEN), r.appendChild(m), i.onclick = ao(i), i.setAttribute("aria-expanded", "false"), i.setAttribute("aria-controls", v), p = Rt(), i.appendChild(p), c.remove(), a.remove(), r.addEventListener("focusin", (E) => {
           var g, A, y, b;
           for (let I = (
             /** @type Element | null | undefined */
@@ -1954,14 +1967,14 @@ function no(t, e, n) {
     throw console.error(e), new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");
   if (!e.isDivider && (u.appendChild(document.createTextNode(e.title)), d.appendChild(document.createTextNode(e.title)), (_ = e.actionUrl) != null && _.openInNewTab || (h = e.actionFunctionUrl) != null && h.openInNewTab)) {
     c.setAttribute("target", "_blank");
-    const p = T(zt);
+    const p = T(Qt);
     u.appendChild(p), d.appendChild(p);
   }
   return (e.isSelected || e.actionMenu && He(e.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (i.classList.add(s.MENU_ITEM__SELECTED), c.classList.add(s.MENU_ITEM__SELECTED)), e.isSelected ? r.classList.add(s.MENU_ITEM__SELECTED) : r.classList.remove(s.MENU_ITEM__SELECTED), t.appendChild(r), r;
 }
 function he(t, e) {
-  const n = T(Qr);
-  return t.forEach((r) => no(n, r, e)), n;
+  const n = T(ro);
+  return t.forEach((r) => so(n, r, e)), n;
 }
 function at(t, e, n) {
   const r = it(e, { removePopupArrow: n.removePopupArrow }), o = r.querySelector(f(s.POPUP_CONTENT_WRAPPER));
@@ -1970,19 +1983,19 @@ function at(t, e, n) {
   const i = he(t.menuItems, n);
   return i.setAttribute("aria-label", t.title), o.appendChild(i), r;
 }
-const ro = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
+const lo = `<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
   <div class="tooltip__content">
     <div class="tooltip__arrow" data-popper-arrow></div>
   </div>
 </div>
 `;
 let le = NaN;
-function Kt(t, e) {
-  const n = T(ro), r = n.querySelector(f(s.TOOLTIP__CONTENT));
+function Jt(t, e) {
+  const n = T(lo), 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 = jt(
+  const o = Zt(
     t,
     n,
     {
@@ -2017,7 +2030,7 @@ function Kt(t, e) {
     );
   };
 }
-const oo = `<div class="utds-badge__wrapper">
+const co = `<div class="utds-badge__wrapper">
   <span class="utds-badge__value"></span>
   <span class="utds-badge__label visually-hidden"></span>
 </div>
@@ -2026,7 +2039,7 @@ function st(t) {
   let e = null;
   if (t) {
     e = /** @type {HTMLElement} */
-    T(oo), e.classList.add(s.BADGE_WRAPPER__ACTION_ITEM);
+    T(co), 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");
@@ -2041,8 +2054,8 @@ function st(t) {
   }
   return e;
 }
-function io(t) {
-  const e = T(kn), n = document.createTextNode(t.title), r = (
+function uo(t) {
+  const e = T(Gn), n = document.createTextNode(t.title), r = (
     /** @type {HTMLElement} */
     e instanceof HTMLCollection ? e[0] : e
   );
@@ -2084,33 +2097,33 @@ function io(t) {
     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 Kt(e, t.title), e;
+  return Jt(e, t.title), e;
 }
-function ao() {
+function po() {
   var n, r;
   const { actionItems: t } = N();
   let e = null;
-  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;
+  return t != null && t.length && (e = T(Fn), (r = (n = N().actionItems) == null ? void 0 : n.map((o) => uo(o))) == null || r.forEach((o) => e.appendChild(o))), e;
 }
-const so = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
-`, Zt = `<div class="utds-utah-id-wrapper"></div>
+const fo = `<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
+`, en = `<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"
-}, lo = `<div class="vertical-menu__wrapper">
+}, ho = `<div class="vertical-menu__wrapper">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function Xt(t, e) {
-  const n = T(lo), r = n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
+function tn(t, e) {
+  const n = T(ho), 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 Qt(t) {
+function nn(t) {
   O = t, document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach((n) => {
     var r;
     if (n) {
@@ -2131,11 +2144,11 @@ 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 Jt() {
-  const t = T(so);
-  return t.setAttribute("id", H()), O && Qt(O), t;
+function rn() {
+  const t = T(fo);
+  return t.setAttribute("id", H()), O && nn(O), t;
 }
-function en(t) {
+function on(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({
@@ -2155,13 +2168,13 @@ function en(t) {
       actionFunction: r || void 0,
       title: "Sign Out"
     }
-  ], c = he(i, { childrenMenuType: W.INLINE }), a = t ? Xt(c, "Utah ID Menu") : c;
+  ], c = he(i, { childrenMenuType: W.INLINE }), a = t ? tn(c, "Utah ID Menu") : c;
   return a.setAttribute("aria-label", "Utah Id Menu"), a.setAttribute("id", H()), a;
 }
-function co() {
-  const t = T(Zt), e = Jt();
+function _o() {
+  const t = T(en), e = rn();
   e.setAttribute("id", H()), t.appendChild(e);
-  const n = en(!1), r = it(e), o = (
+  const n = on(!1), r = it(e), o = (
     /** @type {HTMLElement} */
     r.querySelector(f(s.POPUP_CONTENT_WRAPPER))
   );
@@ -2186,31 +2199,31 @@ function co() {
     }
   ), t;
 }
-function uo() {
-  const t = T(Zt), e = Jt(), n = e.getAttribute("id");
+function mo() {
+  const t = T(en), e = rn(), n = e.getAttribute("id");
   if (!n)
     throw new Error("renderUtahIdForMobile: utahIdButton has no id");
   t.appendChild(e);
-  const r = en(!0), o = r.getAttribute("id");
+  const r = on(!0), o = r.getAttribute("id");
   if (!o)
     throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");
   return t.appendChild(r), e.setAttribute("aria-controls", o), r.setAttribute("aria-labelledby", n), lt(e, r), { button: e, menu: r };
 }
-function po() {
-  const t = T(Hn), e = ao();
-  return e && t.appendChild(e), N().utahId !== !1 && t.appendChild(co()), t;
+function Eo() {
+  const t = T(Vn), e = po();
+  return e && t.appendChild(e), N().utahId !== !1 && t.appendChild(_o()), t;
 }
-const fo = `<div class="utds-title-wrapper">
+const vo = `<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">
+`, bo = `<a class="utds-title-wrapper">
   <div class="utds-title-wrapper__logo"></div>
   <div class="utds-title-wrapper__title"></div>
 </a>
 `;
-function _o() {
-  const t = N().titleURL, e = T(t ? ho : fo);
+function Io() {
+  const t = N().titleURL, e = T(t ? bo : vo);
   if (!e)
     throw new Error("LogoTitle: titleWrapper is null");
   t && e.setAttribute("href", t);
@@ -2230,7 +2243,7 @@ function _o() {
   const c = document.createTextNode(i), a = e.querySelector(f(s.TITLE__TITLE));
   return a == null || a.appendChild(c), !o && r && (a == null || a.classList.add(s.VISUALLY_HIDDEN)), e;
 }
-const mo = `<div class="utah-logo-svg" role="img">
+const go = `<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>
@@ -2241,7 +2254,7 @@ const mo = `<div class="utah-logo-svg" role="img">
     </g>
   </svg>
 </div>
-`, Eo = `<div class="utah-logo-svg">
+`, Mo = `<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>
@@ -2253,36 +2266,36 @@ const mo = `<div class="utah-logo-svg" role="img">
   </svg>
 </div>
 `;
-function vo() {
+function To() {
   let t;
   switch (N().size) {
     case ce.LARGE:
-      t = mo;
+      t = go;
       break;
     case ce.SMALL:
     case ce.MEDIUM:
-      t = Eo;
+      t = Mo;
       break;
     default:
       throw new Error(`Unknown settings size: '${N().size}'`);
   }
   return T(t);
 }
-function bo() {
+function Ao() {
   var n;
-  const t = T(Pn);
+  const t = T(Un);
   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 e = T(Ln);
+  return t.appendChild(e), e.appendChild(To()), e.appendChild(T(Sn)), e.appendChild(Io()), t.appendChild(Eo()), t;
 }
-const Io = `<li class="menu-item">
+const wo = `<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>
-`, go = `<div class="utah-design-system main-menu__outer">
+`, Oo = `<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>
@@ -2309,7 +2322,7 @@ const Io = `<li class="menu-item">
     </button>
   </div>
 </div>
-`, Mo = `<div class="utah-design-system" id="search-modal">
+`, yo = `<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>
@@ -2317,7 +2330,7 @@ const Io = `<li class="menu-item">
     </button>
   </div>
   <div class="search-modal">
-    <form class="search-modal__form hcenter" role="search" aria-label="site wide search">
+    <form class="search-modal__form hcenter" role="search" aria-label="Sitewide">
       <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>
@@ -2348,8 +2361,8 @@ function Ce() {
     throw new Error("closSearchModal: searchIcon not found");
   e.focus();
 }
-function To() {
-  const t = T(Mo), e = (
+function Po() {
+  const t = T(yo), e = (
     /** @type {HTMLElement} */
     t.querySelector(f(s.SEARCH__SEARCH_BACKDROP))
   );
@@ -2402,9 +2415,9 @@ function To() {
     a.preventDefault(), a.stopPropagation(), n.focus();
   });
 }
-function Ao() {
+function No() {
   var l;
-  const t = N(), e = T(go), n = e.querySelector(f(s.MAIN_MENU__NAV));
+  const t = N(), e = T(Oo), n = e.querySelector(f(s.MAIN_MENU__NAV));
   if (!n)
     throw new Error("renderMainMenu(): mainMenu not created");
   const r = n.querySelector(f(s.MAIN_MENU__TITLE));
@@ -2417,7 +2430,7 @@ function Ao() {
     throw new Error("renderMainMenu(): mainMenuTop not found");
   t.mainMenu.menuItems.forEach((u) => {
     var m, v;
-    const d = T(Io);
+    const d = T(wo);
     i.appendChild(d);
     const _ = d.querySelector(f(s.MENU_ITEM__TITLE));
     if (!_)
@@ -2473,11 +2486,11 @@ function Ao() {
       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 || (v = u.actionFunctionUrl) != null && v.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(T(zt)));
+    ((m = u.actionUrl) != null && m.openInNewTab || (v = u.actionFunctionUrl) != null && v.openInNewTab) && (p.setAttribute("target", "_blank"), p.appendChild(T(Qt)));
   });
   let c = null;
   if (t.utahId) {
-    const { button: u, menu: d } = uo();
+    const { button: u, menu: d } = mo();
     c = d;
     const _ = e.querySelector(f(s.MOBILE__UTAH_ID));
     if (!_)
@@ -2488,14 +2501,14 @@ function Ao() {
   if (!a || !(a instanceof HTMLElement))
     throw new Error("renderMainMenu: searchIcon not found");
   if (t.onSearch) {
-    if (Kt(a, "Search"), a.onclick)
+    if (Jt(a, "Search"), a.onclick)
       throw new Error("searchIcon already has onclick");
-    a.onclick = () => To();
+    a.onclick = () => Po();
   } else
     (l = a.parentElement) == null || l.insertBefore(T('<div class="main-menu__search-placeholder">'), a), a.remove();
   return { mainMenuWrapper: e, utahIdPopup: c };
 }
-const wo = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
+const Lo = `<div class="utds-header-mobile-menu__content-item" role="tabpanel">
 </div>
 `;
 function ct(t) {
@@ -2505,7 +2518,7 @@ function ct(t) {
   const n = e.querySelector(f(s.MOBILE_MENU__CONTENT));
   if (!n)
     throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");
-  const r = T(wo);
+  const r = T(Lo);
   return r.appendChild(t), n.appendChild(r), r.setAttribute("id", H()), r;
 }
 function Xe(t, e) {
@@ -2521,7 +2534,7 @@ function Xe(t, e) {
     throw new Error("showActionItem: actionWrapper does not have actionItem");
   n.setAttribute("aria-selected", "true"), n.removeAttribute("tabIndex"), n.focus();
 }
-function Ct(t, e) {
+function xt(t, e) {
   t.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach((n) => n.classList.remove(s.IS_OPEN)), e.classList.add(s.IS_OPEN);
 }
 function ut(t, e, n, {
@@ -2562,12 +2575,12 @@ function ut(t, e, n, {
   if (t.onclick)
     throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");
   if (t.onclick = (h) => {
-    o && o(h) || (c.classList.contains(s.IS_OPEN) ? i && tn() : (Oo(), e && Ct(l, e), Xe(a, n)));
+    o && o(h) || (c.classList.contains(s.IS_OPEN) ? i && pt() : (Uo(), e && xt(l, e), Xe(a, n)));
   }, e) {
     if (n !== t && n.onclick)
       throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");
     n.onclick = (h) => {
-      o && o(h) || (Ct(l, e), Xe(a, n));
+      o && o(h) || (xt(l, e), Xe(a, n));
     };
   }
 }
@@ -2593,22 +2606,22 @@ function dt(t) {
     mobileMenu: e
   };
 }
-function tn() {
+function pt() {
   const { hamburger: t, hamburgerIcon: e, mobileMenu: n } = dt("hideMobileMenu");
   t.setAttribute("aria-expanded", "false"), n.classList.remove(s.IS_OPEN), e.classList.add("utds-icon-before-hamburger"), e.classList.remove("utds-icon-before-x-icon");
 }
-function Oo() {
+function Uo() {
   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 yo(t) {
+function So(t) {
   var c;
   const { hamburger: e } = dt("hookupHamburger");
   if ((c = N().actionItems) == null ? void 0 : c.some((a) => !!a.badge)) {
     const a = st({ label: "Home Badge" });
     a && e.appendChild(a);
   }
-  tn();
+  pt();
   const o = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!o)
     throw new Error("hookupHamburger: homeActionItem not found");
@@ -2625,7 +2638,7 @@ function yo(t) {
     { ariaHasPopupType: "menu", shouldOnClickCloseMenu: !0 }
   );
 }
-function Po(t) {
+function Co(t) {
   let e = NaN, n = null, r = null;
   return {
     promise: new Promise((i, c) => {
@@ -2647,20 +2660,20 @@ const z = {
   lastError: null,
   userInfo: null
 };
-function Dt(t) {
+function Ht(t) {
   var e, n, r;
-  t.isDefinitive && (Qt(t), (r = (n = (e = N()) == null ? void 0 : e.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, t));
+  t.isDefinitive && (nn(t), (r = (n = (e = N()) == null ? void 0 : e.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, t));
 }
-let Rt = !0;
-const No = 500;
-async function nn() {
+let Bt = !0;
+const Do = 500;
+async function an() {
   var e, n;
   let t = null;
   if (z.isDefinitive === !1)
     t = Promise.resolve(z);
-  else if (Rt)
-    t = Po(No).promise.then(() => {
-      Rt = !1, nn();
+  else if (Bt)
+    t = Co(Do).promise.then(() => {
+      Bt = !1, an();
     });
   else {
     const r = N();
@@ -2680,7 +2693,7 @@ async function nn() {
       }).catch((o) => {
         z.lastError = o, z.userInfo = null;
       }).finally(() => {
-        z.isDefinitive = !0, Dt(z);
+        z.isDefinitive = !0, Ht(z);
       });
     else {
       const o = {
@@ -2688,15 +2701,15 @@ async function nn() {
         lastError: null,
         userInfo: (n = r.utahId) == null ? void 0 : n.currentUser
       };
-      t = Promise.resolve(o), Dt(o);
+      t = Promise.resolve(o), Ht(o);
     }
   }
   return t;
 }
-function Lo() {
+function Ro() {
   return z;
 }
-function Uo() {
+function xo() {
   const t = document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);
   if (!t)
     throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");
@@ -2708,7 +2721,7 @@ function Uo() {
     throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");
   e.remove();
 }
-function So(t, e) {
+function Ho(t, e) {
   const n = document.querySelector(f(s.MOBILE__UTAH_ID));
   if (!n)
     throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");
@@ -2738,7 +2751,7 @@ function So(t, e) {
       ariaHasPopupType: "menu",
       onClickHandler: (l) => {
         var h;
-        const u = Lo(), d = N();
+        const u = Ro(), d = N();
         let _ = !1;
         if (!(u != null && u.isDefinitive) || !((h = u == null ? void 0 : u.userInfo) != null && h.authenticated)) {
           _ = !0;
@@ -2751,7 +2764,7 @@ function So(t, e) {
     }
   );
 }
-function Co() {
+function Bo() {
   return he(
     N().mainMenu.menuItems,
     {
@@ -2760,19 +2773,19 @@ function Co() {
     }
   );
 }
-const Do = `<div class="utds-header-mobile-menu__action-item" role="tab">
+const ko = `<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>
-`, Ro = `<div class="utds-header-action-item-menu">
+`, Wo = `<div class="utds-header-action-item-menu">
   <div class="vertical-menu__wrapper-title"></div>
 </div>
 `;
-function xo(t) {
-  const e = T(Do);
+function qo(t) {
+  const e = T(ko);
   e.getAttribute("id") || e.setAttribute("id", H());
   const n = document.createTextNode(t.title), r = (
     /** @type {HTMLElement} */
@@ -2802,7 +2815,7 @@ function xo(t) {
     i.setAttribute("id", u), l = T(typeof t.actionDom == "function" ? t.actionDom() : t.actionDom);
   } else if (t.actionPopupMenu) {
     const u = H();
-    i.setAttribute("id", u), l = T(Ro);
+    i.setAttribute("id", u), l = T(Wo);
     const d = l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));
     if (!d)
       throw new Error("renderMobileActionItem: actionItemContentTitle not found");
@@ -2813,7 +2826,7 @@ function xo(t) {
     throw console.error(t), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
   return { actionItemElement: e, actionItemContent: l };
 }
-function Ho() {
+function Vo() {
   var i, c, a;
   const t = document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);
   if (!t)
@@ -2828,7 +2841,7 @@ function Ho() {
     /** @type {HTMLElement} */
     (i = r == null ? void 0 : r.closest) == null ? void 0 : i.call(r, f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER))
   );
-  (a = (c = [...N().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...xo(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
+  (a = (c = [...N().actionItems || []].reverse()) == null ? void 0 : c.map((l) => ({ actionItem: l, ...qo(l) }))) == null || a.forEach(({ actionItem: l, actionItemContent: u, actionItemElement: d }) => {
     let _;
     switch (l.mobileMenuLocation) {
       case "left":
@@ -2854,7 +2867,7 @@ function Ho() {
     }
   });
 }
-function Bo() {
+function Fo() {
   const e = [...document.querySelectorAll(`
       ${f(s.MOBILE_MENU__ACTION_BAR)}
       ${f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
@@ -2907,41 +2920,50 @@ function Bo() {
     }
   );
 }
-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`);
+function Go() {
+  const t = yn.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() {
+function $o() {
   var e;
   if (!document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) {
-    const n = bo();
+    const n = Ao();
     document.body.insertBefore(n, document.body.firstChild);
-    const { mainMenuWrapper: r, utahIdPopup: o } = Ao();
+    const { mainMenuWrapper: r, utahIdPopup: o } = No();
     r && n.after(r);
-    const i = T(wn);
+    const i = T(Pn);
     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();
+    const c = (
+      /** @type {HTMLElement} */
+      document.querySelector(f(s.MOBILE_MENU__BACKDROP))
+    );
+    if (!c)
+      throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");
+    if (c.onclick)
+      throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");
+    c.onclick = () => pt();
+    const a = Bo(), l = tn(a, "Main Menu");
+    l.appendChild(a);
+    const u = ct(l);
+    So(u), o ? ((e = o.closest("div")) == null || e.removeAttribute("aria-labelledby"), Ho(i, o)) : xo(), Vo(), Fo(), Jr(), Go(), an();
   }
 }
-function qo(t) {
+function jo(t) {
   var e, n, r;
-  (e = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.HEADER]))) == null || e.remove(), (n = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MAIN_MENU__OUTER]))) == null || n.remove(), (r = document.querySelector(f([s.UTAH_DESIGN_SYSTEM, s.MOBILE_MENU]))) == null || r.remove(), Yt(), t && setTimeout(() => document.dispatchEvent(new Event(xt.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(), Xt(), t && setTimeout(() => document.dispatchEvent(new Event(kt.HEADER_UNLOADED)), 0);
 }
-const Vo = Tn.version.replace(/\./g, "");
-console.log(`Utah Header v${Vo}`);
+const Yo = On.version.replace(/\./g, "");
+console.log(`Utah Header v${Yo}`);
 export {
-  Ln as baseSettings,
+  Cn as baseSettings,
   W as childrenMenuTypes,
-  xt as events,
+  kt as events,
   N as getUtahHeaderSettings,
-  Wo as loadHeader,
+  $o as loadHeader,
   Qe as popupPlacement,
-  qo as removeHeader,
+  jo as removeHeader,
   T as renderDOMSingle,
-  Fo as setUtahHeaderSettings,
+  zo as setUtahHeaderSettings,
   ce as sizes
 };