@utahdts/utah-design-system-header 5.0.1 → 5.0.2

package/dist/style.css

@@ -766,6 +766,10 @@ variables and settings
 .utah-design-system .utds-icon-after-mail-open::after {
   content: "\e93f";
 }
+.utah-design-system .utds-icon-before-ai::before,
+.utah-design-system .utds-icon-after-ai::after {
+  content: "\e940";
+}
 /*
 ############     _media-size-vars.scss      ############
 Media Sizes - SCSS Variables
@@ -2422,6 +2426,68 @@ component specific, BEM (Block, Element, Modifier)
 .utah-design-system .tag--clearable .tag--small {
   padding: 0 0 0 var(--spacing-xs);
 }
+.utah-design-system .chatbot__wrapper {
+  max-width: calc(100% - 2 * (1rem + var(--spacing-2xs)));
+}
+.utah-design-system .chatbot__input-wrapper label.text-area__label {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.utah-design-system .chatbot__input-wrapper label.text-area__label:before {
+  content: "\e940";
+  display: inline-block;
+  font-family: "utah design system";
+  font-style: normal;
+  font-weight: normal;
+  font-size: 1em;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+  left: calc(-1rem - var(--spacing-2xs));
+}
+.utah-design-system .chatbot__answer-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.utah-design-system .chatbot__answer-user {
+  align-self: flex-end;
+  background-color: var(--gray-light-color);
+  padding: var(--spacing-s) var(--spacing);
+  border-radius: var(--radius-medium) var(--radius-medium) 0 var(--radius-medium);
+  margin-bottom: var(--spacing);
+  max-width: 85%;
+  position: relative;
+}
+.utah-design-system .chatbot__answer-user:after {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  bottom: 0;
+  right: -10px;
+  border-style: solid;
+  border-width: 5px;
+  border-color: transparent transparent var(--gray-light-color) var(--gray-light-color);
+}
+.utah-design-system .chatbot__answer-ai {
+  position: relative;
+}
+.utah-design-system .chatbot__answer-ai:before {
+  content: "\e940";
+  display: inline-block;
+  font-family: "utah design system";
+  font-style: normal;
+  font-weight: normal;
+  font-size: 1em;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+  left: calc(-1rem - var(--spacing-2xs));
+}
 .utah-design-system .footer-agency-information {
   background: var(--gray-color);
   color: white;

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

@@ -2542,7 +2542,11 @@ function zr() {
 		let f = jr(), p = Xn(f, "Main Menu");
 		p.appendChild(f), Dr(v(p)), l ? (l.closest("div")?.removeAttribute("aria-labelledby"), kr(s, l)) : Or(), On(), Pr(), un(), Fr(), Lr();
 		let m = h();
-		m.notifications && window.ssouserinfo?.triggerPoll(), (!m.mainMenu && !m.actionItems && m.utahId === !1 && !m.onSearch || !m.mainMenu && !m.actionItems && m.utahId === !1 && m.onSearch || !m.mainMenu && m.actionItems && m.utahId === !1 && !m.onSearch) && (s.classList.add(o.MAIN_MENU__REMOVED), c.remove()), (!m.mainMenu && !m.actionItems && m.utahId && !m.onSearch || !m.mainMenu && m.actionItems && m.utahId && !m.onSearch || !m.mainMenu && m.actionItems && !m.utahId && m.onSearch) && c.classList.add(o.DESKTOP__HIDDEN);
+		if (m.notifications) {
+			let e = document;
+			typeof e.ssouserinfo?.triggerPoll == "function" && e.ssouserinfo.triggerPoll();
+		}
+		(!m.mainMenu && !m.actionItems && m.utahId === !1 && !m.onSearch || !m.mainMenu && !m.actionItems && m.utahId === !1 && m.onSearch || !m.mainMenu && m.actionItems && m.utahId === !1 && !m.onSearch) && (s.classList.add(o.MAIN_MENU__REMOVED), c.remove()), (!m.mainMenu && !m.actionItems && m.utahId && !m.onSearch || !m.mainMenu && m.actionItems && m.utahId && !m.onSearch || !m.mainMenu && m.actionItems && !m.utahId && m.onSearch) && c.classList.add(o.DESKTOP__HIDDEN);
 	}
 	jn();
 }

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

@@ -472,4 +472,4 @@
       ${o(s.MOBILE_MENU__ACTION_BAR)}
       ${o(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER)}
       ${o(s.ACTION_ITEM__ICON_BUTTON)}
-    `)];e.forEach(t=>{t.onkeydown=(e=>{(e.code===`Home`||e.code===`End`||e.code===`ArrowRight`||e.code===`ArrowLeft`)&&e.preventDefault()}),t.onkeyup=(n=>{let r=e.indexOf(t),i=NaN;if(n.code===`Home`?i=0:n.code===`End`?i=e.length-1:n.code===`ArrowRight`?i=(r+1)%e.length:n.code===`ArrowLeft`&&(i=(e.length+r-1)%e.length),!Number.isNaN(i)){n.preventDefault(),n.stopPropagation();let t=e[i],r=t?.closest(o(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!r)throw Error(`hookupMobileActionItemKeyboarding: newWrapper not found... how in the blazes?!`);let a=t?.getAttribute(`aria-controls`);if(a&&document.getElementById(a))t?.click();else{let e=document.querySelector(o(s.MOBILE_MENU__WRAPPER));if(!e)throw Error(`hookupMobileActionItemKeyboarding: mobileMenuWrapper not found`);let t=e.querySelector(o(s.MOBILE_MENU__CONTENT));if(!t)throw Error(`hookupMobileActionItemKeyboarding: mobileContentWrapper not found`);t.querySelectorAll(o(s.MOBILE_MENU__CONTENT_ITEM)).forEach(e=>e.classList.remove(s.IS_OPEN))}let c=document.querySelector(o(s.MOBILE_MENU__WRAPPER));if(!c)throw Error(`hookupMobileActionItemKeyboarding: mobileMenuWrapper not found`);w(c,r)}})});let t=l(document.querySelector(o(s.MOBILE_MENU__LAST_FOCUSABLE)),`hookupMobileActionItemKeyboarding: hiddenLastFocusableButton not found`),{hamburger:n}=x(`hookupMobileActionItemKeyboarding`);t.addEventListener(`focusin`,e=>{e.preventDefault(),e.stopPropagation(),n?.focus()})}function Ir(){let e=a.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER,`${g().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER,`${g().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER,`${g().mediaSizes.mobile}px`),t=document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);t||(t=document.createElement(`style`),t.id=s.CSS_HEADER_MEDIA_TAG_ID),t.innerHTML=e,document.body.appendChild(t)}function Lr(e){let t=e.currentValues.utahid;q(`********** handleMyLoginEvent:`,t),Wn(t)}function Rr(){let e=g(),t=document.getElementById(s.SSO_HEADER_SCRIPT_TAG_ID);q(`isSetUtahHeaderSettingsCalled`,window[`@utahdts/utah-design-system-header`]?.isSetUtahHeaderSettingsCalled),q(`utah header settings`,JSON.parse(JSON.stringify(e)));let n=(typeof e.utahId==`object`?e.utahId?.currentUser:null)??null;!t&&!n?(q(`going to create script for ssouserinfo.js iframe`),t=document.createElement(`script`),t.id=s.SSO_HEADER_SCRIPT_TAG_ID,t.setAttribute(`src`,`https://mylogin.utah.gov/ssouserinfo/ssouserinfo.js`),document.head.appendChild(t),document.addEventListener(`ssoUserInfo.pollComplete`,Lr),document.addEventListener(`ssoUserInfo.valuesChanged`,Lr)):n&&(q(`handling my login info immediately!`),Wn())}function zr(){let e=g(),t=document.body;if(e.domLocationTarget){let n=[e.domLocationTarget.cssSelector,e.domLocationTarget.element,e.domLocationTarget.elementFunction].filter(e=>e);if(n.length<1)throw Error(`loadHeader: domLocationTarget must either have a value for one of its properties or not be specified at all`);if(n.length>1)throw Error(`loadHeader: domLocationTarget must only have one target specified`);if(e.domLocationTarget.cssSelector)t=document.querySelector(e.domLocationTarget.cssSelector),c(!t,`loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);else if(e.domLocationTarget.element)t=e.domLocationTarget.element;else if(e.domLocationTarget.elementFunction)t=e.domLocationTarget.elementFunction(),c(!t,`loadHeader: element not returned from domLocationTarget.elementFunction`);else throw Error(`loadHeader: domLocationTarget must have at least one field set`)}return l(t,`loadHeader: domTarget is null (how?!)`)}function Br(){if(!document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.HEADER]))){let e=mr(),t=zr();t.insertBefore(e,t.firstChild);let n=Dr();e.before(n);let r=Pr(),i=document.body;r&&i&&i.insertBefore(r,i.firstChild);let a=f(jr);e.after(a),a.onkeyup=e=>{(e.code===`Escape`||e.key===`Escape`)&&(e.preventDefault(),e.stopPropagation(),S())};let{mainMenuWrapper:c,utahIdPopup:l}=Sr();c&&e.after(c);let u=document.querySelector(o(s.MOBILE_MENU__BACKDROP));if(!u)throw Error(`mobileMenuInteractionHandler: mobileMenuBackdrop not found`);if(u.onclick)throw Error(`mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick`);u.onclick=()=>S();let d=Mr(),p=Zn(d,`Main Menu`);p.appendChild(d),Or(y(p)),l?(l.closest(`div`)?.removeAttribute(`aria-labelledby`),Ar(a,l)):kr(),kn(),Fr(),dn(),Ir(),Rr();let m=g();m.notifications&&window.ssouserinfo?.triggerPoll(),(!m.mainMenu&&!m.actionItems&&m.utahId===!1&&!m.onSearch||!m.mainMenu&&!m.actionItems&&m.utahId===!1&&m.onSearch||!m.mainMenu&&m.actionItems&&m.utahId===!1&&!m.onSearch)&&(a.classList.add(s.MAIN_MENU__REMOVED),c.remove()),(!m.mainMenu&&!m.actionItems&&m.utahId&&!m.onSearch||!m.mainMenu&&m.actionItems&&m.utahId&&!m.onSearch||!m.mainMenu&&m.actionItems&&!m.utahId&&m.onSearch)&&c.classList.add(s.DESKTOP__HIDDEN)}Mn()}function Vr(e){document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.SKIP_LINK_WRAPPER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.OFFICIAL_BANNER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.HEADER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.MAIN_MENU__OUTER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.MOBILE_MENU]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.LOGO_OFFICIAL_WRAPPER]))?.remove(),document.getElementById(s.SEARCH__SEARCH_MODAL)?.remove(),ln(),e&&setTimeout(()=>document.dispatchEvent(new Event(r.HEADER_UNLOADED)),0)}function Hr(){Vr(!1),Br()}var Ur=15e3,Wr=0,Gr=setInterval(()=>{Wr+=1,Wr>=Ur||typeof window>`u`||window[`@utahdts/utah-design-system-header`]?.isSetUtahHeaderSettingsCalled?clearInterval(Gr):document.dispatchEvent(new Event(r.HEADER_LOADED))},2);window.addEventListener(`unload`,()=>{clearInterval(Gr)});function Kr(e){return h.setSettings(e),window[`@utahdts/utah-design-system-header`]&&(window[`@utahdts/utah-design-system-header`].isSetUtahHeaderSettingsCalled=!0),document?.body?Hr():window.addEventListener(`load`,()=>Hr()),h.getSettings()}function qr(e){return Kr({...p,...h.getSettings(),footer:e})}e.PopupPlacement=n,e.childrenMenuTypes=t,e.defaultSettings=p,e.events=r,e.getUtahHeaderSettings=g,e.loadHeader=Br,e.popupFocusHandler=Y,e.removeHeader=Vr,e.renderDOMSingle=f,e.setUtahFooterSettings=qr,e.setUtahHeaderSettings=Kr,e.sizes=i});
+    `)];e.forEach(t=>{t.onkeydown=(e=>{(e.code===`Home`||e.code===`End`||e.code===`ArrowRight`||e.code===`ArrowLeft`)&&e.preventDefault()}),t.onkeyup=(n=>{let r=e.indexOf(t),i=NaN;if(n.code===`Home`?i=0:n.code===`End`?i=e.length-1:n.code===`ArrowRight`?i=(r+1)%e.length:n.code===`ArrowLeft`&&(i=(e.length+r-1)%e.length),!Number.isNaN(i)){n.preventDefault(),n.stopPropagation();let t=e[i],r=t?.closest(o(s.MOBILE_MENU_ACTION_BAR__ACTION_ITEM_WRAPPER));if(!r)throw Error(`hookupMobileActionItemKeyboarding: newWrapper not found... how in the blazes?!`);let a=t?.getAttribute(`aria-controls`);if(a&&document.getElementById(a))t?.click();else{let e=document.querySelector(o(s.MOBILE_MENU__WRAPPER));if(!e)throw Error(`hookupMobileActionItemKeyboarding: mobileMenuWrapper not found`);let t=e.querySelector(o(s.MOBILE_MENU__CONTENT));if(!t)throw Error(`hookupMobileActionItemKeyboarding: mobileContentWrapper not found`);t.querySelectorAll(o(s.MOBILE_MENU__CONTENT_ITEM)).forEach(e=>e.classList.remove(s.IS_OPEN))}let c=document.querySelector(o(s.MOBILE_MENU__WRAPPER));if(!c)throw Error(`hookupMobileActionItemKeyboarding: mobileMenuWrapper not found`);w(c,r)}})});let t=l(document.querySelector(o(s.MOBILE_MENU__LAST_FOCUSABLE)),`hookupMobileActionItemKeyboarding: hiddenLastFocusableButton not found`),{hamburger:n}=x(`hookupMobileActionItemKeyboarding`);t.addEventListener(`focusin`,e=>{e.preventDefault(),e.stopPropagation(),n?.focus()})}function Ir(){let e=a.replace(s.MEDIA_SIZE__TABLET_PORTRAIT__PLACEHOLDER,`${g().mediaSizes.tabletPortrait}px`).replace(s.MEDIA_SIZE__TABLET_LANDSCAPE__PLACEHOLDER,`${g().mediaSizes.tabletLandscape}px`).replace(s.MEDIA_SIZE__MOBILE__PLACEHOLDER,`${g().mediaSizes.mobile}px`),t=document.getElementById(s.CSS_HEADER_MEDIA_TAG_ID);t||(t=document.createElement(`style`),t.id=s.CSS_HEADER_MEDIA_TAG_ID),t.innerHTML=e,document.body.appendChild(t)}function Lr(e){let t=e.currentValues.utahid;q(`********** handleMyLoginEvent:`,t),Wn(t)}function Rr(){let e=g(),t=document.getElementById(s.SSO_HEADER_SCRIPT_TAG_ID);q(`isSetUtahHeaderSettingsCalled`,window[`@utahdts/utah-design-system-header`]?.isSetUtahHeaderSettingsCalled),q(`utah header settings`,JSON.parse(JSON.stringify(e)));let n=(typeof e.utahId==`object`?e.utahId?.currentUser:null)??null;!t&&!n?(q(`going to create script for ssouserinfo.js iframe`),t=document.createElement(`script`),t.id=s.SSO_HEADER_SCRIPT_TAG_ID,t.setAttribute(`src`,`https://mylogin.utah.gov/ssouserinfo/ssouserinfo.js`),document.head.appendChild(t),document.addEventListener(`ssoUserInfo.pollComplete`,Lr),document.addEventListener(`ssoUserInfo.valuesChanged`,Lr)):n&&(q(`handling my login info immediately!`),Wn())}function zr(){let e=g(),t=document.body;if(e.domLocationTarget){let n=[e.domLocationTarget.cssSelector,e.domLocationTarget.element,e.domLocationTarget.elementFunction].filter(e=>e);if(n.length<1)throw Error(`loadHeader: domLocationTarget must either have a value for one of its properties or not be specified at all`);if(n.length>1)throw Error(`loadHeader: domLocationTarget must only have one target specified`);if(e.domLocationTarget.cssSelector)t=document.querySelector(e.domLocationTarget.cssSelector),c(!t,`loadHeader: element not found for domLocationTarget.cssSelector ${e.domLocationTarget.cssSelector}`);else if(e.domLocationTarget.element)t=e.domLocationTarget.element;else if(e.domLocationTarget.elementFunction)t=e.domLocationTarget.elementFunction(),c(!t,`loadHeader: element not returned from domLocationTarget.elementFunction`);else throw Error(`loadHeader: domLocationTarget must have at least one field set`)}return l(t,`loadHeader: domTarget is null (how?!)`)}function Br(){if(!document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.HEADER]))){let e=mr(),t=zr();t.insertBefore(e,t.firstChild);let n=Dr();e.before(n);let r=Pr(),i=document.body;r&&i&&i.insertBefore(r,i.firstChild);let a=f(jr);e.after(a),a.onkeyup=e=>{(e.code===`Escape`||e.key===`Escape`)&&(e.preventDefault(),e.stopPropagation(),S())};let{mainMenuWrapper:c,utahIdPopup:l}=Sr();c&&e.after(c);let u=document.querySelector(o(s.MOBILE_MENU__BACKDROP));if(!u)throw Error(`mobileMenuInteractionHandler: mobileMenuBackdrop not found`);if(u.onclick)throw Error(`mobileMenuInteractionHandler: mobileMenuBackdrop already has onclick`);u.onclick=()=>S();let d=Mr(),p=Zn(d,`Main Menu`);p.appendChild(d),Or(y(p)),l?(l.closest(`div`)?.removeAttribute(`aria-labelledby`),Ar(a,l)):kr(),kn(),Fr(),dn(),Ir(),Rr();let m=g();if(m.notifications){let e=document;typeof e.ssouserinfo?.triggerPoll==`function`&&e.ssouserinfo.triggerPoll()}(!m.mainMenu&&!m.actionItems&&m.utahId===!1&&!m.onSearch||!m.mainMenu&&!m.actionItems&&m.utahId===!1&&m.onSearch||!m.mainMenu&&m.actionItems&&m.utahId===!1&&!m.onSearch)&&(a.classList.add(s.MAIN_MENU__REMOVED),c.remove()),(!m.mainMenu&&!m.actionItems&&m.utahId&&!m.onSearch||!m.mainMenu&&m.actionItems&&m.utahId&&!m.onSearch||!m.mainMenu&&m.actionItems&&!m.utahId&&m.onSearch)&&c.classList.add(s.DESKTOP__HIDDEN)}Mn()}function Vr(e){document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.SKIP_LINK_WRAPPER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.OFFICIAL_BANNER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.HEADER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.MAIN_MENU__OUTER]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.MOBILE_MENU]))?.remove(),document.querySelector(o([s.UTAH_DESIGN_SYSTEM,s.LOGO_OFFICIAL_WRAPPER]))?.remove(),document.getElementById(s.SEARCH__SEARCH_MODAL)?.remove(),ln(),e&&setTimeout(()=>document.dispatchEvent(new Event(r.HEADER_UNLOADED)),0)}function Hr(){Vr(!1),Br()}var Ur=15e3,Wr=0,Gr=setInterval(()=>{Wr+=1,Wr>=Ur||typeof window>`u`||window[`@utahdts/utah-design-system-header`]?.isSetUtahHeaderSettingsCalled?clearInterval(Gr):document.dispatchEvent(new Event(r.HEADER_LOADED))},2);window.addEventListener(`unload`,()=>{clearInterval(Gr)});function Kr(e){return h.setSettings(e),window[`@utahdts/utah-design-system-header`]&&(window[`@utahdts/utah-design-system-header`].isSetUtahHeaderSettingsCalled=!0),document?.body?Hr():window.addEventListener(`load`,()=>Hr()),h.getSettings()}function qr(e){return Kr({...p,...h.getSettings(),footer:e})}e.PopupPlacement=n,e.childrenMenuTypes=t,e.defaultSettings=p,e.events=r,e.getUtahHeaderSettings=g,e.loadHeader=Br,e.popupFocusHandler=Y,e.removeHeader=Vr,e.renderDOMSingle=f,e.setUtahFooterSettings=qr,e.setUtahHeaderSettings=Kr,e.sizes=i});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utahdts/utah-design-system-header",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "Utah Header for the Utah Design System",
   "exports": {
     ".": {