@utahdts/utah-design-system-header 0.1.0

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

@@ -0,0 +1,2317 @@
+const Kt = "@utahdts/utah-design-system-header", Qt = "0.1.0", Jt = "Utah Header for the Utah Design System", en = "dist/utah-design-system-header.umd.js", tn = "dist/utah-design-system-header.es.js", nn = [
+  "src/css",
+  "dist"
+], rn = {
+  test: "vitest run",
+  build: "vite build",
+  watch: "vite build --watch",
+  "sass-build": "sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css",
+  "test-publish": "npm publish --dry-run"
+}, on = {
+  type: "git",
+  url: "git+https://github.com/utahdts/utah-design-system.git"
+}, an = "Apache-2.0", sn = {
+  url: "https://github.com/utahdts/utah-design-system/issues"
+}, ln = "https://github.com/utahdts/utah-design-system#readme", cn = {
+  "@popperjs/core": "2.11.6"
+}, un = {
+  eslint: "8.35.0",
+  "eslint-config-airbnb": "19.0.4",
+  "eslint-plugin-import": "2.27.5",
+  "eslint-plugin-jsx-a11y": "6.7.1",
+  sass: "1.58.3",
+  vite: "4.1.4",
+  "vite-plugin-eslint": "1.8.1",
+  vitest: "0.29.1"
+}, dn = "module", pn = {
+  name: Kt,
+  version: Qt,
+  description: Jt,
+  main: en,
+  module: tn,
+  files: nn,
+  scripts: rn,
+  repository: on,
+  license: an,
+  bugs: sn,
+  homepage: ln,
+  dependencies: cn,
+  devDependencies: un,
+  type: dn
+};
+const Lt = {
+  AUTO: (
+    /** @type {PopupPlacement} */
+    "auto"
+  ),
+  AUTO_START: (
+    /** @type {PopupPlacement} */
+    "auto-start"
+  ),
+  AUTO_END: (
+    /** @type {PopupPlacement} */
+    "auto-end"
+  ),
+  BOTTOM: (
+    /** @type {PopupPlacement} */
+    "bottom"
+  ),
+  BOTTOM_START: (
+    /** @type {PopupPlacement} */
+    "bottom-start"
+  ),
+  BOTTOM_END: (
+    /** @type {PopupPlacement} */
+    "bottom-end"
+  ),
+  LEFT: (
+    /** @type {PopupPlacement} */
+    "left"
+  ),
+  LEFT_START: (
+    /** @type {PopupPlacement} */
+    "left-start"
+  ),
+  LEFT_END: (
+    /** @type {PopupPlacement} */
+    "left-end"
+  ),
+  RIGHT: (
+    /** @type {PopupPlacement} */
+    "right"
+  ),
+  RIGHT_START: (
+    /** @type {PopupPlacement} */
+    "right-start"
+  ),
+  RIGHT_END: (
+    /** @type {PopupPlacement} */
+    "right-end"
+  ),
+  TOP: (
+    /** @type {PopupPlacement} */
+    "top"
+  ),
+  TOP_START: (
+    /** @type {PopupPlacement} */
+    "top-start"
+  ),
+  TOP_END: (
+    /** @type {PopupPlacement} */
+    "top-end"
+  )
+}, ue = {
+  SMALL: (
+    /** @type {Size} */
+    "SMALL"
+  ),
+  MEDIUM: (
+    /** @type {Size} */
+    "MEDIUM"
+  ),
+  LARGE: (
+    /** @type {Size} */
+    "LARGE"
+  )
+}, fn = {
+  mediaSizes: {
+    mobile: 640,
+    tabletPortrait: 768,
+    tabletLandscape: 1024
+  },
+  showTitle: !0,
+  size: ue.MEDIUM,
+  title: "Utah Design System",
+  titleURL: "/",
+  utahId: !0
+}, G = {
+  FLYOUT: (
+    /** @type {ChildrenMenuType} */
+    "flyout"
+  ),
+  INLINE: (
+    /** @type {ChildrenMenuType} */
+    "inline"
+  ),
+  MEGA_MENU: (
+    /** @type {ChildrenMenuType} */
+    "mega-menu"
+  )
+}, Nt = {
+  // 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 je(t) {
+  return typeof t == "string" || t instanceof String;
+}
+function Be(t) {
+  const e = new DOMParser();
+  let n;
+  if (je(t)) {
+    const r = (
+      /** @type {Document} */
+      je(t) ? e.parseFromString(t, "text/html") : t
+    ), i = r.body.children.length > 1 ? r.body.children : r.body.children.item(0);
+    if (!i)
+      throw console.error(t), new Error("renderDOM: nothing rendered");
+    n = i;
+  } 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 U(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 hn = `/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
+
+@media screen and (max-width: media-size__tablet-landscape__PLACEHOLDER) {
+  /* put your media query here for tablet landscape */
+}
+
+@media screen and (max-width: media-size__tablet-portrait__PLACEHOLDER) {
+  .utds-header {
+    height: 60px;
+    padding: var(--spacing-xs) var(--spacing);
+  }
+  .utds-title-wrapper {
+    font-size: var(--font-size-xl);
+  }
+  .utds-citizen-experience-wrapper {
+    display: none;
+  }
+  .utah-design-system .main-menu__nav {
+    display: none;
+  }
+}
+
+@media screen and (max-width: media-size__mobile__PLACEHOLDER) {
+  /* put your media query here for mobile */
+}
+`;
+function T(t) {
+  return `.${(Array.isArray(t) ? t : [t]).join(".")}`;
+}
+const d = {
+  // Global Information
+  UTAH_DESIGN_SYSTEM: "utah-design-system",
+  HEADER: "utds-header",
+  // HTML elements
+  ICON_BUTTON: "icon-button",
+  // IDs
+  CSS_HEADER_MEDIA_TAG_ID: "cssHeaderMediaTag",
+  // Modifiers
+  IS_CLOSED: "is-closed",
+  IS_OPEN: "is-open",
+  VISUALLY_HIDDEN: "visually-hidden",
+  // Replacement Placeholders
+  MEDIA_SIZE__MOBILE__PLACEHOLDER: "media-size__mobile__PLACEHOLDER",
+  MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER: "media-size__tablet-landscape__PLACEHOLDER",
+  MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER: "media-size__tablet-portrait__PLACEHOLDER",
+  // Header Components
+  ACTION_ITEM: "utds-header-action-item",
+  ACTION_ITEM__ICON_BUTTON: "utds-header-action-item__icon-button",
+  ACTION_ITEM__ICON_BUTTON_TITLE: "utds-header-action-item__icon-button--has-title",
+  ACTION_ITEM__TITLE: "utds-header-action-item__title",
+  BADGE__LABEL: "utds-badge__label",
+  BADGE__VALUE: "utds-badge__value",
+  BADGE_WRAPPER: "utds-badge__wrapper",
+  BADGE_WRAPPER__SMALL: "utds-badge__wrapper--small",
+  BADGE_WRAPPER__ACTION_ITEM: "utds-badge__wrapper--action-item",
+  CITIZEN_EXPERIENCE: "utds-citizen-experience-wrapper",
+  LOGO_SVG: "utah-logo-svg",
+  LOGO_VERT_LINE: "utds-logo-vert-line",
+  LOGO: "utds-logo-wrapper",
+  MAIN_MENU: "main-menu__wrapper",
+  MAIN_MENU__MENU_TOP: "main-menu__menu-top",
+  MAIN_MENU__NAV: "main-menu__nav",
+  MAIN_MENU__OUTER: "main-menu__outer",
+  MAIN_MENU__SEARCH: "main-menu__search",
+  MAIN_MENU__TITLE: "main-menu__title",
+  MENU_ITEM: "menu-item",
+  MENU_ITEM__BUTTON_TITLE: "menu-item__button-title",
+  MENU_ITEM__LINK_TITLE: "menu-item__link-title",
+  MENU_ITEM__SELECTED: "menu-item--selected",
+  MENU_ITEM__TITLE: "menu-item__title",
+  MENU_ITEM__FLY_OUT: "menu-item--fly_out",
+  MENU_ITEM__INLINE: "menu-item--inline",
+  MENU_ITEM__MEGA_MENU: "menu-item--mega-menu",
+  POPUP_MENU: "vertical-menu",
+  POPUP_MENU__BUTTON_TITLE: "vertical-menu__button-title",
+  POPUP_MENU__CHEVRON: "vertical-menu__chevron",
+  POPUP_MENU__DIVIDER: "vertical-menu__divider",
+  POPUP_MENU__LINK_TEXT: "vertical-menu__link-text",
+  POPUP_MENU__LINK_TITLE: "vertical-menu__link-title",
+  POPUP_MENU__PLAIN_TITLE: "vertical-menu__plain-title",
+  POPUP_MENU__TITLE: "vertical-menu__title",
+  POPUP__HIDDEN: "popup__wrapper--hidden",
+  POPUP__VISIBLE: "popup__wrapper--visible",
+  POPUP__WRAPPER: "popup__wrapper",
+  EXTERNAL_LINK: "utds-icon-after-external-link",
+  EXTERNAL_LINK__NEW_TAB: "utds-new-tab-link-a11y",
+  POPUP_ARROW: "popup__arrow",
+  POPUP_CONTENT_WRAPPER: "popup__content",
+  POPUP_WRAPPER: "popup__wrapper",
+  SIZE__LARGE: "large",
+  SIZE__MEDIUM: "medium",
+  TITLE: "utds-title-wrapper",
+  TITLE__LOGO: "utds-title-wrapper__logo",
+  TITLE__TITLE: "utds-title-wrapper__title",
+  UTAH_ID: "utds-utah-id-wrapper",
+  UTAH_ID__BUTTON: "utds-utah-id__button"
+}, vn = `<span class="utds-icon-before-waffle" aria-hidden="true" />
+`, mn = `<span class="utds-icon-before-help" aria-hidden="true" />
+`, _n = `<span class="utds-icon-before-alert" aria-hidden="true" />
+`, En = {
+  actionItems: [
+    {
+      actionPopupMenu: {
+        menuItems: [
+          {
+            actionUrl: { url: "https://google.com?search=how realisitic can you be" },
+            title: "Item #1"
+          },
+          {
+            actionUrl: { url: "https://utah.gov", openInNewTab: !0 },
+            title: "Utah.Gov"
+          },
+          {
+            actionFunction: (t) => {
+              t.stopPropagation(), t.preventDefault(), console.log("Custom menu item triggered");
+            },
+            title: "Custom menu item"
+          },
+          {
+            actionMenu: [
+              {
+                title: "i am a child",
+                actionMenu: [
+                  {
+                    title: "i am a child",
+                    actionUrl: { url: "https://dts.utah.gov" }
+                  },
+                  {
+                    title: "i am a child 2oo",
+                    actionUrl: { url: "https://dts.utah.gov/2" }
+                  }
+                ]
+              },
+              {
+                title: "i am a child 2oo",
+                actionMenu: [
+                  {
+                    title: "i am a child2",
+                    actionUrl: { url: "https://dts.utah.gov" }
+                  },
+                  {
+                    title: "i am a child 2oo2",
+                    actionUrl: { url: "https://dts.utah.gov/2" }
+                  }
+                ]
+              }
+            ],
+            title: "I have children!!"
+          }
+        ],
+        title: "Divisions Menu"
+      },
+      className: "icon-waffle",
+      icon: vn,
+      showTitle: !0,
+      title: "Divisions"
+    },
+    {
+      actionFunction: () => (
+        // eslint-disable-next-line no-console
+        console.log("Alerts clicked")
+      ),
+      badge: {
+        // Note: make sure the `label` is plural/singular to match the value
+        label: "Unread Alert",
+        value: 1
+      },
+      icon: _n,
+      showTitle: !1,
+      title: "Alerts"
+    },
+    {
+      actionDom: (() => {
+        const t = document.createElement("div");
+        t.appendChild(document.createTextNode("Hello World!"));
+        const e = document.createElement("button");
+        return e.appendChild(document.createTextNode("Do not press me.")), t.appendChild(e), t;
+      })(),
+      badge: {
+        // Note: make sure the `label` is plural/singular to match the value
+        label: "Help Items Available"
+      },
+      icon: mn,
+      showTitle: !1,
+      title: "Help"
+    }
+  ],
+  mediaSizes: {
+    mobile: 640,
+    tabletPortrait: 768,
+    tabletLandscape: 1024
+  },
+  showTitle: !0,
+  size: ue.MEDIUM,
+  title: "Utah Design System",
+  titleURL: "/",
+  utahId: !0,
+  mainMenu: {
+    menuItems: [
+      {
+        actionUrl: { url: "/" },
+        title: "Home"
+      },
+      {
+        actionUrl: { url: "#" },
+        title: "Link to Somewhere"
+      },
+      {
+        isSelected: !0,
+        actionFunction: () => alert("hello yous guy"),
+        title: "do func"
+      },
+      {
+        actionMenu: [
+          {
+            title: "Guidelines and Standards",
+            actionUrl: { url: "/guidelines" }
+          }
+        ],
+        title: "Guidelines/Standards"
+      },
+      {
+        actionMenu: [
+          {
+            title: "child1",
+            actionMenu: [
+              {
+                title: "child1-1",
+                actionMenu: [
+                  {
+                    title: "child1-1-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-1-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-1-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              },
+              {
+                title: "child1-2",
+                actionMenu: [
+                  {
+                    title: "child1-2-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-2-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-2-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            title: "child2",
+            actionMenu: [
+              {
+                title: "child2-1",
+                actionMenu: [
+                  {
+                    title: "child2-1-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-1-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-1-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              },
+              {
+                title: "child2-2",
+                actionMenu: [
+                  {
+                    title: "child2-2-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-2-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-2-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              }
+            ]
+          }
+        ],
+        childrenMenuType: G.FLYOUT,
+        title: "Childrens"
+      },
+      {
+        actionMenu: [
+          {
+            title: "Title of section 1",
+            actionMenu: [
+              {
+                title: "child1-1",
+                actionMenu: [
+                  {
+                    title: "child1-1-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-1-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-1-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              },
+              {
+                title: "child1-2",
+                actionMenu: [
+                  {
+                    title: "child1-2-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-2-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child1-2-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            title: "Title of section 2",
+            actionMenu: [
+              {
+                title: "child2-1",
+                actionMenu: [
+                  {
+                    title: "child2-1-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-1-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-1-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              },
+              {
+                title: "child2-2",
+                actionMenu: [
+                  {
+                    title: "child2-2-1",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-2-2",
+                    actionUrl: { url: "/children" }
+                  },
+                  {
+                    title: "child2-2-3",
+                    actionUrl: { url: "/children" }
+                  }
+                ]
+              }
+            ]
+          }
+        ],
+        childrenMenuType: G.MEGA_MENU,
+        title: "MEGA MENU!"
+      }
+    ],
+    title: "Utah Design System Main Menu"
+  }
+};
+let De = { ...En };
+function S() {
+  return De;
+}
+function gn(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 pi(t) {
+  De = { ...fn, ...t }, gn(De);
+  const e = document.querySelector(T([d.UTAH_DESIGN_SYSTEM, d.HEADER])), n = document.querySelector(T([d.UTAH_DESIGN_SYSTEM, d.MAIN_MENU__OUTER]));
+  return e && (e.remove(), n == null || n.remove()), ui(), De;
+}
+const bn = `<div class="utds-title-wrapper">
+  <div class="utds-title-wrapper__logo"></div>
+  <div class="utds-title-wrapper__title"></div>
+</div>
+`, Tn = `<a class="utds-title-wrapper">
+  <div class="utds-title-wrapper__logo"></div>
+  <div class="utds-title-wrapper__title"></div>
+</a>
+`;
+function V(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 wn() {
+  const t = S().titleURL, e = U(t ? Tn : bn);
+  if (!e)
+    throw new Error("LogoTitle: titleWrapper is null");
+  t && e.setAttribute("href", t);
+  const n = e.querySelector(T(d.TITLE__LOGO));
+  if (!n)
+    throw new Error("LogoTitle: logoWrapper is null");
+  const r = S().logo, i = S().showTitle, o = S().title;
+  if (r) {
+    let s;
+    je(r) ? s = U(
+      /** @type {string} */
+      r
+    ) : s = /** @type {Element} */
+    r, s.setAttribute("role", "presentation"), V(n, s);
+  } else
+    e.removeChild(n);
+  const a = document.createTextNode(o), l = e.querySelector(T(d.TITLE__TITLE));
+  return l == null || l.appendChild(a), !i && r && (l == null || l.classList.add(d.VISUALLY_HIDDEN)), e;
+}
+const yn = `<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>
+`, Pn = `<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 An() {
+  let t;
+  switch (S().size) {
+    case ue.LARGE:
+      t = yn;
+      break;
+    case ue.SMALL:
+    case ue.MEDIUM:
+      t = Pn;
+      break;
+    default:
+      throw new Error(`Unknown settings size: '${S().size}'`);
+  }
+  return Be(t);
+}
+const On = `<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
+`, Mn = `<span class="utds-logo-vert-line"></span>
+`, In = `<div class="utds-action-items-wrapper"></div>
+`;
+var R = "top", W = "bottom", $ = "right", H = "left", ke = "auto", Ae = [R, W, $, H], pe = "start", we = "end", Ln = "clippingParents", Ut = "viewport", Ee = "popper", Nn = "reference", ht = /* @__PURE__ */ Ae.reduce(function(t, e) {
+  return t.concat([e + "-" + pe, e + "-" + we]);
+}, []), St = /* @__PURE__ */ [].concat(Ae, [ke]).reduce(function(t, e) {
+  return t.concat([e, e + "-" + pe, e + "-" + we]);
+}, []), Un = "beforeRead", Sn = "read", Dn = "afterRead", xn = "beforeMain", Cn = "main", Rn = "afterMain", Hn = "beforeWrite", Bn = "write", kn = "afterWrite", ze = [Un, Sn, Dn, xn, Cn, Rn, Hn, Bn, kn];
+function Z(t) {
+  return t ? (t.nodeName || "").toLowerCase() : null;
+}
+function q(t) {
+  if (t == null)
+    return window;
+  if (t.toString() !== "[object Window]") {
+    var e = t.ownerDocument;
+    return e && e.defaultView || window;
+  }
+  return t;
+}
+function le(t) {
+  var e = q(t).Element;
+  return t instanceof e || t instanceof Element;
+}
+function k(t) {
+  var e = q(t).HTMLElement;
+  return t instanceof e || t instanceof HTMLElement;
+}
+function Qe(t) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var e = q(t).ShadowRoot;
+  return t instanceof e || t instanceof ShadowRoot;
+}
+function Vn(t) {
+  var e = t.state;
+  Object.keys(e.elements).forEach(function(n) {
+    var r = e.styles[n] || {}, i = e.attributes[n] || {}, o = e.elements[n];
+    !k(o) || !Z(o) || (Object.assign(o.style, r), Object.keys(i).forEach(function(a) {
+      var l = i[a];
+      l === !1 ? o.removeAttribute(a) : o.setAttribute(a, l === !0 ? "" : l);
+    }));
+  });
+}
+function Wn(t) {
+  var e = t.state, n = {
+    popper: {
+      position: e.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(e.elements.popper.style, n.popper), e.styles = n, e.elements.arrow && Object.assign(e.elements.arrow.style, n.arrow), function() {
+    Object.keys(e.elements).forEach(function(r) {
+      var i = e.elements[r], o = e.attributes[r] || {}, a = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : n[r]), l = a.reduce(function(s, u) {
+        return s[u] = "", s;
+      }, {});
+      !k(i) || !Z(i) || (Object.assign(i.style, l), Object.keys(o).forEach(function(s) {
+        i.removeAttribute(s);
+      }));
+    });
+  };
+}
+const $n = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Vn,
+  effect: Wn,
+  requires: ["computeStyles"]
+};
+function j(t) {
+  return t.split("-")[0];
+}
+var ae = Math.max, Re = Math.min, fe = Math.round;
+function Ye() {
+  var t = navigator.userAgentData;
+  return t != null && t.brands ? t.brands.map(function(e) {
+    return e.brand + "/" + e.version;
+  }).join(" ") : navigator.userAgent;
+}
+function Dt() {
+  return !/^((?!chrome|android).)*safari/i.test(Ye());
+}
+function he(t, e, n) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  var r = t.getBoundingClientRect(), i = 1, o = 1;
+  e && k(t) && (i = t.offsetWidth > 0 && fe(r.width) / t.offsetWidth || 1, o = t.offsetHeight > 0 && fe(r.height) / t.offsetHeight || 1);
+  var a = le(t) ? q(t) : window, l = a.visualViewport, s = !Dt() && n, u = (r.left + (s && l ? l.offsetLeft : 0)) / i, c = (r.top + (s && l ? l.offsetTop : 0)) / o, v = r.width / i, b = r.height / o;
+  return {
+    width: v,
+    height: b,
+    top: c,
+    right: u + v,
+    bottom: c + b,
+    left: u,
+    x: u,
+    y: c
+  };
+}
+function Je(t) {
+  var e = he(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,
+    width: n,
+    height: r
+  };
+}
+function xt(t, e) {
+  var n = e.getRootNode && e.getRootNode();
+  if (t.contains(e))
+    return !0;
+  if (n && Qe(n)) {
+    var r = e;
+    do {
+      if (r && t.isSameNode(r))
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function z(t) {
+  return q(t).getComputedStyle(t);
+}
+function qn(t) {
+  return ["table", "td", "th"].indexOf(Z(t)) >= 0;
+}
+function J(t) {
+  return ((le(t) ? t.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    t.document
+  )) || window.document).documentElement;
+}
+function Ve(t) {
+  return Z(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
+    (Qe(t) ? t.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    J(t)
+  );
+}
+function vt(t) {
+  return !k(t) || // https://github.com/popperjs/popper-core/issues/837
+  z(t).position === "fixed" ? null : t.offsetParent;
+}
+function Fn(t) {
+  var e = /firefox/i.test(Ye()), n = /Trident/i.test(Ye());
+  if (n && k(t)) {
+    var r = z(t);
+    if (r.position === "fixed")
+      return null;
+  }
+  var i = Ve(t);
+  for (Qe(i) && (i = i.host); k(i) && ["html", "body"].indexOf(Z(i)) < 0; ) {
+    var o = z(i);
+    if (o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].indexOf(o.willChange) !== -1 || e && o.willChange === "filter" || e && o.filter && o.filter !== "none")
+      return i;
+    i = i.parentNode;
+  }
+  return null;
+}
+function Oe(t) {
+  for (var e = q(t), n = vt(t); n && qn(n) && z(n).position === "static"; )
+    n = vt(n);
+  return n && (Z(n) === "html" || Z(n) === "body" && z(n).position === "static") ? e : n || Fn(t) || e;
+}
+function et(t) {
+  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+}
+function be(t, e, n) {
+  return ae(t, Re(e, n));
+}
+function Gn(t, e, n) {
+  var r = be(t, e, n);
+  return r > n ? n : r;
+}
+function Ct() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function Rt(t) {
+  return Object.assign({}, Ct(), t);
+}
+function Ht(t, e) {
+  return e.reduce(function(n, r) {
+    return n[r] = t, n;
+  }, {});
+}
+var jn = function(e, n) {
+  return e = typeof e == "function" ? e(Object.assign({}, n.rects, {
+    placement: n.placement
+  })) : e, Rt(typeof e != "number" ? e : Ht(e, Ae));
+};
+function zn(t) {
+  var e, n = t.state, r = t.name, i = t.options, o = n.elements.arrow, a = n.modifiersData.popperOffsets, l = j(n.placement), s = et(l), u = [H, $].indexOf(l) >= 0, c = u ? "height" : "width";
+  if (!(!o || !a)) {
+    var v = jn(i.padding, n), b = Je(o), p = s === "y" ? R : H, h = s === "y" ? W : $, f = n.rects.reference[c] + n.rects.reference[s] - a[s] - n.rects.popper[c], E = a[s] - n.rects.reference[s], w = Oe(o), A = w ? s === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, P = f / 2 - E / 2, m = v[p], _ = A - b[c] - v[h], g = A / 2 - b[c] / 2 + P, O = be(m, g, _), I = s;
+    n.modifiersData[r] = (e = {}, e[I] = O, e.centerOffset = O - g, e);
+  }
+}
+function Yn(t) {
+  var e = t.state, n = t.options, r = n.element, i = r === void 0 ? "[data-popper-arrow]" : r;
+  if (i != null && !(typeof i == "string" && (i = e.elements.popper.querySelector(i), !i))) {
+    if (process.env.NODE_ENV !== "production" && (k(i) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !xt(e.elements.popper, i)) {
+      process.env.NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
+      return;
+    }
+    e.elements.arrow = i;
+  }
+}
+const Zn = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: zn,
+  effect: Yn,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function ve(t) {
+  return t.split("-")[1];
+}
+var Xn = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function Kn(t) {
+  var e = t.x, n = t.y, r = window, i = r.devicePixelRatio || 1;
+  return {
+    x: fe(e * i) / i || 0,
+    y: fe(n * i) / i || 0
+  };
+}
+function mt(t) {
+  var e, n = t.popper, r = t.popperRect, i = t.placement, o = t.variation, a = t.offsets, l = t.position, s = t.gpuAcceleration, u = t.adaptive, c = t.roundOffsets, v = t.isFixed, b = a.x, p = b === void 0 ? 0 : b, h = a.y, f = h === void 0 ? 0 : h, E = typeof c == "function" ? c({
+    x: p,
+    y: f
+  }) : {
+    x: p,
+    y: f
+  };
+  p = E.x, f = E.y;
+  var w = a.hasOwnProperty("x"), A = a.hasOwnProperty("y"), P = H, m = R, _ = window;
+  if (u) {
+    var g = Oe(n), O = "clientHeight", I = "clientWidth";
+    if (g === q(n) && (g = J(n), z(g).position !== "static" && l === "absolute" && (O = "scrollHeight", I = "scrollWidth")), g = g, i === R || (i === H || i === $) && o === we) {
+      m = W;
+      var L = v && g === _ && _.visualViewport ? _.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        g[O]
+      );
+      f -= L - r.height, f *= s ? 1 : -1;
+    }
+    if (i === H || (i === R || i === W) && o === we) {
+      P = $;
+      var N = v && g === _ && _.visualViewport ? _.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        g[I]
+      );
+      p -= N - r.width, p *= s ? 1 : -1;
+    }
+  }
+  var y = Object.assign({
+    position: l
+  }, u && Xn), D = c === !0 ? Kn({
+    x: p,
+    y: f
+  }) : {
+    x: p,
+    y: f
+  };
+  if (p = D.x, f = D.y, s) {
+    var x;
+    return Object.assign({}, y, (x = {}, x[m] = A ? "0" : "", x[P] = w ? "0" : "", x.transform = (_.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + f + "px)" : "translate3d(" + p + "px, " + f + "px, 0)", x));
+  }
+  return Object.assign({}, y, (e = {}, e[m] = A ? f + "px" : "", e[P] = w ? p + "px" : "", e.transform = "", e));
+}
+function Qn(t) {
+  var e = t.state, n = t.options, r = n.gpuAcceleration, i = r === void 0 ? !0 : r, o = n.adaptive, a = o === void 0 ? !0 : o, l = n.roundOffsets, s = l === void 0 ? !0 : l;
+  if (process.env.NODE_ENV !== "production") {
+    var u = z(e.elements.popper).transitionProperty || "";
+    a && ["transform", "top", "right", "bottom", "left"].some(function(v) {
+      return u.indexOf(v) >= 0;
+    }) && console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', `
+
+`, 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", `
+
+`, "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
+  }
+  var c = {
+    placement: j(e.placement),
+    variation: ve(e.placement),
+    popper: e.elements.popper,
+    popperRect: e.rects.popper,
+    gpuAcceleration: i,
+    isFixed: e.options.strategy === "fixed"
+  };
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, mt(Object.assign({}, c, {
+    offsets: e.modifiersData.popperOffsets,
+    position: e.options.strategy,
+    adaptive: a,
+    roundOffsets: s
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, mt(Object.assign({}, c, {
+    offsets: e.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: s
+  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-placement": e.placement
+  });
+}
+const Jn = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: Qn,
+  data: {}
+};
+var Se = {
+  passive: !0
+};
+function er(t) {
+  var e = t.state, n = t.instance, r = t.options, i = r.scroll, o = i === void 0 ? !0 : i, a = r.resize, l = a === void 0 ? !0 : a, s = q(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return o && u.forEach(function(c) {
+    c.addEventListener("scroll", n.update, Se);
+  }), l && s.addEventListener("resize", n.update, Se), function() {
+    o && u.forEach(function(c) {
+      c.removeEventListener("scroll", n.update, Se);
+    }), l && s.removeEventListener("resize", n.update, Se);
+  };
+}
+const tr = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: er,
+  data: {}
+};
+var nr = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function xe(t) {
+  return t.replace(/left|right|bottom|top/g, function(e) {
+    return nr[e];
+  });
+}
+var rr = {
+  start: "end",
+  end: "start"
+};
+function _t(t) {
+  return t.replace(/start|end/g, function(e) {
+    return rr[e];
+  });
+}
+function tt(t) {
+  var e = q(t), n = e.pageXOffset, r = e.pageYOffset;
+  return {
+    scrollLeft: n,
+    scrollTop: r
+  };
+}
+function nt(t) {
+  return he(J(t)).left + tt(t).scrollLeft;
+}
+function ir(t, e) {
+  var n = q(t), r = J(t), i = n.visualViewport, o = r.clientWidth, a = r.clientHeight, l = 0, s = 0;
+  if (i) {
+    o = i.width, a = i.height;
+    var u = Dt();
+    (u || !u && e === "fixed") && (l = i.offsetLeft, s = i.offsetTop);
+  }
+  return {
+    width: o,
+    height: a,
+    x: l + nt(t),
+    y: s
+  };
+}
+function or(t) {
+  var e, n = J(t), r = tt(t), i = (e = t.ownerDocument) == null ? void 0 : e.body, o = ae(n.scrollWidth, n.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = ae(n.scrollHeight, n.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), l = -r.scrollLeft + nt(t), s = -r.scrollTop;
+  return z(i || n).direction === "rtl" && (l += ae(n.clientWidth, i ? i.clientWidth : 0) - o), {
+    width: o,
+    height: a,
+    x: l,
+    y: s
+  };
+}
+function rt(t) {
+  var e = z(t), n = e.overflow, r = e.overflowX, i = e.overflowY;
+  return /auto|scroll|overlay|hidden/.test(n + i + r);
+}
+function Bt(t) {
+  return ["html", "body", "#document"].indexOf(Z(t)) >= 0 ? t.ownerDocument.body : k(t) && rt(t) ? t : Bt(Ve(t));
+}
+function Te(t, e) {
+  var n;
+  e === void 0 && (e = []);
+  var r = Bt(t), i = r === ((n = t.ownerDocument) == null ? void 0 : n.body), o = q(r), a = i ? [o].concat(o.visualViewport || [], rt(r) ? r : []) : r, l = e.concat(a);
+  return i ? l : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    l.concat(Te(Ve(a)))
+  );
+}
+function Ze(t) {
+  return Object.assign({}, t, {
+    left: t.x,
+    top: t.y,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  });
+}
+function ar(t, e) {
+  var n = he(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 Et(t, e, n) {
+  return e === Ut ? Ze(ir(t, n)) : le(e) ? ar(e, n) : Ze(or(J(t)));
+}
+function sr(t) {
+  var e = Te(Ve(t)), n = ["absolute", "fixed"].indexOf(z(t).position) >= 0, r = n && k(t) ? Oe(t) : t;
+  return le(r) ? e.filter(function(i) {
+    return le(i) && xt(i, r) && Z(i) !== "body";
+  }) : [];
+}
+function lr(t, e, n, r) {
+  var i = e === "clippingParents" ? sr(t) : [].concat(e), o = [].concat(i, [n]), a = o[0], l = o.reduce(function(s, u) {
+    var c = Et(t, u, r);
+    return s.top = ae(c.top, s.top), s.right = Re(c.right, s.right), s.bottom = Re(c.bottom, s.bottom), s.left = ae(c.left, s.left), s;
+  }, Et(t, a, r));
+  return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
+}
+function kt(t) {
+  var e = t.reference, n = t.element, r = t.placement, i = r ? j(r) : null, o = r ? ve(r) : null, a = e.x + e.width / 2 - n.width / 2, l = e.y + e.height / 2 - n.height / 2, s;
+  switch (i) {
+    case R:
+      s = {
+        x: a,
+        y: e.y - n.height
+      };
+      break;
+    case W:
+      s = {
+        x: a,
+        y: e.y + e.height
+      };
+      break;
+    case $:
+      s = {
+        x: e.x + e.width,
+        y: l
+      };
+      break;
+    case H:
+      s = {
+        x: e.x - n.width,
+        y: l
+      };
+      break;
+    default:
+      s = {
+        x: e.x,
+        y: e.y
+      };
+  }
+  var u = i ? et(i) : null;
+  if (u != null) {
+    var c = u === "y" ? "height" : "width";
+    switch (o) {
+      case pe:
+        s[u] = s[u] - (e[c] / 2 - n[c] / 2);
+        break;
+      case we:
+        s[u] = s[u] + (e[c] / 2 - n[c] / 2);
+        break;
+    }
+  }
+  return s;
+}
+function ye(t, e) {
+  e === void 0 && (e = {});
+  var n = e, r = n.placement, i = r === void 0 ? t.placement : r, o = n.strategy, a = o === void 0 ? t.strategy : o, l = n.boundary, s = l === void 0 ? Ln : l, u = n.rootBoundary, c = u === void 0 ? Ut : u, v = n.elementContext, b = v === void 0 ? Ee : v, p = n.altBoundary, h = p === void 0 ? !1 : p, f = n.padding, E = f === void 0 ? 0 : f, w = Rt(typeof E != "number" ? E : Ht(E, Ae)), A = b === Ee ? Nn : Ee, P = t.rects.popper, m = t.elements[h ? A : b], _ = lr(le(m) ? m : m.contextElement || J(t.elements.popper), s, c, a), g = he(t.elements.reference), O = kt({
+    reference: g,
+    element: P,
+    strategy: "absolute",
+    placement: i
+  }), I = Ze(Object.assign({}, P, O)), L = b === Ee ? I : g, N = {
+    top: _.top - L.top + w.top,
+    bottom: L.bottom - _.bottom + w.bottom,
+    left: _.left - L.left + w.left,
+    right: L.right - _.right + w.right
+  }, y = t.modifiersData.offset;
+  if (b === Ee && y) {
+    var D = y[i];
+    Object.keys(N).forEach(function(x) {
+      var ee = [$, W].indexOf(x) >= 0 ? 1 : -1, te = [R, W].indexOf(x) >= 0 ? "y" : "x";
+      N[x] += D[te] * ee;
+    });
+  }
+  return N;
+}
+function cr(t, e) {
+  e === void 0 && (e = {});
+  var n = e, r = n.placement, i = n.boundary, o = n.rootBoundary, a = n.padding, l = n.flipVariations, s = n.allowedAutoPlacements, u = s === void 0 ? St : s, c = ve(r), v = c ? l ? ht : ht.filter(function(h) {
+    return ve(h) === c;
+  }) : Ae, b = v.filter(function(h) {
+    return u.indexOf(h) >= 0;
+  });
+  b.length === 0 && (b = v, process.env.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 = b.reduce(function(h, f) {
+    return h[f] = ye(t, {
+      placement: f,
+      boundary: i,
+      rootBoundary: o,
+      padding: a
+    })[j(f)], h;
+  }, {});
+  return Object.keys(p).sort(function(h, f) {
+    return p[h] - p[f];
+  });
+}
+function ur(t) {
+  if (j(t) === ke)
+    return [];
+  var e = xe(t);
+  return [_t(t), e, _t(e)];
+}
+function dr(t) {
+  var e = t.state, n = t.options, r = t.name;
+  if (!e.modifiersData[r]._skip) {
+    for (var i = n.mainAxis, o = i === void 0 ? !0 : i, a = n.altAxis, l = a === void 0 ? !0 : a, s = n.fallbackPlacements, u = n.padding, c = n.boundary, v = n.rootBoundary, b = n.altBoundary, p = n.flipVariations, h = p === void 0 ? !0 : p, f = n.allowedAutoPlacements, E = e.options.placement, w = j(E), A = w === E, P = s || (A || !h ? [xe(E)] : ur(E)), m = [E].concat(P).reduce(function(ce, K) {
+      return ce.concat(j(K) === ke ? cr(e, {
+        placement: K,
+        boundary: c,
+        rootBoundary: v,
+        padding: u,
+        flipVariations: h,
+        allowedAutoPlacements: f
+      }) : K);
+    }, []), _ = e.rects.reference, g = e.rects.popper, O = /* @__PURE__ */ new Map(), I = !0, L = m[0], N = 0; N < m.length; N++) {
+      var y = m[N], D = j(y), x = ve(y) === pe, ee = [R, W].indexOf(D) >= 0, te = ee ? "width" : "height", B = ye(e, {
+        placement: y,
+        boundary: c,
+        rootBoundary: v,
+        altBoundary: b,
+        padding: u
+      }), F = ee ? x ? $ : H : x ? W : R;
+      _[te] > g[te] && (F = xe(F));
+      var Me = xe(F), ne = [];
+      if (o && ne.push(B[D] <= 0), l && ne.push(B[F] <= 0, B[Me] <= 0), ne.every(function(ce) {
+        return ce;
+      })) {
+        L = y, I = !1;
+        break;
+      }
+      O.set(y, ne);
+    }
+    if (I)
+      for (var Ie = h ? 3 : 1, $e = function(K) {
+        var _e = m.find(function(Ne) {
+          var re = O.get(Ne);
+          if (re)
+            return re.slice(0, K).every(function(qe) {
+              return qe;
+            });
+        });
+        if (_e)
+          return L = _e, "break";
+      }, me = Ie; me > 0; me--) {
+        var Le = $e(me);
+        if (Le === "break")
+          break;
+      }
+    e.placement !== L && (e.modifiersData[r]._skip = !0, e.placement = L, e.reset = !0);
+  }
+}
+const pr = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: dr,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function gt(t, e, n) {
+  return n === void 0 && (n = {
+    x: 0,
+    y: 0
+  }), {
+    top: t.top - e.height - n.y,
+    right: t.right - e.width + n.x,
+    bottom: t.bottom - e.height + n.y,
+    left: t.left - e.width - n.x
+  };
+}
+function bt(t) {
+  return [R, $, W, H].some(function(e) {
+    return t[e] >= 0;
+  });
+}
+function fr(t) {
+  var e = t.state, n = t.name, r = e.rects.reference, i = e.rects.popper, o = e.modifiersData.preventOverflow, a = ye(e, {
+    elementContext: "reference"
+  }), l = ye(e, {
+    altBoundary: !0
+  }), s = gt(a, r), u = gt(l, i, o), c = bt(s), v = bt(u);
+  e.modifiersData[n] = {
+    referenceClippingOffsets: s,
+    popperEscapeOffsets: u,
+    isReferenceHidden: c,
+    hasPopperEscaped: v
+  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-reference-hidden": c,
+    "data-popper-escaped": v
+  });
+}
+const hr = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: fr
+};
+function vr(t, e, n) {
+  var r = j(t), i = [H, R].indexOf(r) >= 0 ? -1 : 1, o = typeof n == "function" ? n(Object.assign({}, e, {
+    placement: t
+  })) : n, a = o[0], l = o[1];
+  return a = a || 0, l = (l || 0) * i, [H, $].indexOf(r) >= 0 ? {
+    x: l,
+    y: a
+  } : {
+    x: a,
+    y: l
+  };
+}
+function mr(t) {
+  var e = t.state, n = t.options, r = t.name, i = n.offset, o = i === void 0 ? [0, 0] : i, a = St.reduce(function(c, v) {
+    return c[v] = vr(v, e.rects, o), c;
+  }, {}), l = a[e.placement], s = l.x, u = l.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += s, e.modifiersData.popperOffsets.y += u), e.modifiersData[r] = a;
+}
+const _r = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: mr
+};
+function Er(t) {
+  var e = t.state, n = t.name;
+  e.modifiersData[n] = kt({
+    reference: e.rects.reference,
+    element: e.rects.popper,
+    strategy: "absolute",
+    placement: e.placement
+  });
+}
+const gr = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: Er,
+  data: {}
+};
+function br(t) {
+  return t === "x" ? "y" : "x";
+}
+function Tr(t) {
+  var e = t.state, n = t.options, r = t.name, i = n.mainAxis, o = i === void 0 ? !0 : i, a = n.altAxis, l = a === void 0 ? !1 : a, s = n.boundary, u = n.rootBoundary, c = n.altBoundary, v = n.padding, b = n.tether, p = b === void 0 ? !0 : b, h = n.tetherOffset, f = h === void 0 ? 0 : h, E = ye(e, {
+    boundary: s,
+    rootBoundary: u,
+    padding: v,
+    altBoundary: c
+  }), w = j(e.placement), A = ve(e.placement), P = !A, m = et(w), _ = br(m), g = e.modifiersData.popperOffsets, O = e.rects.reference, I = e.rects.popper, L = typeof f == "function" ? f(Object.assign({}, e.rects, {
+    placement: e.placement
+  })) : f, N = typeof L == "number" ? {
+    mainAxis: L,
+    altAxis: L
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, L), y = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, D = {
+    x: 0,
+    y: 0
+  };
+  if (g) {
+    if (o) {
+      var x, ee = m === "y" ? R : H, te = m === "y" ? W : $, B = m === "y" ? "height" : "width", F = g[m], Me = F + E[ee], ne = F - E[te], Ie = p ? -I[B] / 2 : 0, $e = A === pe ? O[B] : I[B], me = A === pe ? -I[B] : -O[B], Le = e.elements.arrow, ce = p && Le ? Je(Le) : {
+        width: 0,
+        height: 0
+      }, K = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Ct(), _e = K[ee], Ne = K[te], re = be(0, O[B], ce[B]), qe = P ? O[B] / 2 - Ie - re - _e - N.mainAxis : $e - re - _e - N.mainAxis, Gt = P ? -O[B] / 2 + Ie + re + Ne + N.mainAxis : me + re + Ne + N.mainAxis, Fe = e.elements.arrow && Oe(e.elements.arrow), jt = Fe ? m === "y" ? Fe.clientTop || 0 : Fe.clientLeft || 0 : 0, ot = (x = y == null ? void 0 : y[m]) != null ? x : 0, zt = F + qe - ot - jt, Yt = F + Gt - ot, at = be(p ? Re(Me, zt) : Me, F, p ? ae(ne, Yt) : ne);
+      g[m] = at, D[m] = at - F;
+    }
+    if (l) {
+      var st, Zt = m === "x" ? R : H, Xt = m === "x" ? W : $, ie = g[_], Ue = _ === "y" ? "height" : "width", lt = ie + E[Zt], ct = ie - E[Xt], Ge = [R, H].indexOf(w) !== -1, ut = (st = y == null ? void 0 : y[_]) != null ? st : 0, dt = Ge ? lt : ie - O[Ue] - I[Ue] - ut + N.altAxis, pt = Ge ? ie + O[Ue] + I[Ue] - ut - N.altAxis : ct, ft = p && Ge ? Gn(dt, ie, pt) : be(p ? dt : lt, ie, p ? pt : ct);
+      g[_] = ft, D[_] = ft - ie;
+    }
+    e.modifiersData[r] = D;
+  }
+}
+const wr = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Tr,
+  requiresIfExists: ["offset"]
+};
+function yr(t) {
+  return {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  };
+}
+function Pr(t) {
+  return t === q(t) || !k(t) ? tt(t) : yr(t);
+}
+function Ar(t) {
+  var e = t.getBoundingClientRect(), n = fe(e.width) / t.offsetWidth || 1, r = fe(e.height) / t.offsetHeight || 1;
+  return n !== 1 || r !== 1;
+}
+function Or(t, e, n) {
+  n === void 0 && (n = !1);
+  var r = k(e), i = k(e) && Ar(e), o = J(e), a = he(t, i, n), l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, s = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !n) && ((Z(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  rt(o)) && (l = Pr(e)), k(e) ? (s = he(e, !0), s.x += e.clientLeft, s.y += e.clientTop) : o && (s.x = nt(o))), {
+    x: a.left + l.scrollLeft - s.x,
+    y: a.top + l.scrollTop - s.y,
+    width: a.width,
+    height: a.height
+  };
+}
+function Mr(t) {
+  var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
+  t.forEach(function(o) {
+    e.set(o.name, o);
+  });
+  function i(o) {
+    n.add(o.name);
+    var a = [].concat(o.requires || [], o.requiresIfExists || []);
+    a.forEach(function(l) {
+      if (!n.has(l)) {
+        var s = e.get(l);
+        s && i(s);
+      }
+    }), r.push(o);
+  }
+  return t.forEach(function(o) {
+    n.has(o.name) || i(o);
+  }), r;
+}
+function Ir(t) {
+  var e = Mr(t);
+  return ze.reduce(function(n, r) {
+    return n.concat(e.filter(function(i) {
+      return i.phase === r;
+    }));
+  }, []);
+}
+function Lr(t) {
+  var e;
+  return function() {
+    return e || (e = new Promise(function(n) {
+      Promise.resolve().then(function() {
+        e = void 0, n(t());
+      });
+    })), e;
+  };
+}
+function Q(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(i, o) {
+    return i.replace(/%s/, o);
+  }, t);
+}
+var oe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Nr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Tt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function Ur(t) {
+  t.forEach(function(e) {
+    [].concat(Object.keys(e), Tt).filter(function(n, r, i) {
+      return i.indexOf(n) === r;
+    }).forEach(function(n) {
+      switch (n) {
+        case "name":
+          typeof e.name != "string" && console.error(Q(oe, String(e.name), '"name"', '"string"', '"' + String(e.name) + '"'));
+          break;
+        case "enabled":
+          typeof e.enabled != "boolean" && console.error(Q(oe, e.name, '"enabled"', '"boolean"', '"' + String(e.enabled) + '"'));
+          break;
+        case "phase":
+          ze.indexOf(e.phase) < 0 && console.error(Q(oe, e.name, '"phase"', "either " + ze.join(", "), '"' + String(e.phase) + '"'));
+          break;
+        case "fn":
+          typeof e.fn != "function" && console.error(Q(oe, e.name, '"fn"', '"function"', '"' + String(e.fn) + '"'));
+          break;
+        case "effect":
+          e.effect != null && typeof e.effect != "function" && console.error(Q(oe, e.name, '"effect"', '"function"', '"' + String(e.fn) + '"'));
+          break;
+        case "requires":
+          e.requires != null && !Array.isArray(e.requires) && console.error(Q(oe, e.name, '"requires"', '"array"', '"' + String(e.requires) + '"'));
+          break;
+        case "requiresIfExists":
+          Array.isArray(e.requiresIfExists) || console.error(Q(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 ' + Tt.map(function(r) {
+            return '"' + r + '"';
+          }).join(", ") + '; but "' + n + '" was provided.');
+      }
+      e.requires && e.requires.forEach(function(r) {
+        t.find(function(i) {
+          return i.name === r;
+        }) == null && console.error(Q(Nr, String(e.name), r, r));
+      });
+    });
+  });
+}
+function Sr(t, e) {
+  var n = /* @__PURE__ */ new Set();
+  return t.filter(function(r) {
+    var i = e(r);
+    if (!n.has(i))
+      return n.add(i), !0;
+  });
+}
+function Dr(t) {
+  var e = t.reduce(function(n, r) {
+    var i = n[r.name];
+    return n[r.name] = i ? Object.assign({}, i, r, {
+      options: Object.assign({}, i.options, r.options),
+      data: Object.assign({}, i.data, r.data)
+    }) : r, n;
+  }, {});
+  return Object.keys(e).map(function(n) {
+    return e[n];
+  });
+}
+var wt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", xr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", yt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Pt() {
+  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 Cr(t) {
+  t === void 0 && (t = {});
+  var e = t, n = e.defaultModifiers, r = n === void 0 ? [] : n, i = e.defaultOptions, o = i === void 0 ? yt : i;
+  return function(l, s, u) {
+    u === void 0 && (u = o);
+    var c = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, yt, o),
+      modifiersData: {},
+      elements: {
+        reference: l,
+        popper: s
+      },
+      attributes: {},
+      styles: {}
+    }, v = [], b = !1, p = {
+      state: c,
+      setOptions: function(w) {
+        var A = typeof w == "function" ? w(c.options) : w;
+        f(), c.options = Object.assign({}, o, c.options, A), c.scrollParents = {
+          reference: le(l) ? Te(l) : l.contextElement ? Te(l.contextElement) : [],
+          popper: Te(s)
+        };
+        var P = Ir(Dr([].concat(r, c.options.modifiers)));
+        if (c.orderedModifiers = P.filter(function(y) {
+          return y.enabled;
+        }), process.env.NODE_ENV !== "production") {
+          var m = Sr([].concat(P, c.options.modifiers), function(y) {
+            var D = y.name;
+            return D;
+          });
+          if (Ur(m), j(c.options.placement) === ke) {
+            var _ = c.orderedModifiers.find(function(y) {
+              var D = y.name;
+              return D === "flip";
+            });
+            _ || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+          }
+          var g = z(s), O = g.marginTop, I = g.marginRight, L = g.marginBottom, N = g.marginLeft;
+          [O, I, L, N].some(function(y) {
+            return parseFloat(y);
+          }) && console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
+        }
+        return h(), p.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!b) {
+          var w = c.elements, A = w.reference, P = w.popper;
+          if (!Pt(A, P)) {
+            process.env.NODE_ENV !== "production" && console.error(wt);
+            return;
+          }
+          c.rects = {
+            reference: Or(A, Oe(P), c.options.strategy === "fixed"),
+            popper: Je(P)
+          }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(y) {
+            return c.modifiersData[y.name] = Object.assign({}, y.data);
+          });
+          for (var m = 0, _ = 0; _ < c.orderedModifiers.length; _++) {
+            if (process.env.NODE_ENV !== "production" && (m += 1, m > 100)) {
+              console.error(xr);
+              break;
+            }
+            if (c.reset === !0) {
+              c.reset = !1, _ = -1;
+              continue;
+            }
+            var g = c.orderedModifiers[_], O = g.fn, I = g.options, L = I === void 0 ? {} : I, N = g.name;
+            typeof O == "function" && (c = O({
+              state: c,
+              options: L,
+              name: N,
+              instance: p
+            }) || c);
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Lr(function() {
+        return new Promise(function(E) {
+          p.forceUpdate(), E(c);
+        });
+      }),
+      destroy: function() {
+        f(), b = !0;
+      }
+    };
+    if (!Pt(l, s))
+      return process.env.NODE_ENV !== "production" && console.error(wt), p;
+    p.setOptions(u).then(function(E) {
+      !b && u.onFirstUpdate && u.onFirstUpdate(E);
+    });
+    function h() {
+      c.orderedModifiers.forEach(function(E) {
+        var w = E.name, A = E.options, P = A === void 0 ? {} : A, m = E.effect;
+        if (typeof m == "function") {
+          var _ = m({
+            state: c,
+            name: w,
+            instance: p,
+            options: P
+          }), g = function() {
+          };
+          v.push(_ || g);
+        }
+      });
+    }
+    function f() {
+      v.forEach(function(E) {
+        return E();
+      }), v = [];
+    }
+    return p;
+  };
+}
+var Rr = [tr, gr, Jn, $n, _r, pr, wr, Zn, hr], At = /* @__PURE__ */ Cr({
+  defaultModifiers: Rr
+});
+function ge(t, e, n, r) {
+  e ? (t.classList.remove(r), t.classList.add(n)) : (t.classList.add(r), t.classList.remove(n));
+}
+let X;
+function Vt() {
+  document.removeEventListener("click", X.globalOnClick), document.removeEventListener("keyup", X.globalOnKeypress), X = null;
+}
+function Xe() {
+  const t = document.querySelectorAll(
+    `${T(d.UTAH_DESIGN_SYSTEM)} ${T(d.POPUP_WRAPPER)}`
+  );
+  Array.from(t).filter((e) => !e.classList.contains(d.POPUP__HIDDEN)).forEach((e) => {
+    const n = e.getAttribute("id");
+    if (n) {
+      const r = document.querySelector(`[aria-controls="${n}"]`);
+      r && r.setAttribute("aria-expanded", "false");
+    }
+    ge(e, !1, d.POPUP__VISIBLE, d.POPUP__HIDDEN);
+  });
+}
+function Hr() {
+  X && Vt(), X = {}, X.globalOnClick = Xe, document.addEventListener("click", X.globalOnClick), X.globalOnKeypress = (t) => {
+    t.key === "Escape" && Xe();
+  }, document.addEventListener("keyup", X.globalOnKeypress);
+}
+function Br() {
+  return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+}
+function Pe(t, e, n, r, i) {
+  e.setAttribute("aria-expanded", "false"), e.setAttribute("aria-haspopup", r);
+  function o() {
+    (!(i != null && i.isPerformPopup) || i != null && i.isPerformPopup && i.isPerformPopup()) && (At(e, n, {
+      placement: (i == null ? void 0 : i.popupPlacement) || Lt.BOTTOM,
+      modifiers: [
+        {
+          name: "offset",
+          options: { offset: [0, 11] }
+        }
+      ]
+    }), ge(n, !0, d.POPUP__VISIBLE, d.POPUP__HIDDEN), e.setAttribute("aria-expanded", "true"));
+  }
+  function a() {
+    (!(i != null && i.isPerformPopup) || i.isPerformPopup()) && (ge(n, !1, d.POPUP__VISIBLE, d.POPUP__HIDDEN), e.setAttribute("aria-expanded", "false"));
+  }
+  if (t.addEventListener("focusin", () => o()), t.addEventListener("focusout", () => a()), i != null && i.shouldFocusOnHover) {
+    let s = NaN, u = NaN;
+    t.addEventListener("mouseenter", () => {
+      clearTimeout(u), clearTimeout(s), s = window.setTimeout(o, 200);
+    }), t.addEventListener("mouseleave", () => {
+      clearTimeout(u), clearTimeout(s), u = window.setTimeout(a, 200);
+    });
+  }
+  let l = !1;
+  e.onmousedown = (s) => {
+    var u;
+    s.stopPropagation(), (!(i != null && i.isPerformPopup) || i.isPerformPopup()) && (l = ((u = s.currentTarget) == null ? void 0 : u.getAttribute("aria-expanded")) === "true");
+  }, i != null && i.preventOnClickHandling || (e.onclick = (s) => {
+    var u;
+    (!(i != null && i.isPerformPopup) || i.isPerformPopup()) && (s.stopPropagation(), s.preventDefault(), l && e.getAttribute("aria-expanded") === "true" ? (ge(n, !1, d.POPUP__VISIBLE, d.POPUP__HIDDEN), e.setAttribute("aria-expanded", "false"), (u = document.activeElement) == null || u.blur(), l = !1) : (Br() && Xe(), e.setAttribute("aria-expanded", "true"), At(
+      e,
+      n,
+      {
+        placement: "bottom",
+        modifiers: [
+          {
+            name: "offset",
+            options: { offset: [0, 10] }
+          }
+        ]
+      }
+    ), ge(n, !0, d.POPUP__VISIBLE, d.POPUP__HIDDEN), l = !0)), i != null && i.onClick && i.onClick(s);
+  });
+}
+function se() {
+  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 kr = `<div class="popup__wrapper popup__wrapper--hidden">
+  <div class="popup__content">
+    <div class="popup__arrow" data-popper-arrow></div>
+  </div>
+</div>
+`;
+function Wt(t, e) {
+  const n = t.getAttribute("id");
+  if (!n)
+    throw new Error("renderPopup: labelledByElement does not have an `id` attribute");
+  const r = se();
+  t.setAttribute("aria-controls", r);
+  const i = U(kr);
+  if (i.setAttribute("id", r), i.setAttribute("aria-labelledby", n), e != null && e.removePopupArrow) {
+    const o = i.querySelector(T(d.POPUP_ARROW));
+    if (!o)
+      throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");
+    o.remove();
+  }
+  return i;
+}
+const Vr = `<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
+`, $t = `<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>
+`, Wr = `<ul class="vertical-menu" role="menu" />
+`, $r = `<li class="vertical-menu__item">
+  <span class="vertical-menu__title">
+    <span class="vertical-menu__plain-title"></span>
+    <a href="#" class="vertical-menu__link-title">
+      <span class="vertical-menu__link-text"></span>
+    </a>
+    <button class="vertical-menu__button-title">
+      <span class="vertical-menu__link-text"></span>
+    </button>
+  </span>
+  <span class="vertical-menu__divider" />
+</li>
+`;
+function He(t, e, n) {
+  var i;
+  let r = !1;
+  return t && (Array.isArray(t) ? r = t.some((o) => He(o, e, n)) : (r = n(t), r || (r = !!((i = e == null ? void 0 : e.filter((o) => t[o])) != null && i.some((o) => He(t[o], e, n)))))), r;
+}
+function qr(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 o;
+    const r = (o = n.closest("li")) == null ? void 0 : o.querySelector(T(d.POPUP_MENU__BUTTON_TITLE));
+    if (!r)
+      throw new Error("toggleChildMenuExpansion: button not found");
+    const i = r.querySelector(`:scope > ${T(d.POPUP_MENU__CHEVRON)}`);
+    if (!i)
+      throw new Error("toggleChildMenuExpansion: chevron not found");
+    n.classList.toggle(d.VISUALLY_HIDDEN), n.classList.contains(d.VISUALLY_HIDDEN) ? (r.setAttribute("aria-expanded", "false"), i.classList.add(d.IS_CLOSED), i.classList.remove(d.IS_OPEN)) : (r.setAttribute("aria-expanded", "true"), i.classList.remove(d.IS_CLOSED), i.classList.add(d.IS_OPEN));
+  });
+}
+function Fr(t) {
+  return (e) => {
+    e.preventDefault(), e.stopPropagation(), qr(t);
+  };
+}
+function Ot() {
+  const t = U(Vr);
+  return t.classList.add(d.IS_CLOSED), t;
+}
+function Gr(t, e, n) {
+  var v, b;
+  const r = U($r), i = r.querySelector(T(d.POPUP_MENU__TITLE));
+  if (!i)
+    throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");
+  const o = (
+    /** @type HTMLElement | null */
+    r.querySelector(T(d.POPUP_MENU__BUTTON_TITLE))
+  );
+  if (!o)
+    throw new Error("renderPopupMenuItem: menuButton not found");
+  const a = (
+    /** @type HTMLElement | null */
+    r.querySelector(T(d.POPUP_MENU__LINK_TITLE))
+  );
+  if (!a)
+    throw new Error("renderPopupMenuItem: aHref not found");
+  const l = (
+    /** @type HTMLElement | null */
+    r.querySelector(T(d.POPUP_MENU__PLAIN_TITLE))
+  );
+  if (!l)
+    throw new Error("renderPopupMenuItem: plainTitle not found");
+  const s = r.querySelector(T(d.POPUP_MENU__DIVIDER));
+  if (!s)
+    throw new Error("renderPopupMenuItem: menuDivider not found");
+  const u = r.querySelector(`button ${T(d.POPUP_MENU__LINK_TEXT)}`);
+  if (!u)
+    throw new Error("renderPopupMenuItem: titleSpanButton not found");
+  const c = r.querySelector(`a ${T(d.POPUP_MENU__LINK_TEXT)}`);
+  if (!c)
+    throw new Error("renderPopupMenuItem: titleSpanLink not found");
+  if (e.actionMenu) {
+    let p;
+    switch (n.childrenMenuType) {
+      case G.FLYOUT: {
+        p = Ot(), o.appendChild(p), o.setAttribute("id", se());
+        const h = We(
+          {
+            menuItems: e.actionMenu,
+            title: e.title
+          },
+          o,
+          {
+            ...n,
+            removePopupArrow: !0
+          }
+        );
+        r.appendChild(h), Pe(
+          r,
+          o,
+          h,
+          "menu",
+          {
+            popupPlacement: Lt.RIGHT_START,
+            preventOnClickHandling: !0,
+            shouldFocusOnHover: !0
+          }
+        ), a.remove(), l.remove();
+        break;
+      }
+      case G.INLINE: {
+        const h = Ke(
+          e,
+          e.actionMenu,
+          n
+        ), f = se();
+        h.setAttribute("id", f), h.classList.add(d.VISUALLY_HIDDEN), r.appendChild(h), o.onclick = Fr(o), o.setAttribute("aria-expanded", "false"), o.setAttribute("aria-controls", f), p = Ot(), o.appendChild(p), a.remove(), l.remove(), r.addEventListener("focusin", (E) => {
+          var w, A, P, m;
+          for (let _ = (
+            /** @type Element | null | undefined */
+            (w = E.target) == null ? void 0 : w.closest("ul")
+          ); _; _ = (A = _.parentElement) == null ? void 0 : A.closest("ul"))
+            _.classList.remove(d.VISUALLY_HIDDEN), o.setAttribute("aria-expanded", "true"), E.currentTarget !== o && ((P = p == null ? void 0 : p.classList) == null || P.remove(d.IS_CLOSED), (m = p == null ? void 0 : p.classList) == null || m.add(d.IS_OPEN));
+        });
+        break;
+      }
+      case G.MEGA_MENU: {
+        const h = Ke(
+          e,
+          e.actionMenu,
+          n
+        ), f = se();
+        h.setAttribute("id", f), r.appendChild(h), a.remove(), o.remove(), l.appendChild(document.createTextNode(e.title));
+        break;
+      }
+      default:
+        throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${e.actionMenu}'`);
+    }
+    s.remove();
+  } else if (e.actionFunction)
+    o.onclick = e.actionFunction, a.remove(), s.remove(), l.remove();
+  else if (e.actionUrl)
+    a.setAttribute("href", e.actionUrl.url), o.remove(), s.remove(), l.remove();
+  else if (e.actionFunctionUrl)
+    a.setAttribute("href", e.actionFunctionUrl.url), a.onclick = (p) => {
+      var h, f;
+      (h = e.actionFunctionUrl) != null && h.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (f = e.actionFunctionUrl) == null || f.actionFunction(p);
+    }, o.remove(), s.remove(), l.remove();
+  else if (e.isDivider)
+    i.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)), c.appendChild(document.createTextNode(e.title)), (v = e.actionUrl) != null && v.openInNewTab || (b = e.actionFunctionUrl) != null && b.openInNewTab)) {
+    a.setAttribute("target", "_blank");
+    const p = U($t);
+    u.appendChild(p), c.appendChild(p);
+  }
+  return (e.isSelected || e.actionMenu && He(e.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (o.classList.add(d.MENU_ITEM__SELECTED), a.classList.add(d.MENU_ITEM__SELECTED)), V(t, r), r;
+}
+function Ke(t, e, n) {
+  const r = U(Wr);
+  return e.forEach((i) => Gr(r, i, n)), r;
+}
+function We(t, e, n) {
+  const r = Wt(e, { removePopupArrow: n.removePopupArrow }), i = r.querySelector(T(d.POPUP_CONTENT_WRAPPER));
+  if (!i)
+    throw new Error("renderPopupMenu: contentWrapper not found");
+  const o = Ke(t, t.menuItems, n);
+  return o.setAttribute("aria-label", t.title), i.appendChild(o), r;
+}
+const jr = `<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>
+`, zr = `<div class="utds-badge__wrapper">
+  <span class="utds-badge__value"></span>
+  <span class="utds-badge__label visually-hidden"></span>
+</div>
+`;
+function Yr(t) {
+  let e = null;
+  if (t.badge) {
+    e = /** @type {HTMLElement} */
+    U(zr), e.classList.add(d.BADGE_WRAPPER__ACTION_ITEM);
+    const n = e.querySelector(T(d.BADGE__LABEL));
+    if (!n)
+      throw new Error("renderActionItemBadge: badgeLabel not found");
+    if (n.appendChild(document.createTextNode(t.badge.label)), t.badge.value || t.badge.value === 0) {
+      const r = e.querySelector(T(d.BADGE__VALUE));
+      if (!r)
+        throw new Error("renderActionItemBadge: badgeValue not found");
+      r.appendChild(document.createTextNode(`${t.badge.value}`));
+    } else
+      e.classList.add(d.BADGE_WRAPPER__SMALL);
+    t.badge.className && e.classList.add(t.badge.className);
+  }
+  return e;
+}
+function Zr(t) {
+  const e = U(jr), n = document.createTextNode(t.title), r = (
+    /** @type {HTMLElement} */
+    e instanceof HTMLCollection ? e[0] : e
+  );
+  t.showTitle && r.classList.add(d.ACTION_ITEM__ICON_BUTTON_TITLE);
+  const i = r.querySelector(T(d.ACTION_ITEM__TITLE));
+  if (!i)
+    throw new Error("renderActionItem: titleDiv not found");
+  V(i, n), t.showTitle ? i.classList.remove(d.VISUALLY_HIDDEN) : i.classList.add(d.VISUALLY_HIDDEN);
+  const o = e.querySelector(T(d.ACTION_ITEM__ICON_BUTTON));
+  if (!o)
+    throw new Error("renderActionItem: iconButton not found");
+  t.className && o.classList.add(t.className);
+  const a = Yr(t);
+  a && o.appendChild(a);
+  const l = U(t.icon);
+  if (l.setAttribute("role", "presentation"), V(o, l), !(o instanceof HTMLElement))
+    throw new Error("renderActionItem: iconButton is not an HTMLElement");
+  if (t.actionFunction)
+    o.onclick = t.actionFunction;
+  else if (t.actionDom) {
+    const s = se();
+    o.setAttribute("id", s);
+    const u = Wt(o), c = (
+      /** @type {HTMLElement} */
+      u.querySelector(T(d.POPUP_CONTENT_WRAPPER))
+    );
+    if (!c)
+      throw new Error("renderPopupMenu: contentWrapper not found");
+    c.appendChild(t.actionDom), e.appendChild(u), Pe(r, o, u, "dialog", void 0);
+  } else if (t.actionPopupMenu) {
+    const s = se();
+    o.setAttribute("id", s);
+    const u = We(
+      /** @type {PopupMenu} */
+      t.actionPopupMenu,
+      o,
+      { childrenMenuType: G.INLINE }
+    );
+    V(e, u), Pe(r, o, u, "menu", void 0);
+  } else
+    throw console.error(t), new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");
+  return e;
+}
+function Xr() {
+  var n, r;
+  const { actionItems: t } = S();
+  let e = null;
+  return t != null && t.length && (e = Be(In), (r = (n = S().actionItems) == null ? void 0 : n.map((i) => Zr(i))) == null || r.forEach((i) => V(e, i))), e;
+}
+const Ce = {
+  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"
+};
+function Kr(t) {
+  let e = NaN, n = null, r = null;
+  return {
+    promise: new Promise((o, a) => {
+      e = setTimeout(
+        () => {
+          e = NaN, o();
+        },
+        t
+      ), n = o, r = a;
+    }),
+    clearTimeout: (o) => {
+      e && (clearTimeout(e), e = NaN, o(n, r));
+    }
+  };
+}
+const Y = {
+  // null = not yet loaded, false = ajaxing, true = have a result (may be error or user data)
+  isDefinitive: null,
+  lastError: null,
+  userInfo: null
+};
+function Mt(t) {
+  var e, n, r;
+  t.isDefinitive && (qt(t), (r = (n = (e = S()) == null ? void 0 : e.utahId) == null ? void 0 : n.onAuthChanged) == null || r.call(n, t));
+}
+let It = !0;
+const Qr = 500;
+async function it() {
+  var e, n;
+  let t = null;
+  if (Y.isDefinitive === !1)
+    t = Promise.resolve(Y);
+  else if (It)
+    t = Kr(Qr).promise.then(() => {
+      It = !1, it();
+    });
+  else {
+    const r = S();
+    if (r.utahId === !1)
+      t = Promise.resolve({
+        isDefinitive: !0,
+        lastError: "Utah ID is off",
+        userInfo: null
+      });
+    else if (r.utahId === !0 || ((e = r.utahId) == null ? void 0 : e.currentUser) === void 0)
+      Y.isDefinitive = !1, t = fetch(Ce.USER_INFO, { credentials: "include" }).then((i) => i.json()).then((i) => {
+        if (i.status === 200)
+          Y.lastError = null, Y.userInfo = /** @type UserInfo */
+          i.data;
+        else
+          throw new Error(i.err);
+      }).catch((i) => {
+        Y.lastError = i, Y.userInfo = null;
+      }).finally(() => {
+        Y.isDefinitive = !0, Mt(Y);
+      });
+    else {
+      const i = {
+        isDefinitive: !0,
+        lastError: null,
+        userInfo: (n = r.utahId) == null ? void 0 : n.currentUser
+      };
+      t = Promise.resolve(i), Mt(i);
+    }
+  }
+  return t;
+}
+function Jr() {
+  return Y;
+}
+const ei = `<div class="utds-utah-id-wrapper">
+  <button class="utds-utah-id__button button--solid" id="utds-utah-id-button" type="button">UtahID Sign In</button>
+</div>
+`;
+let C = null, M = null, de = null;
+function qt(t) {
+  var e;
+  if (M = t, C) {
+    if (C.innerHTML = "", M != null && M.userInfo && ((e = M.userInfo) != null && e.authenticated)) {
+      const n = document.createElement("span");
+      n.appendChild(document.createTextNode("UtahID Account:")), n.classList.add(d.VISUALLY_HIDDEN), C.appendChild(n), C.appendChild(document.createTextNode(`Hello, ${M.userInfo.first || ""}`));
+    } else
+      C.appendChild(document.createTextNode("UtahID Sign In"));
+    Ft();
+  }
+}
+function Ft() {
+  var t;
+  C && de && (!!(M != null && M.isDefinitive) && !!((t = M == null ? void 0 : M.userInfo) != null && t.authenticated) ? (C.setAttribute("aria-haspopup", "menu"), C.setAttribute("aria-expanded", "false"), de.removeAttribute("aria-hidden")) : (C.removeAttribute("aria-haspopup"), C.removeAttribute("aria-expanded"), de.setAttribute("aria-hidden", "true")));
+}
+function ti() {
+  var l;
+  const t = S(), e = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onProfile, n = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onSignIn, r = t.utahId !== !1 && t.utahId !== !0 && t.utahId.onSignOut, i = t.utahId !== !0 && t.utahId !== !1 && ((l = t.utahId) == null ? void 0 : l.menuItems) || [];
+  i.length && i.push({
+    isDivider: !0,
+    title: "--divider--"
+  });
+  const o = {
+    menuItems: [
+      ...i,
+      {
+        actionUrl: e ? void 0 : { url: Ce.PROFILE, openInNewTab: !0 },
+        actionFunction: e || void 0,
+        className: "external-link",
+        title: "UtahID Profile"
+      },
+      {
+        actionUrl: r ? void 0 : { url: Ce.SIGN_OUT },
+        actionFunction: r || void 0,
+        title: "Sign Out"
+      }
+    ],
+    title: "Utah Id Menu"
+  }, a = U(ei);
+  if (!a)
+    throw new Error("UtahId: utahIdWrapper not found");
+  if (C = /** @type HTMLElement */
+  a.querySelector(T(d.UTAH_ID__BUTTON)), !C)
+    throw new Error("UtahId: utahIdButton not found");
+  return de = We(o, C, { childrenMenuType: G.INLINE }), a.appendChild(de), Ft(), Pe(
+    a,
+    C,
+    de,
+    "menu",
+    {
+      isPerformPopup: () => {
+        var s;
+        return !!(M != null && M.isDefinitive) && !!((s = M == null ? void 0 : M.userInfo) != null && s.authenticated);
+      },
+      onClick: (s) => {
+        var u;
+        (!(M != null && M.isDefinitive) || !((u = M == null ? void 0 : M.userInfo) != null && u.authenticated)) && (n ? n(s) : (s.preventDefault(), s.stopPropagation(), window.location.href = Ce.SIGN_IN));
+      }
+    }
+  ), it(), qt(Jr()), a;
+}
+const ni = `<div class="utds-citizen-experience-wrapper"></div>
+`;
+function ri() {
+  const t = U(ni), e = Xr();
+  return e && V(t, e), S().utahId !== !1 && V(t, ti()), t;
+}
+const ii = `<h1 class="utds-logo-wrapper"></h1>
+`;
+function oi() {
+  var n;
+  const t = U(On);
+  t.classList.add(`utds-header--${((n = S().size) == null ? void 0 : n.toLowerCase()) || ue.MEDIUM}`);
+  const e = U(ii);
+  return t.appendChild(e), V(e, An()), V(e, Be(Mn)), V(e, wn()), V(t, ri()), t;
+}
+const ai = `<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>
+`, si = `<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>
+      <ul class="main-menu__menu-top"></ul>
+    </nav>
+    <button type="button" class="button icon-button icon-button--borderless main-menu__search">
+      <div>
+        <span class="utds-icon-before-search" aria-hidden="true"></span>
+        <span class="visually-hidden">search</span>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+function li() {
+  const t = S();
+  let e = null;
+  if (t.mainMenu) {
+    e = U(si);
+    const n = e.querySelector(T(d.MAIN_MENU__NAV));
+    if (!n)
+      throw new Error("renderMainMenu(): mainMenu not created");
+    const r = n.querySelector(T(d.MAIN_MENU__TITLE));
+    if (!r)
+      throw new Error("renderMainMenu(): titleTag not found");
+    const i = "main-menu__nav";
+    n.setAttribute("aria-labelledby", i), r.setAttribute("id", i), r.innerHTML = t.mainMenu.title;
+    const o = n.querySelector(T(d.MAIN_MENU__MENU_TOP));
+    if (!o)
+      throw new Error("renderMainMenu(): mainMenuTop not found");
+    t.mainMenu.menuItems.forEach((a) => {
+      var v, b;
+      const l = U(ai);
+      o.appendChild(l);
+      const s = l.querySelector(T(d.MENU_ITEM__TITLE));
+      if (!s)
+        throw new Error(`renderMainMenu(): sub menu title not found for ${a.title}`);
+      const u = (
+        /** @type {HTMLElement} */
+        s.querySelector(T(d.MENU_ITEM__BUTTON_TITLE))
+      );
+      if (!u)
+        throw new Error(`renderMainMenu(): button title not found for ${a.title}`);
+      u.setAttribute("id", `${d.MENU_ITEM__BUTTON_TITLE}__${a.title}-${se()}`);
+      const c = (
+        /** @type {HTMLElement} */
+        s.querySelector(T(d.MENU_ITEM__LINK_TITLE))
+      );
+      if (!c)
+        throw new Error(`renderMainMenu(): link title not found for ${a.title}`);
+      if ((a.isSelected || a.actionMenu && He(a.actionMenu, ["actionMenu"], (p) => !!p.isSelected)) && (u.classList.add(d.MENU_ITEM__SELECTED), c.classList.add(d.MENU_ITEM__SELECTED)), a.actionMenu) {
+        u.innerHTML = a.title, c.remove();
+        const p = {
+          menuItems: a.actionMenu,
+          title: a.title
+        }, h = We(
+          p,
+          u,
+          {
+            childrenMenuType: a.childrenMenuType || G.FLYOUT
+          }
+        );
+        l.appendChild(h), Pe(l, u, h, "menu", { shouldFocusOnHover: !0 });
+        let f;
+        switch (a.childrenMenuType) {
+          case G.INLINE:
+            f = d.MENU_ITEM__INLINE;
+            break;
+          case G.MEGA_MENU:
+            f = d.MENU_ITEM__MEGA_MENU;
+            break;
+          case G.FLYOUT:
+          default:
+            f = d.MENU_ITEM__FLY_OUT;
+            break;
+        }
+        l.classList.add(f);
+      } else if (a.actionFunction)
+        u.innerHTML = a.title, u.onclick = a.actionFunction, c.remove();
+      else if (a.actionFunctionUrl)
+        c.innerHTML = a.title, c.setAttribute("href", a.actionFunctionUrl.url), c.onclick = (p) => {
+          var h, f;
+          (h = a.actionFunctionUrl) != null && h.skipHandleEvent || (p.stopPropagation(), p.preventDefault()), (f = a.actionFunctionUrl) == null || f.actionFunction(p);
+        }, u.remove();
+      else if (a.actionUrl)
+        c.innerHTML = a.title, c.setAttribute("href", a.actionUrl.url), u.remove();
+      else
+        throw new Error(`renderMainMenu(): menuItem is missing an action: ${a.title}`);
+      ((v = a.actionUrl) != null && v.openInNewTab || (b = a.actionFunctionUrl) != null && b.openInNewTab) && (c.setAttribute("target", "_blank"), c.appendChild(U($t)));
+    });
+  }
+  return e;
+}
+function ci() {
+  const t = hn.replace(d.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER, `${S().mediaSizes.tabletPortrait}px`).replace(d.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER, `${S().mediaSizes.tabletLandscape}px`).replace(d.MEDIA_SIZE__MOBILE__PLACEHOLDER, `${S().mediaSizes.mobile}px`);
+  let e = document.getElementById(d.CSS_HEADER_MEDIA_TAG_ID);
+  e || (e = document.createElement("style"), e.id = d.CSS_HEADER_MEDIA_TAG_ID), e.innerHTML = t, document.body.appendChild(e);
+}
+function ui() {
+  if (!document.querySelector(T([d.UTAH_DESIGN_SYSTEM, d.HEADER]))) {
+    const e = oi();
+    document.body.insertBefore(e, document.body.firstChild);
+    const n = li();
+    n && e.after(n), Hr(), setTimeout(() => document.dispatchEvent(new Event(Nt.HEADER_LOADED)), 0), ci(), it();
+  }
+}
+function fi() {
+  var t, e;
+  (t = document.querySelector(T([d.UTAH_DESIGN_SYSTEM, d.HEADER]))) == null || t.remove(), (e = document.querySelector(T([d.UTAH_DESIGN_SYSTEM, d.MAIN_MENU__OUTER]))) == null || e.remove(), Vt(), setTimeout(() => document.dispatchEvent(new Event(Nt.HEADER_UNLOADED)), 0);
+}
+const di = pn.version.replace(/\./g, "");
+console.log(`Utah Header v${di}`);
+export {
+  fn as baseSettings,
+  G as childrenMenuTypes,
+  Nt as events,
+  S as getUtahHeaderSettings,
+  ui as loadHeader,
+  Lt as popupPlacement,
+  fi as removeHeader,
+  Be as renderDOM,
+  pi as setUtahHeaderSettings,
+  ue as sizes
+};