@universityofmaryland/web-components-library 1.14.14 → 1.14.15
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 +1 -1
- package/dist/bundle.js +1 -1
- package/dist/bundle.js.map +1 -1
- package/dist/cdn.js +1 -1
- package/dist/cdn.js.map +1 -1
- package/package.json +1 -1
package/dist/cdn.js
CHANGED
|
@@ -3770,7 +3770,7 @@ Change \`@nest ${n.params} {}\` to \`${n.params} {}\` to migrate to the latest s
|
|
|
3770
3770
|
transform: translateX(0);
|
|
3771
3771
|
}
|
|
3772
3772
|
}
|
|
3773
|
-
`,ez=A=>{const e=A.querySelector(`.${qM}`),r=A.querySelector(`.${AF}`);if(!e)return;const n=A.getBoundingClientRect(),t=n.top+window.scrollY,s=window.scrollY+window.innerHeight,o=t<s-n.height*.65;let l=!0;if(o){e.style.transition="opacity 0s, transform 0s",e.style.opacity="1",e.style.transform="translateY(0)",r&&(r.style.transition="opacity 0s, transform 0s",r.style.opacity="1",r.style.transform="translateY(0)");return}new IntersectionObserver((c,a)=>{c.forEach(g=>{g.isIntersecting&&(l&&g.intersectionRatio>=.35&&(e.style.transition="opacity 0s, transform 0s"),e.style.opacity="1",e.style.transform="translateY(0)",r&&(l&&g.intersectionRatio>=.35&&(r.style.transition="opacity 0s, transform 0s"),r.style.opacity="1",r.style.transform="translateY(0)"),a.unobserve(g.target)),l=!1})},{rootMargin:"0px",threshold:[.35]}).observe(A)},tz=A=>{const{image:e,video:r,includesAnimation:n,isImagePositionLeft:t}=A;return!e&&!r?null:O({className:AF,children:[NQ(A)],elementStyles:{element:{position:"relative",height:"100%",...n&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:t?"0s":"0.5s"})},[`@container (max-width: ${yt-1}px)`]:{display:"grid",minHeight:"56vw"},[`@container (min-width: ${yt}px)`]:{...t===!1&&{order:"2"}},[`@container (min-width: ${nF}px)`]:{"& img":{minHeight:"656px"}}}}})},nz=A=>{const e=O({className:"pathway-text-container-wrapper",children:[zc(A)],elementStyles:{element:{padding:`${f.spacing.md} 0`,[`@container (max-width: ${yt-1}px)`]:{...PA.space.horizontal.larger},[`@container (min-width: ${yt}px)`]:{padding:`${f.spacing["4xl"]} ${f.spacing["2xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}},[`@container (min-width: ${nF}px)`]:{padding:`${f.spacing["8xl"]} ${f.spacing["6xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}}}}});return O({className:qM,children:[e],elementStyles:{element:{zIndex:"99",...A.includesAnimation&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:A.isImagePositionLeft?"0.5s":"0s"})},[`@container (min-width: ${yt}px)`]:{...A.isImagePositionLeft===!1&&{order:"1"}}}}})},rz=A=>O({className:"pathway-overlay-container-background",elementStyles:{element:{position:"absolute",top:"0",bottom:"0",right:"0",width:"100%",backgroundColor:A.isThemeDark?f.color.black:A.isThemeLight?f.color.gray.lighter:A.isThemeMaryland?f.color.red:f.color.white,[`@container (min-width: ${yt}px)`]:{right:"-1000px",width:"calc(75% + 1000px)",...A.includesAnimation&&{animationTimeline:"view()",animationRangeStart:"entry",animationRangeEnd:"contain",...SA({...A.isImagePositionLeft===!0&&{animationName:eF},...A.isImagePositionLeft===!1&&{animationName:tF,left:"-1000px",right:"auto"}})}}}}}),iz=A=>{const e=[rz(A),tz(A),nz(A)].filter(t=>t!==null),r=A.isThemeDark||A.isThemeLight||A.isThemeMaryland,n=O({className:"pathway-overlay-container-lock-wrapper",children:e,elementStyles:{element:{position:"relative",[`@container (max-width: ${yt-1}px)`]:{padding:"0"},[`@container (min-width: ${yt}px)`]:{display:"grid",gridTemplateColumns:"1fr 1fr",alignItems:"center",...r&&{padding:`${f.spacing["6xl"]} 0`}}}}});return nt({element:document.createElement("div"),children:[n],elementStyles:{element:{[`@container (max-width: ${yt-1}px)`]:{paddingLeft:0,paddingRight:0}}}})},rF=A=>{const e=O({className:"pathway-overlay-container",children:[O({className:"pathway-overlay-container-wrapper",children:[iz(A)]})],elementStyles:{element:{container:"inline-size",position:"relative",overflow:"clip"}}}),r=()=>{A.includesAnimation&&ez(e.element)};return e.styles+=q5,e.styles+=Az,{...e,events:{loadAnimation:r}}},Rr=800,sz=1200,oz=(A,e,r)=>{const n=A.getBoundingClientRect(),t=n.top+window.scrollY,s=window.scrollY+window.innerHeight;if(t<s-n.height*.65){e.style.transition="opacity 0s, transform 0s",e.style.opacity="1",e.style.transform="translateY(0)",r&&(r.style.transition="opacity 0s, transform 0s",r.style.opacity="1",r.style.transform="translateY(0)");return}let o=!0;new IntersectionObserver((i,c)=>{i.forEach(a=>{a.isIntersecting&&(o&&a.intersectionRatio>=.35&&(e.style.transition="opacity 0s, transform 0s"),e.style.opacity="1",e.style.transform="translateY(0)",r&&(o&&a.intersectionRatio>=.35&&(r.style.transition="opacity 0s, transform 0s"),r.style.opacity="1",r.style.transform="translateY(0)"),c.unobserve(a.target)),o=!1})},{rootMargin:"0px",threshold:[.35]}).observe(A)},az=A=>{const{image:e,video:r,includesAnimation:n,isImagePositionLeft:t,isImageScaled:s}=A;return!e&&!r?null:O({className:"pathway-image-container",children:[NQ(A)],elementStyles:{element:{position:"relative",height:"100%",...n&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:t?"0s":"0.5s"})},...s===!1&&{display:"flex",justifyContent:"center"},[`@container (max-width: ${Rr-1}px)`]:{display:"grid",height:"56vw"},[`@container (min-width: ${Rr}px)`]:{...t===!1&&{order:"2"}}}}})},cz=A=>{const e=O({className:"pathway-text-container-wrapper",children:[zc(A)],elementStyles:{element:{padding:`${f.spacing.md} ${f.spacing.lg}`,[`@container (min-width: ${Rr}px)`]:{padding:`0 ${f.spacing["2xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}},[`@container (min-width: ${sz}px)`]:{padding:`0 ${f.spacing["6xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}}}}});return O({className:"pathway-text-container",children:[e],elementStyles:{element:{container:"inline-size",...A.includesAnimation&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:A.isImagePositionLeft?"0.5s":"0s"})},...A.isThemeDark&&{backgroundColor:f.color.black,color:f.color.white},...A.isThemeMaryland&&{backgroundColor:f.color.red,color:f.color.white},[`@container (min-width: ${Rr}px)`]:{...A.isImagePositionLeft===!1&&{order:"1"}}}}})},lz=A=>{const e=cz(A),r=az(A),n=[];r&&n.push(r),n.push(e);const t=O({className:"pathway-container-lock-wrapper",children:n,elementStyles:{element:{position:"relative",[`@container (min-width: ${Rr}px)`]:{display:"grid",gridTemplateColumns:"50% 50%",alignItems:"center",minHeight:"48vh"}}}});return nt({element:document.createElement("div"),children:[t],elementStyles:{element:{[`@container (max-width: ${Rr-1}px)`]:{paddingLeft:0,paddingRight:0}}}})},iF=A=>{const e=O({className:"pathway-container",children:[O({className:"pathway-container-wrapper",children:[lz(A)]})],elementStyles:{element:{container:"inline-size",position:"relative",overflow:"hidden"}}});return{...e,events:{loadAnimation:()=>{if(A.includesAnimation){const n=e.element.querySelector(".pathway-text-container"),t=e.element.querySelector(".pathway-image-container");n&&oz(e.element,n,t)}}}}},rn=800,sF=1200,Bz=A=>{const{image:e,video:r,isImagePositionLeft:n,isImageScaled:t}=A;return!e&&!r?null:O({className:"pathway-image-container",children:[NQ(A)],elementStyles:{element:{position:"sticky",top:"0",alignSelf:"flex-start",height:"100%",...t===!1&&{display:"flex",justifyContent:"center"},[`@container (max-width: ${rn-1}px)`]:{position:"relative",display:"grid",minHeight:"56vw"},[`@container (min-width: ${rn}px)`]:{position:"sticky",top:"0",alignSelf:"flex-start",...n===!1&&{order:"2"}},[`@container (min-width: ${sF}px)`]:{"& img":{minHeight:"656px"}}}}})},gz=A=>{const e=O({className:"pathway-text-container-wrapper",children:[zc(A)],elementStyles:{element:{padding:`${f.spacing.md} 0`,[`@container (max-width: ${rn-1}px)`]:{...PA.space.horizontal.larger},[`@container (min-width: ${rn}px)`]:{padding:`0 ${f.spacing["2xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}},[`@container (min-width: ${sF}px)`]:{padding:`0 ${f.spacing["6xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}}}}});return O({className:"pathway-text-container",children:[e],elementStyles:{element:{...A.isThemeDark&&{backgroundColor:f.color.black,color:f.color.white},...A.isThemeMaryland&&{backgroundColor:f.color.red,color:f.color.white},[`@container (min-width: ${rn}px)`]:{...A.isImagePositionLeft===!1&&{order:"1"}}}}})},wz=A=>{const e=gz(A),r=Bz(A),n=[];r&&n.push(r),n.push(e);const t=O({className:"pathway-container-lock-wrapper",children:n,elementStyles:{element:{position:"relative",[`@container (max-width: ${rn-1}px)`]:{padding:"0"},[`@container (min-width: ${rn}px)`]:{display:"flex","& > *":{width:"50%"}}}}});return nt({element:document.createElement("div"),children:[t],elementStyles:{element:{[`@container (max-width: ${rn-1}px)`]:{paddingLeft:0,paddingRight:0}}}})},oF=A=>O({className:"pathway-sticky-container",children:[O({className:"pathway-sticky-container-wrapper",children:[wz(A)]})],elementStyles:{element:{container:"inline-size",position:"relative"}}}),uz=Object.freeze(Object.defineProperty({__proto__:null,hero:ZM,highlight:_M,overlay:rF,standard:iF,sticky:oF},Symbol.toStringTag,{value:"Module"})),aF=A=>{const{isThemeDark:e,image:r,actions:n,description:t}=A,{name:s,...o}=A;let l=[];return r&&l.push($A({element:r,isScaled:!1})),s&&l.push(Ea({element:s,isThemeDark:e,elementStyles:{element:{marginTop:f.spacing.lg,color:`${f.color.black}`,textTransform:"uppercase",fontWeight:"800",display:"block"},siblingAfter:{marginTop:f.spacing.min}}})),l.push(Ci(o)),l.push(dr(A)),t&&l.push(Qi({element:t,isThemeDark:e,elementStyles:{element:{marginTop:f.spacing.lg,maxWidth:f.spacing.maxWidth.smallest}}})),n&&l.push(ur({element:n,elementStyles:{element:{marginTop:f.spacing.sm}}})),O({className:"person-bio-full-container",children:l,elementStyles:{element:{[`& .${oA.asset.image.wrapper.className}`]:{[`@container (max-width: ${f.media.breakpointValues.medium.max}px)`]:{display:"flex"}}}}})},Qz=A=>{const{isThemeDark:e,name:r,...n}=A,t=[];return r&&t.push(Ea({element:r,isThemeDark:e,elementStyles:{element:{color:`${f.color.black}`,textTransform:"uppercase",fontWeight:"800",display:"block"},siblingAfter:{marginTop:f.spacing.sm}}})),t.push(Ci({...n,isThemeDark:e})),LI({element:document.createElement("div"),children:t})},dz=A=>{const{actions:e}=A,r=Qz(A),n=[];return n.push(r,dr(A)),e&&n.push(ur({element:e,elementStyles:{element:{marginTop:f.spacing.sm}}})),O({className:"person-bio-summary-text-column",children:n})},Cz=A=>{const{image:e}=A,r=dz(A),n=[];return e&&n.push($A({element:e,isScaled:!1,customStyles:{element:{...IA("max-width",f.media.breakpointValues.medium.max,{display:"flex"}),"& img":{...IA("min-width",f.media.breakpointValues.large.min,{width:"100%",height:"auto !important"})}}}})),n.push(r),O({className:"person-bio-summary-container",children:n,elementStyles:{element:{display:"grid",gridGap:`${f.spacing.md}`,...IA("min-width",f.media.breakpointValues.large.min,{gridTemplateColumns:"repeat(8, 1fr)",gridGap:`${f.spacing.lg}`,alignItems:"center"}),"& > *":{...IA("min-width",f.media.breakpointValues.large.min,{gridColumn:"span 5"})},"&:has(> :nth-child(2)) > *:first-child ":{...IA("min-width",f.media.breakpointValues.large.min,{gridColumn:"span 3",alignSelf:"flex-start"})}}}})},cF=A=>{const{isThemeDark:e,description:r}=A,t=[Cz(A)];return r&&t.push(Qi({element:r,isThemeDark:e,elementStyles:{element:{marginTop:f.spacing.lg,maxWidth:f.spacing.maxWidth.smallest}}})),O({className:"person-bio-summary-composite",children:t})},fz=Object.freeze(Object.defineProperty({__proto__:null,full:aF,small:cF},Symbol.toStringTag,{value:"Module"})),Ez=f.media.breakpointValues.medium.min,lF=A=>{const{image:e,isThemeDark:r}=A,n=Ci(A),t=dr(A);let s=[],o=e;return o||(o=vm({SVG:LU})),s.push(O({className:"person-block-image",elementStyles:{element:{display:"flex",justifyContent:"center",backgroundColor:`${f.color.gray.lighter}`,marginBottom:`${f.spacing.md}`,...r&&{backgroundColor:`${f.color.gray.darker}`},"& img, & svg":{display:"block",width:"100%",objectFit:"contain",height:"140px !important",...IA("min-width",Ez,{height:"200px !important"})}}},children:[$A({element:o,isScaled:!1,customStyles:{height:"auto"}})]})),s.push(n),s.push(t),O({className:"person-block",children:s})},hz=A=>{const{image:e,association:r,pronouns:n,isThemeDark:t}=A,s=DA({element:document.createElement("div"),className:"umd-person-hero-image-container",elementStyles:{element:{paddingTop:`${f.spacing.lg}`,paddingBottom:`${f.spacing.lg}`,backgroundColor:`${t?f.color.gray.lightest:f.color.black}`,position:"relative",[`@container (max-width: ${f.media.breakpoints.large.max})`]:{paddingLeft:`${f.spacing.md}`,paddingRight:`${f.spacing.md}`},[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{padding:`${f.spacing.md}`,width:"30%",maxWidth:"320px"}}}}),o=DA({element:document.createElement("div"),className:"umd-person-hero-image-wrapper"}),l=dr({...A,isThemeDark:!t});if(e){const i=DA({element:document.createElement("div"),className:"umd-person-hero-image",elementStyles:{element:{backgroundColor:`${t?f.color.gray.lightest:f.color.gray.darker}`,display:"flex",justifyContent:"center",marginBottom:f.spacing.md,"& img":{[`@container (max-width: ${f.media.breakpoints.large.max})`]:{maxHeight:"160px"}}}}}),c=$A({element:e,isScaled:!1});i.element.appendChild(c.element),i.styles+=c.styles,o.element.appendChild(i.element),o.styles+=i.styles}if(r){const i=pa({element:r,isThemeDark:!t,elementStyles:{element:{display:"block"},siblingAfter:{marginTop:f.spacing.min}}});o.element.appendChild(i.element),o.styles+=i.styles}if(n){const i=document.createElement("i");i.appendChild(n);const c=DA({element:i,className:"umd-person-hero-pronouns",isThemeDark:!t,elementStyles:{element:{display:"block"},siblingAfter:{display:"block",marginTop:f.spacing.min}}});o.element.appendChild(c.element),o.styles+=c.styles}return l&&(o.element.append(l.element),o.styles+=l.styles),s.element.appendChild(o.element),s.styles+=o.styles,s},mz=({name:A,job:e,subText:r,isThemeDark:n})=>{const t=DA({element:document.createElement("div"),className:"person-hero-text",elementStyles:{element:{backgroundColor:`${n?f.color.black:f.color.gray.lightest}`,paddingTop:`${f.spacing["3xl"]}`,paddingBottom:`${f.spacing["3xl"]}`,position:"relative",[`@container (max-width: ${f.media.breakpoints.large.max})`]:{paddingLeft:`${f.spacing.md}`,paddingRight:`${f.spacing.md}`},[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{paddingTop:"0",paddingBottom:`${f.spacing["7xl"]}`,alignSelf:"flex-start"}},pseudoBefore:{content:'""',position:"absolute",top:"-100px",left:"0",bottom:"0",width:"200vw",transform:"translateX(-20%)",backgroundColor:`${n?f.color.black:f.color.gray.lightest}`}}}),s=LI({element:document.createElement("div"),elementStyles:{pseudoBefore:{backgroundColor:`${n?f.color.gold:f.color.red}`}}});if(r){const o=Yn({element:r,isThemeDark:n,elementStyles:{element:{display:"block",textTransform:"uppercase",fontWeight:"700",color:`${f.color.black}`,maxWidth:"650px"},siblingAfter:{marginTop:f.spacing.min,[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{marginTop:f.spacing.sm}}}});s.element.appendChild(o.element),s.styles+=o.styles}if(A){const o=Ia({element:A,isThemeDark:n,elementStyles:{element:{textTransform:"uppercase",fontWeight:"700",display:"block",color:`${f.color.black}`},siblingAfter:{marginTop:f.spacing.min,[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{marginTop:f.spacing.md}}}});s.element.appendChild(o.element),s.styles+=o.styles}if(e){const o=yI({element:e,isThemeDark:n,elementStyles:{element:{display:"block"}}});s.element.appendChild(o.element),s.styles+=o.styles}return t.element.appendChild(s.element),t.styles+=s.styles,t},BF=A=>{const{breadcrumbMobile:e,breadcrumbDesktop:r}=A,n=DA({element:document.createElement("div"),className:"umd-person-hero",elementStyles:{element:{overflow:"hidden",containerType:"inline-size"}}}),t=nt({element:document.createElement("div"),elementStyles:{element:{[`@container (max-width: ${f.media.breakpoints.large.max})`]:{padding:"0"}}}}),s=DA({element:document.createElement("div"),className:"umd-person-hero-wrapper",elementStyles:{element:{[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{display:"flex",justifyContent:"space-between",paddingTop:`${f.spacing["7xl"]}`}}}}),o=DA({element:document.createElement("div"),className:"umd-person-hero-columns",elementStyles:{element:{[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{width:"70%"}}}}),l=mz(A);if(o.element.appendChild(l.element),o.styles+=l.styles,s.element.appendChild(o.element),s.styles+=o.styles,r){const c=DA({element:document.createElement("div"),className:"umd-person-hero-breadcrumb-desktop",elementStyles:{element:{[`@container (max-width: ${f.media.breakpoints.large.max})`]:{display:"none"}}}});c.element.appendChild(r),o.element.appendChild(c.element),s.styles+=c.styles}const i=hz(A);if(s.element.appendChild(i.element),s.styles+=i.styles,t.element.appendChild(s.element),t.styles+=s.styles,n.element.appendChild(t.element),n.styles+=t.styles,e){const c=DA({element:document.createElement("div"),className:"umd-person-hero-breadcrumb-mobile",elementStyles:{element:{paddingLeft:`${f.spacing.md}`,paddingRight:`${f.spacing.md}`,[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{display:"none"}}}});c.element.appendChild(e),t.element.appendChild(c.element),n.styles+=c.styles}return n},pz=f.media.breakpointValues.small.max,Iz=f.media.breakpointValues.medium.min,Yz=f.media.breakpointValues.large.min,gF=({actions:A,address:e,association:r,email:n,image:t,isThemeDark:s,job:o,linkendIn:l,name:i,phone:c,pronouns:a,subText:g})=>{let w=[];return t&&w.push(tu({customStyles:{...IA("min-width",Iz,{display:"block",width:"160px",paddingRight:`${f.spacing.md}`,alignSelf:"flex-start"}),...IA("min-width",Yz,{width:"208px"})},image:t,isThemeDark:s})),i&&w.push(m0({actions:A,address:e,association:r,customStyles:{},email:n,isThemeDark:s,job:o,linkendIn:l,name:i,phone:c,pronouns:a,subText:g})),O({className:"person-list-container",children:w,elementStyles:{element:{overflow:"hidden",display:"flex",...IA("max-width",pz,{flexDirection:"column"})}}})},Dz=f.media.breakpointValues.small.max,wF=({actions:A,additionalContact:e,address:r,association:n,email:t,image:s,isThemeDark:o,job:l,linkendIn:i,name:c,phone:a,pronouns:g,subText:w})=>{let u=[];if(s&&u.push(tu({image:s,isThemeDark:o})),c){const d=pa({element:c,elementStyles:{element:{fontWeight:`${f.font.weight.bold}`,color:`${f.color.black}`,"& + *":{marginTop:f.spacing.min}},subElement:{color:"currentColor"}},isThemeDark:o});u.push(f0({actions:A,association:n,isThemeDark:o,customStyles:{},job:l,nameComposite:d,pronouns:g,subText:w}))}return(e||r||t||i||a)&&u.push(h0({additionalContact:e,address:r,customStyles:{},email:t,isThemeDark:o,linkendIn:i,phone:a})),O({className:"person-tabular-container",children:u,elementStyles:{element:{overflow:"hidden",display:"flex",...IA("max-width",Dz,{flexDirection:"column"})}}})},Mz=Object.freeze(Object.defineProperty({__proto__:null,bio:fz,block:lF,hero:BF,list:gF,tabular:wF},Symbol.toStringTag,{value:"Module"})),uF="quote-image-container",zn={create:({image:A})=>{const e=document.createElement("div");return e.classList.add(uF),e.appendChild(A),{element:e,styles:""}},elements:{container:uF}},Fz="umd-element-quote-text-container",Jc="theme",QF="size",xQ="dark",vz="maryland",dF="large",Sr="quote-text-container",Gz="quote-text-container-wrapper",gt="quote-container-quote",zr="quote-container-attribution",Jr="quote-container-text-attribution-sub-text",HQ="quote-container-actions",yz=`.${Sr}[${Jc}='${xQ}']`,Pz=`.${Sr}[${Jc}='${vz}']`,CF=`.${Sr}[${QF}='${dF}']`,Uz=`
|
|
3773
|
+
`,ez=A=>{const e=A.querySelector(`.${qM}`),r=A.querySelector(`.${AF}`);if(!e)return;const n=A.getBoundingClientRect(),t=n.top+window.scrollY,s=window.scrollY+window.innerHeight,o=t<s-n.height*.65;let l=!0;if(o){e.style.transition="opacity 0s, transform 0s",e.style.opacity="1",e.style.transform="translateY(0)",r&&(r.style.transition="opacity 0s, transform 0s",r.style.opacity="1",r.style.transform="translateY(0)");return}new IntersectionObserver((c,a)=>{c.forEach(g=>{g.isIntersecting&&(l&&g.intersectionRatio>=.35&&(e.style.transition="opacity 0s, transform 0s"),e.style.opacity="1",e.style.transform="translateY(0)",r&&(l&&g.intersectionRatio>=.35&&(r.style.transition="opacity 0s, transform 0s"),r.style.opacity="1",r.style.transform="translateY(0)"),a.unobserve(g.target)),l=!1})},{rootMargin:"0px",threshold:[.35]}).observe(A)},tz=A=>{const{image:e,video:r,includesAnimation:n,isImagePositionLeft:t}=A;return!e&&!r?null:O({className:AF,children:[NQ(A)],elementStyles:{element:{position:"relative",height:"100%",...n&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:t?"0s":"0.5s"})},[`@container (max-width: ${yt-1}px)`]:{display:"grid",minHeight:"56vw"},[`@container (min-width: ${yt}px)`]:{...t===!1&&{order:"2"}},[`@container (min-width: ${nF}px)`]:{"& img":{minHeight:"656px"}}}}})},nz=A=>{const e=O({className:"pathway-text-container-wrapper",children:[zc(A)],elementStyles:{element:{padding:`${f.spacing.md} 0`,[`@container (max-width: ${yt-1}px)`]:{...PA.space.horizontal.larger},[`@container (min-width: ${yt}px)`]:{padding:`${f.spacing["4xl"]} ${f.spacing["2xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}},[`@container (min-width: ${nF}px)`]:{padding:`${f.spacing["8xl"]} ${f.spacing["6xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}}}}});return O({className:qM,children:[e],elementStyles:{element:{zIndex:"99",...A.includesAnimation&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:A.isImagePositionLeft?"0.5s":"0s"})},[`@container (min-width: ${yt}px)`]:{...A.isImagePositionLeft===!1&&{order:"1"}}}}})},rz=A=>O({className:"pathway-overlay-container-background",elementStyles:{element:{position:"absolute",top:"0",bottom:"0",right:"0",width:"100%",backgroundColor:A.isThemeDark?f.color.black:A.isThemeLight?f.color.gray.lighter:A.isThemeMaryland?f.color.red:f.color.white,[`@container (min-width: ${yt}px)`]:{right:"-1000px",width:"calc(75% + 1000px)",...A.includesAnimation&&{animationTimeline:"view()",animationRangeStart:"entry",animationRangeEnd:"contain",...SA({...A.isImagePositionLeft===!0&&{animationName:eF},...A.isImagePositionLeft===!1&&{animationName:tF,left:"-1000px",right:"auto"}})}}}}}),iz=A=>{const e=[rz(A),tz(A),nz(A)].filter(t=>t!==null),r=A.isThemeDark||A.isThemeLight||A.isThemeMaryland,n=O({className:"pathway-overlay-container-lock-wrapper",children:e,elementStyles:{element:{position:"relative",[`@container (max-width: ${yt-1}px)`]:{padding:"0"},[`@container (min-width: ${yt}px)`]:{display:"grid",gridTemplateColumns:"1fr 1fr",alignItems:"center",...r&&{padding:`${f.spacing["6xl"]} 0`}}}}});return nt({element:document.createElement("div"),children:[n],elementStyles:{element:{[`@container (max-width: ${yt-1}px)`]:{paddingLeft:0,paddingRight:0}}}})},rF=A=>{const e=O({className:"pathway-overlay-container",children:[O({className:"pathway-overlay-container-wrapper",children:[iz(A)]})],elementStyles:{element:{container:"inline-size",position:"relative",overflow:"clip"}}}),r=()=>{A.includesAnimation&&ez(e.element)};return e.styles+=q5,e.styles+=Az,{...e,events:{loadAnimation:r}}},Rr=800,sz=1200,oz=(A,e,r)=>{const n=A.getBoundingClientRect(),t=n.top+window.scrollY,s=window.scrollY+window.innerHeight;if(t<s-n.height*.65){e.style.transition="opacity 0s, transform 0s",e.style.opacity="1",e.style.transform="translateY(0)",r&&(r.style.transition="opacity 0s, transform 0s",r.style.opacity="1",r.style.transform="translateY(0)");return}let o=!0;new IntersectionObserver((i,c)=>{i.forEach(a=>{a.isIntersecting&&(o&&a.intersectionRatio>=.35&&(e.style.transition="opacity 0s, transform 0s"),e.style.opacity="1",e.style.transform="translateY(0)",r&&(o&&a.intersectionRatio>=.35&&(r.style.transition="opacity 0s, transform 0s"),r.style.opacity="1",r.style.transform="translateY(0)"),c.unobserve(a.target)),o=!1})},{rootMargin:"0px",threshold:[.35]}).observe(A)},az=A=>{const{image:e,video:r,includesAnimation:n,isImagePositionLeft:t,isImageScaled:s}=A;return!e&&!r?null:O({className:"pathway-image-container",children:[NQ(A)],elementStyles:{element:{position:"relative",height:"100%",...n&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:t?"0s":"0.5s"})},...s===!1&&{display:"flex",justifyContent:"center"},[`@container (max-width: ${Rr-1}px)`]:{display:"grid",height:"56vw"},[`@container (min-width: ${Rr}px)`]:{...t===!1&&{order:"2"}}}}})},cz=A=>{const e=O({className:"pathway-text-container-wrapper",children:[zc(A)],elementStyles:{element:{padding:`${f.spacing.md} ${f.spacing.lg}`,[`@container (min-width: ${Rr}px)`]:{padding:`0 ${f.spacing["2xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}},[`@container (min-width: ${sz}px)`]:{padding:`0 ${f.spacing["6xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}}}}});return O({className:"pathway-text-container",children:[e],elementStyles:{element:{container:"inline-size",...A.includesAnimation&&{...SA({opacity:"0",transform:"translateY(100px)",transition:"opacity 1s, transform 1s",transitionDelay:A.isImagePositionLeft?"0.5s":"0s"})},...A.isThemeDark&&{backgroundColor:f.color.black,color:f.color.white},...A.isThemeMaryland&&{backgroundColor:f.color.red,color:f.color.white},[`@container (min-width: ${Rr}px)`]:{...A.isImagePositionLeft===!1&&{order:"1"}}}}})},lz=A=>{const e=cz(A),r=az(A),n=[];r&&n.push(r),n.push(e);const t=O({className:"pathway-container-lock-wrapper",children:n,elementStyles:{element:{position:"relative",[`@container (min-width: ${Rr}px)`]:{display:"grid",gridTemplateColumns:"50% 50%",alignItems:"center",minHeight:"56vh"}}}});return nt({element:document.createElement("div"),children:[t],elementStyles:{element:{[`@container (max-width: ${Rr-1}px)`]:{paddingLeft:0,paddingRight:0}}}})},iF=A=>{const e=O({className:"pathway-container",children:[O({className:"pathway-container-wrapper",children:[lz(A)]})],elementStyles:{element:{container:"inline-size",position:"relative",overflow:"hidden"}}});return{...e,events:{loadAnimation:()=>{if(A.includesAnimation){const n=e.element.querySelector(".pathway-text-container"),t=e.element.querySelector(".pathway-image-container");n&&oz(e.element,n,t)}}}}},rn=800,sF=1200,Bz=A=>{const{image:e,video:r,isImagePositionLeft:n,isImageScaled:t}=A;return!e&&!r?null:O({className:"pathway-image-container",children:[NQ(A)],elementStyles:{element:{position:"sticky",top:"0",alignSelf:"flex-start",height:"100%",...t===!1&&{display:"flex",justifyContent:"center"},[`@container (max-width: ${rn-1}px)`]:{position:"relative",display:"grid",minHeight:"56vw"},[`@container (min-width: ${rn}px)`]:{position:"sticky",top:"0",alignSelf:"flex-start",...n===!1&&{order:"2"}},[`@container (min-width: ${sF}px)`]:{"& img":{minHeight:"656px"}}}}})},gz=A=>{const e=O({className:"pathway-text-container-wrapper",children:[zc(A)],elementStyles:{element:{padding:`${f.spacing.md} 0`,[`@container (max-width: ${rn-1}px)`]:{...PA.space.horizontal.larger},[`@container (min-width: ${rn}px)`]:{padding:`0 ${f.spacing["2xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}},[`@container (min-width: ${sF}px)`]:{padding:`0 ${f.spacing["6xl"]}`,...A.isImagePositionLeft===!1&&{paddingLeft:"0"},...A.isImagePositionLeft&&{paddingRight:"0"}}}}});return O({className:"pathway-text-container",children:[e],elementStyles:{element:{...A.isThemeDark&&{backgroundColor:f.color.black,color:f.color.white},...A.isThemeMaryland&&{backgroundColor:f.color.red,color:f.color.white},[`@container (min-width: ${rn}px)`]:{...A.isImagePositionLeft===!1&&{order:"1"}}}}})},wz=A=>{const e=gz(A),r=Bz(A),n=[];r&&n.push(r),n.push(e);const t=O({className:"pathway-container-lock-wrapper",children:n,elementStyles:{element:{position:"relative",[`@container (max-width: ${rn-1}px)`]:{padding:"0"},[`@container (min-width: ${rn}px)`]:{display:"flex","& > *":{width:"50%"}}}}});return nt({element:document.createElement("div"),children:[t],elementStyles:{element:{[`@container (max-width: ${rn-1}px)`]:{paddingLeft:0,paddingRight:0}}}})},oF=A=>O({className:"pathway-sticky-container",children:[O({className:"pathway-sticky-container-wrapper",children:[wz(A)]})],elementStyles:{element:{container:"inline-size",position:"relative"}}}),uz=Object.freeze(Object.defineProperty({__proto__:null,hero:ZM,highlight:_M,overlay:rF,standard:iF,sticky:oF},Symbol.toStringTag,{value:"Module"})),aF=A=>{const{isThemeDark:e,image:r,actions:n,description:t}=A,{name:s,...o}=A;let l=[];return r&&l.push($A({element:r,isScaled:!1})),s&&l.push(Ea({element:s,isThemeDark:e,elementStyles:{element:{marginTop:f.spacing.lg,color:`${f.color.black}`,textTransform:"uppercase",fontWeight:"800",display:"block"},siblingAfter:{marginTop:f.spacing.min}}})),l.push(Ci(o)),l.push(dr(A)),t&&l.push(Qi({element:t,isThemeDark:e,elementStyles:{element:{marginTop:f.spacing.lg,maxWidth:f.spacing.maxWidth.smallest}}})),n&&l.push(ur({element:n,elementStyles:{element:{marginTop:f.spacing.sm}}})),O({className:"person-bio-full-container",children:l,elementStyles:{element:{[`& .${oA.asset.image.wrapper.className}`]:{[`@container (max-width: ${f.media.breakpointValues.medium.max}px)`]:{display:"flex"}}}}})},Qz=A=>{const{isThemeDark:e,name:r,...n}=A,t=[];return r&&t.push(Ea({element:r,isThemeDark:e,elementStyles:{element:{color:`${f.color.black}`,textTransform:"uppercase",fontWeight:"800",display:"block"},siblingAfter:{marginTop:f.spacing.sm}}})),t.push(Ci({...n,isThemeDark:e})),LI({element:document.createElement("div"),children:t})},dz=A=>{const{actions:e}=A,r=Qz(A),n=[];return n.push(r,dr(A)),e&&n.push(ur({element:e,elementStyles:{element:{marginTop:f.spacing.sm}}})),O({className:"person-bio-summary-text-column",children:n})},Cz=A=>{const{image:e}=A,r=dz(A),n=[];return e&&n.push($A({element:e,isScaled:!1,customStyles:{element:{...IA("max-width",f.media.breakpointValues.medium.max,{display:"flex"}),"& img":{...IA("min-width",f.media.breakpointValues.large.min,{width:"100%",height:"auto !important"})}}}})),n.push(r),O({className:"person-bio-summary-container",children:n,elementStyles:{element:{display:"grid",gridGap:`${f.spacing.md}`,...IA("min-width",f.media.breakpointValues.large.min,{gridTemplateColumns:"repeat(8, 1fr)",gridGap:`${f.spacing.lg}`,alignItems:"center"}),"& > *":{...IA("min-width",f.media.breakpointValues.large.min,{gridColumn:"span 5"})},"&:has(> :nth-child(2)) > *:first-child ":{...IA("min-width",f.media.breakpointValues.large.min,{gridColumn:"span 3",alignSelf:"flex-start"})}}}})},cF=A=>{const{isThemeDark:e,description:r}=A,t=[Cz(A)];return r&&t.push(Qi({element:r,isThemeDark:e,elementStyles:{element:{marginTop:f.spacing.lg,maxWidth:f.spacing.maxWidth.smallest}}})),O({className:"person-bio-summary-composite",children:t})},fz=Object.freeze(Object.defineProperty({__proto__:null,full:aF,small:cF},Symbol.toStringTag,{value:"Module"})),Ez=f.media.breakpointValues.medium.min,lF=A=>{const{image:e,isThemeDark:r}=A,n=Ci(A),t=dr(A);let s=[],o=e;return o||(o=vm({SVG:LU})),s.push(O({className:"person-block-image",elementStyles:{element:{display:"flex",justifyContent:"center",backgroundColor:`${f.color.gray.lighter}`,marginBottom:`${f.spacing.md}`,...r&&{backgroundColor:`${f.color.gray.darker}`},"& img, & svg":{display:"block",width:"100%",objectFit:"contain",height:"140px !important",...IA("min-width",Ez,{height:"200px !important"})}}},children:[$A({element:o,isScaled:!1,customStyles:{height:"auto"}})]})),s.push(n),s.push(t),O({className:"person-block",children:s})},hz=A=>{const{image:e,association:r,pronouns:n,isThemeDark:t}=A,s=DA({element:document.createElement("div"),className:"umd-person-hero-image-container",elementStyles:{element:{paddingTop:`${f.spacing.lg}`,paddingBottom:`${f.spacing.lg}`,backgroundColor:`${t?f.color.gray.lightest:f.color.black}`,position:"relative",[`@container (max-width: ${f.media.breakpoints.large.max})`]:{paddingLeft:`${f.spacing.md}`,paddingRight:`${f.spacing.md}`},[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{padding:`${f.spacing.md}`,width:"30%",maxWidth:"320px"}}}}),o=DA({element:document.createElement("div"),className:"umd-person-hero-image-wrapper"}),l=dr({...A,isThemeDark:!t});if(e){const i=DA({element:document.createElement("div"),className:"umd-person-hero-image",elementStyles:{element:{backgroundColor:`${t?f.color.gray.lightest:f.color.gray.darker}`,display:"flex",justifyContent:"center",marginBottom:f.spacing.md,"& img":{[`@container (max-width: ${f.media.breakpoints.large.max})`]:{maxHeight:"160px"}}}}}),c=$A({element:e,isScaled:!1});i.element.appendChild(c.element),i.styles+=c.styles,o.element.appendChild(i.element),o.styles+=i.styles}if(r){const i=pa({element:r,isThemeDark:!t,elementStyles:{element:{display:"block"},siblingAfter:{marginTop:f.spacing.min}}});o.element.appendChild(i.element),o.styles+=i.styles}if(n){const i=document.createElement("i");i.appendChild(n);const c=DA({element:i,className:"umd-person-hero-pronouns",isThemeDark:!t,elementStyles:{element:{display:"block"},siblingAfter:{display:"block",marginTop:f.spacing.min}}});o.element.appendChild(c.element),o.styles+=c.styles}return l&&(o.element.append(l.element),o.styles+=l.styles),s.element.appendChild(o.element),s.styles+=o.styles,s},mz=({name:A,job:e,subText:r,isThemeDark:n})=>{const t=DA({element:document.createElement("div"),className:"person-hero-text",elementStyles:{element:{backgroundColor:`${n?f.color.black:f.color.gray.lightest}`,paddingTop:`${f.spacing["3xl"]}`,paddingBottom:`${f.spacing["3xl"]}`,position:"relative",[`@container (max-width: ${f.media.breakpoints.large.max})`]:{paddingLeft:`${f.spacing.md}`,paddingRight:`${f.spacing.md}`},[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{paddingTop:"0",paddingBottom:`${f.spacing["7xl"]}`,alignSelf:"flex-start"}},pseudoBefore:{content:'""',position:"absolute",top:"-100px",left:"0",bottom:"0",width:"200vw",transform:"translateX(-20%)",backgroundColor:`${n?f.color.black:f.color.gray.lightest}`}}}),s=LI({element:document.createElement("div"),elementStyles:{pseudoBefore:{backgroundColor:`${n?f.color.gold:f.color.red}`}}});if(r){const o=Yn({element:r,isThemeDark:n,elementStyles:{element:{display:"block",textTransform:"uppercase",fontWeight:"700",color:`${f.color.black}`,maxWidth:"650px"},siblingAfter:{marginTop:f.spacing.min,[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{marginTop:f.spacing.sm}}}});s.element.appendChild(o.element),s.styles+=o.styles}if(A){const o=Ia({element:A,isThemeDark:n,elementStyles:{element:{textTransform:"uppercase",fontWeight:"700",display:"block",color:`${f.color.black}`},siblingAfter:{marginTop:f.spacing.min,[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{marginTop:f.spacing.md}}}});s.element.appendChild(o.element),s.styles+=o.styles}if(e){const o=yI({element:e,isThemeDark:n,elementStyles:{element:{display:"block"}}});s.element.appendChild(o.element),s.styles+=o.styles}return t.element.appendChild(s.element),t.styles+=s.styles,t},BF=A=>{const{breadcrumbMobile:e,breadcrumbDesktop:r}=A,n=DA({element:document.createElement("div"),className:"umd-person-hero",elementStyles:{element:{overflow:"hidden",containerType:"inline-size"}}}),t=nt({element:document.createElement("div"),elementStyles:{element:{[`@container (max-width: ${f.media.breakpoints.large.max})`]:{padding:"0"}}}}),s=DA({element:document.createElement("div"),className:"umd-person-hero-wrapper",elementStyles:{element:{[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{display:"flex",justifyContent:"space-between",paddingTop:`${f.spacing["7xl"]}`}}}}),o=DA({element:document.createElement("div"),className:"umd-person-hero-columns",elementStyles:{element:{[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{width:"70%"}}}}),l=mz(A);if(o.element.appendChild(l.element),o.styles+=l.styles,s.element.appendChild(o.element),s.styles+=o.styles,r){const c=DA({element:document.createElement("div"),className:"umd-person-hero-breadcrumb-desktop",elementStyles:{element:{[`@container (max-width: ${f.media.breakpoints.large.max})`]:{display:"none"}}}});c.element.appendChild(r),o.element.appendChild(c.element),s.styles+=c.styles}const i=hz(A);if(s.element.appendChild(i.element),s.styles+=i.styles,t.element.appendChild(s.element),t.styles+=s.styles,n.element.appendChild(t.element),n.styles+=t.styles,e){const c=DA({element:document.createElement("div"),className:"umd-person-hero-breadcrumb-mobile",elementStyles:{element:{paddingLeft:`${f.spacing.md}`,paddingRight:`${f.spacing.md}`,[`@container (min-width: ${f.media.breakpoints.tablet.min})`]:{display:"none"}}}});c.element.appendChild(e),t.element.appendChild(c.element),n.styles+=c.styles}return n},pz=f.media.breakpointValues.small.max,Iz=f.media.breakpointValues.medium.min,Yz=f.media.breakpointValues.large.min,gF=({actions:A,address:e,association:r,email:n,image:t,isThemeDark:s,job:o,linkendIn:l,name:i,phone:c,pronouns:a,subText:g})=>{let w=[];return t&&w.push(tu({customStyles:{...IA("min-width",Iz,{display:"block",width:"160px",paddingRight:`${f.spacing.md}`,alignSelf:"flex-start"}),...IA("min-width",Yz,{width:"208px"})},image:t,isThemeDark:s})),i&&w.push(m0({actions:A,address:e,association:r,customStyles:{},email:n,isThemeDark:s,job:o,linkendIn:l,name:i,phone:c,pronouns:a,subText:g})),O({className:"person-list-container",children:w,elementStyles:{element:{overflow:"hidden",display:"flex",...IA("max-width",pz,{flexDirection:"column"})}}})},Dz=f.media.breakpointValues.small.max,wF=({actions:A,additionalContact:e,address:r,association:n,email:t,image:s,isThemeDark:o,job:l,linkendIn:i,name:c,phone:a,pronouns:g,subText:w})=>{let u=[];if(s&&u.push(tu({image:s,isThemeDark:o})),c){const d=pa({element:c,elementStyles:{element:{fontWeight:`${f.font.weight.bold}`,color:`${f.color.black}`,"& + *":{marginTop:f.spacing.min}},subElement:{color:"currentColor"}},isThemeDark:o});u.push(f0({actions:A,association:n,isThemeDark:o,customStyles:{},job:l,nameComposite:d,pronouns:g,subText:w}))}return(e||r||t||i||a)&&u.push(h0({additionalContact:e,address:r,customStyles:{},email:t,isThemeDark:o,linkendIn:i,phone:a})),O({className:"person-tabular-container",children:u,elementStyles:{element:{overflow:"hidden",display:"flex",...IA("max-width",Dz,{flexDirection:"column"})}}})},Mz=Object.freeze(Object.defineProperty({__proto__:null,bio:fz,block:lF,hero:BF,list:gF,tabular:wF},Symbol.toStringTag,{value:"Module"})),uF="quote-image-container",zn={create:({image:A})=>{const e=document.createElement("div");return e.classList.add(uF),e.appendChild(A),{element:e,styles:""}},elements:{container:uF}},Fz="umd-element-quote-text-container",Jc="theme",QF="size",xQ="dark",vz="maryland",dF="large",Sr="quote-text-container",Gz="quote-text-container-wrapper",gt="quote-container-quote",zr="quote-container-attribution",Jr="quote-container-text-attribution-sub-text",HQ="quote-container-actions",yz=`.${Sr}[${Jc}='${xQ}']`,Pz=`.${Sr}[${Jc}='${vz}']`,CF=`.${Sr}[${QF}='${dF}']`,Uz=`
|
|
3774
3774
|
${nA({styleObj:{[`${CF} .${gt}`]:uA.sans.extraLarge}})}
|
|
3775
3775
|
|
|
3776
3776
|
${nA({styleObj:{[`${CF} .${gt} *`]:uA.sans.extraLarge}})}
|