@utahdts/utah-design-system-header 0.3.0 → 0.4.2
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/README.md +3 -3
- package/dist/style.css +1 -1
- package/dist/utah-design-system-header.es.js +401 -366
- package/dist/utah-design-system-header.umd.js +33 -33
- package/package.json +20 -6
- package/src/css/build/utah-design-system-header.css +313 -7
- package/src/css/index.scss +1 -0
- package/src/index.js +0 -17
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(C,Pe){typeof exports=="object"&&typeof module<"u"?Pe(exports):typeof define=="function"&&define.amd?define(["exports"],Pe):(C=typeof globalThis<"u"?globalThis:C||self,Pe(C["@utahdts/utah-design-system-header"]={}))})(this,function(C){"use strict";const
|
|
1
|
+
(function(C,Pe){typeof exports=="object"&&typeof module<"u"?Pe(exports):typeof define=="function"&&define.amd?define(["exports"],Pe):(C=typeof globalThis<"u"?globalThis:C||self,Pe(C["@utahdts/utah-design-system-header"]={}))})(this,function(C){"use strict";const pn={name:"@utahdts/utah-design-system-header",version:"0.4.2",description:"Utah Header for the Utah Design System",exports:{".":{vitest:"./src/index.js","development-local":"./src/index.js",development:"./dist/utah-design-system-header.es.js",import:"./dist/utah-design-system-header.es.js",module:"./dist/utah-design-system-header.es.js",require:"./dist/utah-design-system-header.umd.js",default:"./src/index.js"},"./css":"./dist/style.css","./src/css/index.scss":"./src/css/index.scss"},main:"dist/utah-design-system-header.es.js",files:["src/css","dist"],scripts:{build:"vite build --mode development",preview:"vite preview","sass-build":"sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css","test-publish":"npm publish --dry-run",test:"vitest",testc:"vitest run --coverage",watch:"vite build --watch --mode development"},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"},devDependencies:{eslint:"8.37.0","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"2.27.5","eslint-plugin-jsx-a11y":"6.7.1",sass:"1.60.0",vite:"4.2.1","vite-plugin-eslint":"1.8.1",vitest:"0.29.8"},type:"module"},jo="",x={FLYOUT:"flyout",INLINE:"inline",MEGA_MENU:"mega-menu"},Fe={HEADER_LOADED:"utahHeaderLoaded",HEADER_UNLOADED:"utahHeaderUnloaded"},Ne={AUTO:"auto",AUTO_START:"auto-start",AUTO_END:"auto-end",BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end",LEFT:"left",LEFT_START:"left-start",LEFT_END:"left-end",RIGHT:"right",RIGHT_START:"right-start",RIGHT_END:"right-end",TOP:"top",TOP_START:"top-start",TOP_END:"top-end"},ee={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 */
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
@media screen and (max-width: media-size__mobile__PLACEHOLDER) {
|
|
49
49
|
/* put your media query here for mobile */
|
|
50
50
|
}
|
|
51
|
-
`,
|
|
51
|
+
`,hn=`<div class="utah-design-system utds-header-mobile-menu" id="utds-header-mobile-menu">
|
|
52
52
|
<div class="utds-header-mobile-menu__backdrop" aria-hidden></div>
|
|
53
53
|
<div class="utds-header-mobile-menu__wrapper">
|
|
54
54
|
<div class="utds-header-mobile-menu__action-bar" role="tablist">
|
|
@@ -77,36 +77,36 @@
|
|
|
77
77
|
<div class="utds-header-mobile-menu__content"> </div>
|
|
78
78
|
</div>
|
|
79
79
|
</div>
|
|
80
|
-
`;function f(t){return`.${(Array.isArray(t)?t:[t]).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_SVG:"utah-logo-svg",LOGO_VERT_LINE:"utds-logo-vert-line",LOGO:"utds-logo-wrapper",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 Ge(t){return typeof t=="string"||t instanceof String}function
|
|
81
|
-
`,
|
|
82
|
-
`,
|
|
83
|
-
`,
|
|
80
|
+
`;function f(t){return`.${(Array.isArray(t)?t:[t]).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_SVG:"utah-logo-svg",LOGO_VERT_LINE:"utds-logo-vert-line",LOGO:"utds-logo-wrapper",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 Ge(t){return typeof t=="string"||t instanceof String}function _n(t){const e=new DOMParser;let n;if(Ge(t)){const r=Ge(t)?e.parseFromString(t,"text/html"):t,o=r.body.children.length>1?r.body.children:r.body.children.item(0);if(!o)throw console.error(t),new Error("renderDOM: nothing rendered");n=o}else if(t instanceof Element)n=t;else throw t?(console.error(t),new Error(`renderDOM: str is not a string nor a DOM Element : '${t}'`)):new Error("renderDOM: falsy string passed; cannot render nothing");return n}function g(t){const e=typeof t=="string"?_n(t):t;if(e instanceof HTMLCollection&&e.length>1)throw new Error("renderDOMSingle: must render a single element");const n=e instanceof HTMLCollection?e[0]:e;if(!n)throw console.error(t),new Error("renderDOMSingle: nothing rendered");return n}const mn=`<h1 class="utds-logo-wrapper"></h1>
|
|
81
|
+
`,vn=`<div class="utah-design-system utds-header" role="banner" aria-label="Utah.gov Header"></div>
|
|
82
|
+
`,En=`<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" />
|
|
84
84
|
`,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
85
|
`,showTitle:!1,title:"Alerts"},{actionDom:()=>{const t=document.createElement("div");t.appendChild(document.createTextNode("Hello World!"));const e=document.createElement("button");return e.appendChild(document.createTextNode("Do not press me.")),t.appendChild(e),t},badge:{label:"Help Items Available"},icon:`<span class="utds-icon-before-help" aria-hidden="true" />
|
|
86
86
|
`,showTitle:!1,title:"Help"},{actionDom:()=>{const t=document.createElement("div");t.appendChild(document.createTextNode("Toggle Language"));const e=document.createElement("button");return e.appendChild(document.createTextNode("Speak Different")),e.onclick=()=>alert("lorem ipsum"),t.appendChild(e),t},icon:`<span class="utds-icon-before-gear" aria-hidden="true" />
|
|
87
|
-
`,showTitle:!1,title:"Settings"}],mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},onSearch:t=>alert(t),showTitle:!0,size:ee.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:
|
|
88
|
-
`,
|
|
89
|
-
`,
|
|
87
|
+
`,showTitle:!1,title:"Settings"}],mediaSizes:{mobile:640,tabletPortrait:768,tabletLandscape:1024},onSearch:t=>alert(t),showTitle:!0,size:ee.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 O(){return Le}function bn(t){if(!t.showTitle&&!t.logo)throw new Error("validateSettings: A title must be shown if there is no logo. Please change the `showTitle` setting to be `true` or provide a logo image.")}function vt(){tn(!1),en()}let Et=!1;const In=15e3;let bt=0;const gn=setInterval(()=>{bt+=1,bt>=In||Et?clearInterval(gn):document.dispatchEvent(new Event(Fe.HEADER_LOADED))},2);function Mn(t){return Le={...mt,...t},bn(Le),Et=!0,document!=null&&document.body?vt():window.addEventListener("load",()=>vt()),Le}const Tn=`<div class="utds-citizen-experience-wrapper"></div>
|
|
88
|
+
`,An=`<div class="utds-action-items-wrapper"></div>
|
|
89
|
+
`,wn=`<div class="utds-header-action-item">
|
|
90
90
|
<button type="button" class="icon-button utds-header-action-item__icon-button">
|
|
91
91
|
<div class="utds-header-action-item__title visually-hidden"></div>
|
|
92
92
|
</button>
|
|
93
93
|
</div>
|
|
94
|
-
`;var
|
|
94
|
+
`;var H="top",G="bottom",$="right",B="left",Ue="auto",me=[H,G,$,B],ce="start",ve="end",yn="clippingParents",It="viewport",Ee="popper",On="reference",gt=me.reduce(function(t,e){return t.concat([e+"-"+ce,e+"-"+ve])},[]),Mt=[].concat(me,[Ue]).reduce(function(t,e){return t.concat([e,e+"-"+ce,e+"-"+ve])},[]),Pn="beforeRead",Nn="read",Ln="afterRead",Un="beforeMain",Sn="main",Cn="afterMain",Dn="beforeWrite",Rn="write",xn="afterWrite",$e=[Pn,Nn,Ln,Un,Sn,Cn,Dn,Rn,xn];function K(t){return t?(t.nodeName||"").toLowerCase():null}function W(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function te(t){var e=W(t).Element;return t instanceof e||t instanceof Element}function q(t){var e=W(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function je(t){if(typeof ShadowRoot>"u")return!1;var e=W(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Hn(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!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 Bn(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},c=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),a=c.reduce(function(l,u){return l[u]="",l},{});!q(o)||!K(o)||(Object.assign(o.style,a),Object.keys(i).forEach(function(l){o.removeAttribute(l)}))})}}const kn={name:"applyStyles",enabled:!0,phase:"write",fn:Hn,effect:Bn,requires:["computeStyles"]};function j(t){return t.split("-")[0]}var ne=Math.max,Se=Math.min,ue=Math.round;function ze(){var t=navigator.userAgentData;return t!=null&&t.brands&&Array.isArray(t.brands)?t.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function Tt(){return!/^((?!chrome|android).)*safari/i.test(ze())}function de(t,e,n){e===void 0&&(e=!1),n===void 0&&(n=!1);var r=t.getBoundingClientRect(),o=1,i=1;e&&q(t)&&(o=t.offsetWidth>0&&ue(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&ue(r.height)/t.offsetHeight||1);var c=te(t)?W(t):window,a=c.visualViewport,l=!Tt()&&n,u=(r.left+(l&&a?a.offsetLeft:0))/o,d=(r.top+(l&&a?a.offsetTop:0))/i,_=r.width/o,h=r.height/i;return{width:_,height:h,top:d,right:u+_,bottom:d+h,left:u,x:u,y:d}}function Ye(t){var e=de(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function At(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&je(n)){var r=e;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function z(t){return W(t).getComputedStyle(t)}function Wn(t){return["table","td","th"].indexOf(K(t))>=0}function X(t){return((te(t)?t.ownerDocument:t.document)||window.document).documentElement}function Ce(t){return K(t)==="html"?t:t.assignedSlot||t.parentNode||(je(t)?t.host:null)||X(t)}function wt(t){return!q(t)||z(t).position==="fixed"?null:t.offsetParent}function qn(t){var e=/firefox/i.test(ze()),n=/Trident/i.test(ze());if(n&&q(t)){var r=z(t);if(r.position==="fixed")return null}var o=Ce(t);for(je(o)&&(o=o.host);q(o)&&["html","body"].indexOf(K(o))<0;){var i=z(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode}return null}function be(t){for(var e=W(t),n=wt(t);n&&Wn(n)&&z(n).position==="static";)n=wt(n);return n&&(K(n)==="html"||K(n)==="body"&&z(n).position==="static")?e:n||qn(t)||e}function Ke(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Ie(t,e,n){return ne(t,Se(e,n))}function Vn(t,e,n){var r=Ie(t,e,n);return r>n?n:r}function yt(){return{top:0,right:0,bottom:0,left:0}}function Ot(t){return Object.assign({},yt(),t)}function Pt(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Fn=function(e,n){return e=typeof e=="function"?e(Object.assign({},n.rects,{placement:n.placement})):e,Ot(typeof e!="number"?e:Pt(e,me))};function Gn(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,c=n.modifiersData.popperOffsets,a=j(n.placement),l=Ke(a),u=[B,$].indexOf(a)>=0,d=u?"height":"width";if(!(!i||!c)){var _=Fn(o.padding,n),h=Ye(i),p=l==="y"?H:B,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],M=be(i),A=M?l==="y"?M.clientHeight||0:M.clientWidth||0:0,P=E/2-v/2,b=_[p],I=A-h[d]-_[m],T=A/2-h[d]/2+P,N=Ie(b,T,I),L=l;n.modifiersData[r]=(e={},e[L]=N,e.centerOffset=N-T,e)}}function $n(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;if(o!=null&&!(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o))){if({}.NODE_ENV!=="production"&&(q(o)||console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).',"To use an SVG arrow, wrap it in an HTMLElement that will be used as","the arrow."].join(" "))),!At(e.elements.popper,o)){({}).NODE_ENV!=="production"&&console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper',"element."].join(" "));return}e.elements.arrow=o}}const jn={name:"arrow",enabled:!0,phase:"main",fn:Gn,effect:$n,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function pe(t){return t.split("-")[1]}var zn={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Yn(t,e){var n=t.x,r=t.y,o=e.devicePixelRatio||1;return{x:ue(n*o)/o||0,y:ue(r*o)/o||0}}function Nt(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,c=t.offsets,a=t.position,l=t.gpuAcceleration,u=t.adaptive,d=t.roundOffsets,_=t.isFixed,h=c.x,p=h===void 0?0:h,m=c.y,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 M=c.hasOwnProperty("x"),A=c.hasOwnProperty("y"),P=B,b=H,I=window;if(u){var T=be(n),N="clientHeight",L="clientWidth";if(T===W(n)&&(T=X(n),z(T).position!=="static"&&a==="absolute"&&(N="scrollHeight",L="scrollWidth")),T=T,o===H||(o===B||o===$)&&i===ve){b=G;var U=_&&T===I&&I.visualViewport?I.visualViewport.height:T[N];E-=U-r.height,E*=l?1:-1}if(o===B||(o===H||o===G)&&i===ve){P=$;var S=_&&T===I&&I.visualViewport?I.visualViewport.width:T[L];p-=S-r.width,p*=l?1:-1}}var w=Object.assign({position:a},u&&zn),D=d===!0?Yn({x:p,y:E},W(n)):{x:p,y:E};if(p=D.x,E=D.y,l){var R;return Object.assign({},w,(R={},R[b]=A?"0":"",R[P]=M?"0":"",R.transform=(I.devicePixelRatio||1)<=1?"translate("+p+"px, "+E+"px)":"translate3d("+p+"px, "+E+"px, 0)",R))}return Object.assign({},w,(e={},e[b]=A?E+"px":"",e[P]=M?p+"px":"",e.transform="",e))}function Kn(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,c=i===void 0?!0:i,a=n.roundOffsets,l=a===void 0?!0:a;if({}.NODE_ENV!=="production"){var u=z(e.elements.popper).transitionProperty||"";c&&["transform","top","right","bottom","left"].some(function(_){return u.indexOf(_)>=0})&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',`
|
|
95
95
|
|
|
96
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
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,wt(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,wt(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 $n={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Gn,data:{}};var De={passive:!0};function jn(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=$(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 zn={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:jn,data:{}};var Yn={left:"right",right:"left",bottom:"top",top:"bottom"};function Re(t){return t.replace(/left|right|bottom|top/g,function(e){return Yn[e]})}var Kn={start:"end",end:"start"};function yt(t){return t.replace(/start|end/g,function(e){return Kn[e]})}function Ze(t){var e=$(t),n=e.pageXOffset,r=e.pageYOffset;return{scrollLeft:n,scrollTop:r}}function Xe(t){return de(X(t)).left+Ze(t).scrollLeft}function Zn(t,e){var n=$(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=bt();(u||!u&&e==="fixed")&&(a=o.offsetLeft,l=o.offsetTop)}return{width:i,height:c,x:a+Xe(t),y:l}}function Xn(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 Ot(t){return["html","body","#document"].indexOf(K(t))>=0?t.ownerDocument.body:W(t)&&Qe(t)?t:Ot(Ce(t))}function ge(t,e){var n;e===void 0&&(e=[]);var r=Ot(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=$(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 Qn(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 Pt(t,e,n){return e===mt?Je(Zn(t,n)):te(e)?Qn(e,n):Je(Xn(X(t)))}function Jn(t){var e=ge(Ce(t)),n=["absolute","fixed"].indexOf(z(t).position)>=0,r=n&&W(t)?be(t):t;return te(r)?e.filter(function(o){return te(o)&&It(o,r)&&K(o)!=="body"}):[]}function er(t,e,n,r){var o=e==="clippingParents"?Jn(t):[].concat(e),i=[].concat(o,[n]),c=i[0],a=i.reduce(function(l,u){var d=Pt(t,u,r);return l.top=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},Pt(t,c,r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Nt(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 x:l={x:c,y:e.y-n.height};break;case F:l={x:c,y:e.y+e.height};break;case G: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 ve: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?gn:a,u=n.rootBoundary,d=u===void 0?mt:u,_=n.elementContext,h=_===void 0?Ee:_,p=n.altBoundary,m=p===void 0?!1:p,E=n.padding,v=E===void 0?0:E,M=Tt(typeof v!="number"?v:At(v,me)),A=h===Ee?Mn:Ee,P=t.rects.popper,b=t.elements[m?A:h],I=er(te(b)?b:b.contextElement||X(t.elements.popper),l,d,c),T=de(t.elements.reference),N=Nt({reference:T,element:P,strategy:"absolute",placement:o}),L=Je(Object.assign({},P,N)),U=h===Ee?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===Ee&&w){var D=w[o];Object.keys(S).forEach(function(R){var oe=[G,F].indexOf(R)>=0?1:-1,ie=[x,F].indexOf(R)>=0?"y":"x";S[R]+=D[ie]*oe})}return S}function tr(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?Et:l,d=pe(r),_=d?a?vt:vt.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,E){return m[E]=Me(t,{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 nr(t){if(j(t)===Ue)return[];var e=Re(t);return[yt(t),e,yt(e)]}function rr(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,E=n.allowedAutoPlacements,v=e.options.placement,M=j(v),A=M===v,P=l||(A||!m?[Re(v)]:nr(v)),b=[v].concat(P).reduce(function(_e,J){return _e.concat(j(J)===Ue?tr(e,{placement:J,boundary:d,rootBoundary:_,padding:u,flipVariations:m,allowedAutoPlacements:E}):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=[x,F].indexOf(D)>=0,ie=oe?"width":"height",V=Me(e,{placement:w,boundary:d,rootBoundary:_,altBoundary:h,padding:u}),Y=oe?R?G:B:R?F:x;I[ie]>T[ie]&&(Y=Re(Y));var Be=Re(Y),ae=[];if(i&&ae.push(V[D]<=0),a&&ae.push(V[Y]<=0,V[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,dt=function(J){var Oe=b.find(function(qe){var se=N.get(qe);if(se)return se.slice(0,J).every(function(pt){return pt})});if(Oe)return U=Oe,"break"},ye=ke;ye>0;ye--){var We=dt(ye);if(We==="break")break}e.placement!==U&&(e.modifiersData[r]._skip=!0,e.placement=U,e.reset=!0)}}const or={name:"flip",enabled:!0,phase:"main",fn:rr,requiresIfExists:["offset"],data:{_skip:!1}};function Lt(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 Ut(t){return[x,G,F,B].some(function(e){return t[e]>=0})}function ir(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=Lt(c,r),u=Lt(a,o,i),d=Ut(l),_=Ut(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 ar={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:ir};function sr(t,e,n){var r=j(t),o=[B,x].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,G].indexOf(r)>=0?{x:a,y:c}:{x:c,y:a}}function lr(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,c=Et.reduce(function(d,_){return d[_]=sr(_,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 cr={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:lr};function ur(t){var e=t.state,n=t.name;e.modifiersData[n]=Nt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})}const dr={name:"popperOffsets",enabled:!0,phase:"read",fn:ur,data:{}};function pr(t){return t==="x"?"y":"x"}function fr(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,E=m===void 0?0:m,v=Me(e,{boundary:l,rootBoundary:u,padding:_,altBoundary:d}),M=j(e.placement),A=pe(e.placement),P=!A,b=Ke(M),I=pr(b),T=e.modifiersData.popperOffsets,N=e.rects.reference,L=e.rects.popper,U=typeof E=="function"?E(Object.assign({},e.rects,{placement:e.placement})):E,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"?x:B,ie=b==="y"?F:G,V=b==="y"?"height":"width",Y=T[b],Be=Y+v[oe],ae=Y-v[ie],ke=p?-L[V]/2:0,dt=A===ce?N[V]:L[V],ye=A===ce?-L[V]:-N[V],We=e.elements.arrow,_e=p&&We?Ye(We):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:Mt(),Oe=J[oe],qe=J[ie],se=Ie(0,N[V],_e[V]),pt=P?N[V]/2-ke-se-Oe-S.mainAxis:dt-se-Oe-S.mainAxis,Mo=P?-N[V]/2+ke+se+qe+S.mainAxis:ye+se+qe+S.mainAxis,ft=e.elements.arrow&&be(e.elements.arrow),To=ft?b==="y"?ft.clientTop||0:ft.clientLeft||0:0,Jt=(R=w==null?void 0:w[b])!=null?R:0,Ao=Y+pt-Jt-To,wo=Y+Mo-Jt,en=Ie(p?Se(Be,Ao):Be,Y,p?ne(ae,wo):ae);T[b]=en,D[b]=en-Y}if(a){var tn,yo=b==="x"?x:B,Oo=b==="x"?F:G,le=T[I],Ve=I==="y"?"height":"width",nn=le+v[yo],rn=le-v[Oo],ht=[x,B].indexOf(M)!==-1,on=(tn=w==null?void 0:w[I])!=null?tn:0,an=ht?nn:le-N[Ve]-L[Ve]-on+S.altAxis,sn=ht?le+N[Ve]+L[Ve]-on-S.altAxis:rn,ln=p&&ht?xn(an,le,sn):Ie(p?an:nn,le,p?sn:rn);T[I]=ln,D[I]=ln-le}e.modifiersData[r]=D}}const hr={name:"preventOverflow",enabled:!0,phase:"main",fn:fr,requiresIfExists:["offset"]};function _r(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function mr(t){return t===$(t)||!W(t)?Ze(t):_r(t)}function vr(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 Er(t,e,n){n===void 0&&(n=!1);var r=W(e),o=W(e)&&vr(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=mr(e)),W(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 br(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 Ir(t){var e=br(t);return $e.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function gr(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',Mr='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',St=["name","enabled","phase","fn","effect","requires","options"];function Tr(t){t.forEach(function(e){[].concat(Object.keys(e),St).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 '+St.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(Mr,String(e.name),r,r))})})})}function Ar(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 wr(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 Ct="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",yr="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",Dt={placement:"bottom",modifiers:[],strategy:"absolute"};function Rt(){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 Or(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Dt:o;return function(a,l,u){u===void 0&&(u=i);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},Dt,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;E(),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=Ir(wr([].concat(r,d.options.modifiers)));if(d.orderedModifiers=P.filter(function(w){return w.enabled}),{}.NODE_ENV!=="production"){var b=Ar([].concat(P,d.options.modifiers),function(w){var D=w.name;return D});if(Tr(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(!Rt(A,P)){({}).NODE_ENV!=="production"&&console.error(Ct);return}d.rects={reference:Er(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(yr);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:gr(function(){return new Promise(function(v){p.forceUpdate(),v(d)})}),destroy:function(){E(),h=!0}};if(!Rt(a,l))return{}.NODE_ENV!=="production"&&console.error(Ct),p;p.setOptions(u).then(function(v){!h&&u.onFirstUpdate&&u.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var M=v.name,A=v.options,P=A===void 0?{}:A,b=v.effect;if(typeof b=="function"){var I=b({state:d,name:M,instance:p,options:P}),T=function(){};_.push(I||T)}})}function E(){_.forEach(function(v){return v()}),_=[]}return p}}var Pr=[zn,dr,$n,Dn,cr,or,hr,qn,ar],Ht=Or({defaultModifiers:Pr});function et(t,e,n,r){e?(t.classList.remove(r),t.classList.add(n)):(t.classList.add(r),t.classList.remove(n))}let q;const Te={},tt={SHIFT:"shift-key"};function xt(){q&&(document.removeEventListener("click",q.globalOnClick),document.removeEventListener("keyup",q.globalOnKeyup),document.removeEventListener("keydown",q.globalOnKeydown),q=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 Nr(){q&&xt(),q={},q.globalOnClick=nt,document.addEventListener("click",q.globalOnClick),q.globalOnKeyup=t=>{t.key==="Escape"&&nt(),t.shiftKey||(Te[tt.SHIFT]=!1),Te[t.key]=!1},document.addEventListener("keyup",q.globalOnKeyup),q.globalOnKeydown=t=>{t.shiftKey&&(Te[tt.SHIFT]=!0),Te[t.key]=!0},document.addEventListener("keydown",q.globalOnKeydown)}function Lr(){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(()=>{Ht(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()):(Lr()&&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 Ur=`<div class="popup__wrapper popup__wrapper--hidden">
|
|
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 ve: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?Ee:_,p=n.altBoundary,m=p===void 0?!1:p,E=n.padding,v=E===void 0?0:E,M=Ot(typeof v!="number"?v:Pt(v,me)),A=h===Ee?On:Ee,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===Ee?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===Ee&&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,E){return m[E]=Me(t,{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 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,E=n.allowedAutoPlacements,v=e.options.placement,M=j(v),A=M===v,P=l||(A||!m?[Re(v)]:sr(v)),b=[v].concat(P).reduce(function(_e,J){return _e.concat(j(J)===Ue?ar(e,{placement:J,boundary:d,rootBoundary:_,padding:u,flipVariations:m,allowedAutoPlacements:E}):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 vr(t){return t==="x"?"y":"x"}function Er(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,E=m===void 0?0:m,v=Me(e,{boundary:l,rootBoundary:u,padding:_,altBoundary:d}),M=j(e.placement),A=pe(e.placement),P=!A,b=Ke(M),I=vr(b),T=e.modifiersData.popperOffsets,N=e.rects.reference,L=e.rects.popper,U=typeof E=="function"?E(Object.assign({},e.rects,{placement:e.placement})):E,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+v[oe],ae=Y-v[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+v[Uo],sn=le-v[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:Er,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;E(),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(v){p.forceUpdate(),v(d)})}),destroy:function(){E(),h=!0}};if(!kt(a,l))return{}.NODE_ENV!=="production"&&console.error(Ht),p;p.setOptions(u).then(function(v){!h&&u.onFirstUpdate&&u.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var M=v.name,A=v.options,P=A===void 0?{}:A,b=v.effect;if(typeof b=="function"){var I=b({state:d,name:M,instance:p,options:P}),T=function(){};_.push(I||T)}})}function E(){_.forEach(function(v){return v()}),_=[]}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
99
|
<div class="popup__content">
|
|
100
100
|
<div class="popup__arrow" data-popper-arrow></div>
|
|
101
101
|
</div>
|
|
102
102
|
</div>
|
|
103
|
-
`;function rt(t,e){const n=t.getAttribute("id");if(!n)throw new Error("renderPopup: labelledByElement does not have an `id` attribute");const r=k();t.setAttribute("aria-controls",r);const o=g(
|
|
104
|
-
`,
|
|
103
|
+
`;function rt(t,e){const n=t.getAttribute("id");if(!n)throw new Error("renderPopup: labelledByElement does not have an `id` attribute");const r=k();t.setAttribute("aria-controls",r);const o=g(xr);if(o.setAttribute("id",r),o.setAttribute("aria-labelledby",n),e!=null&&e.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}const Hr=`<span class="utds-icon-before-chevron-right vertical-menu__chevron" aria-hidden="true"></span>
|
|
104
|
+
`,Vt=`<span class="utds-new-tab-link-a11y">
|
|
105
105
|
<span class="visually-hidden">opens in a new tab</span>
|
|
106
106
|
<span class="utds-icon-after-external-link" aria-hidden="true"></span>
|
|
107
107
|
</span>
|
|
108
|
-
`,
|
|
109
|
-
`,
|
|
108
|
+
`,Br=`<ul class="vertical-menu" role="menu" />
|
|
109
|
+
`,kr=`<li class="vertical-menu__item">
|
|
110
110
|
<span class="vertical-menu__title">
|
|
111
111
|
<span class="vertical-menu__plain-title"></span>
|
|
112
112
|
<a href="#" class="vertical-menu__link-title">
|
|
@@ -118,29 +118,29 @@
|
|
|
118
118
|
</span>
|
|
119
119
|
<span class="vertical-menu__divider" />
|
|
120
120
|
</li>
|
|
121
|
-
`;function
|
|
121
|
+
`;function xe(t,e,n){var o;let r=!1;return t&&(Array.isArray(t)?r=t.some(i=>xe(i,e,n)):(r=n(t),r||(r=!!((o=e==null?void 0:e.filter(i=>t[i]))!=null&&o.some(i=>xe(t[i],e,n)))))),r}function Wr(t){const e=t.closest("li");if(!e)throw console.error("element",t),new Error("toggleChildMenuExpansion: parent not found for child");e.querySelectorAll(":scope > ul").forEach(n=>{var i;const r=(i=n.closest("li"))==null?void 0:i.querySelector(f(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 qr(t){return e=>{e.preventDefault(),e.stopPropagation(),Wr(t)}}function Ft(){const t=g(Hr);return t.classList.add(s.IS_CLOSED),t}function Vr(t,e,n){var _,h;const r=g(kr),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(e.actionMenu){let p;switch(n.childrenMenuType){case x.FLYOUT:{p=Ft(),i.appendChild(p),i.setAttribute("id",k());const m=ot({menuItems:e.actionMenu,title:e.title},i,{...n,removePopupArrow:!0});r.appendChild(m),Ae(r,i,m,"menu",{popupPlacement:Ne.RIGHT_START,preventOnClickHandling:!0,shouldFocusOnHover:!0}),c.remove(),a.remove();break}case x.INLINE:{const m=fe(e.actionMenu,n),E=k();m.setAttribute("id",E),m.classList.add(s.VISUALLY_HIDDEN),r.appendChild(m),i.onclick=qr(i),i.setAttribute("aria-expanded","false"),i.setAttribute("aria-controls",E),p=Ft(),i.appendChild(p),c.remove(),a.remove(),r.addEventListener("focusin",v=>{var M,A,P,b;for(let I=(M=v.target)==null?void 0:M.closest("ul");I;I=(A=I.parentElement)==null?void 0:A.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),(b=p==null?void 0:p.classList)==null||b.add(s.IS_OPEN))});break}case x.MEGA_MENU:{const m=fe(e.actionMenu,n),E=k();m.setAttribute("id",E),r.appendChild(m),c.remove(),i.remove(),a.appendChild(document.createTextNode(e.title));break}default:throw new Error(`renderPopupMenuItem: childrenMenuType unknown '${e.actionMenu}'`)}l.remove()}else if(e.actionFunction)i.onclick=e.actionFunction,c.remove(),l.remove(),a.remove();else if(e.actionUrl)c.setAttribute("href",e.actionUrl.url),i.remove(),l.remove(),a.remove();else if(e.actionFunctionUrl)c.setAttribute("href",e.actionFunctionUrl.url),c.onclick=p=>{var m,E;(m=e.actionFunctionUrl)!=null&&m.skipHandleEvent||(p.stopPropagation(),p.preventDefault()),(E=e.actionFunctionUrl)==null||E.actionFunction(p)},i.remove(),l.remove(),a.remove();else if(e.isDivider)o.remove(),r.setAttribute("aria-hidden","true"),r.setAttribute("role","separator");else throw console.error(e),new Error("renderPopupMenuItem: popupMenuItem must have either actionMenu, actionFunction, actionUrl, or isDivider (popupMenuItem.title)");if(!e.isDivider&&(u.appendChild(document.createTextNode(e.title)),d.appendChild(document.createTextNode(e.title)),(_=e.actionUrl)!=null&&_.openInNewTab||(h=e.actionFunctionUrl)!=null&&h.openInNewTab)){c.setAttribute("target","_blank");const p=g(Vt);u.appendChild(p),d.appendChild(p)}return(e.isSelected||e.actionMenu&&xe(e.actionMenu,["actionMenu"],p=>!!p.isSelected))&&(i.classList.add(s.MENU_ITEM__SELECTED),c.classList.add(s.MENU_ITEM__SELECTED)),e.isSelected?r.classList.add(s.MENU_ITEM__SELECTED):r.classList.remove(s.MENU_ITEM__SELECTED),t.appendChild(r),r}function fe(t,e){const n=g(Br);return t.forEach(r=>Vr(n,r,e)),n}function ot(t,e,n){const r=rt(e,{removePopupArrow:n.removePopupArrow}),o=r.querySelector(f(s.POPUP_CONTENT_WRAPPER));if(!o)throw new Error("renderPopupMenu: contentWrapper not found");const i=fe(t.menuItems,n);return i.setAttribute("aria-label",t.title),o.appendChild(i),r}const Fr=`<div class="tooltip__wrapper tooltip__wrapper--hidden" aria-hidden="true">
|
|
122
122
|
<div class="tooltip__content">
|
|
123
123
|
<div class="tooltip__arrow" data-popper-arrow></div>
|
|
124
124
|
</div>
|
|
125
125
|
</div>
|
|
126
|
-
`;let he=NaN;function
|
|
126
|
+
`;let he=NaN;function Gt(t,e){const n=g(Fr),r=n.querySelector(f(s.TOOLTIP__CONTENT));if(!r)throw new Error("hookupToolTip: toolTipContent not found");r.appendChild(document.createTextNode(e)),t.appendChild(n);const o=Wt(t,n,{placement:Ne.BOTTOM,modifiers:[{name:"offset",options:{offset:[0,5]}}]});if(t.onmouseenter||t.onmouseleave)throw new Error(`hookupToolTip: element already has an onmouseenter and/or onmouseleave event (${e})`);let i=NaN;t.onmouseenter=()=>{clearTimeout(i),i=setTimeout(()=>{clearTimeout(he),he=-1;const c=t.querySelector(f(s.POPUP_WRAPPER));(!c||c.classList.contains(s.POPUP__HIDDEN))&&(n.classList.remove(s.TOOLTIP__WRAPPER__HIDDEN),n.classList.add(s.TOOLTIP__WRAPPER__VISIBLE),o.update())},he?0:500)},t.onmouseleave=()=>{clearTimeout(i),n.classList.add(s.TOOLTIP__WRAPPER__HIDDEN),n.classList.remove(s.TOOLTIP__WRAPPER__VISIBLE),clearTimeout(he),he=setTimeout(()=>{he=NaN},500)}}const Gr=`<div class="utds-badge__wrapper">
|
|
127
127
|
<span class="utds-badge__value"></span>
|
|
128
128
|
<span class="utds-badge__label visually-hidden"></span>
|
|
129
129
|
</div>
|
|
130
|
-
`;function it(t){let e=null;if(t){e=g(
|
|
131
|
-
|
|
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"},
|
|
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">
|
|
133
133
|
<div class="vertical-menu__wrapper-title"></div>
|
|
134
134
|
</div>
|
|
135
|
-
`;function
|
|
135
|
+
`;function jt(t,e){const n=g(Yr),r=n.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));if(!r)throw new Error("renderMenuWithTitle: menuTitleDiv not found");return r.appendChild(document.createTextNode(e)),n.appendChild(t),n}let y=null;function zt(t){y=t,document.querySelectorAll(f(s.UTAH_ID__BUTTON)).forEach(n=>{var r;if(n){if(n.innerHTML="",y!=null&&y.userInfo&&((r=y.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, ${y.userInfo.first||""}`))}else n.appendChild(document.createTextNode("UtahID Sign In"));const o=n.getAttribute("aria-controls");if(!o)throw new Error(`authChangedEventHandler: popup id for button not found - ${o}`);const i=document.getElementById(o);i&&at(n,i)}})}function at(t,e){var n;t&&e&&(!!(y!=null&&y.isDefinitive)&&!!((n=y==null?void 0:y.userInfo)!=null&&n.authenticated)?(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded","false"),e.removeAttribute("aria-hidden")):(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded"),e.setAttribute("aria-hidden","true")))}function Yt(){const t=g(zr);return t.setAttribute("id",k()),y&&zt(y),t}function Kt(t){var l;const e=O(),n=e.utahId!==!1&&e.utahId!==!0&&e.utahId.onProfile,r=e.utahId!==!1&&e.utahId!==!0&&e.utahId.onSignOut,o=[...e.utahId!==!0&&e.utahId!==!1&&((l=e.utahId)==null?void 0:l.menuItems)||[]];o.length&&o.push({isDivider:!0,title:"--divider--"});const i=[...o,{actionUrl:n?void 0:{url:we.PROFILE,openInNewTab:!0},actionFunction:n||void 0,className:"external-link",title:"UtahID Profile"},{actionUrl:r?void 0:{url:we.SIGN_OUT},actionFunction:r||void 0,title:"Sign Out"}],c=fe(i,{childrenMenuType:x.INLINE}),a=t?jt(c,"Utah ID Menu"):c;return a.setAttribute("aria-label","Utah Id Menu"),a.setAttribute("id",k()),a}function Kr(){const t=g($t),e=Yt();e.setAttribute("id",k()),t.appendChild(e);const n=Kt(!1),r=rt(e),o=r.querySelector(f(s.POPUP_CONTENT_WRAPPER));if(!o)throw new Error("renderUtahIdForDesktop: contentWrapper not found");o.appendChild(n),t.appendChild(r),at(e,r);const i=O(),c=i.utahId!==!1&&i.utahId!==!0&&i.utahId.onSignIn;return Ae(t,e,r,"menu",{isPerformPopup:()=>{var a;return!!(y!=null&&y.isDefinitive)&&!!((a=y==null?void 0:y.userInfo)!=null&&a.authenticated)},onClick:a=>{var l;(!(y!=null&&y.isDefinitive)||!((l=y==null?void 0:y.userInfo)!=null&&l.authenticated))&&(c?c(a):(a.preventDefault(),a.stopPropagation(),window.location.href=we.SIGN_IN))}}),t}function Zr(){const t=g($t),e=Yt(),n=e.getAttribute("id");if(!n)throw new Error("renderUtahIdForMobile: utahIdButton has no id");t.appendChild(e);const r=Kt(!0),o=r.getAttribute("id");if(!o)throw new Error("renderUtahIdForMobile: utahIdPopupMenu has no id");return t.appendChild(r),e.setAttribute("aria-controls",o),r.setAttribute("aria-labelledby",n),at(e,r),{button:e,menu:r}}function Xr(){const t=g(Tn),e=jr();return e&&t.appendChild(e),O().utahId!==!1&&t.appendChild(Kr()),t}const Qr=`<div class="utds-title-wrapper">
|
|
136
136
|
<div class="utds-title-wrapper__logo"></div>
|
|
137
137
|
<div class="utds-title-wrapper__title"></div>
|
|
138
138
|
</div>
|
|
139
|
-
`,
|
|
139
|
+
`,Jr=`<a class="utds-title-wrapper">
|
|
140
140
|
<div class="utds-title-wrapper__logo"></div>
|
|
141
141
|
<div class="utds-title-wrapper__title"></div>
|
|
142
142
|
</a>
|
|
143
|
-
`;function
|
|
143
|
+
`;function eo(){const t=O().titleURL,e=g(t?Jr:Qr);if(!e)throw new Error("LogoTitle: titleWrapper is null");t&&e.setAttribute("href",t);const n=e.querySelector(f(s.TITLE__LOGO));if(!n)throw new Error("LogoTitle: logoWrapper is null");const r=O().logo,o=O().showTitle,i=O().title;if(r){let l;Ge(r)?l=g(r):l=r,l.setAttribute("role","presentation"),n.appendChild(l)}else e.removeChild(n);const c=document.createTextNode(i),a=e.querySelector(f(s.TITLE__TITLE));return a==null||a.appendChild(c),!o&&r&&(a==null||a.classList.add(s.VISUALLY_HIDDEN)),e}const to=`<div class="utah-logo-svg" role="img">
|
|
144
144
|
<title>An official website of the State of Utah</title>
|
|
145
145
|
<svg viewBox="0 0 137.363 56.6959">
|
|
146
146
|
<g>
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
</g>
|
|
152
152
|
</svg>
|
|
153
153
|
</div>
|
|
154
|
-
`,
|
|
154
|
+
`,no=`<div class="utah-logo-svg">
|
|
155
155
|
<svg viewBox="0 0 105.9496 47.6226" role="img">
|
|
156
156
|
<title>An official website of the State of Utah</title>
|
|
157
157
|
<g>
|
|
@@ -162,14 +162,14 @@
|
|
|
162
162
|
</g>
|
|
163
163
|
</svg>
|
|
164
164
|
</div>
|
|
165
|
-
`;function
|
|
165
|
+
`;function ro(){let t;switch(O().size){case ee.LARGE:t=to;break;case ee.SMALL:case ee.MEDIUM:t=no;break;default:throw new Error(`Unknown settings size: '${O().size}'`)}return g(t)}function oo(){var n;const t=g(vn);t.classList.add(`utds-header--${((n=O().size)==null?void 0:n.toLowerCase())||ee.MEDIUM}`);const e=g(mn);return t.appendChild(e),e.appendChild(ro()),e.appendChild(g(En)),e.appendChild(eo()),t.appendChild(Xr()),t}const io=`<li class="menu-item">
|
|
166
166
|
<span class="menu-item__title">
|
|
167
167
|
<button class="menu-item__button-title" type="button"></button>
|
|
168
168
|
<a class="menu-item__link-title"></a>
|
|
169
169
|
<span class="menu-chiclet"></span>
|
|
170
170
|
</span>
|
|
171
171
|
</li>
|
|
172
|
-
`,
|
|
172
|
+
`,ao=`<div class="utah-design-system main-menu__outer">
|
|
173
173
|
<div class="main-menu__wrapper">
|
|
174
174
|
<nav class="horizontal-menu main-menu__nav">
|
|
175
175
|
<h2 class="main-menu__title visually-hidden"></h2>
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
</button>
|
|
197
197
|
</div>
|
|
198
198
|
</div>
|
|
199
|
-
`,
|
|
199
|
+
`,so=`<div class="utah-design-system" id="search-modal">
|
|
200
200
|
<div class="search-modal__close-button-wrapper">
|
|
201
201
|
<button type="button" class="search-modal__close-button button icon-button icon-button--borderless">
|
|
202
202
|
<span class="utds-icon-before-x-icon" aria-hidden="true"></span>
|
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
</button>
|
|
205
205
|
</div>
|
|
206
206
|
<div class="search-modal">
|
|
207
|
-
<form class="search-modal__form hcenter" role="search" aria-label="
|
|
207
|
+
<form class="search-modal__form hcenter" role="search" aria-label="Sitewide">
|
|
208
208
|
<span class="utds-icon-before-search search-modal__icon-search vcenter" aria-hidden="true"></span>
|
|
209
209
|
<label for="search-modal-input-id" class="search-modal__input-label visually-hidden">Enter your search
|
|
210
210
|
terms</label>
|
|
@@ -221,20 +221,20 @@
|
|
|
221
221
|
</div>
|
|
222
222
|
<div class="search-backdrop modal-backdrop backdrop-dark"></div>
|
|
223
223
|
</div>
|
|
224
|
-
`;function
|
|
224
|
+
`;function He(){const t=document.getElementById(s.SEARCH__SEARCH_MODAL);if(!t)throw new Error("closSearchModal: searchModal not found");t.remove();const e=document.querySelector(f(s.MAIN_MENU__SEARCH));if(!e)throw new Error("closSearchModal: searchIcon not found");e.focus()}function lo(){const t=g(so),e=t.querySelector(f(s.SEARCH__SEARCH_BACKDROP));if(!e)throw new Error("showSearchModal: backdrop not found");const n=t.querySelector(f(s.SEARCH__SEARCH_CLOSE_BUTTON));if(!n)throw new Error("showSearchModal: closeButton not found");const r=t.querySelector(f(s.SEARCH__SEARCH_BUTTON));if(!r)throw new Error("showSearchModal: searchButton not found");const o=t.querySelector(f(s.SEARCH__SEARCH_BUTTON_WRAPPER));if(!o)throw new Error("showSearchModal: searchButtonWrapper not found");const i=t.querySelector(f(s.SEARCH__SEARCH_INPUT));if(!i)throw new Error("showSearchModal: searchInput not found");r.onclick=a=>{var l,u;a.preventDefault(),a.stopPropagation(),He(),(u=(l=O()).onSearch)==null||u.call(l,i.value)},n.onclick=a=>{a.preventDefault(),a.stopPropagation(),He()},e.onclick=a=>{a.preventDefault(),a.stopPropagation(),He()},document.body.appendChild(t),i.focus(),i.oninput=()=>{o.classList.remove(s.VISUALLY_HIDDEN)},r.onfocus=()=>{o.classList.remove(s.VISUALLY_HIDDEN)},t.onkeyup=a=>{(a.code==="Escape"||a.key==="Escape")&&(a.preventDefault(),a.stopPropagation(),He())},n.addEventListener("focusout",a=>{a.preventDefault(),a.stopPropagation(),Te[tt.SHIFT]?r.focus():i.focus()});const c=t.querySelector(".search-modal__hidden-last-focusable");if(!c)throw new Error("showSearchModal: hiddenLastFocusableButton not found");c.addEventListener("focusin",a=>{a.preventDefault(),a.stopPropagation(),n.focus()})}function co(){var l;const t=O(),e=g(ao),n=e.querySelector(f(s.MAIN_MENU__NAV));if(!n)throw new Error("renderMainMenu(): mainMenu not created");const r=n.querySelector(f(s.MAIN_MENU__TITLE));if(!r)throw new Error("renderMainMenu(): titleTag not found");const o="main-menu__nav";n.setAttribute("aria-labelledby",o),r.setAttribute("id",o),r.innerHTML=t.mainMenu.title;const i=n.querySelector(f(s.MAIN_MENU__MENU_TOP));if(!i)throw new Error("renderMainMenu(): mainMenuTop not found");t.mainMenu.menuItems.forEach(u=>{var m,E;const d=g(io);i.appendChild(d);const _=d.querySelector(f(s.MENU_ITEM__TITLE));if(!_)throw new Error(`renderMainMenu(): sub menu title not found for ${u.title}`);const h=_.querySelector(f(s.MENU_ITEM__BUTTON_TITLE));if(!h)throw new Error(`renderMainMenu(): button title not found for ${u.title}`);h.setAttribute("id",`${s.MENU_ITEM__BUTTON_TITLE}__${u.title}-${k()}`);const p=_.querySelector(f(s.MENU_ITEM__LINK_TITLE));if(!p)throw new Error(`renderMainMenu(): link title not found for ${u.title}`);if((u.isSelected||u.actionMenu&&xe(u.actionMenu,["actionMenu"],v=>!!v.isSelected))&&(h.classList.add(s.MENU_ITEM__SELECTED),p.classList.add(s.MENU_ITEM__SELECTED)),u.actionMenu){h.innerHTML=u.title,p.remove();const v={menuItems:u.actionMenu,title:u.title},M=ot(v,h,{childrenMenuType:u.childrenMenuType||x.FLYOUT});d.appendChild(M),Ae(d,h,M,"menu",{shouldFocusOnHover:!0});let A;switch(u.childrenMenuType){case x.INLINE:A=s.MENU_ITEM__INLINE;break;case x.MEGA_MENU:A=s.MENU_ITEM__MEGA_MENU;break;case x.FLYOUT:default:A=s.MENU_ITEM__FLY_OUT;break}d.classList.add(A)}else if(u.actionFunction)h.innerHTML=u.title,h.onclick=u.actionFunction,p.remove();else if(u.actionFunctionUrl)p.innerHTML=u.title,p.setAttribute("href",u.actionFunctionUrl.url),p.onclick=v=>{var M,A;(M=u.actionFunctionUrl)!=null&&M.skipHandleEvent||(v.stopPropagation(),v.preventDefault()),(A=u.actionFunctionUrl)==null||A.actionFunction(v)},h.remove();else if(u.actionUrl)p.innerHTML=u.title,p.setAttribute("href",u.actionUrl.url),h.remove();else throw new Error(`renderMainMenu(): menuItem is missing an action: ${u.title}`);((m=u.actionUrl)!=null&&m.openInNewTab||(E=u.actionFunctionUrl)!=null&&E.openInNewTab)&&(p.setAttribute("target","_blank"),p.appendChild(g(Vt)))});let c=null;if(t.utahId){const{button:u,menu:d}=Zr();c=d;const _=e.querySelector(f(s.MOBILE__UTAH_ID));if(!_)throw new Error("renderMainMenu: utahIdButtonWrapper not found");_.appendChild(u)}const a=e.querySelector(f(s.MAIN_MENU__SEARCH));if(!a||!(a instanceof HTMLElement))throw new Error("renderMainMenu: searchIcon not found");if(t.onSearch){if(Gt(a,"Search"),a.onclick)throw new Error("searchIcon already has onclick");a.onclick=()=>lo()}else(l=a.parentElement)==null||l.insertBefore(g('<div class="main-menu__search-placeholder">'),a),a.remove();return{mainMenuWrapper:e,utahIdPopup:c}}const uo=`<div class="utds-header-mobile-menu__content-item" role="tabpanel">
|
|
225
225
|
</div>
|
|
226
|
-
`;function st(t){const e=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!e)throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");const n=e.querySelector(f(s.MOBILE_MENU__CONTENT));if(!n)throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");const r=g(
|
|
226
|
+
`;function st(t){const e=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!e)throw new Error("addMobileMenuContentItem: mobileMenuWrapper not found");const n=e.querySelector(f(s.MOBILE_MENU__CONTENT));if(!n)throw new Error("addMobileMenuContentItem: mobileContentWrapper not found");const r=g(uo);return r.appendChild(t),n.appendChild(r),r.setAttribute("id",k()),r}function lt(t,e){t.querySelectorAll(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)).forEach(r=>{r.classList.remove(s.ACTION_ITEM__SELECTED);const o=r.querySelector("button");if(!o)throw new Error("showActionItem: actionWrapper does not have actionItem");o.setAttribute("aria-selected","false"),o.setAttribute("tabIndex","-1")}),e.classList.add(s.ACTION_ITEM__SELECTED);const n=e.querySelector("button");if(!n)throw new Error("showActionItem: actionWrapper does not have actionItem");n.setAttribute("aria-selected","true"),n.removeAttribute("tabIndex"),n.focus()}function Zt(t,e){t.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach(n=>n.classList.remove(s.IS_OPEN)),e.classList.add(s.IS_OPEN)}function ct(t,e,n,{ariaHasPopupType:r,onClickHandler:o,shouldOnClickCloseMenu:i}){var _;if(e&&!r)throw new Error("mobileMenuInteractionHandler: there is content, but the aria type is not given");const c=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=(_=n==null?void 0:n.querySelector)==null?void 0:_.call(n,"button"),d=(u||t).getAttribute("id");if(!d)throw new Error("mobileMenuInteractionHandler: interactiveElementId not found");if(e){const h=e.getAttribute("id");if(!h)throw new Error("mobileMenuInteractionHandler: mobileMenuContentId not found");(u||t).setAttribute("aria-controls",h),e.setAttribute("aria-labelledby",d)}if(t.onclick)throw new Error("mobileMenuInteractionHandler: interactiveElement already has onclick");if(t.onclick=h=>{o&&o(h)||(c.classList.contains(s.IS_OPEN)?i&&dt():(po(),e&&Zt(l,e),lt(a,n)))},e){if(n!==t&&n.onclick)throw new Error("mobileMenuInteractionHandler: actionItemWrapper already has onclick");n.onclick=h=>{o&&o(h)||(Zt(l,e),lt(a,n))}}}function ut(t){const e=document.querySelector(f(s.MOBILE_MENU));if(!e)throw new Error(`${t}: mobileMenu not found`);const n=document.getElementById(s.MAIN_MENU__HAMBURGER_ID);if(!n)throw new Error(`${t}: hamburger not found (🍔 🎶 I will gladly pay you Tuesday for a hamburger today 🎵 🍔)`);const r=document.getElementById(s.MAIN_MENU__HAMBURGER_ICON_ID);if(!r)throw new Error(`${t}: hamburgerIcon not found`);return{hamburger:n,hamburgerIcon:r,mobileMenu:e}}function dt(){const{hamburger:t,hamburgerIcon:e,mobileMenu:n}=ut("hideMobileMenu");t.setAttribute("aria-expanded","false"),n.classList.remove(s.IS_OPEN),e.classList.add("utds-icon-before-hamburger"),e.classList.remove("utds-icon-before-x-icon")}function po(){const{hamburger:t,hamburgerIcon:e,mobileMenu:n}=ut("showMobileMenu");t.setAttribute("aria-expanded","true"),n.classList.add(s.IS_OPEN),e.classList.remove("utds-icon-before-hamburger"),e.classList.add("utds-icon-before-x-icon")}function fo(t){var c;const{hamburger:e}=ut("hookupHamburger");if((c=O().actionItems)==null?void 0:c.some(a=>!!a.badge)){const a=it({label:"Home Badge"});a&&e.appendChild(a)}dt();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");ct(e,t,i,{ariaHasPopupType:"menu",shouldOnClickCloseMenu:!0})}function ho(t){let e=NaN,n=null,r=null;return{promise:new Promise((i,c)=>{e=setTimeout(()=>{e=NaN,i()},t),n=i,r=c}),clearTimeout:i=>{e&&(clearTimeout(e),e=NaN,i(n,r))}}}const Z={isDefinitive:null,lastError:null,userInfo:null};function Xt(t){var e,n,r;t.isDefinitive&&(zt(t),(r=(n=(e=O())==null?void 0:e.utahId)==null?void 0:n.onAuthChanged)==null||r.call(n,t))}let Qt=!0;const _o=500;async function Jt(){var e,n;let t=null;if(Z.isDefinitive===!1)t=Promise.resolve(Z);else if(Qt)t=ho(_o).promise.then(()=>{Qt=!1,Jt()});else{const r=O();if(r.utahId===!1)t=Promise.resolve({isDefinitive:!0,lastError:"Utah ID is off",userInfo:null});else if(r.utahId===!0||((e=r.utahId)==null?void 0:e.currentUser)===void 0)Z.isDefinitive=!1,t=fetch(we.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};t=Promise.resolve(o),Xt(o)}}return t}function mo(){return Z}function vo(){const t=document.getElementById(s.MOBILE_MENU_ACTON_BAR__PROFILE_ID);if(!t)throw new Error("removeUtahIdInMobileMenu: profileActionItem not found");const e=t.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!e)throw new Error("removeUtahIdInMobileMenu: profileActionItemWrapper not found");e.remove()}function Eo(t,e){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(!t.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=st(e);ct(r,a,c,{ariaHasPopupType:"menu",onClickHandler:l=>{var h;const u=mo(),d=O();let _=!1;if(!(u!=null&&u.isDefinitive)||!((h=u==null?void 0:u.userInfo)!=null&&h.authenticated)){_=!0;const p=d.utahId!==!1&&d.utahId!==!0&&d.utahId.onSignIn;p?p(l):(l.preventDefault(),l.stopPropagation(),window.location.href=we.SIGN_IN)}return _},shouldOnClickCloseMenu:!0})}function bo(){return fe(O().mainMenu.menuItems,{childrenMenuType:x.INLINE,removePopupArrow:!0})}const Io=`<div class="utds-header-mobile-menu__action-item" role="tab">
|
|
227
227
|
<button type="button" class="icon-button icon-button--borderless utds-header-action-item__icon-button">
|
|
228
228
|
<div class="utds-header-action-item__title visually-hidden"></div>
|
|
229
229
|
<span aria-hidden="true" role="presentation">
|
|
230
230
|
</button>
|
|
231
231
|
<span class="menu-chiclet"></span>
|
|
232
232
|
</div>
|
|
233
|
-
`,
|
|
233
|
+
`,go=`<div class="utds-header-action-item-menu">
|
|
234
234
|
<div class="vertical-menu__wrapper-title"></div>
|
|
235
235
|
</div>
|
|
236
|
-
`;function
|
|
236
|
+
`;function Mo(t){const e=g(Io);e.getAttribute("id")||e.setAttribute("id",k());const n=document.createTextNode(t.title),r=e instanceof HTMLCollection?e[0]:e;t.showTitle&&r.classList.add(s.ACTION_ITEM__ICON_BUTTON_TITLE),r.classList.add(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER),r.classList.remove(s.ACTION_ITEM);const o=r.querySelector(f(s.ACTION_ITEM__TITLE));if(!o)throw new Error("renderActionItem: titleDiv not found");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);a.setAttribute("role","presentation"),i.appendChild(a);let l=null;if(t.actionFunction)i.onclick=t.actionFunction;else if(t.actionDom){const u=k();i.setAttribute("id",u),l=g(typeof t.actionDom=="function"?t.actionDom():t.actionDom)}else if(t.actionPopupMenu){const u=k();i.setAttribute("id",u),l=g(go);const d=l.querySelector(f(s.POPUP_MENU_WRAPPER__WRAPPER_TITLE));if(!d)throw new Error("renderMobileActionItem: actionItemContentTitle not found");d.appendChild(document.createTextNode(t.actionPopupMenu.title));const _=fe(t.actionPopupMenu.menuItems,{childrenMenuType:x.INLINE});l.appendChild(_)}else throw console.error(t),new Error("Action Item: no defined action; must have either actionFunction, actionDom, or actionPopupMenu");return{actionItemElement:e,actionItemContent:l}}function To(){var i,c,a;const t=document.getElementById(s.MOBILE_MENU_ACTON_BAR__HOME_ID);if(!t)throw new Error("renderMobileActionItems: homeActionItem not found");const e=t.closest(f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!e)throw new Error("renderMobileActionItems: homeActionItemWrapper not found");const r=!!O().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=[...O().actionItems||[]].reverse())==null?void 0:c.map(l=>({actionItem:l,...Mo(l)})))==null||a.forEach(({actionItem:l,actionItemContent:u,actionItemElement:d})=>{let _;switch(l.mobileMenuLocation){case"left":_=e;break;case"none":_=null;break;case"right":default:_=o||e;break}if(_&&(_.after(d),u)){const h=st(u);let p=null;l.actionDom?p="dialog":l.actionPopupMenu&&(p="menu"),ct(d,h,d,{ariaHasPopupType:p,shouldOnClickCloseMenu:!1})}})}function Ao(){const e=[...document.querySelectorAll(`
|
|
237
237
|
${f(s.MOBILE_MENU__ACTION_BAR)}
|
|
238
238
|
${f(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
|
|
239
239
|
${f(s.ACTION_ITEM__ICON_BUTTON)}
|
|
240
|
-
`)];e.forEach(n=>{n.onkeydown=r=>{(r.code==="Home"||r.code==="End"||r.code==="ArrowRight"||r.code==="ArrowLeft")&&r.preventDefault()},n.onkeyup=r=>{const o=e.indexOf(n);let i=NaN;if(r.code==="Home"?i=0:r.code==="End"?i=e.length-1:r.code==="ArrowRight"?i=(o+1)%e.length:r.code==="ArrowLeft"&&(i=(e.length+o-1)%e.length),!Number.isNaN(i)){r.preventDefault(),r.stopPropagation();const c=e[i],a=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 _=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!_)throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");const h=_.querySelector(f(s.MOBILE_MENU__CONTENT));if(!h)throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");h.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach(p=>p.classList.remove(s.IS_OPEN))}const d=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!d)throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");lt(d,a)}}})}function
|
|
240
|
+
`)];e.forEach(n=>{n.onkeydown=r=>{(r.code==="Home"||r.code==="End"||r.code==="ArrowRight"||r.code==="ArrowLeft")&&r.preventDefault()},n.onkeyup=r=>{const o=e.indexOf(n);let i=NaN;if(r.code==="Home"?i=0:r.code==="End"?i=e.length-1:r.code==="ArrowRight"?i=(o+1)%e.length:r.code==="ArrowLeft"&&(i=(e.length+o-1)%e.length),!Number.isNaN(i)){r.preventDefault(),r.stopPropagation();const c=e[i],a=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 _=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!_)throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");const h=_.querySelector(f(s.MOBILE_MENU__CONTENT));if(!h)throw new Error("hookupMobileActionItemKeyboarding: mobileContentWrapper not found");h.querySelectorAll(f(s.MOBILE_MENU__CONTENT_ITEM)).forEach(p=>p.classList.remove(s.IS_OPEN))}const d=document.querySelector(f(s.MOBILE_MENU__WRAPPER));if(!d)throw new Error("hookupMobileActionItemKeyboarding: mobileMenuWrapper not found");lt(d,a)}}})}function wo(){const t=fn.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER,`${O().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER,`${O().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER,`${O().mediaSizes.mobile}px`);let e=document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);e||(e=document.createElement("style"),e.id=s.CSS_HEADER_MEDIA_TAG_ID),e.innerHTML=t,document.body.appendChild(e)}function en(){var e;if(!document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.HEADER]))){const n=oo();document.body.insertBefore(n,document.body.firstChild);const{mainMenuWrapper:r,utahIdPopup:o}=co();r&&n.after(r);const i=g(hn);n.after(i);const c=document.querySelector(f(s.MOBILE_MENU__BACKDROP));if(!c)throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop not found");if(c.onclick)throw new Error("mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick");c.onclick=()=>dt();const a=bo(),l=jt(a,"Main Menu");l.appendChild(a);const u=st(l);fo(u),o?((e=o.closest("div"))==null||e.removeAttribute("aria-labelledby"),Eo(i,o)):vo(),To(),Ao(),Dr(),wo(),Jt()}}function tn(t){var e,n,r;(e=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.HEADER])))==null||e.remove(),(n=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.MAIN_MENU__OUTER])))==null||n.remove(),(r=document.querySelector(f([s.UTAH_DESIGN_SYSTEM,s.MOBILE_MENU])))==null||r.remove(),qt(),t&&setTimeout(()=>document.dispatchEvent(new Event(Fe.HEADER_UNLOADED)),0)}const yo=pn.version.replace(/\./g,"");console.log(`Utah Header v${yo}`),C.baseSettings=mt,C.childrenMenuTypes=x,C.events=Fe,C.getUtahHeaderSettings=O,C.loadHeader=en,C.popupPlacement=Ne,C.removeHeader=tn,C.renderDOMSingle=g,C.setUtahHeaderSettings=Mn,C.sizes=ee,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@utahdts/utah-design-system-header",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.2",
|
|
4
4
|
"description": "Utah Header for the Utah Design System",
|
|
5
|
-
"
|
|
5
|
+
"exports": {
|
|
6
|
+
".": {
|
|
7
|
+
"vitest": "./src/index.js",
|
|
8
|
+
"development-local": "./src/index.js",
|
|
9
|
+
"development": "./dist/utah-design-system-header.es.js",
|
|
10
|
+
"import": "./dist/utah-design-system-header.es.js",
|
|
11
|
+
"module": "./dist/utah-design-system-header.es.js",
|
|
12
|
+
"require": "./dist/utah-design-system-header.umd.js",
|
|
13
|
+
"default": "./src/index.js"
|
|
14
|
+
},
|
|
15
|
+
"./css": "./dist/style.css",
|
|
16
|
+
"./src/css/index.scss": "./src/css/index.scss"
|
|
17
|
+
},
|
|
18
|
+
"main": "dist/utah-design-system-header.es.js",
|
|
6
19
|
"files": [
|
|
7
20
|
"src/css",
|
|
8
21
|
"dist"
|
|
@@ -13,6 +26,7 @@
|
|
|
13
26
|
"sass-build": "sass --no-source-map ./src/css/index.scss ./src/css/build/utah-design-system-header.css",
|
|
14
27
|
"test-publish": "npm publish --dry-run",
|
|
15
28
|
"test": "vitest",
|
|
29
|
+
"testc": "vitest run --coverage",
|
|
16
30
|
"watch": "vite build --watch --mode development"
|
|
17
31
|
},
|
|
18
32
|
"repository": {
|
|
@@ -25,17 +39,17 @@
|
|
|
25
39
|
},
|
|
26
40
|
"homepage": "https://github.com/utahdts/utah-design-system#readme",
|
|
27
41
|
"dependencies": {
|
|
28
|
-
"@popperjs/core": "2.11.
|
|
42
|
+
"@popperjs/core": "2.11.7"
|
|
29
43
|
},
|
|
30
44
|
"devDependencies": {
|
|
31
|
-
"eslint": "8.
|
|
45
|
+
"eslint": "8.37.0",
|
|
32
46
|
"eslint-config-airbnb": "19.0.4",
|
|
33
47
|
"eslint-plugin-import": "2.27.5",
|
|
34
48
|
"eslint-plugin-jsx-a11y": "6.7.1",
|
|
35
|
-
"sass": "1.
|
|
49
|
+
"sass": "1.60.0",
|
|
36
50
|
"vite": "4.2.1",
|
|
37
51
|
"vite-plugin-eslint": "1.8.1",
|
|
38
|
-
"vitest": "0.29.
|
|
52
|
+
"vitest": "0.29.8"
|
|
39
53
|
},
|
|
40
54
|
"type": "module"
|
|
41
55
|
}
|