@utahdts/utah-design-system-header
Version:
Utah Header for the Utah Design System
175 lines (168 loc) • 95.7 kB
JavaScript
(function(B,x){typeof exports=="object"&&typeof module<"u"?x(exports):typeof define=="function"&&define.amd?define(["exports"],x):(B=typeof globalThis<"u"?globalThis:B||self,x(B["@utahdts/utah-design-system-header"]={}))})(this,function(B){"use strict";const x={FLYOUT:"flyout",INLINE:"inline",MEGA_MENU:"mega-menu",PLAIN:"plain"},xe={AUTO:"auto",AUTO_START:"auto-start",AUTO_END:"auto-end",BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end",LEFT:"left",LEFT_START:"left-start",LEFT_END:"left-end",RIGHT:"right",RIGHT_START:"right-start",RIGHT_END:"right-end",TOP:"top",TOP_START:"top-start",TOP_END:"top-end"},Ze={HEADER_LOADED:"utahHeaderLoaded",HEADER_UNLOADED:"utahHeaderUnloaded"},pe={SMALL:"SMALL",MEDIUM:"MEDIUM",LARGE:"LARGE"},An=`/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
@media screen and (max-width: media-size__tablet-landscape__PLACEHOLDER) {
/* put your media query here for tablet landscape */
.utah-design-system .search-modal__input[type=text] {
width: 75vw;
}
}
@media screen and (max-width: media-size__tablet-portrait__PLACEHOLDER) {
.utds-header-desktop--hidden {
display: block !important;
}
.utds-header-mobile--hidden {
display: none !important;
}
.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;
}
.utds-citizen-experience-wrapper--mobile {
display: flex;
}
.utah-design-system .main-menu__wrapper {
padding: 0 var(--spacing);
/* The utah id button is this tall, but without it, the menu doesn't fill the space up to the mobile menu content popup */
min-height: 46px;
}
.utah-design-system .main-menu__nav {
display: none;
}
.utah-design-system.utds-header-mobile-menu,
.utah-design-system .utds-header-mobile__utah-id-wrapper {
display: block;
}
.utah-design-system .icon-button.main-menu__hamburger,
.utah-design-system .utds-header-mobile__vip-action-items--left,
.utah-design-system .utds-header-mobile__vip-action-items--right,
.utah-design-system .main-menu__search-placeholder {
display: flex;
}
.utah-design-system .search-modal__input[type=text] {
width: 80vw;
padding: var(--spacing) var(--spacing) var(--spacing) var(--spacing-3xl);
}
.utah-design-system .search-modal__button-wrapper {
right: unset;
left: 50%;
transform: translateX(-50%) translateY(110%);
}
.utah-design-system .search-modal__button.button--solid.button--primary-color {
border-color: white;
width: max-content;
}
.utah-design-system .utds-official-website-popup__content {
flex-wrap: wrap;
gap: var(--spacing-l);
}
.utah-design-system .utds-official-website-popup__col {
width: 100%;
}
.utah-design-system .utds-official-website-popup__address-bar {
width: auto;
background-size: contain;
background-repeat: no-repeat;
}
.color-example {
flex-direction: column;
}
.color-example > div:not(:last-child) {
margin-bottom: var(--spacing-l);
}
.search-page {
.search-modal__form {
margin-bottom: var(--spacing-4xl);
}
.search-modal__input[type=text] {
padding: var(--spacing) var(--spacing) var(--spacing) var(--spacing-3xl);
}
}
}
@media screen and (max-width: media-size__mobile__PLACEHOLDER) {
/* put your media query here for mobile */
}
`;function p(e){return`.${(Array.isArray(e)?e:[e]).join(".")}`}const a={UTAH_DESIGN_SYSTEM:"utah-design-system",HEADER:"utds-header",FOOTER:"utds-footer",ICON_BUTTON:"icon-button",CSS_HEADER_MEDIA_TAG_ID:"cssHeaderMediaTag",IS_CLOSED:"is-closed",IS_OPEN:"is-open",VISUALLY_HIDDEN:"visually-hidden",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",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__SMALL:"utds-badge__wrapper--small",BADGE_WRAPPER__ACTION_ITEM:"utds-badge__wrapper--action-item",CITIZEN_EXPERIENCE:"utds-citizen-experience-wrapper",CITIZEN_EXPERIENCE_MOBILE:"utds-citizen-experience-wrapper--mobile",FOOTER_COPYRIGHT_YEAR:"utds-footer__copyright-year",FOOTER_HORIZONTAL_DIVIDER:"utds-footer__horizontal-divider",FOOTER_LINK_PRIVACY_ID:"utds-footer-privacy-link",FOOTER_LINK_TERMS_ID:"utds-footer-terms-link",FOOTER_LINKS:"utds-footer__links",LOGO:"utds-logo-wrapper",LOGO_OFFICIAL_CLOSE_BUTTON:"utds-official-website-popup__close-button",LOGO_OFFICIAL_WRAPPER:"utds-official-website-popup__wrapper",LOGO_SVG:"utah-logo-svg",MAIN_MENU:"main-menu__wrapper",MAIN_MENU__HAMBURGER_ID:"utds-main-menu__hamburger",MAIN_MENU__HAMBURGER_ICON_ID:"utds-main-menu__hamburger-icon",MAIN_MENU__MENU_TOP:"main-menu__menu-top",MAIN_MENU__NAV:"main-menu__nav",MAIN_MENU__OUTER:"main-menu__outer",MAIN_MENU__REMOVED:"main-menu-is-removed",MAIN_MENU__SEARCH:"main-menu__search",MAIN_MENU__TITLE:"main-menu__title",MENU_ITEM__ARROW:"menu-item__menu-arrow",MENU_ITEM__BUTTON_TITLE:"menu-item__button-title",MENU_ITEM__LINK_TITLE:"menu-item__link-title",MENU_ITEM__LINK_TITLE_SPAN:"menu-item__link-title-span",MENU_ITEM__SELECTED:"menu-item--selected",MENU_ITEM__SELECTED_PARENT:"menu-item--selected_parent",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",DESKTOP__HIDDEN:"utds-header-desktop--hidden",MOBILE__HIDDEN:"utds-header-mobile--hidden",MOBILE__UTAH_ID:"utds-header-mobile__utah-id-wrapper",ACTION_ITEM__SELECTED:"utds-header-mobile-menu__action-item--selected",MOBILE_MENU:"utds-header-mobile-menu",MOBILE_MENU__ACTION_BAR:"utds-header-mobile-menu__action-bar",MOBILE_MENU__BACKDROP:"utds-header-mobile-menu__backdrop",MOBILE_MENU__CONTENT:"utds-header-mobile-menu__content",MOBILE_MENU__CONTENT_ITEM:"utds-header-mobile-menu__content-item",MOBILE_MENU__LAST_FOCUSABLE:"utds-header-mobile-menu__hidden-last-focusable",MOBILE_MENU__WRAPPER:"utds-header-mobile-menu__wrapper",MOBILE_MENU_ACTON_BAR__HOME_ID:"utds-header-mobile-menu_action-bar__home",MOBILE_MENU_ACTON_BAR__PROFILE_ID:"utds-header-mobile-menu_action-bar__profile",MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER:"utds-header-mobile-menu__action-item",VERTICAL_MENU__BUTTON_TITLE:"vertical-menu__button-title",VERTICAL_MENU__CHEVRON:"vertical-menu__chevron",VERTICAL_MENU__DIVIDER:"vertical-menu__divider",VERTICAL_MENU__LINK_TEXT:"vertical-menu__link-text",VERTICAL_MENU__LINK_TITLE:"vertical-menu__link-title",VERTICAL_MENU__PLAIN_TITLE:"vertical-menu__plain-title",VERTICAL_MENU__TITLE:"vertical-menu__title",VERTICAL_MENU_WRAPPER__WRAPPER_TITLE:"vertical-menu__wrapper-title",POPUP__HIDDEN:"popup__wrapper--hidden",POPUP__VISIBLE:"popup__wrapper--visible",POPUP_ARROW:"popup__arrow",POPUP_CONTENT_WRAPPER:"popup__content",POPUP_WRAPPER:"popup__wrapper",SEARCH__SEARCH_BACKDROP:"search-backdrop",SEARCH__SEARCH_CLOSE_BUTTON:"search-modal__close-button",SEARCH__SEARCH_BUTTON:"search-modal__button",SEARCH__SEARCH_BUTTON_WRAPPER:"search-modal__button-wrapper",SEARCH__SEARCH_INPUT:"search-modal__input",SEARCH__SEARCH_MODAL:"search-modal",SKIP_LINK_LINK:"skip-link__link",SKIP_LINK_WRAPPER:"skip-link__wrapper",TITLE__LOGO:"utds-title-wrapper__logo",TITLE__TITLE:"utds-title-wrapper__title",TOOLTIP__CONTENT:"tooltip__content",TOOLTIP__WRAPPER:"tooltip__wrapper",TOOLTIP__WRAPPER__HIDDEN:"tooltip__wrapper--hidden",TOOLTIP__WRAPPER__VISIBLE:"tooltip__wrapper--visible",UTAH_ID:"utds-utah-id-wrapper",UTAH_ID__BUTTON:"utds-utah-id__button"};function X(e,t){if(e)throw new Error(t)}function A(e,t){if(e==null)throw new Error(t);return e}function At(e){return typeof e=="string"||e instanceof String}function Mn(e){const t=new DOMParser;let n;if(At(e)){const o=At(e)?t.parseFromString(e,"text/html"):e,r=o.body.children.length>1?o.body.children:o.body.children.item(0);if(!r)throw console.error(e),new Error("renderDOM: nothing rendered");n=r}else if(e instanceof Element)n=e;else throw e?(console.error(e),new Error(`renderDOM: str is not a string nor a DOM Element : '${e}'`)):new Error("renderDOM: falsy string passed; cannot render nothing");return n}function g(e){const t=typeof e=="string"?Mn(e):e;if(t instanceof HTMLCollection&&t.length>1)throw new Error("renderDOMSingle: must render a single element");const n=t instanceof HTMLCollection?t[0]:t;if(!n)throw console.error(e),new Error("renderDOMSingle: nothing rendered");return n}const Te={applicationType:"",onSearch:!1,mainMenu:!1,mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},showTitle:!0,size:pe.MEDIUM,skipLinkUrl:"#main-content",title:"My Utah.gov Site",titleUrl:"/",utahId:!1};function Ln(e){if(!e.showTitle&&!e.logo)throw new Error("validateSettings: A title must be shown if there is no logo. Please change the `showTitle` setting to be `true` or provide a logo image.")}class On{constructor(){this.settings={...Te}}setSettings(t){const n={...Te,...this.settings,...t};Ln(n),this.settings=n}getSettings(){return this.settings}clearSettings(){this.settings={...Te}}}const ke=new On;function y(){return ke.getSettings()}function D(){return("10000000-1000-4000-8000"+-1e11).replace(/[018]/g,e=>(e^A(crypto.getRandomValues(new Uint8Array(1))[0],"uuidv4: crypto")&(15>>e)/4).toString(16))}const wn=`<div class="utds-header-mobile-menu__content-item" role="tabpanel">
</div>
`;function Xe(e){const t=document.querySelector(p(a.MOBILE_MENU__WRAPPER));if(!t)throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");const n=t.querySelector(p(a.MOBILE_MENU__CONTENT));if(!n)throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");const o=g(wn);return o.appendChild(e),n.appendChild(o),o.setAttribute("id",D()),o}function J(e){return e instanceof Function?e():e}function Ae(e){const t=A(document.querySelector(p(a.MOBILE_MENU)),`${e}: mobileMenu not found`),n=document.getElementById(a.MAIN_MENU__HAMBURGER_ID),o=document.getElementById(a.MAIN_MENU__HAMBURGER_ICON_ID);return{hamburger:n,hamburgerIcon:o,mobileMenu:t}}function We(){const{hamburger:e,hamburgerIcon:t,mobileMenu:n}=Ae("hideMobileMenu");e==null||e.setAttribute("aria-expanded","false"),n.classList.remove(a.IS_OPEN),e==null||e.setAttribute("aria-label","Open the mobile menu"),t==null||t.classList.add("utds-icon-before-hamburger"),t==null||t.classList.remove("utds-icon-before-x-icon"),document.body.style.position=""}function yn(){var r;const e=document.querySelector(p(a.MAIN_MENU));e!=null&&e.classList.contains(a.MOBILE__HIDDEN)&&((r=document.querySelector(`${p(a.UTAH_DESIGN_SYSTEM)}${p(a.MOBILE_MENU)}`))==null||r.classList.add(a.MAIN_MENU__REMOVED));const{hamburger:t,hamburgerIcon:n,mobileMenu:o}=Ae("showMobileMenu");t==null||t.setAttribute("aria-expanded","true"),o.classList.add(a.IS_OPEN),t==null||t.setAttribute("aria-label","Close the mobile menu"),n==null||n.classList.remove("utds-icon-before-hamburger"),n==null||n.classList.add("utds-icon-before-x-icon"),document.body.style.position="relative"}function Je(e,t){e.querySelectorAll(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach(o=>{o.classList.remove(a.ACTION_ITEM__SELECTED);const r=o.querySelector("button");if(!r)throw new Error("showActionItem: actionWrapper does not have actionItem A");r.setAttribute("aria-selected","false"),r.setAttribute("tabIndex","-1")}),t.classList.add(a.ACTION_ITEM__SELECTED);const n=t.querySelector("button");if(!n)throw new Error("showActionItem: actionWrapper does not have actionItem B");n.setAttribute("aria-selected","true"),n.removeAttribute("tabIndex"),n.focus()}function Mt(e,t){e.querySelectorAll(p(a.MOBILE_MENU__CONTENT_ITEM)).forEach(n=>n.classList.remove(a.IS_OPEN)),t.classList.add(a.IS_OPEN)}function Qe(e,t,n,{ariaHasPopupType:o,additionalOnClick:r,onClickHandler:i,shouldOnClickCloseMenu:u}){var m,f;if(t&&!o)throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");const l=document.querySelector(p(a.MOBILE_MENU));if(!l)throw new Error("mobileMenuInteractionHandler: mobileMenu not found");const c=document.querySelector(p(a.MOBILE_MENU__WRAPPER));if(!c)throw new Error("mobileMenuInteractionHandler: mobileMenuWrapper not found");const s=c.querySelector(p(a.MOBILE_MENU__CONTENT));if(!s)throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");const d=J(n),_=(f=(m=J(n))==null?void 0:m.querySelector)==null?void 0:f.call(m,"button"),h=(_||e).getAttribute("id");if(!h)throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");if(t){const v=J(t);if(v){const E=v.getAttribute("id");if(!E)throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");(_||e).setAttribute("aria-controls",E),v.setAttribute("aria-labelledby",h)}}if(e.onclick)throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");if(e.onclick=v=>{if(!(i!=null&&i(v)))if(r==null||r(v),l.classList.contains(a.IS_OPEN))u&&We();else{yn();const b=J(t);b&&Mt(s,b),Je(c,J(n))}},t){if(d!==e&&d.onclick)throw new Error("mobileMenuInteractionHandler: actionItemWrapperValue already has onclick");d.onclick=v=>{if(!(i!=null&&i(v))){const E=J(t);E&&Mt(s,E),Je(c,J(n))}}}}function ie(e){return!e.closest(".menu-item__title")&&!e.closest(".vertical-menu__title")}function et(e,t,n){var r;let o=!1;return e&&(Array.isArray(e)?o=e.some(i=>et(i,t,n)):(o=n(e),o||(o=!!((r=t==null?void 0:t.filter(i=>e[i]))!=null&&r.some(i=>et(e[i],t,n)))))),o}var V="top",K="bottom",j="right",q="left",tt="auto",Me=[V,K,j,q],fe="start",Le="end",Nn="clippingParents",Lt="viewport",Oe="popper",Sn="reference",Ot=Me.reduce(function(e,t){return e.concat([t+"-"+fe,t+"-"+Le])},[]),wt=[].concat(Me,[tt]).reduce(function(e,t){return e.concat([t,t+"-"+fe,t+"-"+Le])},[]),Pn="beforeRead",Cn="read",Un="afterRead",Rn="beforeMain",Dn="main",Hn="afterMain",Bn="beforeWrite",xn="write",kn="afterWrite",Wn=[Pn,Cn,Un,Rn,Dn,Hn,Bn,xn,kn];function Q(e){return e?(e.nodeName||"").toLowerCase():null}function Y(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ce(e){var t=Y(e).Element;return e instanceof t||e instanceof Element}function Z(e){var t=Y(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function nt(e){if(typeof ShadowRoot>"u")return!1;var t=Y(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Fn(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var o=t.styles[n]||{},r=t.attributes[n]||{},i=t.elements[n];!Z(i)||!Q(i)||(Object.assign(i.style,o),Object.keys(r).forEach(function(u){var l=r[u];l===!1?i.removeAttribute(u):i.setAttribute(u,l===!0?"":l)}))})}function Vn(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(o){var r=t.elements[o],i=t.attributes[o]||{},u=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:n[o]),l=u.reduce(function(c,s){return c[s]="",c},{});!Z(r)||!Q(r)||(Object.assign(r.style,l),Object.keys(i).forEach(function(c){r.removeAttribute(c)}))})}}const qn={name:"applyStyles",enabled:!0,phase:"write",fn:Fn,effect:Vn,requires:["computeStyles"]};function ee(e){return e.split("-")[0]}var le=Math.max,Fe=Math.min,_e=Math.round;function ot(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function yt(){return!/^((?!chrome|android).)*safari/i.test(ot())}function he(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var o=e.getBoundingClientRect(),r=1,i=1;t&&Z(e)&&(r=e.offsetWidth>0&&_e(o.width)/e.offsetWidth||1,i=e.offsetHeight>0&&_e(o.height)/e.offsetHeight||1);var u=ce(e)?Y(e):window,l=u.visualViewport,c=!yt()&&n,s=(o.left+(c&&l?l.offsetLeft:0))/r,d=(o.top+(c&&l?l.offsetTop:0))/i,_=o.width/r,h=o.height/i;return{width:_,height:h,top:d,right:s+_,bottom:d+h,left:s,x:s,y:d}}function rt(e){var t=he(e),n=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:o}}function Nt(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&nt(n)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function re(e){return Y(e).getComputedStyle(e)}function $n(e){return["table","td","th"].indexOf(Q(e))>=0}function ae(e){return((ce(e)?e.ownerDocument:e.document)||window.document).documentElement}function Ve(e){return Q(e)==="html"?e:e.assignedSlot||e.parentNode||(nt(e)?e.host:null)||ae(e)}function St(e){return!Z(e)||re(e).position==="fixed"?null:e.offsetParent}function Gn(e){var t=/firefox/i.test(ot()),n=/Trident/i.test(ot());if(n&&Z(e)){var o=re(e);if(o.position==="fixed")return null}var r=Ve(e);for(nt(r)&&(r=r.host);Z(r)&&["html","body"].indexOf(Q(r))<0;){var i=re(r);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none")return r;r=r.parentNode}return null}function we(e){for(var t=Y(e),n=St(e);n&&$n(n)&&re(n).position==="static";)n=St(n);return n&&(Q(n)==="html"||Q(n)==="body"&&re(n).position==="static")?t:n||Gn(e)||t}function it(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ye(e,t,n){return le(e,Fe(t,n))}function Yn(e,t,n){var o=ye(e,t,n);return o>n?n:o}function Pt(){return{top:0,right:0,bottom:0,left:0}}function Ct(e){return Object.assign({},Pt(),e)}function Ut(e,t){return t.reduce(function(n,o){return n[o]=e,n},{})}var zn=function(t,n){return t=typeof t=="function"?t(Object.assign({},n.rects,{placement:n.placement})):t,Ct(typeof t!="number"?t:Ut(t,Me))};function Kn(e){var t,n=e.state,o=e.name,r=e.options,i=n.elements.arrow,u=n.modifiersData.popperOffsets,l=ee(n.placement),c=it(l),s=[q,j].indexOf(l)>=0,d=s?"height":"width";if(!(!i||!u)){var _=zn(r.padding,n),h=rt(i),m=c==="y"?V:q,f=c==="y"?K:j,v=n.rects.reference[d]+n.rects.reference[c]-u[c]-n.rects.popper[d],E=u[c]-n.rects.reference[c],b=we(i),T=b?c==="y"?b.clientHeight||0:b.clientWidth||0:0,O=v/2-E/2,I=_[m],L=T-h[d]-_[f],M=T/2-h[d]/2+O,w=ye(I,M,L),N=c;n.modifiersData[o]=(t={},t[N]=w,t.centerOffset=w-M,t)}}function jn(e){var t=e.state,n=e.options,o=n.element,r=o===void 0?"[data-popper-arrow]":o;r!=null&&(typeof r=="string"&&(r=t.elements.popper.querySelector(r),!r)||Nt(t.elements.popper,r)&&(t.elements.arrow=r))}const Zn={name:"arrow",enabled:!0,phase:"main",fn:Kn,effect:jn,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function me(e){return e.split("-")[1]}var Xn={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Jn(e,t){var n=e.x,o=e.y,r=t.devicePixelRatio||1;return{x:_e(n*r)/r||0,y:_e(o*r)/r||0}}function Rt(e){var t,n=e.popper,o=e.popperRect,r=e.placement,i=e.variation,u=e.offsets,l=e.position,c=e.gpuAcceleration,s=e.adaptive,d=e.roundOffsets,_=e.isFixed,h=u.x,m=h===void 0?0:h,f=u.y,v=f===void 0?0:f,E=typeof d=="function"?d({x:m,y:v}):{x:m,y:v};m=E.x,v=E.y;var b=u.hasOwnProperty("x"),T=u.hasOwnProperty("y"),O=q,I=V,L=window;if(s){var M=we(n),w="clientHeight",N="clientWidth";if(M===Y(n)&&(M=ae(n),re(M).position!=="static"&&l==="absolute"&&(w="scrollHeight",N="scrollWidth")),M=M,r===V||(r===q||r===j)&&i===Le){I=K;var C=_&&M===L&&L.visualViewport?L.visualViewport.height:M[w];v-=C-o.height,v*=c?1:-1}if(r===q||(r===V||r===K)&&i===Le){O=j;var P=_&&M===L&&L.visualViewport?L.visualViewport.width:M[N];m-=P-o.width,m*=c?1:-1}}var R=Object.assign({position:l},s&&Xn),$=d===!0?Jn({x:m,y:v},Y(n)):{x:m,y:v};if(m=$.x,v=$.y,c){var H;return Object.assign({},R,(H={},H[I]=T?"0":"",H[O]=b?"0":"",H.transform=(L.devicePixelRatio||1)<=1?"translate("+m+"px, "+v+"px)":"translate3d("+m+"px, "+v+"px, 0)",H))}return Object.assign({},R,(t={},t[I]=T?v+"px":"",t[O]=b?m+"px":"",t.transform="",t))}function Qn(e){var t=e.state,n=e.options,o=n.gpuAcceleration,r=o===void 0?!0:o,i=n.adaptive,u=i===void 0?!0:i,l=n.roundOffsets,c=l===void 0?!0:l,s={placement:ee(t.placement),variation:me(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Rt(Object.assign({},s,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:u,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Rt(Object.assign({},s,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const eo={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Qn,data:{}};var qe={passive:!0};function to(e){var t=e.state,n=e.instance,o=e.options,r=o.scroll,i=r===void 0?!0:r,u=o.resize,l=u===void 0?!0:u,c=Y(t.elements.popper),s=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&s.forEach(function(d){d.addEventListener("scroll",n.update,qe)}),l&&c.addEventListener("resize",n.update,qe),function(){i&&s.forEach(function(d){d.removeEventListener("scroll",n.update,qe)}),l&&c.removeEventListener("resize",n.update,qe)}}const no={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:to,data:{}};var oo={left:"right",right:"left",bottom:"top",top:"bottom"};function $e(e){return e.replace(/left|right|bottom|top/g,function(t){return oo[t]})}var ro={start:"end",end:"start"};function Dt(e){return e.replace(/start|end/g,function(t){return ro[t]})}function at(e){var t=Y(e),n=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:n,scrollTop:o}}function st(e){return he(ae(e)).left+at(e).scrollLeft}function io(e,t){var n=Y(e),o=ae(e),r=n.visualViewport,i=o.clientWidth,u=o.clientHeight,l=0,c=0;if(r){i=r.width,u=r.height;var s=yt();(s||!s&&t==="fixed")&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:u,x:l+st(e),y:c}}function ao(e){var t,n=ae(e),o=at(e),r=(t=e.ownerDocument)==null?void 0:t.body,i=le(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),u=le(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-o.scrollLeft+st(e),c=-o.scrollTop;return re(r||n).direction==="rtl"&&(l+=le(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:u,x:l,y:c}}function ct(e){var t=re(e),n=t.overflow,o=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+o)}function Ht(e){return["html","body","#document"].indexOf(Q(e))>=0?e.ownerDocument.body:Z(e)&&ct(e)?e:Ht(Ve(e))}function Ne(e,t){var n;t===void 0&&(t=[]);var o=Ht(e),r=o===((n=e.ownerDocument)==null?void 0:n.body),i=Y(o),u=r?[i].concat(i.visualViewport||[],ct(o)?o:[]):o,l=t.concat(u);return r?l:l.concat(Ne(Ve(u)))}function lt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function so(e,t){var n=he(e,!1,t==="fixed");return n.top=n.top+e.clientTop,n.left=n.left+e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function Bt(e,t,n){return t===Lt?lt(io(e,n)):ce(t)?so(t,n):lt(ao(ae(e)))}function co(e){var t=Ne(Ve(e)),n=["absolute","fixed"].indexOf(re(e).position)>=0,o=n&&Z(e)?we(e):e;return ce(o)?t.filter(function(r){return ce(r)&&Nt(r,o)&&Q(r)!=="body"}):[]}function lo(e,t,n,o){var r=t==="clippingParents"?co(e):[].concat(t),i=[].concat(r,[n]),u=i[0],l=i.reduce(function(c,s){var d=Bt(e,s,o);return c.top=le(d.top,c.top),c.right=Fe(d.right,c.right),c.bottom=Fe(d.bottom,c.bottom),c.left=le(d.left,c.left),c},Bt(e,u,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function xt(e){var t=e.reference,n=e.element,o=e.placement,r=o?ee(o):null,i=o?me(o):null,u=t.x+t.width/2-n.width/2,l=t.y+t.height/2-n.height/2,c;switch(r){case V:c={x:u,y:t.y-n.height};break;case K:c={x:u,y:t.y+t.height};break;case j:c={x:t.x+t.width,y:l};break;case q:c={x:t.x-n.width,y:l};break;default:c={x:t.x,y:t.y}}var s=r?it(r):null;if(s!=null){var d=s==="y"?"height":"width";switch(i){case fe:c[s]=c[s]-(t[d]/2-n[d]/2);break;case Le:c[s]=c[s]+(t[d]/2-n[d]/2);break}}return c}function Se(e,t){t===void 0&&(t={});var n=t,o=n.placement,r=o===void 0?e.placement:o,i=n.strategy,u=i===void 0?e.strategy:i,l=n.boundary,c=l===void 0?Nn:l,s=n.rootBoundary,d=s===void 0?Lt:s,_=n.elementContext,h=_===void 0?Oe:_,m=n.altBoundary,f=m===void 0?!1:m,v=n.padding,E=v===void 0?0:v,b=Ct(typeof E!="number"?E:Ut(E,Me)),T=h===Oe?Sn:Oe,O=e.rects.popper,I=e.elements[f?T:h],L=lo(ce(I)?I:I.contextElement||ae(e.elements.popper),c,d,u),M=he(e.elements.reference),w=xt({reference:M,element:O,placement:r}),N=lt(Object.assign({},O,w)),C=h===Oe?N:M,P={top:L.top-C.top+b.top,bottom:C.bottom-L.bottom+b.bottom,left:L.left-C.left+b.left,right:C.right-L.right+b.right},R=e.modifiersData.offset;if(h===Oe&&R){var $=R[r];Object.keys(P).forEach(function(H){var ne=[j,K].indexOf(H)>=0?1:-1,oe=[V,K].indexOf(H)>=0?"y":"x";P[H]+=$[oe]*ne})}return P}function uo(e,t){t===void 0&&(t={});var n=t,o=n.placement,r=n.boundary,i=n.rootBoundary,u=n.padding,l=n.flipVariations,c=n.allowedAutoPlacements,s=c===void 0?wt:c,d=me(o),_=d?l?Ot:Ot.filter(function(f){return me(f)===d}):Me,h=_.filter(function(f){return s.indexOf(f)>=0});h.length===0&&(h=_);var m=h.reduce(function(f,v){return f[v]=Se(e,{placement:v,boundary:r,rootBoundary:i,padding:u})[ee(v)],f},{});return Object.keys(m).sort(function(f,v){return m[f]-m[v]})}function po(e){if(ee(e)===tt)return[];var t=$e(e);return[Dt(e),t,Dt(t)]}function fo(e){var t=e.state,n=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var r=n.mainAxis,i=r===void 0?!0:r,u=n.altAxis,l=u===void 0?!0:u,c=n.fallbackPlacements,s=n.padding,d=n.boundary,_=n.rootBoundary,h=n.altBoundary,m=n.flipVariations,f=m===void 0?!0:m,v=n.allowedAutoPlacements,E=t.options.placement,b=ee(E),T=b===E,O=c||(T||!f?[$e(E)]:po(E)),I=[E].concat(O).reduce(function(ge,se){return ge.concat(ee(se)===tt?uo(t,{placement:se,boundary:d,rootBoundary:_,padding:s,flipVariations:f,allowedAutoPlacements:v}):se)},[]),L=t.rects.reference,M=t.rects.popper,w=new Map,N=!0,C=I[0],P=0;P<I.length;P++){var R=I[P],$=ee(R),H=me(R)===fe,ne=[V,K].indexOf($)>=0,oe=ne?"width":"height",k=Se(t,{placement:R,boundary:d,rootBoundary:_,altBoundary:h,padding:s}),G=ne?H?j:q:H?K:V;L[oe]>M[oe]&&(G=$e(G));var De=$e(G),W=[];if(i&&W.push(k[$]<=0),l&&W.push(k[G]<=0,k[De]<=0),W.every(function(ge){return ge})){C=R,N=!1;break}w.set(R,W)}if(N)for(var He=f?3:1,ze=function(se){var Be=I.find(function(Ke){var ue=w.get(Ke);if(ue)return ue.slice(0,se).every(function(It){return It})});if(Be)return C=Be,"break"},S=He;S>0;S--){var Ie=ze(S);if(Ie==="break")break}t.placement!==C&&(t.modifiersData[o]._skip=!0,t.placement=C,t.reset=!0)}}const _o={name:"flip",enabled:!0,phase:"main",fn:fo,requiresIfExists:["offset"],data:{_skip:!1}};function kt(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function Wt(e){return[V,j,K,q].some(function(t){return e[t]>=0})}function ho(e){var t=e.state,n=e.name,o=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,u=Se(t,{elementContext:"reference"}),l=Se(t,{altBoundary:!0}),c=kt(u,o),s=kt(l,r,i),d=Wt(c),_=Wt(s);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:s,isReferenceHidden:d,hasPopperEscaped:_},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":_})}const mo={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:ho};function Eo(e,t,n){var o=ee(e),r=[q,V].indexOf(o)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},t,{placement:e})):n,u=i[0],l=i[1];return u=u||0,l=(l||0)*r,[q,j].indexOf(o)>=0?{x:l,y:u}:{x:u,y:l}}function vo(e){var t=e.state,n=e.options,o=e.name,r=n.offset,i=r===void 0?[0,0]:r,u=wt.reduce(function(d,_){return d[_]=Eo(_,t.rects,i),d},{}),l=u[t.placement],c=l.x,s=l.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=s),t.modifiersData[o]=u}const bo={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:vo};function Io(e){var t=e.state,n=e.name;t.modifiersData[n]=xt({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const go={name:"popperOffsets",enabled:!0,phase:"read",fn:Io,data:{}};function To(e){return e==="x"?"y":"x"}function Ao(e){var t=e.state,n=e.options,o=e.name,r=n.mainAxis,i=r===void 0?!0:r,u=n.altAxis,l=u===void 0?!1:u,c=n.boundary,s=n.rootBoundary,d=n.altBoundary,_=n.padding,h=n.tether,m=h===void 0?!0:h,f=n.tetherOffset,v=f===void 0?0:f,E=Se(t,{boundary:c,rootBoundary:s,padding:_,altBoundary:d}),b=ee(t.placement),T=me(t.placement),O=!T,I=it(b),L=To(I),M=t.modifiersData.popperOffsets,w=t.rects.reference,N=t.rects.popper,C=typeof v=="function"?v(Object.assign({},t.rects,{placement:t.placement})):v,P=typeof C=="number"?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),R=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(M){if(i){var H,ne=I==="y"?V:q,oe=I==="y"?K:j,k=I==="y"?"height":"width",G=M[I],De=G+E[ne],W=G-E[oe],He=m?-N[k]/2:0,ze=T===fe?w[k]:N[k],S=T===fe?-N[k]:-w[k],Ie=t.elements.arrow,ge=m&&Ie?rt(Ie):{width:0,height:0},se=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:Pt(),Be=se[ne],Ke=se[oe],ue=ye(0,w[k],ge[k]),It=O?w[k]/2-He-ue-Be-P.mainAxis:ze-ue-Be-P.mainAxis,Kr=O?-w[k]/2+He+ue+Ke+P.mainAxis:S+ue+Ke+P.mainAxis,gt=t.elements.arrow&&we(t.elements.arrow),jr=gt?I==="y"?gt.clientTop||0:gt.clientLeft||0:0,_n=(H=R==null?void 0:R[I])!=null?H:0,Zr=G+It-_n-jr,Xr=G+Kr-_n,hn=ye(m?Fe(De,Zr):De,G,m?le(W,Xr):W);M[I]=hn,$[I]=hn-G}if(l){var mn,Jr=I==="x"?V:q,Qr=I==="x"?K:j,de=M[L],je=L==="y"?"height":"width",En=de+E[Jr],vn=de-E[Qr],Tt=[V,q].indexOf(b)!==-1,bn=(mn=R==null?void 0:R[L])!=null?mn:0,In=Tt?En:de-w[je]-N[je]-bn+P.altAxis,gn=Tt?de+w[je]+N[je]-bn-P.altAxis:vn,Tn=m&&Tt?Yn(In,de,gn):ye(m?In:En,de,m?gn:vn);M[L]=Tn,$[L]=Tn-de}t.modifiersData[o]=$}}const Mo={name:"preventOverflow",enabled:!0,phase:"main",fn:Ao,requiresIfExists:["offset"]};function Lo(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Oo(e){return e===Y(e)||!Z(e)?at(e):Lo(e)}function wo(e){var t=e.getBoundingClientRect(),n=_e(t.width)/e.offsetWidth||1,o=_e(t.height)/e.offsetHeight||1;return n!==1||o!==1}function yo(e,t,n){n===void 0&&(n=!1);var o=Z(t),r=Z(t)&&wo(t),i=ae(t),u=he(e,r,n),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!n)&&((Q(t)!=="body"||ct(i))&&(l=Oo(t)),Z(t)?(c=he(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=st(i))),{x:u.left+l.scrollLeft-c.x,y:u.top+l.scrollTop-c.y,width:u.width,height:u.height}}function No(e){var t=new Map,n=new Set,o=[];e.forEach(function(i){t.set(i.name,i)});function r(i){n.add(i.name);var u=[].concat(i.requires||[],i.requiresIfExists||[]);u.forEach(function(l){if(!n.has(l)){var c=t.get(l);c&&r(c)}}),o.push(i)}return e.forEach(function(i){n.has(i.name)||r(i)}),o}function So(e){var t=No(e);return Wn.reduce(function(n,o){return n.concat(t.filter(function(r){return r.phase===o}))},[])}function Po(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function Co(e){var t=e.reduce(function(n,o){var r=n[o.name];return n[o.name]=r?Object.assign({},r,o,{options:Object.assign({},r.options,o.options),data:Object.assign({},r.data,o.data)}):o,n},{});return Object.keys(t).map(function(n){return t[n]})}var Ft={placement:"bottom",modifiers:[],strategy:"absolute"};function Vt(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function Uo(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,o=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?Ft:r;return function(l,c,s){s===void 0&&(s=i);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ft,i),modifiersData:{},elements:{reference:l,popper:c},attributes:{},styles:{}},_=[],h=!1,m={state:d,setOptions:function(b){var T=typeof b=="function"?b(d.options):b;v(),d.options=Object.assign({},i,d.options,T),d.scrollParents={reference:ce(l)?Ne(l):l.contextElement?Ne(l.contextElement):[],popper:Ne(c)};var O=So(Co([].concat(o,d.options.modifiers)));return d.orderedModifiers=O.filter(function(I){return I.enabled}),f(),m.update()},forceUpdate:function(){if(!h){var b=d.elements,T=b.reference,O=b.popper;if(Vt(T,O)){d.rects={reference:yo(T,we(O),d.options.strategy==="fixed"),popper:rt(O)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(P){return d.modifiersData[P.name]=Object.assign({},P.data)});for(var I=0;I<d.orderedModifiers.length;I++){if(d.reset===!0){d.reset=!1,I=-1;continue}var L=d.orderedModifiers[I],M=L.fn,w=L.options,N=w===void 0?{}:w,C=L.name;typeof M=="function"&&(d=M({state:d,options:N,name:C,instance:m})||d)}}}},update:Po(function(){return new Promise(function(E){m.forceUpdate(),E(d)})}),destroy:function(){v(),h=!0}};if(!Vt(l,c))return m;m.setOptions(s).then(function(E){!h&&s.onFirstUpdate&&s.onFirstUpdate(E)});function f(){d.orderedModifiers.forEach(function(E){var b=E.name,T=E.options,O=T===void 0?{}:T,I=E.effect;if(typeof I=="function"){var L=I({state:d,name:b,instance:m,options:O}),M=function(){};_.push(L||M)}})}function v(){_.forEach(function(E){return E()}),_=[]}return m}}var Ro=[no,go,eo,qn,bo,_o,Mo,Zn,mo],qt=Uo({defaultModifiers:Ro});function ut(e,t,n,o){t?(e.classList.remove(o),e.classList.add(n)):(e.classList.add(o),e.classList.remove(n))}let z;const Pe={},dt={SHIFT:"shift-key"};function $t(){z&&(document.removeEventListener("click",z.globalOnClick),document.removeEventListener("keyup",z.globalOnKeyup),document.removeEventListener("keydown",z.globalOnKeydown),z=null)}function pt(){const e=[`${p(a.UTAH_DESIGN_SYSTEM)} ${p(a.HEADER)} ${p(a.POPUP_WRAPPER)}`,`${p(a.UTAH_DESIGN_SYSTEM)} ${p(a.MAIN_MENU)} ${p(a.POPUP_WRAPPER)}`],t=document.querySelectorAll(e.join(","));Array.from(t).filter(n=>!n.classList.contains(a.POPUP__HIDDEN)).forEach(n=>{const o=n.getAttribute("id");if(o){const r=document.querySelector(`[aria-controls="${o}"]`);r&&ie(r)&&r.setAttribute("aria-expanded","false")}ut(n,!1,a.POPUP__VISIBLE,a.POPUP__HIDDEN)})}function Do(){z&&$t(),z={globalOnClick:()=>{},globalOnKeyup:()=>{},globalOnKeydown:()=>{}},z.globalOnClick=pt,document.addEventListener("click",z.globalOnClick),z.globalOnKeyup=e=>{e.key==="Escape"&&pt(),e.shiftKey||(Pe[dt.SHIFT]=!1),Pe[e.key]=!1},document.addEventListener("keyup",z.globalOnKeyup),z.globalOnKeydown=e=>{e.shiftKey&&(Pe[dt.SHIFT]=!0),Pe[e.key]=!0},document.addEventListener("keydown",z.globalOnKeydown)}function Ho(){return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}function Ee(e,t,n,o,r){let i=NaN,u=NaN;const l=350,c=150,s=50;ie(t)&&t.setAttribute("aria-expanded","false"),t.setAttribute("aria-haspopup",o);function d(h){clearTimeout(i),clearTimeout(u),(!(r!=null&&r.isPerformPopup)||r!=null&&r.isPerformPopup())&&(i=window.setTimeout(()=>{qt(t,n,{placement:(r==null?void 0:r.popupPlacement)||xe.BOTTOM,modifiers:[{name:"offset",options:{offset:[0,11]}}]}),ut(n,!0,a.POPUP__VISIBLE,a.POPUP__HIDDEN),ie(t)&&t.setAttribute("aria-expanded","true"),document.querySelectorAll(p(a.TOOLTIP__WRAPPER)).forEach(m=>m.classList.add(a.TOOLTIP__WRAPPER__HIDDEN))},h))}function _(h){clearTimeout(i),clearTimeout(u),(!(r!=null&&r.isPerformPopup)||r.isPerformPopup())&&(u=window.setTimeout(()=>{ut(n,!1,a.POPUP__VISIBLE,a.POPUP__HIDDEN),ie(t)&&t.setAttribute("aria-expanded","false")},h))}if(r!=null&&r.preventOnClickHandling&&(X(!!e.onclick,"popupFocusHandler: wrapper already has an onclick"),e.onclick=h=>{h.stopPropagation()}),e.addEventListener("focusin",()=>d(c)),e.addEventListener("focusout",()=>_(c)),r!=null&&r.shouldFocusOnHover&&(e.addEventListener("mouseenter",()=>d(l)),e.addEventListener("mouseleave",()=>_(l))),!(r!=null&&r.preventOnClickHandling)){if(t.onclick)throw new Error("popupFocusHandler: button already has onclick");t.onclick=h=>{var f;const m=t.getAttribute("aria-expanded")==="true";(!(r!=null&&r.isPerformPopup)||r.isPerformPopup())&&(h.stopPropagation(),h.preventDefault(),m&&t.getAttribute("aria-expanded")==="true"?r!=null&&r.doNotClosePopupOnClick||(_(s),(f=document.activeElement)==null||f.blur()):(Ho()&&pt(),d(s))),r!=null&&r.onClick&&r.onClick(h)}}}const ft=`<span class="utds-new-tab-link-a11y">
<span class="visually-hidden">, opens in a new tab</span>
<span class="utds-icon-after-external-link" aria-hidden="true"></span>
</span>
`,Bo=`<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
`;function Gt(e,t){let n;return typeof t=="function"?n=t(e):n=t??"Overview",` ${n}`}const xo=`<div class="popup__wrapper popup__wrapper--hidden">
<div class="popup__content">
<div class="popup__arrow" data-popper-arrow></div>
</div>
</div>
`;function _t(e,t){const n=e.getAttribute("id");if(!n)throw new Error("renderPopup: labelledByElement does not have an `id` attribute");const o=D();e.setAttribute("aria-controls",o);const r=g(xo);if(r.setAttribute("id",o),r.setAttribute("aria-labelledby",n),t!=null&&t.removePopupArrow){const i=r.querySelector(p(a.POPUP_ARROW));if(!i)throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");i.remove()}return r}const ko=`<ul class="vertical-menu" />
`,Wo=`<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 Yt(e){const t=e.closest("li");if(!t)throw console.error("element",e),new Error("toggleChildMenuExpansion: parent not found for child");t.querySelectorAll(":scope > ul").forEach(n=>{var i;const o=(i=n.closest("li"))==null?void 0:i.querySelector(p(a.VERTICAL_MENU__BUTTON_TITLE));if(!o)throw new Error("toggleChildMenuExpansion: button not found");const r=o.querySelector(`:scope > ${p(a.VERTICAL_MENU__CHEVRON)}`);if(!r)throw new Error("toggleChildMenuExpansion: chevron not found");n.classList.toggle(a.VISUALLY_HIDDEN),n.classList.contains(a.VISUALLY_HIDDEN)?(ie(o)&&o.setAttribute("aria-expanded","false"),r.classList.add(a.IS_CLOSED),r.classList.remove(a.IS_OPEN)):(ie(o)&&o.setAttribute("aria-expanded","true"),r.classList.remove(a.IS_CLOSED),r.classList.add(a.IS_OPEN))})}function Fo(e){return t=>{t.preventDefault(),t.stopPropagation(),Yt(e)}}function zt(){const e=g(Bo);return e.classList.add(a.IS_CLOSED),e}function Ge(){setTimeout(()=>{var e;(e=document.activeElement)==null||e.blur()},0)}function Vo(e,t,n){var m,f,v;const o=g(Wo),r=o.querySelector(p(a.VERTICAL_MENU__TITLE));if(!r)throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");const i=o.querySelector(p(a.VERTICAL_MENU__BUTTON_TITLE));if(!i)throw new Error("renderPopupMenuItem: menuButton not found");const u=o.querySelector(p(a.VERTICAL_MENU__LINK_TITLE));if(!u)throw new Error("renderPopupMenuItem: aHref not found");const l=o.querySelector(p(a.VERTICAL_MENU__PLAIN_TITLE));if(!l)throw new Error("renderPopupMenuItem: plainTitle not found");const c=o.querySelector(p(a.VERTICAL_MENU__DIVIDER));if(!c)throw new Error("renderPopupMenuItem: menuDivider not found");const s=o.querySelector(`button ${p(a.VERTICAL_MENU__LINK_TEXT)}`);if(!s)throw new Error("renderPopupMenuItem: titleSpanButton not found");const d=o.querySelector(`a ${p(a.VERTICAL_MENU__LINK_TEXT)}`);if(!d)throw new Error("renderPopupMenuItem: titleSpanLink not found");const _=t.actionMenu&&[...t.actionMenu];if(_&&(t.actionFunction||t.actionUrl||t.actionFunctionUrl)&&!t.isOverviewHidden&&_.unshift({actionFunction:t.actionFunction,actionFunctionUrl:t.actionFunctionUrl,actionUrl:t.actionUrl,className:t.className,icon:t.icon,title:`${t.title}${Gt(t,n.parentMenuLinkSuffix)}`}),_!=null&&_.length||(u.onclick=Ge,i.onclick=Ge),_){let E;switch(n.childrenMenuType){case x.FLYOUT:{E=zt(),i.appendChild(E),i.setAttribute("id",D());const b=ht({menuItems:_,title:t.title},i,{...n,removePopupArrow:!0});o.appendChild(b),Ee(o,i,b,"menu",{popupPlacement:xe.RIGHT_START,preventOnClickHandling:!0,shouldFocusOnHover:!0}),u.remove(),l.remove();break}case x.INLINE:{const b=ve(_,n),T=D();b.setAttribute("id",T),b.classList.add(a.VISUALLY_HIDDEN),o.appendChild(b),i.onclick=Fo(i),ie(i)&&i.setAttribute("aria-expanded","false"),i.setAttribute("aria-controls",T),E=zt(),i.appendChild(E),u.remove(),l.remove(),o.addEventListener("focusin",O=>{var I,L,M,w;for(let N=(I=O.target)==null?void 0:I.closest("ul");N;N=(L=N.parentElement)==null?void 0:L.closest("ul"))N.classList.remove(a.VISUALLY_HIDDEN),ie(i)&&i.setAttribute("aria-expanded","true"),O.target!==i&&((M=E==null?void 0:E.classList)==null||M.remove(a.IS_CLOSED),(w=E==null?void 0:E.classList)==null||w.add(a.IS_OPEN))});break}case x.MEGA_MENU:{const b=ve(_,n),T=D();b.setAttribute("id",T),o.appendChild(b),u.remove(),i.remove(),l.appendChild(document.createTextNode(t.title));break}default:throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${n.childrenMenuType}'`)}c.remove()}else if(t.actionFunction)i.onclick=E=>{var b;(b=t.actionFunction)==null||b.call(t,E),Ge()},u.remove(),c.remove(),l.remove();else if(t.actionUrl)u.setAttribute("href",t.actionUrl.url),i.remove(),c.remove(),l.remove();else if(t.actionFunctionUrl)u.setAttribute("href",t.actionFunctionUrl.url),u.onclick=E=>{var b,T;(b=t.actionFunctionUrl)!=null&&b.skipHandleEvent||(E.stopPropagation(),E.preventDefault()),(T=t.actionFunctionUrl)==null||T.actionFunction(E),Ge()},i.remove(),c.remove(),l.remove();else if(t.isDivider)r.remove(),o.setAttribute("aria-hidden","true"),o.setAttribute("role","separator");else throw console.error(t),new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");if(!t.isDivider&&(s.appendChild(document.createTextNode(t.title)),d.appendChild(document.createTextNode(t.title)),(m=t.actionUrl)!=null&&m.openInNewTab||(f=t.actionFunctionUrl)!=null&&f.openInNewTab)){u.setAttribute("target","_blank");const E=g(ft);s.appendChild(E),d.appendChild(E)}const h=(v=t.actionMenu)!=null&&v.length?a.MENU_ITEM__SELECTED_PARENT:a.MENU_ITEM__SELECTED;return(t.isSelected||t.actionMenu&&et(t.actionMenu,["actionMenu"],E=>!!E.isSelected))&&(i.classList.add(h),u.classList.add(h)),t.isSelected?(Yt(o),o.classList.add(h)):o.classList.remove(h),t.className&&o.classList.add(t.className),e.appendChild(o),o}function ve(e,t){const n=g(ko);return e==null||e.forEach(o=>Vo(n,o,t)),n}function ht(e,t,n){const o=_t(t,{removePopupArrow:n.removePopupArrow}),r=o.querySelector(p(a.POPUP_CONTENT_WRAPPER));if(!r)throw new Error("renderPopupMenu: contentWrapper not found");const i=ve(e.menuItems,n);return i.setAttribute("aria-label",e.title),r.appendChild(i),o}const qo=`<div class="utds-header-action-item-menu">
<div class="vertical-menu__wrapper-title"></div>
</div>
`,$o=`<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>
`,Go=`<div class="utds-badge__wrapper">
<span class="utds-badge__value"></span>
<span class="utds-badge__label visually-hidden"></span>
</div>
`;function mt(e){let t=null;if(e){t=g(Go),t.classList.add(a.BADGE_WRAPPER__ACTION_ITEM);const n=t.querySelector(p(a.BADGE__LABEL));if(!n)throw new Error("renderActionItemBadge: badgeLabel not found");if(n.appendChild(document.createTextNode(e.label)),e.value||e.value===0){const o=t.querySelector(p(a.BADGE__VALUE));if(!o)throw new Error("renderActionItemBadge: badgeValue not found");o.appendChild(document.createTextNode(`${e.value}`))}else t.classList.add(a.BADGE_WRAPPER__SMALL);e.className&&t.classList.add(e.className)}return t}function Yo(e){const t=g($o);t.getAttribute("id")||t.setAttribute("id",D());const n=document.createTextNode(e.title),o=t instanceof HTMLCollection?t[0]:t;e.showTitle&&o.classList.add(a.ACTION_ITEM__ICON_BUTTON_TITLE),o.classList.add(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER),o.classList.remove(a.ACTION_ITEM);const r=o.querySelector(p(a.ACTION_ITEM__TITLE));if(!r)throw new Error("renderActionItem: titleDiv not found");r.appendChild(n),e.showTitle?r.classList.remove(a.VISUALLY_HIDDEN):r.classList.add(a.VISUALLY_HIDDEN);const i=t.querySelector(p(a.ACTION_ITEM__ICON_BUTTON));if(!i)throw new Error("renderActionItem: iconButton not found");e.className&&i.classList.add(e.className);const u=mt(e.badge);u&&i.appendChild(u);const l=g(e.icon);l.setAttribute("role","presentation"),i.appendChild(l);let c=null;if(e.actionFunction)i.onclick=e.actionFunction;else if(e.actionDom){const s=D();i.setAttribute("id",s),c=g(typeof e.actionDom=="function"?e.actionDom():e.actionDom)}else if(e.actionPopupMenu){const s=D();i.setAttribute("id",s),c=g(qo);const d=c.querySelector(p(a.VERTICAL_MENU_WRAPPER__WRAPPER_TITLE));if(!d)throw new Error("renderMobileActionItem: actionItemContentTitle not found");d.appendChild(document.createTextNode(e.actionPopupMenu.title));const _=ve(e.actionPopupMenu.menuItems,{childrenMenuType:x.INLINE,parentMenuLinkSuffix:e.actionPopupMenu.parentMenuLinkSuffix});c.appendChild(_)}else throw console.error(e),new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");return{actionItemElement:t,actionItemContent:c}}function zo(){var u,l,c;const e=document.getElementById(a.MOBILE_MENU_ACTON_BAR__HOME_ID);if(!e)throw new Error("renderMobileActionItems: homeActionItem not found");const t=e.closest(p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!t)throw new Error("renderMobileActionItems: homeActionItemWrapper not found");const o=!!y().utahId?document.getElementById(a.MOBILE_MENU_ACTON_BAR__PROFILE_ID):null,r=(u=o==null?void 0:o.closest)==null?void 0:u.call(o,p(a.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));(c=(l=[...y().actionItems||[]].reverse())==null?void 0:l.map(s=>({actionItem:s,...Yo(s)})))==null||c.forEach(({actionItem:s,actionItemContent:d,actionItemElement:_})=>{let h;switch(s.mobileMenuLocation){case"left":h=t;break;case"none":h=null;break;case"right":default:h=r||t;break}if(h&&(h.after(_),d)){const m=Xe(d);let f=null;s.actionDom?f="dialog":s.actionPopupMenu&&(f="menu"),Qe(_,m,_,{ariaHasPopupType:f,shouldOnClickCloseMenu:!1})}}),y().mainMenu||(e.remove(),t.remove())}const Ko=`<div class="utds-footer utah-design-system">
<div class="utds-footer__horizontal-divider">
<hr />
</div>
<div class="utds-footer__utah-logo-wrapper">
<div class="utah-logo-svg" id="utah-logo-svg">
<svg viewBox="0 0 107 30.51" role="img">
<g>
<path
d="m12.44,30.51c-4.21,0-7.33-1.22-9.38-3.66C1.02,24.4,0,20.61,0,15.48V0h7.93v16.4c0,2.67.36,4.55,1.08,5.65.77,1.12,2.08,1.74,3.43,1.64,1.36.1,2.68-.52,3.48-1.63.75-1.09,1.13-2.97,1.13-5.65V0h7.65v15.48c0,5.13-1,8.92-3,11.36-2,2.44-5.09,3.66-9.26,3.66Zm24.42-.56V6.64h-7.93V0h23.78v6.64h-7.93v23.31h-7.92Zm26.17-14.56l-.51,2.07h5.53l-.51-2.07c-.37-1.44-.74-3.01-1.11-4.7-.37-1.69-.74-3.29-1.11-4.79h-.18c-.34,1.53-.68,3.14-1.04,4.82-.35,1.68-.71,3.24-1.08,4.68Zm-11.52,14.56L60.64,0h9.58l9.12,29.95h-8.39l-1.48-6.36h-8.38l-1.47,6.36h-8.11Zm30.69,0V0h7.93v11.15h8.94V0h7.93v29.95h-7.93v-11.89h-8.94v11.89h-7.93Z" />
</g>
</svg>
</div>
<div class="utds-footer__vertical-divider" role="separator" aria-orientation="vertical"></div>
<div class="utds-footer__official-site-wrapper">
<div class="utds-footer__official-site">An official website of the <span class="whitespace-no-wrap">state of Utah</span></div>
<div class="utds-footer__copyright">©<span class="utds-footer__copyright-year">2024</span> State of Utah</div>
</div>
</div>
<div class="utds-footer__links">
<ul>
<li>
<a href="https://www.utah.gov/index.html" target="__blank" rel="noreferrer">Utah.gov Home</a>
</li>
<li>
<a href="https://www.utah.gov/support/disclaimer.html" target="__blank" rel="noreferrer" id="utds-footer-terms-link">Terms of Use</a>
</li>
<li>
<a href="https://www.utah.gov/support/privacypolicy.html" target="__blank" rel="noreferrer" id="utds-footer-privacy-link">Privacy
Policy</a>
</li>
<li>
<a href="https://www.utah.gov/support/accessibility.html" target="__blank" rel="noreferrer">Accessibility</a>
</li>
<li>
<a href="https://www.utah.gov/support/translate.html" target="__blank" rel="noreferrer">Translate</a>
</li>
</ul>
</div>
</div>
`;function jo(e,t){const n=A(e.querySelector(p(a.FOOTER_COPYRIGHT_YEAR)),"renderFooterCopyrightYear: copyrightYearSpan not found");n.innerHTML=t??""}const te={copyrightYear:void 0,domLocationTarget:{cssSelector:void 0,element:void 0,elementFunction:void 0},showHorizontalRule:!1};function Zo(){var o,r,i,u,l,c,s,d,_,h,m,f,v,E,b,T,O,I,L,M,w,N,C,P,R,$,H,ne,oe,k,G;const e=y(),t=document.querySelector(p(a.FOOTER));let n=t;if(e.footer===null)t==null||t.remove();else if(te.domLocationTarget.cssSelector!==((r=(o=e==null?