@utahdts/utah-design-system-header 0.4.3 โ 0.6.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/utah-design-system-header.es.js +1318 -1245
- package/dist/utah-design-system-header.umd.js +128 -65
- package/package.json +8 -6
- package/src/css/_logos.scss +53 -11
- package/src/css/_official-website-popup.scss +56 -0
- package/src/css/build/utah-design-system-header.css +91 -4
- package/src/css/index.scss +1 -0
- package/src/css/media-queries.css +8 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(D,ee){typeof exports=="object"&&typeof module<"u"?ee(exports,require("@utahdts/utah-design-system")):typeof define=="function"&&define.amd?define(["exports","@utahdts/utah-design-system"],ee):(D=typeof globalThis<"u"?globalThis:D||self,ee(D["@utahdts/utah-design-system-header"]={},D.utahDesignSystem))})(this,function(D,ee){"use strict";const pn={name:"@utahdts/utah-design-system-header",version:"0.6.0-beta.0",description:"Utah Header for the Utah Design System",exports:{".":{"development-local":"./src/index.js",development:"./dist/utah-design-system-header.es.js",production:"./dist/utah-design-system-header.es.js",import:"./dist/utah-design-system-header.es.js",require:"./dist/utah-design-system-header.umd.js",default:["./dist/utah-design-system-header.es.js","./dist/utah-design-system-header.umd.js","./src/index.js"]},"./css":"./dist/style.css","./src/css/index.scss":"./src/css/index.scss"},main:"./src/index.js",files:["src/css","dist"],scripts:{build:"vite build",preview:"vite preview",publishHeader:"npm publish --access public",publishHeaderBeta:"npm publish --access public --tag beta","sass-build":"sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css","test-publish":"npm publish --dry-run",test:"vitest",testc:"vitest run --coverage",watch:"vite build --watch"},repository:{type:"git",url:"git+https://github.com/utahdts/utah-design-system.git"},license:"Apache-2.0",bugs:{url:"https://github.com/utahdts/utah-design-system/issues"},homepage:"https://github.com/utahdts/utah-design-system#readme",dependencies:{"@popperjs/core":"2.11.7","@utahdts/utah-design-system":"0.6.0-beta.0"},devDependencies:{eslint:"8.38.0","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"2.27.5","eslint-plugin-jsx-a11y":"6.7.1",sass:"1.62.0",vite:"4.2.2","vite-plugin-eslint":"1.8.1",vitest:"0.30.1"},type:"module"},Qo="",x={FLYOUT:"flyout",INLINE:"inline",MEGA_MENU:"mega-menu"},Ve={HEADER_LOADED:"utahHeaderLoaded",HEADER_UNLOADED:"utahHeaderUnloaded"},te={SMALL:"SMALL",MEDIUM:"MEDIUM",LARGE:"LARGE"},fn=`/* @media is never in scope for --variables, so this is the only way to solve this. :-( */
|
|
2
2
|
|
|
3
3
|
@media screen and (max-width: media-size__tablet-landscape__PLACEHOLDER) {
|
|
4
4
|
/* put your media query here for tablet landscape */
|
|
@@ -43,6 +43,14 @@
|
|
|
43
43
|
left: 50%;
|
|
44
44
|
transform: translateX(-50%) translateY(110%);
|
|
45
45
|
}
|
|
46
|
+
|
|
47
|
+
.utah-design-system .utds-official-website-popup__content {
|
|
48
|
+
flex-wrap: wrap;
|
|
49
|
+
gap: var(--spacing-l);
|
|
50
|
+
}
|
|
51
|
+
.utah-design-system .utds-official-website-popup__col {
|
|
52
|
+
width: 100%;
|
|
53
|
+
}
|
|
46
54
|
}
|
|
47
55
|
|
|
48
56
|
@media screen and (max-width: media-size__mobile__PLACEHOLDER) {
|
|
@@ -77,36 +85,33 @@
|
|
|
77
85
|
<div class="utds-header-mobile-menu__content"> </div>
|
|
78
86
|
</div>
|
|
79
87
|
</div>
|
|
80
|
-
`;function f(
|
|
81
|
-
`,En=`<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
|
|
82
|
-
`,vn=`<span class="utds-logo-vert-line"></span>
|
|
83
|
-
`,mt={mainMenu:{menuItems:[{title:"Home",actionUrl:{url:"/"}}],title:"Main Menu"},mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},showTitle:!0,size:ee.MEDIUM,title:"Utah Design System",titleURL:"/",utahId:!0};let Le={...{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:`<span class="utds-icon-before-waffle" aria-hidden="true" />
|
|
88
|
+
`;function f(e){return`.${(Array.isArray(e)?e:[e]).join(".")}`}const s={UTAH_DESIGN_SYSTEM:"utah-design-system",HEADER:"utds-header",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:"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:"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",LOGO_VERT_LINE:"utds-logo-vert-line",MAIN_MENU:"main-menu__wrapper",MAIN_MENU__HAMBURGER:"main-menu__hamburger",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__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",MOBILE__VIP_ACTION_ITEMS__LEFT:"utds-header-mobile__vip-action-items--left",MOBILE__UTAH_ID:"utds-header-mobile__utah-id-wrapper",MOBILE__VIP_ACTION_ITEMS__RIGHT:"utds-header-mobile__vip-action-items--right",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__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",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_MENU_WRAPPER__WRAPPER:"vertical-menu__wrapper",POPUP_MENU_WRAPPER__WRAPPER_TITLE:"vertical-menu__wrapper-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",SEARCH__SEARCH_BACKDROP:"search-backdrop",SEARCH__SEARCH_CLOSE_BUTTON:"search-modal__close-button",SEARCH__SEARCH_BUTTON:"search-modal__button",SEARCH__SEARCH_BUTTON_WRAPPER:"search-modal__button-wrapper",SEARCH__SEARCH_INPUT:"search-modal__input",SEARCH__SEARCH_MODAL:"search-modal",SIZE__LARGE:"large",SIZE__MEDIUM:"medium",TITLE:"utds-title-wrapper",TITLE__LOGO:"utds-title-wrapper__logo",TITLE__TITLE:"utds-title-wrapper__title",TOOLTIP:"utds-tooltip",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 mt(e,t){if(e)throw new Error(t)}function _n(e,t){if(e==null)throw new Error(t);return e}function Fe(e){return typeof e=="string"||e instanceof String}function mn(e){const t=new DOMParser;let n;if(Fe(e)){const r=Fe(e)?t.parseFromString(e,"text/html"):e,o=r.body.children.length>1?r.body.children:r.body.children.item(0);if(!o)throw console.error(e),new Error("renderDOM: nothing rendered");n=o}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 b(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 vt={mainMenu:{menuItems:[{title:"Home",actionUrl:{url:"/"}}],title:"Main Menu"},mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},showTitle:!0,size:te.MEDIUM,title:"Utah Design System",titleURL:"/",utahId:!0};let Le={...{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:e=>{e.stopPropagation(),e.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:`<span class="utds-icon-before-waffle" aria-hidden="true" />
|
|
84
89
|
`,showTitle:!0,title:"Divisions"},{actionFunction:()=>console.log("Alerts clicked"),badge:{label:"Unread Alert",value:1},icon:`<span class="utds-icon-before-alert" aria-hidden="true" />
|
|
85
|
-
`,showTitle:!1,title:"Alerts"},{actionDom:()=>{const
|
|
86
|
-
`,showTitle:!1,title:"Help"},{actionDom:()=>{const
|
|
87
|
-
`,showTitle:!1,title:"Settings"}],mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},onSearch:
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<
|
|
90
|
+
`,showTitle:!1,title:"Alerts"},{actionDom:()=>{const e=document.createElement("div");e.appendChild(document.createTextNode("Hello World!"));const t=document.createElement("button");return t.appendChild(document.createTextNode("Do not press me.")),e.appendChild(t),e},badge:{label:"Help Items Available"},icon:`<span class="utds-icon-before-help" aria-hidden="true" />
|
|
91
|
+
`,showTitle:!1,title:"Help"},{actionDom:()=>{const e=document.createElement("div");e.appendChild(document.createTextNode("Toggle Language"));const t=document.createElement("button");return t.appendChild(document.createTextNode("Speak Different")),t.onclick=()=>alert("lorem ipsum"),e.appendChild(t),e},icon:`<span class="utds-icon-before-gear" aria-hidden="true" />
|
|
92
|
+
`,showTitle:!1,title:"Settings"}],mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},onSearch:e=>alert(e),showTitle:!0,size:te.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:x.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:x.MEGA_MENU,title:"MEGA MENU!"}],title:"Utah Design System Main Menu"}}};function y(){return Le}function vn(e){if(!e.showTitle&&!e.logo)throw new Error("validateSettings: A title must be shown if there is no logo. Please change the `showTitle` setting to be `true` or provide a logo image.")}function Et(){tn(!1),en()}let bt=!1;const En=15e3;let gt=0;const bn=setInterval(()=>{gt+=1,gt>=En||bt?clearInterval(bn):document.dispatchEvent(new Event(Ve.HEADER_LOADED))},2);function gn(e){return Le={...vt,...e},vn(Le),bt=!0,document!=null&&document.body?Et():window.addEventListener("load",()=>Et()),Le}const In=`<div class="utds-header-mobile-menu__content-item" role="tabpanel">
|
|
93
|
+
</div>
|
|
94
|
+
`;function C(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&(15>>e)/4).toString(16))}function Ge(e){const t=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!t)throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");const n=t.querySelector(f(s.MOBILE_MENU__CONTENT));if(!n)throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");const r=b(In);return r.appendChild(e),n.appendChild(r),r.setAttribute("id",C()),r}const wn=`<div class="utds-badge__wrapper">
|
|
95
|
+
<span class="utds-badge__value"></span>
|
|
96
|
+
<span class="utds-badge__label visually-hidden"></span>
|
|
97
|
+
</div>
|
|
98
|
+
`;function $e(e){let t=null;if(e){t=b(wn),t.classList.add(s.BADGE_WRAPPER__ACTION_ITEM);const n=t.querySelector(f(s.BADGE__LABEL));if(!n)throw new Error("renderActionItemBadge: badgeLabel not found");if(n.appendChild(document.createTextNode(e.label)),e.value||e.value===0){const r=t.querySelector(f(s.BADGE__VALUE));if(!r)throw new Error("renderActionItemBadge: badgeValue not found");r.appendChild(document.createTextNode(`${e.value}`))}else t.classList.add(s.BADGE_WRAPPER__SMALL);e.className&&t.classList.add(e.className)}return t}function je(e){const t=document.querySelector(f(s.MOBILE_MENU));if(!t)throw new Error(`${e}: mobileMenu not found`);const n=document.getElementById(s.MAIN_MENU__HAMBURGER_ID);if(!n)throw new Error(`${e}: hamburger not found (๐ ๐ถ I will gladly pay you Tuesday for a hamburger today ๐ต ๐)`);const r=document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID);if(!r)throw new Error(`${e}: hamburgerIcon not found`);return{hamburger:n,hamburgerIcon:r,mobileMenu:t}}function Ye(){const{hamburger:e,hamburgerIcon:t,mobileMenu:n}=je("hideMobileMenu");e.setAttribute("aria-expanded","false"),n.classList.remove(s.IS_OPEN),t.classList.add("utds-icon-before-hamburger"),t.classList.remove("utds-icon-before-x-icon")}function Mn(){const{hamburger:e,hamburgerIcon:t,mobileMenu:n}=je("showMobileMenu");e.setAttribute("aria-expanded","true"),n.classList.add(s.IS_OPEN),t.classList.remove("utds-icon-before-hamburger"),t.classList.add("utds-icon-before-x-icon")}function Tn(e){var c;const{hamburger:t}=je("hookupHamburger");if((c=y().actionItems)==null?void 0:c.some(a=>!!a.badge)){const a=$e({label:"Home Badge"});a&&t.appendChild(a)}Ye();const o=document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);if(!o)throw new Error("hookupHamburger: homeActionItem not found");const i=o.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!i)throw new Error("hookupHamburger: homeActionItemWrapper not found");Ke(t,e,i,{ariaHasPopupType:"menu",shouldOnClickCloseMenu:!0})}function ze(e,t){e.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach(r=>{r.classList.remove(s.ACTION_ITEM__SELECTED);const o=r.querySelector("button");if(!o)throw new Error("showActionItem: actionWrapper does not have actionItem");o.setAttribute("aria-selected","false"),o.setAttribute("tabIndex","-1")}),t.classList.add(s.ACTION_ITEM__SELECTED);const n=t.querySelector("button");if(!n)throw new Error("showActionItem: actionWrapper does not have actionItem");n.setAttribute("aria-selected","true"),n.removeAttribute("tabIndex"),n.focus()}function It(e,t){e.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach(n=>n.classList.remove(s.IS_OPEN)),t.classList.add(s.IS_OPEN)}function Ke(e,t,n,{ariaHasPopupType:r,onClickHandler:o,shouldOnClickCloseMenu:i}){var h;if(t&&!r)throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");const c=document.querySelector(f(s.MOBILE_MENU));if(!c)throw new Error("mobileMenuInteractionHandler: mobileMenu not found");const a=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!a)throw new Error("mobileMenuInteractionHandler: mobileMenuWrapper not found");const l=a.querySelector(f(s.MOBILE_MENU__CONTENT));if(!l)throw new Error("mobileMenuInteractionHandler: mobileContentWrapper not found");const u=(h=n==null?void 0:n.querySelector)==null?void 0:h.call(n,"button"),d=(u||e).getAttribute("id");if(!d)throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");if(t){const _=t.getAttribute("id");if(!_)throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");(u||e).setAttribute("aria-controls",_),t.setAttribute("aria-labelledby",d)}if(e.onclick)throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");if(e.onclick=_=>{o&&o(_)||(c.classList.contains(s.IS_OPEN)?i&&Ye():(Mn(),t&&It(l,t),ze(a,n)))},t){if(n!==e&&n.onclick)throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");n.onclick=_=>{o&&o(_)||(It(l,t),ze(a,n))}}}const An=`<div class="utds-header-mobile-menu__action-item" role="tab">
|
|
99
|
+
<button type="button" class="icon-button icon-button--borderless utds-header-action-item__icon-button">
|
|
91
100
|
<div class="utds-header-action-item__title visually-hidden"></div>
|
|
101
|
+
<span aria-hidden="true" role="presentation">
|
|
92
102
|
</button>
|
|
103
|
+
<span class="menu-chiclet"></span>
|
|
93
104
|
</div>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
`,'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.",`
|
|
97
|
-
|
|
98
|
-
`,"We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var d={placement:j(e.placement),variation:pe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Nt(Object.assign({},d,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:c,roundOffsets:l})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Nt(Object.assign({},d,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const Zn={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Kn,data:{}};var De={passive:!0};function Xn(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,c=r.resize,a=c===void 0?!0:c,l=W(e.elements.popper),u=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&u.forEach(function(d){d.addEventListener("scroll",n.update,De)}),a&&l.addEventListener("resize",n.update,De),function(){i&&u.forEach(function(d){d.removeEventListener("scroll",n.update,De)}),a&&l.removeEventListener("resize",n.update,De)}}const Qn={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Xn,data:{}};var Jn={left:"right",right:"left",bottom:"top",top:"bottom"};function Re(t){return t.replace(/left|right|bottom|top/g,function(e){return Jn[e]})}var er={start:"end",end:"start"};function Lt(t){return t.replace(/start|end/g,function(e){return er[e]})}function Ze(t){var e=W(t),n=e.pageXOffset,r=e.pageYOffset;return{scrollLeft:n,scrollTop:r}}function Xe(t){return de(X(t)).left+Ze(t).scrollLeft}function tr(t,e){var n=W(t),r=X(t),o=n.visualViewport,i=r.clientWidth,c=r.clientHeight,a=0,l=0;if(o){i=o.width,c=o.height;var u=Tt();(u||!u&&e==="fixed")&&(a=o.offsetLeft,l=o.offsetTop)}return{width:i,height:c,x:a+Xe(t),y:l}}function nr(t){var e,n=X(t),r=Ze(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=ne(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),c=ne(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Xe(t),l=-r.scrollTop;return z(o||n).direction==="rtl"&&(a+=ne(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:c,x:a,y:l}}function Qe(t){var e=z(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function Ut(t){return["html","body","#document"].indexOf(K(t))>=0?t.ownerDocument.body:q(t)&&Qe(t)?t:Ut(Ce(t))}function ge(t,e){var n;e===void 0&&(e=[]);var r=Ut(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=W(r),c=o?[i].concat(i.visualViewport||[],Qe(r)?r:[]):r,a=e.concat(c);return o?a:a.concat(ge(Ce(c)))}function Je(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function rr(t,e){var n=de(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 St(t,e,n){return e===It?Je(tr(t,n)):te(e)?rr(e,n):Je(nr(X(t)))}function or(t){var e=ge(Ce(t)),n=["absolute","fixed"].indexOf(z(t).position)>=0,r=n&&q(t)?be(t):t;return te(r)?e.filter(function(o){return te(o)&&At(o,r)&&K(o)!=="body"}):[]}function ir(t,e,n,r){var o=e==="clippingParents"?or(t):[].concat(e),i=[].concat(o,[n]),c=i[0],a=i.reduce(function(l,u){var d=St(t,u,r);return l.top=ne(d.top,l.top),l.right=Se(d.right,l.right),l.bottom=Se(d.bottom,l.bottom),l.left=ne(d.left,l.left),l},St(t,c,r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Ct(t){var e=t.reference,n=t.element,r=t.placement,o=r?j(r):null,i=r?pe(r):null,c=e.x+e.width/2-n.width/2,a=e.y+e.height/2-n.height/2,l;switch(o){case H:l={x:c,y:e.y-n.height};break;case G:l={x:c,y:e.y+e.height};break;case $:l={x:e.x+e.width,y:a};break;case B:l={x:e.x-n.width,y:a};break;default:l={x:e.x,y:e.y}}var u=o?Ke(o):null;if(u!=null){var d=u==="y"?"height":"width";switch(i){case ce:l[u]=l[u]-(e[d]/2-n[d]/2);break;case Ee:l[u]=l[u]+(e[d]/2-n[d]/2);break}}return l}function Me(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.strategy,c=i===void 0?t.strategy:i,a=n.boundary,l=a===void 0?yn:a,u=n.rootBoundary,d=u===void 0?It:u,_=n.elementContext,h=_===void 0?ve:_,p=n.altBoundary,m=p===void 0?!1:p,v=n.padding,E=v===void 0?0:v,M=Ot(typeof E!="number"?E:Pt(E,me)),A=h===ve?On:ve,P=t.rects.popper,b=t.elements[m?A:h],I=ir(te(b)?b:b.contextElement||X(t.elements.popper),l,d,c),T=de(t.elements.reference),N=Ct({reference:T,element:P,strategy:"absolute",placement:o}),L=Je(Object.assign({},P,N)),U=h===ve?L:T,S={top:I.top-U.top+M.top,bottom:U.bottom-I.bottom+M.bottom,left:I.left-U.left+M.left,right:U.right-I.right+M.right},w=t.modifiersData.offset;if(h===ve&&w){var D=w[o];Object.keys(S).forEach(function(R){var oe=[$,G].indexOf(R)>=0?1:-1,ie=[H,G].indexOf(R)>=0?"y":"x";S[R]+=D[ie]*oe})}return S}function ar(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,c=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,u=l===void 0?Mt:l,d=pe(r),_=d?a?gt:gt.filter(function(m){return pe(m)===d}):me,h=_.filter(function(m){return u.indexOf(m)>=0});h.length===0&&(h=_,{}.NODE_ENV!=="production"&&console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var p=h.reduce(function(m,v){return m[v]=Me(t,{placement:v,boundary:o,rootBoundary:i,padding:c})[j(v)],m},{});return Object.keys(p).sort(function(m,v){return p[m]-p[v]})}function sr(t){if(j(t)===Ue)return[];var e=Re(t);return[Lt(t),e,Lt(e)]}function lr(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,c=n.altAxis,a=c===void 0?!0:c,l=n.fallbackPlacements,u=n.padding,d=n.boundary,_=n.rootBoundary,h=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,v=n.allowedAutoPlacements,E=e.options.placement,M=j(E),A=M===E,P=l||(A||!m?[Re(E)]:sr(E)),b=[E].concat(P).reduce(function(_e,J){return _e.concat(j(J)===Ue?ar(e,{placement:J,boundary:d,rootBoundary:_,padding:u,flipVariations:m,allowedAutoPlacements:v}):J)},[]),I=e.rects.reference,T=e.rects.popper,N=new Map,L=!0,U=b[0],S=0;S<b.length;S++){var w=b[S],D=j(w),R=pe(w)===ce,oe=[H,G].indexOf(D)>=0,ie=oe?"width":"height",F=Me(e,{placement:w,boundary:d,rootBoundary:_,altBoundary:h,padding:u}),Y=oe?R?$:B:R?G:H;I[ie]>T[ie]&&(Y=Re(Y));var Be=Re(Y),ae=[];if(i&&ae.push(F[D]<=0),a&&ae.push(F[Y]<=0,F[Be]<=0),ae.every(function(_e){return _e})){U=w,L=!1;break}N.set(w,ae)}if(L)for(var ke=m?3:1,pt=function(J){var Oe=b.find(function(qe){var se=N.get(qe);if(se)return se.slice(0,J).every(function(ft){return ft})});if(Oe)return U=Oe,"break"},ye=ke;ye>0;ye--){var We=pt(ye);if(We==="break")break}e.placement!==U&&(e.modifiersData[r]._skip=!0,e.placement=U,e.reset=!0)}}const cr={name:"flip",enabled:!0,phase:"main",fn:lr,requiresIfExists:["offset"],data:{_skip:!1}};function Dt(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 Rt(t){return[H,$,G,B].some(function(e){return t[e]>=0})}function ur(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,c=Me(e,{elementContext:"reference"}),a=Me(e,{altBoundary:!0}),l=Dt(c,r),u=Dt(a,o,i),d=Rt(l),_=Rt(u);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:d,hasPopperEscaped:_},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":_})}const dr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:ur};function pr(t,e,n){var r=j(t),o=[B,H].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,c=i[0],a=i[1];return c=c||0,a=(a||0)*o,[B,$].indexOf(r)>=0?{x:a,y:c}:{x:c,y:a}}function fr(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,c=Mt.reduce(function(d,_){return d[_]=pr(_,e.rects,i),d},{}),a=c[e.placement],l=a.x,u=a.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=u),e.modifiersData[r]=c}const hr={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:fr};function _r(t){var e=t.state,n=t.name;e.modifiersData[n]=Ct({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})}const mr={name:"popperOffsets",enabled:!0,phase:"read",fn:_r,data:{}};function Er(t){return t==="x"?"y":"x"}function vr(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,c=n.altAxis,a=c===void 0?!1:c,l=n.boundary,u=n.rootBoundary,d=n.altBoundary,_=n.padding,h=n.tether,p=h===void 0?!0:h,m=n.tetherOffset,v=m===void 0?0:m,E=Me(e,{boundary:l,rootBoundary:u,padding:_,altBoundary:d}),M=j(e.placement),A=pe(e.placement),P=!A,b=Ke(M),I=Er(b),T=e.modifiersData.popperOffsets,N=e.rects.reference,L=e.rects.popper,U=typeof v=="function"?v(Object.assign({},e.rects,{placement:e.placement})):v,S=typeof U=="number"?{mainAxis:U,altAxis:U}:Object.assign({mainAxis:0,altAxis:0},U),w=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,D={x:0,y:0};if(T){if(i){var R,oe=b==="y"?H:B,ie=b==="y"?G:$,F=b==="y"?"height":"width",Y=T[b],Be=Y+E[oe],ae=Y-E[ie],ke=p?-L[F]/2:0,pt=A===ce?N[F]:L[F],ye=A===ce?-L[F]:-N[F],We=e.elements.arrow,_e=p&&We?Ye(We):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:yt(),Oe=J[oe],qe=J[ie],se=Ie(0,N[F],_e[F]),ft=P?N[F]/2-ke-se-Oe-S.mainAxis:pt-se-Oe-S.mainAxis,Oo=P?-N[F]/2+ke+se+qe+S.mainAxis:ye+se+qe+S.mainAxis,ht=e.elements.arrow&&be(e.elements.arrow),Po=ht?b==="y"?ht.clientTop||0:ht.clientLeft||0:0,nn=(R=w==null?void 0:w[b])!=null?R:0,No=Y+ft-nn-Po,Lo=Y+Oo-nn,rn=Ie(p?Se(Be,No):Be,Y,p?ne(ae,Lo):ae);T[b]=rn,D[b]=rn-Y}if(a){var on,Uo=b==="x"?H:B,So=b==="x"?G:$,le=T[I],Ve=I==="y"?"height":"width",an=le+E[Uo],sn=le-E[So],_t=[H,B].indexOf(M)!==-1,ln=(on=w==null?void 0:w[I])!=null?on:0,cn=_t?an:le-N[Ve]-L[Ve]-ln+S.altAxis,un=_t?le+N[Ve]+L[Ve]-ln-S.altAxis:sn,dn=p&&_t?Vn(cn,le,un):Ie(p?cn:an,le,p?un:sn);T[I]=dn,D[I]=dn-le}e.modifiersData[r]=D}}const br={name:"preventOverflow",enabled:!0,phase:"main",fn:vr,requiresIfExists:["offset"]};function Ir(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function gr(t){return t===W(t)||!q(t)?Ze(t):Ir(t)}function Mr(t){var e=t.getBoundingClientRect(),n=ue(e.width)/t.offsetWidth||1,r=ue(e.height)/t.offsetHeight||1;return n!==1||r!==1}function Tr(t,e,n){n===void 0&&(n=!1);var r=q(e),o=q(e)&&Mr(e),i=X(e),c=de(t,o,n),a={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(r||!r&&!n)&&((K(e)!=="body"||Qe(i))&&(a=gr(e)),q(e)?(l=de(e,!0),l.x+=e.clientLeft,l.y+=e.clientTop):i&&(l.x=Xe(i))),{x:c.left+a.scrollLeft-l.x,y:c.top+a.scrollTop-l.y,width:c.width,height:c.height}}function Ar(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i)});function o(i){n.add(i.name);var c=[].concat(i.requires||[],i.requiresIfExists||[]);c.forEach(function(a){if(!n.has(a)){var l=e.get(a);l&&o(l)}}),r.push(i)}return t.forEach(function(i){n.has(i.name)||o(i)}),r}function wr(t){var e=Ar(t);return $e.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function yr(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(o,i){return o.replace(/%s/,i)},t)}var re='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',Or='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',xt=["name","enabled","phase","fn","effect","requires","options"];function Pr(t){t.forEach(function(e){[].concat(Object.keys(e),xt).filter(function(n,r,o){return o.indexOf(n)===r}).forEach(function(n){switch(n){case"name":typeof e.name!="string"&&console.error(Q(re,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":typeof e.enabled!="boolean"&&console.error(Q(re,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":$e.indexOf(e.phase)<0&&console.error(Q(re,e.name,'"phase"',"either "+$e.join(", "),'"'+String(e.phase)+'"'));break;case"fn":typeof e.fn!="function"&&console.error(Q(re,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":e.effect!=null&&typeof e.effect!="function"&&console.error(Q(re,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":e.requires!=null&&!Array.isArray(e.requires)&&console.error(Q(re,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(Q(re,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 '+xt.map(function(r){return'"'+r+'"'}).join(", ")+'; but "'+n+'" was provided.')}e.requires&&e.requires.forEach(function(r){t.find(function(o){return o.name===r})==null&&console.error(Q(Or,String(e.name),r,r))})})})}function Nr(t,e){var n=new Set;return t.filter(function(r){var o=e(r);if(!n.has(o))return n.add(o),!0})}function Lr(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ht="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",Ur="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",Bt={placement:"bottom",modifiers:[],strategy:"absolute"};function kt(){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 Sr(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Bt:o;return function(a,l,u){u===void 0&&(u=i);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},Bt,i),modifiersData:{},elements:{reference:a,popper:l},attributes:{},styles:{}},_=[],h=!1,p={state:d,setOptions:function(M){var A=typeof M=="function"?M(d.options):M;v(),d.options=Object.assign({},i,d.options,A),d.scrollParents={reference:te(a)?ge(a):a.contextElement?ge(a.contextElement):[],popper:ge(l)};var P=wr(Lr([].concat(r,d.options.modifiers)));if(d.orderedModifiers=P.filter(function(w){return w.enabled}),{}.NODE_ENV!=="production"){var b=Nr([].concat(P,d.options.modifiers),function(w){var D=w.name;return D});if(Pr(b),j(d.options.placement)===Ue){var I=d.orderedModifiers.find(function(w){var D=w.name;return D==="flip"});I||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var T=z(l),N=T.marginTop,L=T.marginRight,U=T.marginBottom,S=T.marginLeft;[N,L,U,S].some(function(w){return parseFloat(w)})&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" "))}return m(),p.update()},forceUpdate:function(){if(!h){var M=d.elements,A=M.reference,P=M.popper;if(!kt(A,P)){({}).NODE_ENV!=="production"&&console.error(Ht);return}d.rects={reference:Tr(A,be(P),d.options.strategy==="fixed"),popper:Ye(P)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(w){return d.modifiersData[w.name]=Object.assign({},w.data)});for(var b=0,I=0;I<d.orderedModifiers.length;I++){if({}.NODE_ENV!=="production"&&(b+=1,b>100)){console.error(Ur);break}if(d.reset===!0){d.reset=!1,I=-1;continue}var T=d.orderedModifiers[I],N=T.fn,L=T.options,U=L===void 0?{}:L,S=T.name;typeof N=="function"&&(d=N({state:d,options:U,name:S,instance:p})||d)}}},update:yr(function(){return new Promise(function(E){p.forceUpdate(),E(d)})}),destroy:function(){v(),h=!0}};if(!kt(a,l))return{}.NODE_ENV!=="production"&&console.error(Ht),p;p.setOptions(u).then(function(E){!h&&u.onFirstUpdate&&u.onFirstUpdate(E)});function m(){d.orderedModifiers.forEach(function(E){var M=E.name,A=E.options,P=A===void 0?{}:A,b=E.effect;if(typeof b=="function"){var I=b({state:d,name:M,instance:p,options:P}),T=function(){};_.push(I||T)}})}function v(){_.forEach(function(E){return E()}),_=[]}return p}}var Cr=[Qn,mr,Zn,kn,hr,cr,br,jn,dr],Wt=Sr({defaultModifiers:Cr});function et(t,e,n,r){e?(t.classList.remove(r),t.classList.add(n)):(t.classList.add(r),t.classList.remove(n))}let V;const Te={},tt={SHIFT:"shift-key"};function qt(){V&&(document.removeEventListener("click",V.globalOnClick),document.removeEventListener("keyup",V.globalOnKeyup),document.removeEventListener("keydown",V.globalOnKeydown),V=null)}function nt(){const t=document.querySelectorAll(`${f(s.UTAH_DESIGN_SYSTEM)} ${f(s.POPUP_WRAPPER)}`);Array.from(t).filter(e=>!e.classList.contains(s.POPUP__HIDDEN)).forEach(e=>{const n=e.getAttribute("id");if(n){const r=document.querySelector(`[aria-controls="${n}"]`);r&&r.setAttribute("aria-expanded","false")}et(e,!1,s.POPUP__VISIBLE,s.POPUP__HIDDEN)})}function Dr(){V&&qt(),V={},V.globalOnClick=nt,document.addEventListener("click",V.globalOnClick),V.globalOnKeyup=t=>{t.key==="Escape"&&nt(),t.shiftKey||(Te[tt.SHIFT]=!1),Te[t.key]=!1},document.addEventListener("keyup",V.globalOnKeyup),V.globalOnKeydown=t=>{t.shiftKey&&(Te[tt.SHIFT]=!0),Te[t.key]=!0},document.addEventListener("keydown",V.globalOnKeydown)}function Rr(){return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}function Ae(t,e,n,r,o){let i=NaN,c=NaN;const a=300,l=150,u=50;e.setAttribute("aria-expanded","false"),e.setAttribute("aria-haspopup",r);function d(h){clearTimeout(i),clearTimeout(c),(!(o!=null&&o.isPerformPopup)||o!=null&&o.isPerformPopup&&o.isPerformPopup())&&(i=window.setTimeout(()=>{Wt(e,n,{placement:(o==null?void 0:o.popupPlacement)||Ne.BOTTOM,modifiers:[{name:"offset",options:{offset:[0,11]}}]}),et(n,!0,s.POPUP__VISIBLE,s.POPUP__HIDDEN),e.setAttribute("aria-expanded","true"),document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach(p=>p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN))},h))}function _(h){clearTimeout(i),clearTimeout(c),(!(o!=null&&o.isPerformPopup)||o.isPerformPopup())&&(c=window.setTimeout(()=>{et(n,!1,s.POPUP__VISIBLE,s.POPUP__HIDDEN),e.setAttribute("aria-expanded","false")},h))}if(t.addEventListener("focusin",()=>d(l)),t.addEventListener("focusout",()=>_(l)),o!=null&&o.shouldFocusOnHover&&(t.addEventListener("mouseenter",()=>d(a)),t.addEventListener("mouseleave",()=>_(a))),!(o!=null&&o.preventOnClickHandling)){if(e.onclick)throw new Error("popupFocusHandler: button already has onclick");e.onclick=h=>{var m;const p=e.getAttribute("aria-expanded")==="true";(!(o!=null&&o.isPerformPopup)||o.isPerformPopup())&&(h.stopPropagation(),h.preventDefault(),p&&e.getAttribute("aria-expanded")==="true"?(_(u),(m=document.activeElement)==null||m.blur()):(Rr()&&nt(),d(u))),o!=null&&o.onClick&&o.onClick(h)}}}function k(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,t=>(t^crypto.getRandomValues(new Uint8Array(1))[0]&(15>>t)/4).toString(16))}const xr=`<div class="popup__wrapper popup__wrapper--hidden">
|
|
99
|
-
<div class="popup__content">
|
|
100
|
-
<div class="popup__arrow" data-popper-arrow></div>
|
|
101
|
-
</div>
|
|
105
|
+
`,yn=`<div class="utds-header-action-item-menu">
|
|
106
|
+
<div class="vertical-menu__wrapper-title"></div>
|
|
102
107
|
</div>
|
|
103
|
-
|
|
104
|
-
`,
|
|
108
|
+
`,On=`<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
|
|
109
|
+
`,wt=`<span class="utds-new-tab-link-a11y">
|
|
105
110
|
<span class="visually-hidden">opens in a new tab</span>
|
|
106
111
|
<span class="utds-icon-after-external-link" aria-hidden="true"></span>
|
|
107
112
|
</span>
|
|
108
|
-
`,
|
|
109
|
-
`,
|
|
113
|
+
`,Pn=`<ul class="vertical-menu" role="menu" />
|
|
114
|
+
`,Ln=`<li class="vertical-menu__item">
|
|
110
115
|
<span class="vertical-menu__title">
|
|
111
116
|
<span class="vertical-menu__plain-title"></span>
|
|
112
117
|
<a href="#" class="vertical-menu__link-title">
|
|
@@ -118,58 +123,101 @@
|
|
|
118
123
|
</span>
|
|
119
124
|
<span class="vertical-menu__divider" />
|
|
120
125
|
</li>
|
|
121
|
-
`;function
|
|
126
|
+
`;function Ne(e,t,n){var o;let r=!1;return e&&(Array.isArray(e)?r=e.some(i=>Ne(i,t,n)):(r=n(e),r||(r=!!((o=t==null?void 0:t.filter(i=>e[i]))!=null&&o.some(i=>Ne(e[i],t,n)))))),r}var B="top",G="bottom",$="right",k="left",Se="auto",ve=[B,G,$,k],ue="start",Ee="end",Nn="clippingParents",Mt="viewport",be="popper",Sn="reference",Tt=ve.reduce(function(e,t){return e.concat([t+"-"+ue,t+"-"+Ee])},[]),At=[].concat(ve,[Se]).reduce(function(e,t){return e.concat([t,t+"-"+ue,t+"-"+Ee])},[]),Un="beforeRead",Cn="read",Dn="afterRead",Rn="beforeMain",Hn="main",xn="afterMain",Bn="beforeWrite",kn="write",Wn="afterWrite",Ze=[Un,Cn,Dn,Rn,Hn,xn,Bn,kn,Wn];function K(e){return e?(e.nodeName||"").toLowerCase():null}function W(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ne(e){var t=W(e).Element;return e instanceof t||e instanceof Element}function q(e){var t=W(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Xe(e){if(typeof ShadowRoot>"u")return!1;var t=W(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function qn(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var r=t.styles[n]||{},o=t.attributes[n]||{},i=t.elements[n];!q(i)||!K(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(c){var a=o[c];a===!1?i.removeAttribute(c):i.setAttribute(c,a===!0?"":a)}))})}function 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(r){var o=t.elements[r],i=t.attributes[r]||{},c=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]),a=c.reduce(function(l,u){return l[u]="",l},{});!q(o)||!K(o)||(Object.assign(o.style,a),Object.keys(i).forEach(function(l){o.removeAttribute(l)}))})}}const Fn={name:"applyStyles",enabled:!0,phase:"write",fn:qn,effect:Vn,requires:["computeStyles"]};function j(e){return e.split("-")[0]}var re=Math.max,Ue=Math.min,de=Math.round;function Qe(){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(Qe())}function pe(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),o=1,i=1;t&&q(e)&&(o=e.offsetWidth>0&&de(r.width)/e.offsetWidth||1,i=e.offsetHeight>0&&de(r.height)/e.offsetHeight||1);var c=ne(e)?W(e):window,a=c.visualViewport,l=!yt()&&n,u=(r.left+(l&&a?a.offsetLeft:0))/o,d=(r.top+(l&&a?a.offsetTop:0))/i,h=r.width/o,_=r.height/i;return{width:h,height:_,top:d,right:u+h,bottom:d+_,left:u,x:u,y:d}}function Je(e){var t=pe(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function Ot(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&Xe(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function Y(e){return W(e).getComputedStyle(e)}function Gn(e){return["table","td","th"].indexOf(K(e))>=0}function X(e){return((ne(e)?e.ownerDocument:e.document)||window.document).documentElement}function Ce(e){return K(e)==="html"?e:e.assignedSlot||e.parentNode||(Xe(e)?e.host:null)||X(e)}function Pt(e){return!q(e)||Y(e).position==="fixed"?null:e.offsetParent}function $n(e){var t=/firefox/i.test(Qe()),n=/Trident/i.test(Qe());if(n&&q(e)){var r=Y(e);if(r.position==="fixed")return null}var o=Ce(e);for(Xe(o)&&(o=o.host);q(o)&&["html","body"].indexOf(K(o))<0;){var i=Y(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none")return o;o=o.parentNode}return null}function ge(e){for(var t=W(e),n=Pt(e);n&&Gn(n)&&Y(n).position==="static";)n=Pt(n);return n&&(K(n)==="html"||K(n)==="body"&&Y(n).position==="static")?t:n||$n(e)||t}function et(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Ie(e,t,n){return re(e,Ue(t,n))}function jn(e,t,n){var r=Ie(e,t,n);return r>n?n:r}function Lt(){return{top:0,right:0,bottom:0,left:0}}function Nt(e){return Object.assign({},Lt(),e)}function St(e,t){return t.reduce(function(n,r){return n[r]=e,n},{})}var Yn=function(t,n){return t=typeof t=="function"?t(Object.assign({},n.rects,{placement:n.placement})):t,Nt(typeof t!="number"?t:St(t,ve))};function zn(e){var t,n=e.state,r=e.name,o=e.options,i=n.elements.arrow,c=n.modifiersData.popperOffsets,a=j(n.placement),l=et(a),u=[k,$].indexOf(a)>=0,d=u?"height":"width";if(!(!i||!c)){var h=Yn(o.padding,n),_=Je(i),p=l==="y"?B:k,m=l==="y"?G:$,E=n.rects.reference[d]+n.rects.reference[l]-c[l]-n.rects.popper[d],v=c[l]-n.rects.reference[l],w=ge(i),T=w?l==="y"?w.clientHeight||0:w.clientWidth||0:0,P=E/2-v/2,g=h[p],I=T-_[d]-h[m],M=T/2-_[d]/2+P,L=Ie(g,M,I),N=l;n.modifiersData[r]=(t={},t[N]=L,t.centerOffset=L-M,t)}}function Kn(e){var t=e.state,n=e.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;if(o!=null&&!(typeof o=="string"&&(o=t.elements.popper.querySelector(o),!o))){if({}.NODE_ENV!=="production"&&(q(o)||console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).',"To use an SVG arrow, wrap it in an HTMLElement that will be used as","the arrow."].join(" "))),!Ot(t.elements.popper,o)){({}).NODE_ENV!=="production"&&console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper',"element."].join(" "));return}t.elements.arrow=o}}const Zn={name:"arrow",enabled:!0,phase:"main",fn:zn,effect:Kn,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fe(e){return e.split("-")[1]}var Xn={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Qn(e,t){var n=e.x,r=e.y,o=t.devicePixelRatio||1;return{x:de(n*o)/o||0,y:de(r*o)/o||0}}function Ut(e){var t,n=e.popper,r=e.popperRect,o=e.placement,i=e.variation,c=e.offsets,a=e.position,l=e.gpuAcceleration,u=e.adaptive,d=e.roundOffsets,h=e.isFixed,_=c.x,p=_===void 0?0:_,m=c.y,E=m===void 0?0:m,v=typeof d=="function"?d({x:p,y:E}):{x:p,y:E};p=v.x,E=v.y;var w=c.hasOwnProperty("x"),T=c.hasOwnProperty("y"),P=k,g=B,I=window;if(u){var M=ge(n),L="clientHeight",N="clientWidth";if(M===W(n)&&(M=X(n),Y(M).position!=="static"&&a==="absolute"&&(L="scrollHeight",N="scrollWidth")),M=M,o===B||(o===k||o===$)&&i===Ee){g=G;var S=h&&M===I&&I.visualViewport?I.visualViewport.height:M[L];E-=S-r.height,E*=l?1:-1}if(o===k||(o===B||o===G)&&i===Ee){P=$;var U=h&&M===I&&I.visualViewport?I.visualViewport.width:M[N];p-=U-r.width,p*=l?1:-1}}var A=Object.assign({position:a},u&&Xn),R=d===!0?Qn({x:p,y:E},W(n)):{x:p,y:E};if(p=R.x,E=R.y,l){var H;return Object.assign({},A,(H={},H[g]=T?"0":"",H[P]=w?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+p+"px, "+E+"px)":"translate3d("+p+"px, "+E+"px, 0)",H))}return Object.assign({},A,(t={},t[g]=T?E+"px":"",t[P]=w?p+"px":"",t.transform="",t))}function Jn(e){var t=e.state,n=e.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,c=i===void 0?!0:i,a=n.roundOffsets,l=a===void 0?!0:a;if({}.NODE_ENV!=="production"){var u=Y(t.elements.popper).transitionProperty||"";c&&["transform","top","right","bottom","left"].some(function(h){return u.indexOf(h)>=0})&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',`
|
|
127
|
+
|
|
128
|
+
`,'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.",`
|
|
129
|
+
|
|
130
|
+
`,"We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var d={placement:j(t.placement),variation:fe(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Ut(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:c,roundOffsets:l})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ut(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const er={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Jn,data:{}};var De={passive:!0};function tr(e){var t=e.state,n=e.instance,r=e.options,o=r.scroll,i=o===void 0?!0:o,c=r.resize,a=c===void 0?!0:c,l=W(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&u.forEach(function(d){d.addEventListener("scroll",n.update,De)}),a&&l.addEventListener("resize",n.update,De),function(){i&&u.forEach(function(d){d.removeEventListener("scroll",n.update,De)}),a&&l.removeEventListener("resize",n.update,De)}}const nr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:tr,data:{}};var rr={left:"right",right:"left",bottom:"top",top:"bottom"};function Re(e){return e.replace(/left|right|bottom|top/g,function(t){return rr[t]})}var or={start:"end",end:"start"};function Ct(e){return e.replace(/start|end/g,function(t){return or[t]})}function tt(e){var t=W(e),n=t.pageXOffset,r=t.pageYOffset;return{scrollLeft:n,scrollTop:r}}function nt(e){return pe(X(e)).left+tt(e).scrollLeft}function ir(e,t){var n=W(e),r=X(e),o=n.visualViewport,i=r.clientWidth,c=r.clientHeight,a=0,l=0;if(o){i=o.width,c=o.height;var u=yt();(u||!u&&t==="fixed")&&(a=o.offsetLeft,l=o.offsetTop)}return{width:i,height:c,x:a+nt(e),y:l}}function ar(e){var t,n=X(e),r=tt(e),o=(t=e.ownerDocument)==null?void 0:t.body,i=re(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),c=re(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+nt(e),l=-r.scrollTop;return Y(o||n).direction==="rtl"&&(a+=re(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:c,x:a,y:l}}function rt(e){var t=Y(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function Dt(e){return["html","body","#document"].indexOf(K(e))>=0?e.ownerDocument.body:q(e)&&rt(e)?e:Dt(Ce(e))}function we(e,t){var n;t===void 0&&(t=[]);var r=Dt(e),o=r===((n=e.ownerDocument)==null?void 0:n.body),i=W(r),c=o?[i].concat(i.visualViewport||[],rt(r)?r:[]):r,a=t.concat(c);return o?a:a.concat(we(Ce(c)))}function ot(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function sr(e,t){var n=pe(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 Rt(e,t,n){return t===Mt?ot(ir(e,n)):ne(t)?sr(t,n):ot(ar(X(e)))}function lr(e){var t=we(Ce(e)),n=["absolute","fixed"].indexOf(Y(e).position)>=0,r=n&&q(e)?ge(e):e;return ne(r)?t.filter(function(o){return ne(o)&&Ot(o,r)&&K(o)!=="body"}):[]}function cr(e,t,n,r){var o=t==="clippingParents"?lr(e):[].concat(t),i=[].concat(o,[n]),c=i[0],a=i.reduce(function(l,u){var d=Rt(e,u,r);return l.top=re(d.top,l.top),l.right=Ue(d.right,l.right),l.bottom=Ue(d.bottom,l.bottom),l.left=re(d.left,l.left),l},Rt(e,c,r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Ht(e){var t=e.reference,n=e.element,r=e.placement,o=r?j(r):null,i=r?fe(r):null,c=t.x+t.width/2-n.width/2,a=t.y+t.height/2-n.height/2,l;switch(o){case B:l={x:c,y:t.y-n.height};break;case G:l={x:c,y:t.y+t.height};break;case $:l={x:t.x+t.width,y:a};break;case k:l={x:t.x-n.width,y:a};break;default:l={x:t.x,y:t.y}}var u=o?et(o):null;if(u!=null){var d=u==="y"?"height":"width";switch(i){case ue:l[u]=l[u]-(t[d]/2-n[d]/2);break;case Ee:l[u]=l[u]+(t[d]/2-n[d]/2);break}}return l}function Me(e,t){t===void 0&&(t={});var n=t,r=n.placement,o=r===void 0?e.placement:r,i=n.strategy,c=i===void 0?e.strategy:i,a=n.boundary,l=a===void 0?Nn:a,u=n.rootBoundary,d=u===void 0?Mt:u,h=n.elementContext,_=h===void 0?be:h,p=n.altBoundary,m=p===void 0?!1:p,E=n.padding,v=E===void 0?0:E,w=Nt(typeof v!="number"?v:St(v,ve)),T=_===be?Sn:be,P=e.rects.popper,g=e.elements[m?T:_],I=cr(ne(g)?g:g.contextElement||X(e.elements.popper),l,d,c),M=pe(e.elements.reference),L=Ht({reference:M,element:P,strategy:"absolute",placement:o}),N=ot(Object.assign({},P,L)),S=_===be?N:M,U={top:I.top-S.top+w.top,bottom:S.bottom-I.bottom+w.bottom,left:I.left-S.left+w.left,right:S.right-I.right+w.right},A=e.modifiersData.offset;if(_===be&&A){var R=A[o];Object.keys(U).forEach(function(H){var ie=[$,G].indexOf(H)>=0?1:-1,ae=[B,G].indexOf(H)>=0?"y":"x";U[H]+=R[ae]*ie})}return U}function ur(e,t){t===void 0&&(t={});var n=t,r=n.placement,o=n.boundary,i=n.rootBoundary,c=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,u=l===void 0?At:l,d=fe(r),h=d?a?Tt:Tt.filter(function(m){return fe(m)===d}):ve,_=h.filter(function(m){return u.indexOf(m)>=0});_.length===0&&(_=h,{}.NODE_ENV!=="production"&&console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var p=_.reduce(function(m,E){return m[E]=Me(e,{placement:E,boundary:o,rootBoundary:i,padding:c})[j(E)],m},{});return Object.keys(p).sort(function(m,E){return p[m]-p[E]})}function dr(e){if(j(e)===Se)return[];var t=Re(e);return[Ct(e),t,Ct(t)]}function pr(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,c=n.altAxis,a=c===void 0?!0:c,l=n.fallbackPlacements,u=n.padding,d=n.boundary,h=n.rootBoundary,_=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,E=n.allowedAutoPlacements,v=t.options.placement,w=j(v),T=w===v,P=l||(T||!m?[Re(v)]:dr(v)),g=[v].concat(P).reduce(function(me,J){return me.concat(j(J)===Se?ur(t,{placement:J,boundary:d,rootBoundary:h,padding:u,flipVariations:m,allowedAutoPlacements:E}):J)},[]),I=t.rects.reference,M=t.rects.popper,L=new Map,N=!0,S=g[0],U=0;U<g.length;U++){var A=g[U],R=j(A),H=fe(A)===ue,ie=[B,G].indexOf(R)>=0,ae=ie?"width":"height",F=Me(t,{placement:A,boundary:d,rootBoundary:h,altBoundary:_,padding:u}),z=ie?H?$:k:H?G:B;I[ae]>M[ae]&&(z=Re(z));var xe=Re(z),se=[];if(i&&se.push(F[R]<=0),a&&se.push(F[z]<=0,F[xe]<=0),se.every(function(me){return me})){S=A,N=!1;break}L.set(A,se)}if(N)for(var Be=m?3:1,pt=function(J){var Pe=g.find(function(We){var le=L.get(We);if(le)return le.slice(0,J).every(function(ft){return ft})});if(Pe)return S=Pe,"break"},Oe=Be;Oe>0;Oe--){var ke=pt(Oe);if(ke==="break")break}t.placement!==S&&(t.modifiersData[r]._skip=!0,t.placement=S,t.reset=!0)}}const fr={name:"flip",enabled:!0,phase:"main",fn:pr,requiresIfExists:["offset"],data:{_skip:!1}};function xt(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 Bt(e){return[B,$,G,k].some(function(t){return e[t]>=0})}function hr(e){var t=e.state,n=e.name,r=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,c=Me(t,{elementContext:"reference"}),a=Me(t,{altBoundary:!0}),l=xt(c,r),u=xt(a,o,i),d=Bt(l),h=Bt(u);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:d,hasPopperEscaped:h},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":h})}const _r={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:hr};function mr(e,t,n){var r=j(e),o=[k,B].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},t,{placement:e})):n,c=i[0],a=i[1];return c=c||0,a=(a||0)*o,[k,$].indexOf(r)>=0?{x:a,y:c}:{x:c,y:a}}function vr(e){var t=e.state,n=e.options,r=e.name,o=n.offset,i=o===void 0?[0,0]:o,c=At.reduce(function(d,h){return d[h]=mr(h,t.rects,i),d},{}),a=c[t.placement],l=a.x,u=a.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=u),t.modifiersData[r]=c}const Er={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:vr};function br(e){var t=e.state,n=e.name;t.modifiersData[n]=Ht({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const gr={name:"popperOffsets",enabled:!0,phase:"read",fn:br,data:{}};function Ir(e){return e==="x"?"y":"x"}function wr(e){var t=e.state,n=e.options,r=e.name,o=n.mainAxis,i=o===void 0?!0:o,c=n.altAxis,a=c===void 0?!1:c,l=n.boundary,u=n.rootBoundary,d=n.altBoundary,h=n.padding,_=n.tether,p=_===void 0?!0:_,m=n.tetherOffset,E=m===void 0?0:m,v=Me(t,{boundary:l,rootBoundary:u,padding:h,altBoundary:d}),w=j(t.placement),T=fe(t.placement),P=!T,g=et(w),I=Ir(g),M=t.modifiersData.popperOffsets,L=t.rects.reference,N=t.rects.popper,S=typeof E=="function"?E(Object.assign({},t.rects,{placement:t.placement})):E,U=typeof S=="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S),A=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,R={x:0,y:0};if(M){if(i){var H,ie=g==="y"?B:k,ae=g==="y"?G:$,F=g==="y"?"height":"width",z=M[g],xe=z+v[ie],se=z-v[ae],Be=p?-N[F]/2:0,pt=T===ue?L[F]:N[F],Oe=T===ue?-N[F]:-L[F],ke=t.elements.arrow,me=p&&ke?Je(ke):{width:0,height:0},J=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:Lt(),Pe=J[ie],We=J[ae],le=Ie(0,L[F],me[F]),ft=P?L[F]/2-Be-le-Pe-U.mainAxis:pt-le-Pe-U.mainAxis,Uo=P?-L[F]/2+Be+le+We+U.mainAxis:Oe+le+We+U.mainAxis,ht=t.elements.arrow&&ge(t.elements.arrow),Co=ht?g==="y"?ht.clientTop||0:ht.clientLeft||0:0,nn=(H=A==null?void 0:A[g])!=null?H:0,Do=z+ft-nn-Co,Ro=z+Uo-nn,rn=Ie(p?Ue(xe,Do):xe,z,p?re(se,Ro):se);M[g]=rn,R[g]=rn-z}if(a){var on,Ho=g==="x"?B:k,xo=g==="x"?G:$,ce=M[I],qe=I==="y"?"height":"width",an=ce+v[Ho],sn=ce-v[xo],_t=[B,k].indexOf(w)!==-1,ln=(on=A==null?void 0:A[I])!=null?on:0,cn=_t?an:ce-L[qe]-N[qe]-ln+U.altAxis,un=_t?ce+L[qe]+N[qe]-ln-U.altAxis:sn,dn=p&&_t?jn(cn,ce,un):Ie(p?cn:an,ce,p?un:sn);M[I]=dn,R[I]=dn-ce}t.modifiersData[r]=R}}const Mr={name:"preventOverflow",enabled:!0,phase:"main",fn:wr,requiresIfExists:["offset"]};function Tr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Ar(e){return e===W(e)||!q(e)?tt(e):Tr(e)}function yr(e){var t=e.getBoundingClientRect(),n=de(t.width)/e.offsetWidth||1,r=de(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Or(e,t,n){n===void 0&&(n=!1);var r=q(t),o=q(t)&&yr(t),i=X(t),c=pe(e,o,n),a={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(r||!r&&!n)&&((K(t)!=="body"||rt(i))&&(a=Ar(t)),q(t)?(l=pe(t,!0),l.x+=t.clientLeft,l.y+=t.clientTop):i&&(l.x=nt(i))),{x:c.left+a.scrollLeft-l.x,y:c.top+a.scrollTop-l.y,width:c.width,height:c.height}}function Pr(e){var t=new Map,n=new Set,r=[];e.forEach(function(i){t.set(i.name,i)});function o(i){n.add(i.name);var c=[].concat(i.requires||[],i.requiresIfExists||[]);c.forEach(function(a){if(!n.has(a)){var l=t.get(a);l&&o(l)}}),r.push(i)}return e.forEach(function(i){n.has(i.name)||o(i)}),r}function Lr(e){var t=Pr(e);return Ze.reduce(function(n,r){return n.concat(t.filter(function(o){return o.phase===r}))},[])}function Nr(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function Q(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return[].concat(n).reduce(function(o,i){return o.replace(/%s/,i)},e)}var oe='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',Sr='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',kt=["name","enabled","phase","fn","effect","requires","options"];function Ur(e){e.forEach(function(t){[].concat(Object.keys(t),kt).filter(function(n,r,o){return o.indexOf(n)===r}).forEach(function(n){switch(n){case"name":typeof t.name!="string"&&console.error(Q(oe,String(t.name),'"name"','"string"','"'+String(t.name)+'"'));break;case"enabled":typeof t.enabled!="boolean"&&console.error(Q(oe,t.name,'"enabled"','"boolean"','"'+String(t.enabled)+'"'));break;case"phase":Ze.indexOf(t.phase)<0&&console.error(Q(oe,t.name,'"phase"',"either "+Ze.join(", "),'"'+String(t.phase)+'"'));break;case"fn":typeof t.fn!="function"&&console.error(Q(oe,t.name,'"fn"','"function"','"'+String(t.fn)+'"'));break;case"effect":t.effect!=null&&typeof t.effect!="function"&&console.error(Q(oe,t.name,'"effect"','"function"','"'+String(t.fn)+'"'));break;case"requires":t.requires!=null&&!Array.isArray(t.requires)&&console.error(Q(oe,t.name,'"requires"','"array"','"'+String(t.requires)+'"'));break;case"requiresIfExists":Array.isArray(t.requiresIfExists)||console.error(Q(oe,t.name,'"requiresIfExists"','"array"','"'+String(t.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+t.name+'" modifier, valid properties are '+kt.map(function(r){return'"'+r+'"'}).join(", ")+'; but "'+n+'" was provided.')}t.requires&&t.requires.forEach(function(r){e.find(function(o){return o.name===r})==null&&console.error(Q(Sr,String(t.name),r,r))})})})}function Cr(e,t){var n=new Set;return e.filter(function(r){var o=t(r);if(!n.has(o))return n.add(o),!0})}function Dr(e){var t=e.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(t).map(function(n){return t[n]})}var Wt="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",Rr="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",qt={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(r){return!(r&&typeof r.getBoundingClientRect=="function")})}function Hr(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,o=t.defaultOptions,i=o===void 0?qt:o;return function(a,l,u){u===void 0&&(u=i);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},qt,i),modifiersData:{},elements:{reference:a,popper:l},attributes:{},styles:{}},h=[],_=!1,p={state:d,setOptions:function(w){var T=typeof w=="function"?w(d.options):w;E(),d.options=Object.assign({},i,d.options,T),d.scrollParents={reference:ne(a)?we(a):a.contextElement?we(a.contextElement):[],popper:we(l)};var P=Lr(Dr([].concat(r,d.options.modifiers)));if(d.orderedModifiers=P.filter(function(A){return A.enabled}),{}.NODE_ENV!=="production"){var g=Cr([].concat(P,d.options.modifiers),function(A){var R=A.name;return R});if(Ur(g),j(d.options.placement)===Se){var I=d.orderedModifiers.find(function(A){var R=A.name;return R==="flip"});I||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var M=Y(l),L=M.marginTop,N=M.marginRight,S=M.marginBottom,U=M.marginLeft;[L,N,S,U].some(function(A){return parseFloat(A)})&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" "))}return m(),p.update()},forceUpdate:function(){if(!_){var w=d.elements,T=w.reference,P=w.popper;if(!Vt(T,P)){({}).NODE_ENV!=="production"&&console.error(Wt);return}d.rects={reference:Or(T,ge(P),d.options.strategy==="fixed"),popper:Je(P)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(A){return d.modifiersData[A.name]=Object.assign({},A.data)});for(var g=0,I=0;I<d.orderedModifiers.length;I++){if({}.NODE_ENV!=="production"&&(g+=1,g>100)){console.error(Rr);break}if(d.reset===!0){d.reset=!1,I=-1;continue}var M=d.orderedModifiers[I],L=M.fn,N=M.options,S=N===void 0?{}:N,U=M.name;typeof L=="function"&&(d=L({state:d,options:S,name:U,instance:p})||d)}}},update:Nr(function(){return new Promise(function(v){p.forceUpdate(),v(d)})}),destroy:function(){E(),_=!0}};if(!Vt(a,l))return{}.NODE_ENV!=="production"&&console.error(Wt),p;p.setOptions(u).then(function(v){!_&&u.onFirstUpdate&&u.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var w=v.name,T=v.options,P=T===void 0?{}:T,g=v.effect;if(typeof g=="function"){var I=g({state:d,name:w,instance:p,options:P}),M=function(){};h.push(I||M)}})}function E(){h.forEach(function(v){return v()}),h=[]}return p}}var xr=[nr,gr,er,Fn,Er,fr,Mr,Zn,_r],Ft=Hr({defaultModifiers:xr});function it(e,t,n,r){t?(e.classList.remove(r),e.classList.add(n)):(e.classList.add(r),e.classList.remove(n))}let V;const Te={},at={SHIFT:"shift-key"};function Gt(){V&&(document.removeEventListener("click",V.globalOnClick),document.removeEventListener("keyup",V.globalOnKeyup),document.removeEventListener("keydown",V.globalOnKeydown),V=null)}function st(){const e=document.querySelectorAll(`${f(s.UTAH_DESIGN_SYSTEM)} ${f(s.POPUP_WRAPPER)}`);Array.from(e).filter(t=>!t.classList.contains(s.POPUP__HIDDEN)).forEach(t=>{const n=t.getAttribute("id");if(n){const r=document.querySelector(`[aria-controls="${n}"]`);r&&r.setAttribute("aria-expanded","false")}it(t,!1,s.POPUP__VISIBLE,s.POPUP__HIDDEN)})}function Br(){V&&Gt(),V={},V.globalOnClick=st,document.addEventListener("click",V.globalOnClick),V.globalOnKeyup=e=>{e.key==="Escape"&&st(),e.shiftKey||(Te[at.SHIFT]=!1),Te[e.key]=!1},document.addEventListener("keyup",V.globalOnKeyup),V.globalOnKeydown=e=>{e.shiftKey&&(Te[at.SHIFT]=!0),Te[e.key]=!0},document.addEventListener("keydown",V.globalOnKeydown)}function kr(){return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}function Ae(e,t,n,r,o){let i=NaN,c=NaN;const a=300,l=150,u=50;t.setAttribute("aria-expanded","false"),t.setAttribute("aria-haspopup",r);function d(_){clearTimeout(i),clearTimeout(c),(!(o!=null&&o.isPerformPopup)||o!=null&&o.isPerformPopup&&o.isPerformPopup())&&(i=window.setTimeout(()=>{Ft(t,n,{placement:(o==null?void 0:o.popupPlacement)||ee.popupPlacement.BOTTOM,modifiers:[{name:"offset",options:{offset:[0,11]}}]}),it(n,!0,s.POPUP__VISIBLE,s.POPUP__HIDDEN),t.setAttribute("aria-expanded","true"),document.querySelectorAll(f(s.TOOLTIP__WRAPPER)).forEach(p=>p.classList.add(s.TOOLTIP__WRAPPER__HIDDEN))},_))}function h(_){clearTimeout(i),clearTimeout(c),(!(o!=null&&o.isPerformPopup)||o.isPerformPopup())&&(c=window.setTimeout(()=>{it(n,!1,s.POPUP__VISIBLE,s.POPUP__HIDDEN),t.setAttribute("aria-expanded","false")},_))}if(o!=null&&o.preventOnClickHandling||(e.addEventListener("focusin",()=>d(l)),e.addEventListener("focusout",()=>h(l))),o!=null&&o.shouldFocusOnHover&&(e.addEventListener("mouseenter",()=>d(a)),e.addEventListener("mouseleave",()=>h(a))),!(o!=null&&o.preventOnClickHandling)){if(t.onclick)throw new Error("popupFocusHandler: button already has onclick");t.onclick=_=>{var m;const p=t.getAttribute("aria-expanded")==="true";(!(o!=null&&o.isPerformPopup)||o.isPerformPopup())&&(_.stopPropagation(),_.preventDefault(),p&&t.getAttribute("aria-expanded")==="true"?(h(u),(m=document.activeElement)==null||m.blur()):(kr()&&st(),d(u))),o!=null&&o.onClick&&o.onClick(_)}}}const Wr=`<div class="popup__wrapper popup__wrapper--hidden">
|
|
131
|
+
<div class="popup__content">
|
|
132
|
+
<div class="popup__arrow" data-popper-arrow></div>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
`;function lt(e,t){const n=e.getAttribute("id");if(!n)throw new Error("renderPopup: labelledByElement does not have an `id` attribute");const r=C();e.setAttribute("aria-controls",r);const o=b(Wr);if(o.setAttribute("id",r),o.setAttribute("aria-labelledby",n),t!=null&&t.removePopupArrow){const i=o.querySelector(f(s.POPUP_ARROW));if(!i)throw new Error("renderPopup(): popup arrow missing (I wanted to remove it!!)");i.remove()}return o}function qr(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 r=(i=n.closest("li"))==null?void 0:i.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));if(!r)throw new Error("toggleChildMenuExpansion: button not found");const o=r.querySelector(`:scope > ${f(s.POPUP_MENU__CHEVRON)}`);if(!o)throw new Error("toggleChildMenuExpansion: chevron not found");n.classList.toggle(s.VISUALLY_HIDDEN),n.classList.contains(s.VISUALLY_HIDDEN)?(r.setAttribute("aria-expanded","false"),o.classList.add(s.IS_CLOSED),o.classList.remove(s.IS_OPEN)):(r.setAttribute("aria-expanded","true"),o.classList.remove(s.IS_CLOSED),o.classList.add(s.IS_OPEN))})}function Vr(e){return t=>{t.preventDefault(),t.stopPropagation(),qr(e)}}function $t(){const e=b(On);return e.classList.add(s.IS_CLOSED),e}function Fr(e,t,n){var h,_;const r=b(Ln),o=r.querySelector(f(s.POPUP_MENU__TITLE));if(!o)throw new Error("renderPopupMenuItem: menuItemTitleWrapper not found");const i=r.querySelector(f(s.POPUP_MENU__BUTTON_TITLE));if(!i)throw new Error("renderPopupMenuItem: menuButton not found");const c=r.querySelector(f(s.POPUP_MENU__LINK_TITLE));if(!c)throw new Error("renderPopupMenuItem: aHref not found");const a=r.querySelector(f(s.POPUP_MENU__PLAIN_TITLE));if(!a)throw new Error("renderPopupMenuItem: plainTitle not found");const l=r.querySelector(f(s.POPUP_MENU__DIVIDER));if(!l)throw new Error("renderPopupMenuItem: menuDivider not found");const u=r.querySelector(`button ${f(s.POPUP_MENU__LINK_TEXT)}`);if(!u)throw new Error("renderPopupMenuItem: titleSpanButton not found");const d=r.querySelector(`a ${f(s.POPUP_MENU__LINK_TEXT)}`);if(!d)throw new Error("renderPopupMenuItem: titleSpanLink not found");if(t.actionMenu){let p;switch(n.childrenMenuType){case x.FLYOUT:{p=$t(),i.appendChild(p),i.setAttribute("id",C());const m=ct({menuItems:t.actionMenu,title:t.title},i,{...n,removePopupArrow:!0});r.appendChild(m),Ae(r,i,m,"menu",{popupPlacement:ee.popupPlacement.RIGHT_START,preventOnClickHandling:!0,shouldFocusOnHover:!0}),c.remove(),a.remove();break}case x.INLINE:{const m=he(t.actionMenu,n),E=C();m.setAttribute("id",E),m.classList.add(s.VISUALLY_HIDDEN),r.appendChild(m),i.onclick=Vr(i),i.setAttribute("aria-expanded","false"),i.setAttribute("aria-controls",E),p=$t(),i.appendChild(p),c.remove(),a.remove(),r.addEventListener("focusin",v=>{var w,T,P,g;for(let I=(w=v.target)==null?void 0:w.closest("ul");I;I=(T=I.parentElement)==null?void 0:T.closest("ul"))I.classList.remove(s.VISUALLY_HIDDEN),i.setAttribute("aria-expanded","true"),v.target!==i&&((P=p==null?void 0:p.classList)==null||P.remove(s.IS_CLOSED),(g=p==null?void 0:p.classList)==null||g.add(s.IS_OPEN))});break}case x.MEGA_MENU:{const m=he(t.actionMenu,n),E=C();m.setAttribute("id",E),r.appendChild(m),c.remove(),i.remove(),a.appendChild(document.createTextNode(t.title));break}default:throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${t.actionMenu}'`)}l.remove()}else if(t.actionFunction)i.onclick=t.actionFunction,c.remove(),l.remove(),a.remove();else if(t.actionUrl)c.setAttribute("href",t.actionUrl.url),i.remove(),l.remove(),a.remove();else if(t.actionFunctionUrl)c.setAttribute("href",t.actionFunctionUrl.url),c.onclick=p=>{var m,E;(m=t.actionFunctionUrl)!=null&&m.skipHandleEvent||(p.stopPropagation(),p.preventDefault()),(E=t.actionFunctionUrl)==null||E.actionFunction(p)},i.remove(),l.remove(),a.remove();else if(t.isDivider)o.remove(),r.setAttribute("aria-hidden","true"),r.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&&(u.appendChild(document.createTextNode(t.title)),d.appendChild(document.createTextNode(t.title)),(h=t.actionUrl)!=null&&h.openInNewTab||(_=t.actionFunctionUrl)!=null&&_.openInNewTab)){c.setAttribute("target","_blank");const p=b(wt);u.appendChild(p),d.appendChild(p)}return(t.isSelected||t.actionMenu&&Ne(t.actionMenu,["actionMenu"],p=>!!p.isSelected))&&(i.classList.add(s.MENU_ITEM__SELECTED),c.classList.add(s.MENU_ITEM__SELECTED)),t.isSelected?r.classList.add(s.MENU_ITEM__SELECTED):r.classList.remove(s.MENU_ITEM__SELECTED),e.appendChild(r),r}function he(e,t){const n=b(Pn);return e.forEach(r=>Fr(n,r,t)),n}function ct(e,t,n){const r=lt(t,{removePopupArrow:n.removePopupArrow}),o=r.querySelector(f(s.POPUP_CONTENT_WRAPPER));if(!o)throw new Error("renderPopupMenu: contentWrapper not found");const i=he(e.menuItems,n);return i.setAttribute("aria-label",e.title),o.appendChild(i),r}function Gr(e){const t=b(An);t.getAttribute("id")||t.setAttribute("id",C());const n=document.createTextNode(e.title),r=t instanceof HTMLCollection?t[0]:t;e.showTitle&&r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE),r.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER),r.classList.remove(s.ACTION_ITEM);const o=r.querySelector(f(s.ACTION_ITEM__TITLE));if(!o)throw new Error("renderActionItem: titleDiv not found");o.appendChild(n),e.showTitle?o.classList.remove(s.VISUALLY_HIDDEN):o.classList.add(s.VISUALLY_HIDDEN);const i=t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));if(!i)throw new Error("renderActionItem: iconButton not found");e.className&&i.classList.add(e.className);const c=$e(e.badge);c&&i.appendChild(c);const a=b(e.icon);a.setAttribute("role","presentation"),i.appendChild(a);let l=null;if(e.actionFunction)i.onclick=e.actionFunction;else if(e.actionDom){const u=C();i.setAttribute("id",u),l=b(typeof e.actionDom=="function"?e.actionDom():e.actionDom)}else if(e.actionPopupMenu){const u=C();i.setAttribute("id",u),l=b(yn);const d=l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));if(!d)throw new Error("renderMobileActionItem: actionItemContentTitle not found");d.appendChild(document.createTextNode(e.actionPopupMenu.title));const h=he(e.actionPopupMenu.menuItems,{childrenMenuType:x.INLINE});l.appendChild(h)}else throw console.error(e),new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");return{actionItemElement:t,actionItemContent:l}}function $r(){var i,c,a;const e=document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);if(!e)throw new Error("renderMobileActionItems: homeActionItem not found");const t=e.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!t)throw new Error("renderMobileActionItems: homeActionItemWrapper not found");const r=!!y().utahId?document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID):null,o=(i=r==null?void 0:r.closest)==null?void 0:i.call(r,f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));(a=(c=[...y().actionItems||[]].reverse())==null?void 0:c.map(l=>({actionItem:l,...Gr(l)})))==null||a.forEach(({actionItem:l,actionItemContent:u,actionItemElement:d})=>{let h;switch(l.mobileMenuLocation){case"left":h=t;break;case"none":h=null;break;case"right":default:h=o||t;break}if(h&&(h.after(d),u)){const _=Ge(u);let p=null;l.actionDom?p="dialog":l.actionPopupMenu&&(p="menu"),Ke(d,_,d,{ariaHasPopupType:p,shouldOnClickCloseMenu:!1})}})}const jr=`<h1 class="utds-logo-wrapper"></h1>
|
|
136
|
+
`,Yr=`<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
|
|
137
|
+
`,zr=`<span class="utds-logo-vert-line"></span>
|
|
138
|
+
`,Kr=`<div class="utds-citizen-experience-wrapper"></div>
|
|
139
|
+
`,Zr=`<div class="utds-action-items-wrapper"></div>
|
|
140
|
+
`,Xr=`<div class="utds-header-action-item">
|
|
141
|
+
<button type="button" class="icon-button utds-header-action-item__icon-button">
|
|
142
|
+
<div class="utds-header-action-item__title visually-hidden"></div>
|
|
143
|
+
</button>
|
|
144
|
+
</div>
|
|
145
|
+
`,Qr=`<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
|
|
122
146
|
<div class="tooltip__content">
|
|
123
147
|
<div class="tooltip__arrow" data-popper-arrow></div>
|
|
124
148
|
</div>
|
|
125
149
|
</div>
|
|
126
|
-
`;let
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
</div>
|
|
130
|
-
`;function it(t){let e=null;if(t){e=g(Gr),e.classList.add(s.BADGE_WRAPPER__ACTION_ITEM);const n=e.querySelector(f(s.BADGE__LABEL));if(!n)throw new Error("renderActionItemBadge: badgeLabel not found");if(n.appendChild(document.createTextNode(t.label)),t.value||t.value===0){const r=e.querySelector(f(s.BADGE__VALUE));if(!r)throw new Error("renderActionItemBadge: badgeValue not found");r.appendChild(document.createTextNode(`${t.value}`))}else e.classList.add(s.BADGE_WRAPPER__SMALL);t.className&&e.classList.add(t.className)}return e}function $r(t){const e=g(wn),n=document.createTextNode(t.title),r=e instanceof HTMLCollection?e[0]:e;t.showTitle&&r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);const o=r.querySelector(f(s.ACTION_ITEM__TITLE));if(!o)throw new Error("renderActionItem: titleDiv not found");o.appendChild(n),t.showTitle?o.classList.remove(s.VISUALLY_HIDDEN):o.classList.add(s.VISUALLY_HIDDEN);const i=e.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));if(!i)throw new Error("renderActionItem: iconButton not found");t.className&&i.classList.add(t.className);const c=it(t.badge);c&&i.appendChild(c);const a=g(t.icon);if(a.setAttribute("role","presentation"),i.appendChild(a),!(i instanceof HTMLElement))throw new Error("renderActionItem: iconButton is not an HTMLElement");if(t.actionFunction)i.onclick=t.actionFunction;else if(t.actionDom){const l=k();i.setAttribute("id",l);const u=rt(i),d=u.querySelector(f(s.POPUP_CONTENT_WRAPPER));if(!d)throw new Error("renderPopupMenu: contentWrapper not found");d.appendChild(g(typeof t.actionDom=="function"?t.actionDom():t.actionDom)),e.appendChild(u),Ae(r,i,u,"dialog",void 0)}else if(t.actionPopupMenu){const l=k();i.setAttribute("id",l);const u=ot(t.actionPopupMenu,i,{childrenMenuType:x.INLINE});e.appendChild(u),Ae(r,i,u,"menu",void 0)}else throw console.error(t),new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");return Gt(e,t.title),e}function jr(){var n,r;const{actionItems:t}=O();let e=null;return t!=null&&t.length&&(e=g(An),(r=(n=O().actionItems)==null?void 0:n.map(o=>$r(o)))==null||r.forEach(o=>e.appendChild(o))),e}const zr=`<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
|
|
131
|
-
`,$t=`<div class="utds-utah-id-wrapper"></div>
|
|
132
|
-
`,we={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"},Yr=`<div class="vertical-menu__wrapper">
|
|
150
|
+
`;let _e=NaN;function ut(e,t){const n=b(Qr),r=n.querySelector(f(s.TOOLTIP__CONTENT));if(!r)throw new Error("hookupToolTip: toolTipContent not found");r.appendChild(t),e.appendChild(n);const o=Ft(e,n,{placement:ee.popupPlacement.BOTTOM,modifiers:[{name:"offset",options:{offset:[0,5]}}]});if(e.onmouseenter||e.onmouseleave)throw new Error("hookupToolTip: element already has an onmouseenter and/or onmouseleave event");let i=NaN;e.onmouseenter=()=>{clearTimeout(i),i=window.setTimeout(()=>{clearTimeout(_e),_e=-1;const c=e.querySelector(f(s.POPUP_WRAPPER));(!c||c.classList.contains(s.POPUP__HIDDEN))&&(n.classList.remove(s.TOOLTIP__WRAPPER__HIDDEN),n.classList.add(s.TOOLTIP__WRAPPER__VISIBLE),o.update())},_e?0:500)},e.onmouseleave=()=>{clearTimeout(i),n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN),n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE),clearTimeout(_e),_e=window.setTimeout(()=>{_e=NaN},500)}}function Jr(e){const t=b(Xr),n=document.createTextNode(e.title),r=t instanceof HTMLCollection?t[0]:t;e.showTitle&&r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE);const o=r.querySelector(f(s.ACTION_ITEM__TITLE));if(!o)throw new Error("renderActionItem: titleDiv not found");o.appendChild(n),e.showTitle?o.classList.remove(s.VISUALLY_HIDDEN):o.classList.add(s.VISUALLY_HIDDEN);const i=t.querySelector(f(s.ACTION_ITEM__ICON_BUTTON));if(!i)throw new Error("renderActionItem: iconButton not found");e.className&&i.classList.add(e.className);const c=$e(e.badge);c&&i.appendChild(c);const a=b(e.icon);if(a.setAttribute("role","presentation"),i.appendChild(a),!(i instanceof HTMLElement))throw new Error("renderActionItem: iconButton is not an HTMLElement");if(e.actionFunction)i.onclick=e.actionFunction;else if(e.actionDom){const l=C();i.setAttribute("id",l);const u=lt(i),d=u.querySelector(f(s.POPUP_CONTENT_WRAPPER));if(!d)throw new Error("renderPopupMenu: contentWrapper not found");d.appendChild(b(typeof e.actionDom=="function"?e.actionDom():e.actionDom)),t.appendChild(u),Ae(r,i,u,"dialog",void 0)}else if(e.actionPopupMenu){const l=C();i.setAttribute("id",l);const u=ct(e.actionPopupMenu,i,{childrenMenuType:x.INLINE});t.appendChild(u),Ae(r,i,u,"menu",void 0)}else throw console.error(e),new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");return ut(t,document.createTextNode(e.title)),t}function eo(){var n,r;const{actionItems:e}=y();let t=null;return e!=null&&e.length&&(t=b(Zr),(r=(n=y().actionItems)==null?void 0:n.map(o=>Jr(o)))==null||r.forEach(o=>t.appendChild(o))),t}const to=`<button class="utds-utah-id__button button--solid" type="button">UtahID Sign In</button>
|
|
151
|
+
`,jt=`<div class="utds-utah-id-wrapper"></div>
|
|
152
|
+
`,ye={PROFILE:"https://id.utah.gov",SIGN_IN:`https://id.utah.gov/login?goto=${window.location}`,SIGN_OUT:`https://id.utah.gov/logout?goto=${window.location}`,USER_INFO:"https://id.utah.gov/api/userInfo"},no=`<div class="vertical-menu__wrapper">
|
|
133
153
|
<div class="vertical-menu__wrapper-title"></div>
|
|
134
154
|
</div>
|
|
135
|
-
`;function
|
|
155
|
+
`;function Yt(e,t){const n=b(no),r=n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));if(!r)throw new Error("renderMenuWithTitle: menuTitleDiv not found");return r.appendChild(document.createTextNode(t)),n.appendChild(e),n}let O=null;function zt(e){O=e,document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach(n=>{var r;if(n){if(n.innerHTML="",O!=null&&O.userInfo&&((r=O.userInfo)!=null&&r.authenticated)){const c=document.createElement("span");c.appendChild(document.createTextNode("UtahID Account:")),c.classList.add(s.VISUALLY_HIDDEN),n.appendChild(c),n.appendChild(document.createTextNode(`Hello, ${O.userInfo.first||""}`))}else n.appendChild(document.createTextNode("UtahID Sign In"));const o=n.getAttribute("aria-controls");if(!o)throw new Error(`authChangedEventHandler: popup id for button not found - ${o}`);const i=document.getElementById(o);i&&dt(n,i)}})}function dt(e,t){var n;e&&t&&(!!(O!=null&&O.isDefinitive)&&!!((n=O==null?void 0:O.userInfo)!=null&&n.authenticated)?(e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded","false"),t.removeAttribute("aria-hidden")):(e.removeAttribute("aria-haspopup"),e.removeAttribute("aria-expanded"),t.setAttribute("aria-hidden","true")))}function Kt(){const e=b(to);return e.setAttribute("id",C()),O&&zt(O),e}function Zt(e){var l;const t=y(),n=t.utahId!==!1&&t.utahId!==!0&&t.utahId.onProfile,r=t.utahId!==!1&&t.utahId!==!0&&t.utahId.onSignOut,o=[...t.utahId!==!0&&t.utahId!==!1&&((l=t.utahId)==null?void 0:l.menuItems)||[]];o.length&&o.push({isDivider:!0,title:"--divider--"});const i=[...o,{actionUrl:n?void 0:{url:ye.PROFILE,openInNewTab:!0},actionFunction:n||void 0,className:"external-link",title:"UtahID Profile"},{actionUrl:r?void 0:{url:ye.SIGN_OUT},actionFunction:r||void 0,title:"Sign Out"}],c=he(i,{childrenMenuType:x.INLINE}),a=e?Yt(c,"Utah ID Menu"):c;return a.setAttribute("aria-label","Utah Id Menu"),a.setAttribute("id",C()),a}function ro(){const e=b(jt),t=Kt();t.setAttribute("id",C()),e.appendChild(t);const n=Zt(!1),r=lt(t),o=r.querySelector(f(s.POPUP_CONTENT_WRAPPER));if(!o)throw new Error("renderUtahIdForDesktop: contentWrapper not found");o.appendChild(n),e.appendChild(r),dt(t,r);const i=y(),c=i.utahId!==!1&&i.utahId!==!0&&i.utahId.onSignIn;return Ae(e,t,r,"menu",{isPerformPopup:()=>{var a;return!!(O!=null&&O.isDefinitive)&&!!((a=O==null?void 0:O.userInfo)!=null&&a.authenticated)},onClick:a=>{var l;(!(O!=null&&O.isDefinitive)||!((l=O==null?void 0:O.userInfo)!=null&&l.authenticated))&&(c?c(a):(a.preventDefault(),a.stopPropagation(),window.location.href=ye.SIGN_IN))}}),e}function oo(){const e=b(jt),t=Kt(),n=t.getAttribute("id");if(!n)throw new Error("renderUtahIdForMobile: utahIdButton has no id");e.appendChild(t);const r=Zt(!0),o=r.getAttribute("id");if(!o)throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");return e.appendChild(r),t.setAttribute("aria-controls",o),r.setAttribute("aria-labelledby",n),dt(t,r),{button:t,menu:r}}function io(){const e=b(Kr),t=eo();return t&&e.appendChild(t),y().utahId!==!1&&e.appendChild(ro()),e}const ao=`<div class="utds-title-wrapper">
|
|
136
156
|
<div class="utds-title-wrapper__logo"></div>
|
|
137
157
|
<div class="utds-title-wrapper__title"></div>
|
|
138
158
|
</div>
|
|
139
|
-
`,
|
|
159
|
+
`,so=`<a class="utds-title-wrapper">
|
|
140
160
|
<div class="utds-title-wrapper__logo"></div>
|
|
141
161
|
<div class="utds-title-wrapper__title"></div>
|
|
142
162
|
</a>
|
|
143
|
-
`;function
|
|
144
|
-
<
|
|
145
|
-
|
|
146
|
-
|
|
163
|
+
`;function lo(){const e=y().titleURL,t=b(e?so:ao);if(!t)throw new Error("LogoTitle: titleWrapper is null");e&&t.setAttribute("href",e);const n=t.querySelector(f(s.TITLE__LOGO));if(!n)throw new Error("LogoTitle: logoWrapper is null");const r=y().logo,o=y().showTitle,i=y().title;if(r){let l;Fe(r)?l=b(r):l=r,l.setAttribute("role","presentation"),n.appendChild(l)}else t.removeChild(n);const c=document.createTextNode(i),a=t.querySelector(f(s.TITLE__TITLE));return a==null||a.appendChild(c),!o&&r&&(a==null||a.classList.add(s.VISUALLY_HIDDEN)),t}const co=`<div class="utah-logo-wrapper">
|
|
164
|
+
<button class="utah-logo-svg" id="utah-logo-svg" aria-haspopup="dialog">
|
|
165
|
+
<span class="visually-hidden" id="utah-logo-description">An official website of the State of Utah. Click to learn
|
|
166
|
+
more.</span>
|
|
167
|
+
<svg viewBox="0 0 137.363 56.6959" role="img">
|
|
147
168
|
<g>
|
|
148
|
-
<
|
|
169
|
+
<g>
|
|
170
|
+
<path
|
|
171
|
+
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" />
|
|
172
|
+
</g>
|
|
173
|
+
<text transform="translate(.0419 52.5939)" aria-hidden="true">
|
|
174
|
+
<tspan x="0" y="0">An official </tspan>
|
|
175
|
+
<tspan x="60.437" y="0" style="letter-spacing: -.02em;">s</tspan>
|
|
176
|
+
<tspan x="66.0229" y="0" style="letter-spacing: -.021em;">t</tspan>
|
|
177
|
+
<tspan x="70.4614" y="0" style="letter-spacing: -.014em;">at</tspan>
|
|
178
|
+
<tspan x="81.8569" y="0" style="letter-spacing: 0em;">e </tspan>
|
|
179
|
+
<tspan x="91.6011" y="0" style="letter-spacing: -.004em;">w</tspan>
|
|
180
|
+
<tspan x="101.5972" y="0">ebsi</tspan>
|
|
181
|
+
<tspan x="125.5923" y="0" style="letter-spacing: -.014em;">t</tspan>
|
|
182
|
+
<tspan x="130.1284" y="0">e</tspan>
|
|
183
|
+
</text>
|
|
149
184
|
</g>
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
<
|
|
185
|
+
</svg>
|
|
186
|
+
</button>
|
|
187
|
+
</div>
|
|
188
|
+
`,uo=`<div class="utah-logo-wrapper">
|
|
189
|
+
<button class="utah-logo-svg" id="utah-logo-svg" aria-haspopup="dialog">
|
|
190
|
+
<span class="visually-hidden" id="utah-logo-description">An official website of the State of Utah. Click to learn
|
|
191
|
+
more.</span>
|
|
192
|
+
<svg viewBox="0 0 105.9496 47.6226" role="img">
|
|
158
193
|
<g>
|
|
159
|
-
<
|
|
194
|
+
<g>
|
|
195
|
+
<path
|
|
196
|
+
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" />
|
|
197
|
+
</g>
|
|
198
|
+
<text transform="translate(.0419 43.5205)" aria-hidden="true">
|
|
199
|
+
<tspan x="0" y="0">An official </tspan>
|
|
200
|
+
<tspan x="60.437" y="0" style="letter-spacing: -.004em;">w</tspan>
|
|
201
|
+
<tspan x="70.4331" y="0">ebsi</tspan>
|
|
202
|
+
<tspan x="94.4282" y="0" style="letter-spacing: -.014em;">t</tspan>
|
|
203
|
+
<tspan x="98.9644" y="0">e</tspan>
|
|
204
|
+
</text>
|
|
160
205
|
</g>
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
</svg>
|
|
206
|
+
</svg>
|
|
207
|
+
</button>
|
|
164
208
|
</div>
|
|
165
|
-
|
|
209
|
+
`,po=`<div class="utds-official-website-hover__wrapper">
|
|
210
|
+
How do I know itโs official?<br />
|
|
211
|
+
Learn more.
|
|
212
|
+
</div>
|
|
213
|
+
`;function fo(){let e;switch(y().size){case te.LARGE:e=co;break;case te.SMALL:case te.MEDIUM:e=uo;break;default:throw new Error(`Unknown settings size: '${y().size}'`)}const t=b(e);if(!t.querySelector(f(s.LOGO_SVG)))throw new Error("UtahLogo: logoButton not found");return t.setAttribute("id",C()),ut(t,b(po)),t}function ho(){var n;const e=b(Yr);e.classList.add(`utds-header--${((n=y().size)==null?void 0:n.toLowerCase())||te.MEDIUM}`);const t=b(jr);return e.appendChild(t),t.appendChild(fo()),t.appendChild(b(zr)),t.appendChild(lo()),e.appendChild(io()),e}const _o=`<li class="menu-item">
|
|
166
214
|
<span class="menu-item__title">
|
|
167
215
|
<button class="menu-item__button-title" type="button"></button>
|
|
168
216
|
<a class="menu-item__link-title"></a>
|
|
169
217
|
<span class="menu-chiclet"></span>
|
|
170
218
|
</span>
|
|
171
219
|
</li>
|
|
172
|
-
`,
|
|
220
|
+
`,mo=`<div class="utah-design-system main-menu__outer">
|
|
173
221
|
<div class="main-menu__wrapper">
|
|
174
222
|
<nav class="horizontal-menu main-menu__nav">
|
|
175
223
|
<h2 class="main-menu__title visually-hidden"></h2>
|
|
@@ -196,7 +244,7 @@
|
|
|
196
244
|
</button>
|
|
197
245
|
</div>
|
|
198
246
|
</div>
|
|
199
|
-
`,
|
|
247
|
+
`,vo=`<div class="utah-design-system" id="search-modal">
|
|
200
248
|
<div class="search-modal__close-button-wrapper">
|
|
201
249
|
<button type="button" class="search-modal__close-button button icon-button icon-button--borderless">
|
|
202
250
|
<span class="utds-icon-before-x-icon" aria-hidden="true"></span>
|
|
@@ -221,20 +269,35 @@
|
|
|
221
269
|
</div>
|
|
222
270
|
<div class="search-backdrop modal-backdrop backdrop-dark"></div>
|
|
223
271
|
</div>
|
|
224
|
-
`;function He(){const
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
<
|
|
272
|
+
`;function He(){const e=document.getElementById(s.SEARCH__SEARCH_MODAL);if(!e)throw new Error("closSearchModal: searchModal not found");e.remove();const t=document.querySelector(f(s.MAIN_MENU__SEARCH));if(!t)throw new Error("closSearchModal: searchIcon not found");t.focus()}function Eo(){const e=b(vo),t=e.querySelector(f(s.SEARCH__SEARCH_BACKDROP));if(!t)throw new Error("showSearchModal: backdrop not found");const n=e.querySelector(f(s.SEARCH__SEARCH_CLOSE_BUTTON));if(!n)throw new Error("showSearchModal: closeButton not found");const r=e.querySelector(f(s.SEARCH__SEARCH_BUTTON));if(!r)throw new Error("showSearchModal: searchButton not found");const o=e.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER));if(!o)throw new Error("showSearchModal: searchButtonWrapper not found");const i=e.querySelector(f(s.SEARCH__SEARCH_INPUT));if(!i)throw new Error("showSearchModal: searchInput not found");r.onclick=a=>{var l,u;a.preventDefault(),a.stopPropagation(),He(),(u=(l=y()).onSearch)==null||u.call(l,i.value)},n.onclick=a=>{a.preventDefault(),a.stopPropagation(),He()},t.onclick=a=>{a.preventDefault(),a.stopPropagation(),He()},document.body.appendChild(e),i.focus(),i.oninput=()=>{o.classList.remove(s.VISUALLY_HIDDEN)},r.onfocus=()=>{o.classList.remove(s.VISUALLY_HIDDEN)},e.onkeyup=a=>{(a.code==="Escape"||a.key==="Escape")&&(a.preventDefault(),a.stopPropagation(),He())},n.addEventListener("focusout",a=>{a.preventDefault(),a.stopPropagation(),Te[at.SHIFT]?r.focus():i.focus()});const c=e.querySelector(".search-modal__hidden-last-focusable");if(!c)throw new Error("showSearchModal: hiddenLastFocusableButton not found");c.addEventListener("focusin",a=>{a.preventDefault(),a.stopPropagation(),n.focus()})}function bo(){var l;const e=y(),t=b(mo),n=t.querySelector(f(s.MAIN_MENU__NAV));if(!n)throw new Error("renderMainMenu(): mainMenu not created");const r=n.querySelector(f(s.MAIN_MENU__TITLE));if(!r)throw new Error("renderMainMenu(): titleTag not found");const o="main-menu__nav";n.setAttribute("aria-labelledby",o),r.setAttribute("id",o),r.innerHTML=e.mainMenu.title;const i=n.querySelector(f(s.MAIN_MENU__MENU_TOP));if(!i)throw new Error("renderMainMenu(): mainMenuTop not found");e.mainMenu.menuItems.forEach(u=>{var m,E;const d=b(_o);i.appendChild(d);const h=d.querySelector(f(s.MENU_ITEM__TITLE));if(!h)throw new Error(`renderMainMenu(): sub menu title not found for ${u.title}`);const _=h.querySelector(f(s.MENU_ITEM__BUTTON_TITLE));if(!_)throw new Error(`renderMainMenu(): button title not found for ${u.title}`);_.setAttribute("id",`${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${C()}`);const p=h.querySelector(f(s.MENU_ITEM__LINK_TITLE));if(!p)throw new Error(`renderMainMenu(): link title not found for ${u.title}`);if((u.isSelected||u.actionMenu&&Ne(u.actionMenu,["actionMenu"],v=>!!v.isSelected))&&(_.classList.add(s.MENU_ITEM__SELECTED),p.classList.add(s.MENU_ITEM__SELECTED)),u.actionMenu){_.innerHTML=u.title,p.remove();const v={menuItems:u.actionMenu,title:u.title},w=ct(v,_,{childrenMenuType:u.childrenMenuType||x.FLYOUT});d.appendChild(w),Ae(d,_,w,"menu",{shouldFocusOnHover:!0});let T;switch(u.childrenMenuType){case x.INLINE:T=s.MENU_ITEM__INLINE;break;case x.MEGA_MENU:T=s.MENU_ITEM__MEGA_MENU;break;case x.FLYOUT:default:T=s.MENU_ITEM__FLY_OUT;break}d.classList.add(T)}else if(u.actionFunction)_.innerHTML=u.title,_.onclick=u.actionFunction,p.remove();else if(u.actionFunctionUrl)p.innerHTML=u.title,p.setAttribute("href",u.actionFunctionUrl.url),p.onclick=v=>{var w,T;(w=u.actionFunctionUrl)!=null&&w.skipHandleEvent||(v.stopPropagation(),v.preventDefault()),(T=u.actionFunctionUrl)==null||T.actionFunction(v)},_.remove();else if(u.actionUrl)p.innerHTML=u.title,p.setAttribute("href",u.actionUrl.url),_.remove();else throw new Error(`renderMainMenu(): menuItem is missing an action: ${u.title}`);((m=u.actionUrl)!=null&&m.openInNewTab||(E=u.actionFunctionUrl)!=null&&E.openInNewTab)&&(p.setAttribute("target","_blank"),p.appendChild(b(wt)))});let c=null;if(e.utahId){const{button:u,menu:d}=oo();c=d;const h=t.querySelector(f(s.MOBILE__UTAH_ID));if(!h)throw new Error("renderMainMenu: utahIdButtonWrapper not found");h.appendChild(u)}const a=t.querySelector(f(s.MAIN_MENU__SEARCH));if(!a||!(a instanceof HTMLElement))throw new Error("renderMainMenu: searchIcon not found");if(e.onSearch){if(ut(a,document.createTextNode("Search")),a.onclick)throw new Error("searchIcon already has onclick");a.onclick=()=>Eo()}else(l=a.parentElement)==null||l.insertBefore(b('<div class="main-menu__search-placeholder">'),a),a.remove();return{mainMenuWrapper:t,utahIdPopup:c}}function go(e){let t=NaN,n=null,r=null;return{promise:new Promise((i,c)=>{t=setTimeout(()=>{t=NaN,i()},e),n=i,r=c}),clearTimeout:i=>{t&&(clearTimeout(t),t=NaN,i(n,r))}}}const Z={isDefinitive:null,lastError:null,userInfo:null};function Xt(e){var t,n,r;e.isDefinitive&&(zt(e),(r=(n=(t=y())==null?void 0:t.utahId)==null?void 0:n.onAuthChanged)==null||r.call(n,e))}let Qt=!0;const Io=500;async function Jt(){var t,n;let e=null;if(Z.isDefinitive===!1)e=Promise.resolve(Z);else if(Qt)e=go(Io).promise.then(()=>{Qt=!1,Jt()});else{const r=y();if(r.utahId===!1)e=Promise.resolve({isDefinitive:!0,lastError:"Utah ID is off",userInfo:null});else if(r.utahId===!0||((t=r.utahId)==null?void 0:t.currentUser)===void 0)Z.isDefinitive=!1,e=fetch(ye.USER_INFO,{credentials:"include"}).then(o=>o.json()).then(o=>{if(o.status===200)Z.lastError=null,Z.userInfo=o.data;else throw new Error(o.err)}).catch(o=>{Z.lastError=o,Z.userInfo=null}).finally(()=>{Z.isDefinitive=!0,Xt(Z)});else{const o={isDefinitive:!0,lastError:null,userInfo:(n=r.utahId)==null?void 0:n.currentUser};e=Promise.resolve(o),Xt(o)}}return e}function wo(){return Z}function Mo(){const e=document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);if(!e)throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");const t=e.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!t)throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");t.remove()}function To(e,t){const n=document.querySelector(f(s.MOBILE__UTAH_ID));if(!n)throw new Error("hookupUtahIdInMobileMenu: utahIdWrapper not found");const r=n.querySelector(f(s.UTAH_ID__BUTTON));if(!r)throw new Error("hookupUtahIdInMobileMenu: utahIdButton not found");if(!e.querySelector(f(s.MOBILE_MENU__CONTENT)))throw new Error("hookupUtahIdInMobileMenu: mobileContentWrapper not found");const i=document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);if(!i)throw new Error("hookupUtahIdInMobileMenu: profileActionItem not found");const c=i.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!c)throw new Error("hookupHamburger: profileActionItemWrapper not found");const a=Ge(t);Ke(r,a,c,{ariaHasPopupType:"menu",onClickHandler:l=>{var _;const u=wo(),d=y();let h=!1;if(!(u!=null&&u.isDefinitive)||!((_=u==null?void 0:u.userInfo)!=null&&_.authenticated)){h=!0;const p=d.utahId!==!1&&d.utahId!==!0&&d.utahId.onSignIn;p?p(l):(l.preventDefault(),l.stopPropagation(),window.location.href=ye.SIGN_IN)}return h},shouldOnClickCloseMenu:!0})}function Ao(){return he(y().mainMenu.menuItems,{childrenMenuType:x.INLINE,removePopupArrow:!0})}const yo=`<div class="utah-design-system utds-official-website-popup__wrapper visually-hidden" tabindex="0">
|
|
273
|
+
<h2 class="utds-official-website-popup__heading">
|
|
274
|
+
This is an official website of the State of Utah. Hereโs how you know:
|
|
275
|
+
</h2>
|
|
276
|
+
<div class="utds-official-website-popup__content">
|
|
277
|
+
<div class="utds-official-website-popup__col">
|
|
278
|
+
<div class="utds-icon-before-verified big-icon" aria-hidden="true"></div>
|
|
279
|
+
<div>
|
|
280
|
+
<strong>Official Utah websites use utah.gov.</strong><br />
|
|
281
|
+
Utah.gov websites belongs to an official government organization in the State of Utah.
|
|
282
|
+
</div>
|
|
283
|
+
</div>
|
|
284
|
+
<div class="utds-official-website-popup__col">
|
|
285
|
+
<div class="utds-icon-before-lock big-icon" aria-hidden="true"></div>
|
|
286
|
+
<div>
|
|
287
|
+
<strong>Secure utah.gov websites use HTTPS.</strong><br />
|
|
288
|
+
A lock <span class="utds-icon-before-lock" aria-hidden="true"></span> or <strong>https://</strong> means youโve
|
|
289
|
+
safely connected to the utah.gov website.
|
|
290
|
+
Share sensitive information only on official, secure websites.
|
|
291
|
+
</div>
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
<button type="button" class="utds-official-website-popup__close-button button icon-button icon-button--borderless">
|
|
295
|
+
<span class="utds-icon-before-x-icon" aria-hidden="true"></span>
|
|
296
|
+
<span class="visually-hidden">Close official website popup</span>
|
|
230
297
|
</button>
|
|
231
|
-
<span class="menu-chiclet"></span>
|
|
232
|
-
</div>
|
|
233
|
-
`,go=`<div class="utds-header-action-item-menu">
|
|
234
|
-
<div class="vertical-menu__wrapper-title"></div>
|
|
235
298
|
</div>
|
|
236
|
-
`;function
|
|
299
|
+
`;function Oo(){const e=b(yo),n=document.querySelector(f(s.LOGO)).querySelector(f(s.LOGO_SVG));if(!n)throw new Error("renderOfficialWebsite: logoButton not found");if(n.onclick)throw new Error("renderOfficialWebsite: logoButton already has an onclick");n.onclick=()=>{e.classList.toggle(s.VISUALLY_HIDDEN),e.classList.contains(s.VISUALLY_HIDDEN)?(n.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true")):(n.setAttribute("aria-expanded","true"),e.setAttribute("aria-hidden","false"),e.focus());const o=document.querySelectorAll(f(s.TOOLTIP__WRAPPER));o==null||o.forEach(i=>{i.classList.add(s.TOOLTIP__WRAPPER__HIDDEN),i.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE)})};const r=e.querySelector(f(s.LOGO_OFFICIAL_CLOSE_BUTTON));if(!r)throw new Error("renderOfficialWebsite: closeButton not found");return r.onclick=()=>{e.classList.toggle(s.VISUALLY_HIDDEN),n.focus(),n.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true")},r.id||(r.id=C()),e.id||(e.id=C()),n.setAttribute("aria-controls",e.id),n.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true"),e.setAttribute("aria-labelledby",n.id),e}function Po(){const t=[...document.querySelectorAll(`
|
|
237
300
|
${f(s.MOBILE_MENU__ACTION_BAR)}
|
|
238
301
|
${f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
|
|
239
302
|
${f(s.ACTION_ITEM__ICON_BUTTON)}
|
|
240
|
-
`)];
|
|
303
|
+
`)];t.forEach(n=>{n.onkeydown=r=>{(r.code==="Home"||r.code==="End"||r.code==="ArrowRight"||r.code==="ArrowLeft")&&r.preventDefault()},n.onkeyup=r=>{const o=t.indexOf(n);let i=NaN;if(r.code==="Home"?i=0:r.code==="End"?i=t.length-1:r.code==="ArrowRight"?i=(o+1)%t.length:r.code==="ArrowLeft"&&(i=(t.length+o-1)%t.length),!Number.isNaN(i)){r.preventDefault(),r.stopPropagation();const c=t[i],a=c.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!a)throw new Error("hookupMobileActionItemKeyboarding: newWrapper not found... how in the blazes?!");const l=c.getAttribute("aria-controls");if(l&&document.getElementById(l))c.click();else{const h=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!h)throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");const _=h.querySelector(f(s.MOBILE_MENU__CONTENT));if(!_)throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");_.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach(p=>p.classList.remove(s.IS_OPEN))}const d=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!d)throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");ze(d,a)}}})}function Lo(){const e=fn.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER,`${y().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER,`${y().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER,`${y().mediaSizes.mobile}px`);let t=document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);t||(t=document.createElement("style"),t.id=s.CSS_HEADER_MEDIA_TAG_ID),t.innerHTML=e,document.body.appendChild(t)}function No(){const e=y();let t=document.body;if(e.domLocationTarget){const n=[e.domLocationTarget.cssSelector,e.domLocationTarget.element,e.domLocationTarget.elementFunction].filter(r=>r);if(n.length<1)throw new Error("loadHeader: domLocationTarget must either have a value for one of its properties or not be specified at all");if(n.length>1)throw new Error("loadHeader: domLocationTarget must only have one target specified");if(e.domLocationTarget.cssSelector)t=document.querySelector(e.domLocationTarget.cssSelector),mt(!t,`loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);else if(e.domLocationTarget.element)t=e.domLocationTarget.element;else if(e.domLocationTarget.elementFunction)t=e.domLocationTarget.elementFunction(),mt(!t,"loadHeader: element not returned from domLocationTarget.elementFunction");else throw new Error("loadHeader: domLocationTarget must have at least one field set")}return _n(t,"loadHeader: domTarget is null (how?!)")}function en(){var t;if(!document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.HEADER]))){const n=ho(),r=No();r.insertBefore(n,r.firstChild);const o=Oo();n.after(o);const{mainMenuWrapper:i,utahIdPopup:c}=bo();i&&o.after(i);const a=b(hn);o.after(a);const l=document.querySelector(f(s.MOBILE_MENU__BACKDROP));if(!l)throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");if(l.onclick)throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");l.onclick=()=>Ye();const u=Ao(),d=Yt(u,"Main Menu");d.appendChild(u);const h=Ge(d);Tn(h),c?((t=c.closest("div"))==null||t.removeAttribute("aria-labelledby"),To(a,c)):Mo(),$r(),Po(),Br(),Lo(),Jt()}}function tn(e){var t,n,r,o;(t=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.HEADER])))==null||t.remove(),(n=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.MAIN_MENU__OUTER])))==null||n.remove(),(r=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.MOBILE_MENU])))==null||r.remove(),(o=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.LOGO_OFFICIAL_WRAPPER])))==null||o.remove(),Gt(),e&&setTimeout(()=>document.dispatchEvent(new Event(Ve.HEADER_UNLOADED)),0)}const So=pn.version.replace(/\./g,"");console.log(`Utah Header v${So}`),D.baseSettings=vt,D.childrenMenuTypes=x,D.events=Ve,D.getUtahHeaderSettings=y,D.loadHeader=en,D.removeHeader=tn,D.renderDOMSingle=b,D.setUtahHeaderSettings=gn,D.sizes=te,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});
|