@universityofmaryland/web-components-library 1.18.0 → 1.18.1
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 +10 -4
- package/dist/bundle.js.map +1 -1
- package/dist/cdn.js +2 -2
- package/dist/cdn.js.map +1 -1
- package/package.json +4 -4
package/dist/cdn.js
CHANGED
|
@@ -526,7 +526,7 @@ Change \`@nest ${A.params} {}\` to \`${A.params} {}\` to migrate to the latest s
|
|
|
526
526
|
${lg}
|
|
527
527
|
${Yv}
|
|
528
528
|
${Dv}
|
|
529
|
-
`,yv=()=>(()=>{const A=document.createElement("div"),e=document.createElement("div"),t=document.createElement("div"),n=document.createElement("div");return e.classList.add(Go),e.innerHTML=Mv,t.classList.add(Zt),t.innerHTML=e1,n.classList.add(Xt),n.innerHTML=e1,A.classList.add(cg),A.appendChild(e),A.appendChild(t),A.appendChild(n),{element:A,styles:Fv}})(),Gv=A=>A instanceof HTMLImageElement?A:A instanceof HTMLAnchorElement?A.querySelector("img"):null,t1=(A,e,t)=>{const n=e.getContext("2d");if(!n)return;const i=t.clientWidth,s=t.clientHeight;e.width=i,e.height=s;const r=A.naturalWidth/A.naturalHeight,l=i/s;let c,a,o=0,B=0;r>l?(a=s,c=A.naturalWidth*(s/A.naturalHeight),o=(i-c)/2):(c=i,a=A.naturalHeight*(i/A.naturalWidth),B=(s-a)/2),n.clearRect(0,0,i,s),n.imageSmoothingEnabled=!0,n.drawImage(A,o,B,c,a)},vv=(A,e,t,n,i,s)=>{if(typeof IntersectionObserver>"u")return i.isLoaded=!0,n.style.display="flex",s(),null;const r=new IntersectionObserver(l=>{l.forEach(c=>{c.isIntersecting&&!i.isLoaded&&(i.isLoaded=!0,e.src=i.originalSrc,e.addEventListener("load",()=>{n.style.display="flex",s()},{once:!0}),r.disconnect())})},{threshold:.1,rootMargin:"50px"});return r.observe(A),r},Pv=(A,e,t)=>{const n=document.createElement("canvas"),i=document.createElement("button"),s=()=>{i.setAttribute("aria-label","Pause"),i.innerHTML=Wm,n.style.opacity="0",A.style.opacity="1",t.isPlaying=!0},r=()=>{i.setAttribute("aria-label","Play"),i.innerHTML=sg,n.style.opacity="1",A.style.opacity="0",t.isPlaying=!1},l=()=>{if(!e)return;const a=e.querySelector("img"),o=e.querySelector("canvas");!o||!a||(o.style.width="100%",o.style.height=`${a.clientHeight}px`,o.style.position="absolute",o.style.top="0",o.style.left="0",t.isLoaded&&a.complete&&a.naturalWidth>0&&t1(a,o,e))};i.setAttribute("type","button"),i.style.display="none",i.addEventListener("click",a=>{a.preventDefault(),a.stopPropagation(),t.isPlaying?r():s()}),e.appendChild(n),e.appendChild(i),A.style.opacity="0",A.style.transition="opacity 0.2s ease-in-out",n.style.opacity="1",n.style.transition="opacity 0.2s ease-in-out";const c=()=>{l(),t1(A,n,e)};A.complete&&A.naturalWidth>0?c():A.addEventListener("load",c,{once:!0}),vv(e,A,n,i,t,()=>{l(),s()}),window.addEventListener("resize",Be(()=>{l()},50))},Uv=({element:A})=>{const e=Gv(A);if(!e)throw new Error("No valid image element found");const t={isLoaded:!1,isPlaying:!1,originalSrc:e.src},n=A instanceof HTMLAnchorElement,i=n?A:document.createElement("div");return new F(i).styled(ZA.asset.gif.toggle).withModifier(r=>{n||r.appendChild(A),Pv(e,r,t)}).build()},bv="data-caption",xv="data-credit",i1=A=>A instanceof HTMLImageElement,Tv=A=>{if(i1(A))return A.src!==null&&A.src.toLowerCase().includes(".gif");if(A instanceof HTMLAnchorElement){const e=A.querySelector("img"),t=e!==null&&e.src!==null&&e.src.toLowerCase().includes(".gif");return t&&console.error("GIFs are not allowed in <a>. Please upload a different format."),t}return!1},Nv=(A,e="lazy",t="auto")=>{const n=i1(A)?A:A.querySelector("img");n&&(e!=="auto"&&n.setAttribute("loading",e),t!=="auto"&&n.setAttribute("fetchpriority",t))},Hv=(A,e)=>{if(!e)return null;const t=A.getAttribute(bv),n=A.getAttribute(xv);t&&console.log('Attribute "data-caption" is deprecated. Use "data-credit" instead. This attribute will be removed in version 2.0.');const i=t||n;return i?new F("span").withText(i).styled(ZA.asset.image.caption).build():null},Lv=({element:A,isAspectStandard:e,isGifAllowed:t,imageLoading:n="lazy",imageFetchPriority:i="auto"})=>{const s=Tv(A);if(Nv(A,n,i),t&&s)return Uv({element:A});if(!t&&s){console.error(`GIFs are not allowed in <${A.localName}>. Please upload a different format.`);return}return e?new F().styled(ZA.asset.image.aspectStandard).withChild(A).build():new F().withClassName("image-container").withStyles({element:{position:"relative",width:"100%",height:"100%"}}).withChild(A).build()},JA=A=>{const{customStyles:e,dateSign:t,element:n,isAspectStandard:i=!1,isScaled:s,isShowCaption:r=!1,isGifAllowed:l=!1,imageLoading:c="lazy",imageFetchPriority:a="auto"}=A,o=Lv({element:n,isAspectStandard:i,isGifAllowed:l,imageLoading:c,imageFetchPriority:a}),B=Hv(n,r),g=ZA.asset.image.composeWrapper({scaled:s}),w=new F().styled(g).withStyles({element:{...e}});return B&&w.withChild(B),t&&w.withChild(new F().styled(wA.background.box.white).withChild(t).build()),o&&w.withChild(o),w.build()},Bg=A=>(()=>{const{video:e,additionalElementStyles:t,isScaled:n=!1,callback:i}=A,s=new F("button").styled(ZA.action.button.videoState).withAttribute("type","button").withAttribute("aria-label","Play").withHTML(sg).build(),r=()=>{s.element.setAttribute("aria-label","Pause"),s.element.innerHTML=Wm,e.muted=!0,e.play().catch(c=>{c.name==="NotAllowedError"&&l(),console.warn("Video play failed:",c)})},l=()=>{s.element.setAttribute("aria-label","Play"),s.element.innerHTML=sg,e.pause()};return s.element.addEventListener("click",()=>{e.paused?(i&&i(!1),r()):(i&&i(!0),l())}),(e.getAttribute("autoplay")===""||e.getAttribute("autoplay")==="true")&&r(),new F().withClassName("umd-element-video").withStyles({element:{position:"relative",...t,...n&&{width:"100%",height:"100%",objectFit:"cover"},...n&&{"& video":{width:"100%",height:"100%",objectFit:"cover",display:"block"}}}}).withChildren(e,s).withEvents({setPlay:r,setPause:l}).build()})(),vo='<svg title="pin icon" aria-hidden="true" id="icon_pin" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.7842 0.5C2.86055 0.5 0.481873 2.59352 0.481873 5.16668C0.481873 5.93914 0.701308 6.70504 1.11846 7.38436L5.49424 14.3496C5.55249 14.4425 5.6635 14.5 5.7842 14.5C5.9049 14.5 6.0159 14.4425 6.07416 14.3496L10.4516 7.38207C10.8671 6.70504 11.0865 5.93911 11.0865 5.16665C11.0865 2.59352 8.70784 0.5 5.7842 0.5ZM5.7842 8.16667C4.32237 8.16667 3.29972 6.95325 3.29972 5.66668C3.29972 4.3801 4.32237 3.16669 5.7842 3.16669C7.24602 3.16669 8.26868 4.3801 8.26868 5.66668C8.26868 6.95325 7.24602 8.16667 5.7842 8.16667Z" fill="#454545"/></svg>',kv='<svg title="calendar icon" aria-hidden="true" id="icon_calendar" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.48311 0H3.46959V1.66667H10.7534V0H12.7399V1.66667H13.8986V4.33333H0.158783V1.66667H1.48311V0ZM13.8986 5.33333H0.158783V14.1667H13.8986V5.33333Z" fill="#454545"/></svg>',Rv='<svg title="clock icon" aria-hidden="true" id="icon_clock" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5192_839)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.83804 15.8332C12.8608 15.8332 16.1218 12.5499 16.1218 8.49984C16.1218 4.44975 12.8608 1.1665 8.83804 1.1665C4.81532 1.1665 1.55426 4.44975 1.55426 8.49984C1.55426 12.5499 4.81532 15.8332 8.83804 15.8332ZM12.3062 8.78831L9.29439 8.956L9.51624 4.71753L8.03757 3.2288L7.51459 10.2691L7.47224 10.7914L7.47581 10.7911L7.47554 10.7947L9.20559 10.6525L9.20571 10.6502L13.7848 10.277L12.3062 8.78831Z" fill="#454545"/></g><defs><clipPath id="clip0_5192_839"><rect width="15.8919" height="16" fill="none" transform="translate(0.89209 0.5)"/></clipPath></defs></svg>',gg=gA.small.max,Po=gA.medium.min,Sv=gA.large.min,zv=({customStyles:A={},children:e,hasBorder:t=!1,isThemeDark:n=!1})=>new F().withClassName("layout-block-stacked-image").withStyles({element:{height:"auto",position:"relative",zIndex:99,[`&:has(.${Yi.className})`]:{aspectRatio:"4 / 3"},...fA("max-width",gg,{marginLeft:m.sm,marginBottom:m.md,width:"120px",float:"right",alignSelf:"flex-start",...n&&{marginRight:0,marginTop:0}}),...fA("min-width",Po,{display:"block"}),...dG(Po,Sv,{...t&&{marginLeft:m.sm}}),...A,"& img":{...fA("max-width",gg,{height:"auto !important"})}}}).withChildren(...e).build(),Jv=({children:A,customStyles:e={},hasBorder:t=!1,isThemeDark:n=!1,isTransparent:i=!1})=>new F().withClassName("layout-block-stacked-text").withStyles({element:{maxWidth:`${m.maxWidth.smallest}`,...fA("min-width",Po,{paddingTop:m.md}),...fA("min-width",Po,{paddingTop:m.lg,...t&&{padding:m.md},...n&&!i&&{padding:m.md}}),...e}}).withChildren(...A).build(),jv=({children:A,customStyles:e={},hasBorder:t=!1,isThemeDark:n=!1,isTransparent:i=!1})=>new F().withClassName("layout-block-stacked-container").withStyles({element:{containerType:"inline-size",height:"100%",...n&&{backgroundColor:M.gray.darker},...i&&{backgroundColor:"transparent"},...t&&{border:`1px solid ${M.gray.light}`},...t&&n&&{border:`1px solid ${M.gray.darker}`},...fA("max-width",gg,{...n&&!i&&{padding:m.md},...t&&{padding:m.md}}),...e}}).withChildren(...A).build(),n1="modal-screen-container",wg="modal-screen-container-background",Kv=`
|
|
529
|
+
`,yv=()=>(()=>{const A=document.createElement("div"),e=document.createElement("div"),t=document.createElement("div"),n=document.createElement("div");return e.classList.add(Go),e.innerHTML=Mv,t.classList.add(Zt),t.innerHTML=e1,n.classList.add(Xt),n.innerHTML=e1,A.classList.add(cg),A.appendChild(e),A.appendChild(t),A.appendChild(n),{element:A,styles:Fv}})(),Gv=A=>A instanceof HTMLImageElement?A:A instanceof HTMLAnchorElement?A.querySelector("img"):null,t1=(A,e,t)=>{const n=e.getContext("2d");if(!n)return;const i=t.clientWidth,s=t.clientHeight;e.width=i,e.height=s;const r=A.naturalWidth/A.naturalHeight,l=i/s;let c,a,o=0,B=0;r>l?(a=s,c=A.naturalWidth*(s/A.naturalHeight),o=(i-c)/2):(c=i,a=A.naturalHeight*(i/A.naturalWidth),B=(s-a)/2),n.clearRect(0,0,i,s),n.imageSmoothingEnabled=!0,n.drawImage(A,o,B,c,a)},vv=(A,e,t,n,i,s)=>{if(typeof IntersectionObserver>"u")return i.isLoaded=!0,n.style.display="flex",s(),null;const r=new IntersectionObserver(l=>{l.forEach(c=>{c.isIntersecting&&!i.isLoaded&&(i.isLoaded=!0,e.src=i.originalSrc,e.addEventListener("load",()=>{n.style.display="flex",s()},{once:!0}),r.disconnect())})},{threshold:.1,rootMargin:"50px"});return r.observe(A),r},Pv=(A,e,t)=>{const n=document.createElement("canvas"),i=document.createElement("button"),s=()=>{i.setAttribute("aria-label","Pause"),i.innerHTML=Wm,n.style.opacity="0",A.style.opacity="1",t.isPlaying=!0},r=()=>{i.setAttribute("aria-label","Play"),i.innerHTML=sg,n.style.opacity="1",A.style.opacity="0",t.isPlaying=!1},l=()=>{if(!e)return;const a=e.querySelector("img"),o=e.querySelector("canvas");!o||!a||(o.style.width="100%",o.style.height=`${a.clientHeight}px`,o.style.position="absolute",o.style.top="0",o.style.left="0",t.isLoaded&&a.complete&&a.naturalWidth>0&&t1(a,o,e))};i.setAttribute("type","button"),i.style.display="none",i.addEventListener("click",a=>{a.preventDefault(),a.stopPropagation(),t.isPlaying?r():s()}),e.appendChild(n),e.appendChild(i),A.style.opacity="0",A.style.transition="opacity 0.2s ease-in-out",n.style.opacity="1",n.style.transition="opacity 0.2s ease-in-out";const c=()=>{l(),t1(A,n,e)};A.complete&&A.naturalWidth>0?c():A.addEventListener("load",c,{once:!0}),vv(e,A,n,i,t,()=>{l(),s()}),window.addEventListener("resize",Be(()=>{l()},50))},Uv=({element:A})=>{const e=Gv(A);if(!e)throw new Error("No valid image element found");const t={isLoaded:!1,isPlaying:!1,originalSrc:e.src},n=A instanceof HTMLAnchorElement,i=n?A:document.createElement("div");return new F(i).styled(ZA.asset.gif.toggle).withModifier(r=>{n||r.appendChild(A),Pv(e,r,t)}).build()},bv="data-caption",xv="data-credit",i1=A=>A instanceof HTMLImageElement,Tv=A=>{if(i1(A))return A.src!==null&&A.src.toLowerCase().includes(".gif");if(A instanceof HTMLAnchorElement){const e=A.querySelector("img"),t=e!==null&&e.src!==null&&e.src.toLowerCase().includes(".gif");return t&&console.error("GIFs are not allowed in <a>. Please upload a different format."),t}return!1},Nv=(A,e="lazy",t="auto")=>{const n=i1(A)?A:A.querySelector("img");n&&(e!=="auto"&&n.setAttribute("loading",e),t!=="auto"&&n.setAttribute("fetchpriority",t))},Hv=(A,e)=>{if(!e)return null;const t=A.getAttribute(bv),n=A.getAttribute(xv);t&&console.log('Attribute "data-caption" is deprecated. Use "data-credit" instead. This attribute will be removed in version 2.0.');const i=t||n;return i?new F("span").withText(i).styled(ZA.asset.image.caption).build():null},Lv=({element:A,isAspectStandard:e,isGifAllowed:t,imageLoading:n="lazy",imageFetchPriority:i="auto"})=>{const s=Tv(A);if(Nv(A,n,i),t&&s)return Uv({element:A});if(!t&&s){console.error(`GIFs are not allowed in <${A.localName}>. Please upload a different format.`);return}return e?new F().styled(ZA.asset.image.aspectStandard).withChild(A).build():new F().withClassName("image-container").withStyles({element:{position:"relative",width:"100%",height:"100%"}}).withChild(A).build()},JA=A=>{const{customStyles:e,dateSign:t,element:n,isAspectStandard:i=!1,isScaled:s,isShowCaption:r=!1,isGifAllowed:l=!1,imageLoading:c="lazy",imageFetchPriority:a="auto"}=A,o=Lv({element:n,isAspectStandard:i,isGifAllowed:l,imageLoading:c,imageFetchPriority:a}),B=Hv(n,r),g=ZA.asset.image.composeWrapper({scaled:s}),w=new F().styled(g).withStyles({element:{...e}});return B&&w.withChild(B),t&&w.withChild(new F().styled(wA.background.box.white).withChild(t).build()),o&&w.withChild(o),w.build()},Bg=A=>(()=>{const{video:e,additionalElementStyles:t,isScaled:n=!1,callback:i}=A,s=new F("button").styled(ZA.action.button.videoState).withAttribute("type","button").withAttribute("aria-label","Play").withHTML(sg).build(),r=()=>{s.element.setAttribute("aria-label","Pause"),s.element.innerHTML=Wm,e.muted=!0,e.play().catch(c=>{c.name==="NotAllowedError"&&l(),console.warn("Video play failed:",c)})},l=()=>{s.element.setAttribute("aria-label","Play"),s.element.innerHTML=sg,e.pause()};return s.element.addEventListener("click",()=>{e.paused?(i&&i(!1),r()):(i&&i(!0),l())}),(e.getAttribute("autoplay")===""||e.getAttribute("autoplay")==="true")&&r(),new F().withClassName("umd-element-video").withStyles({element:{position:"relative",...t,...n&&{width:"100%",height:"100%",objectFit:"cover"},...n&&{"& video":{width:"100%",height:"100%",objectFit:"cover",display:"block"}}}}).withChildren(e,s).withEvents({setPlay:r,setPause:l}).build()})(),vo='<svg title="pin icon" aria-hidden="true" id="icon_pin" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.7842 0.5C2.86055 0.5 0.481873 2.59352 0.481873 5.16668C0.481873 5.93914 0.701308 6.70504 1.11846 7.38436L5.49424 14.3496C5.55249 14.4425 5.6635 14.5 5.7842 14.5C5.9049 14.5 6.0159 14.4425 6.07416 14.3496L10.4516 7.38207C10.8671 6.70504 11.0865 5.93911 11.0865 5.16665C11.0865 2.59352 8.70784 0.5 5.7842 0.5ZM5.7842 8.16667C4.32237 8.16667 3.29972 6.95325 3.29972 5.66668C3.29972 4.3801 4.32237 3.16669 5.7842 3.16669C7.24602 3.16669 8.26868 4.3801 8.26868 5.66668C8.26868 6.95325 7.24602 8.16667 5.7842 8.16667Z" fill="#454545"/></svg>',kv='<svg title="calendar icon" aria-hidden="true" id="icon_calendar" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.48311 0H3.46959V1.66667H10.7534V0H12.7399V1.66667H13.8986V4.33333H0.158783V1.66667H1.48311V0ZM13.8986 5.33333H0.158783V14.1667H13.8986V5.33333Z" fill="#454545"/></svg>',Rv='<svg title="clock icon" aria-hidden="true" id="icon_clock" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5192_839)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.83804 15.8332C12.8608 15.8332 16.1218 12.5499 16.1218 8.49984C16.1218 4.44975 12.8608 1.1665 8.83804 1.1665C4.81532 1.1665 1.55426 4.44975 1.55426 8.49984C1.55426 12.5499 4.81532 15.8332 8.83804 15.8332ZM12.3062 8.78831L9.29439 8.956L9.51624 4.71753L8.03757 3.2288L7.51459 10.2691L7.47224 10.7914L7.47581 10.7911L7.47554 10.7947L9.20559 10.6525L9.20571 10.6502L13.7848 10.277L12.3062 8.78831Z" fill="#454545"/></g><defs><clipPath id="clip0_5192_839"><rect width="15.8919" height="16" fill="none" transform="translate(0.89209 0.5)"/></clipPath></defs></svg>',gg=gA.small.max,Po=gA.medium.min,Sv=gA.large.min,zv=({customStyles:A={},children:e,hasBorder:t=!1,isThemeDark:n=!1})=>new F().withClassName("layout-block-stacked-image").withStyles({element:{height:"auto",position:"relative",zIndex:99,[`&:has(.${Yi.className})`]:{aspectRatio:"4 / 3"},...fA("max-width",gg,{marginLeft:m.sm,marginBottom:m.md,width:"120px",float:"right",alignSelf:"flex-start",...n&&{marginRight:0,marginTop:0}}),...fA("min-width",Po,{display:"block"}),...dG(Po,Sv,{...t&&{marginLeft:m.sm}}),...A,"& img":{...fA("max-width",gg,{height:"auto !important"})}}}).withChildren(...e).build(),Jv=({children:A,customStyles:e={},hasBorder:t=!1,isThemeDark:n=!1,isTransparent:i=!1,hasImage:s=!0})=>new F().withClassName("layout-block-stacked-text").withStyles({element:{maxWidth:`${m.maxWidth.smallest}`,...fA("min-width",Po,{...s&&{paddingTop:m.md}}),...fA("min-width",Po,{...s&&{paddingTop:m.lg},...t&&{padding:m.md},...n&&!i&&{padding:m.md}}),...e}}).withChildren(...A).build(),jv=({children:A,customStyles:e={},hasBorder:t=!1,isThemeDark:n=!1,isTransparent:i=!1})=>new F().withClassName("layout-block-stacked-container").withStyles({element:{containerType:"inline-size",height:"100%",...n&&{backgroundColor:M.gray.darker},...i&&{backgroundColor:"transparent"},...t&&{border:`1px solid ${M.gray.light}`},...t&&n&&{border:`1px solid ${M.gray.darker}`},...fA("max-width",gg,{...n&&!i&&{padding:m.md},...t&&{padding:m.md}}),...e}}).withChildren(...A).build(),n1="modal-screen-container",wg="modal-screen-container-background",Kv=`
|
|
530
530
|
.${n1} {
|
|
531
531
|
display: none;
|
|
532
532
|
position: fixed;
|
|
@@ -608,7 +608,7 @@ Change \`@nest ${A.params} {}\` to \`${A.params} {}\` to migrate to the latest s
|
|
|
608
608
|
top: 0%;
|
|
609
609
|
}
|
|
610
610
|
}
|
|
611
|
-
`,h8=async A=>{const e=Array.from(A.querySelectorAll("img")),t=Array.from(A.querySelectorAll("video")),n=e.map(s=>s.complete?s.naturalWidth>0?Promise.resolve():Promise.reject(new Error(`Failed to load image: ${s.src}`)):new Promise((r,l)=>{s.addEventListener("load",()=>r(),{once:!0}),s.addEventListener("error",()=>l(new Error(`Failed to load image: ${s.src}`)),{once:!0})})),i=t.map(s=>s.readyState>=3?Promise.resolve():new Promise((r,l)=>{s.addEventListener("loadeddata",()=>r(),{once:!0}),s.addEventListener("error",()=>l(new Error(`Failed to load video: ${s.src}`)),{once:!0})}));return await Promise.all([...n,...i]),new Promise(s=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{s()})})})},D1=A=>B8.find(e=>e.count===A),Q8=(A,e)=>A.querySelector(`.${bo}-${e}`),E8=(A,e,t)=>{const n=A.getBoundingClientRect(),i=e.getBoundingClientRect(),s=i.left+i.width/2,r=i.top+i.height/2,l=n.left+n.width/2,c=n.top+n.height/2;let a=s-l,o=r-c;if(t){const B=(g,w)=>g?parseFloat(g)/100*w:0;a+=B(t.left,i.width),a-=B(t.right,i.width),o+=B(t.top,i.height),o-=B(t.bottom,i.height)}return{x:a,y:o}},f8=(A,e)=>{A&&(A.style.animation="none"),e&&(e.style.animation="none")},F1=()=>window.innerWidth<768,m8=(A,e=300)=>{let t=null,n=window.innerWidth;return()=>{const i=window.innerWidth;i!==n&&(n=i,t&&clearTimeout(t),t=setTimeout(()=>{A(),t=null},e))}},Qg=(A,e,t)=>{A.style.opacity=e,t&&(A.style.transition=t)},p8=(A,e)=>A!==null&&e!==void 0,I8=(A,e,t)=>{if(t){const i=window.innerWidth,s=window.innerHeight,r=t.offsetWidth,l=t.offsetHeight;if(!(r>i*.41||l>s*.41))A.style.width=`${r}px`,A.style.height=`${l}px`;else{const a=t.parentElement,o=a?a.offsetWidth:i,{width:B,height:g}=Y1(),w=Math.round(o*B),C=Math.round(s*g);A.style.width=`${w}px`,A.style.height=`${C}px`}}const n=E8(A,t,e?.offset);A.style.transform=`translate(${n.x}px, ${n.y}px)`},Eg=(A,e,t)=>{Array.from(e.children).forEach((i,s)=>{const r=Q8(i,s);if(!r)return;const l=t.items[s];I8(r,l,A)})},M8=(A,e,t)=>{const n=t.row?parseInt(t.row.split(" / ")[0]):0,i=B=>B>=13?-70:B>=10&&B<=12?-40:B>=6&&B<10?40:80,s=B=>B>=13?120:B>=10&&B<=12?140:B>=6&&B<10?160:170,r=i(n),l=s(n),c=`${r}vh`,a=`${l}vh`,o=new F().withClassName(`${bo}-${e}`).withStyles({element:{overflow:"clip",height:"100%",width:"100%",...kA({animation:`${m1} ease-in-out forwards`,animationTimeline:"view()",animationRangeStart:c,animationRangeEnd:a,animationDuration:"1ms"})}});if(A.tagName==="IMG"){const B=JA({element:A,isScaled:!0,imageLoading:"lazy"});o.withChild(B)}return o.build()},Y8=(A,e,t)=>{const n=e.row?parseInt(e.row.split(" / ")[0]):0,i=n>8?0:80,s=(n>8,200),r=`${i}vh`,l=`${s}vh`,c=M8(A,t,e);return new F().withClassName(`${g8}-${t}`).withStyles({element:{gridColumn:e.column,gridRow:e.row,zIndex:e.zIndex||1,width:"100%",height:"100%",[`@media (${N.large.max})`]:{"@supports not (animation-timeline: scroll())":{display:"none"}},...M1&&{display:"none"},...kA({animation:`${p1} ease-in-out forwards`,animationTimeline:"view()",animationRangeStart:r,animationRangeEnd:l})}}).withChild(c).build()},D8=A=>{const e=A.images.length,t=D1(e);if(!t)return console.warn(`No configuration found for ${e} elements`),new F().withClassName(w8).build();const i=A.images.map((s,r)=>{const l=t.items[r];return Y8(s,l,r)}).map(s=>s);return new F().withClassName(hg).withStyles({element:{display:"grid",gridTemplateColumns:"repeat(16, 1fr)",gridTemplateRows:"repeat(16, 2vh)",gap:m.min,minHeight:"300px",[`@media (${N.large.max})`]:{"@supports not (animation-timeline: scroll())":{width:"100%"}},...kA({gridTemplateColumns:t.layout.gridTemplateColumns,gridTemplateRows:t.layout.gridTemplateRows,transform:"translate(-50%, -25%)"})}}).withChildren(...i).build()},F8=(A,e,t)=>{let n;const{width:i,height:s}=Y1(),r=new F().withClassName(`${bo}-featured`).withStyles({element:{position:"absolute",top:"20vh",left:"50%",transform:"translateX(-50%)",zIndex:999,width:`${i*100}%`,height:`${s*100}vh`,...M1&&{top:"0"},[`@media (${N.large.max})`]:{"@supports not (animation-timeline: view())":{width:"100% !important",height:"100% !important",top:"0"}},...e&&{...kA({top:"30vh",animation:`${I1} ease-in-out forwards`,animationTimeline:"view()",animationRangeStart:`${100+(t-4)*10}vh`,animationRangeEnd:"250vh"})}}});if(A.tagName==="IMG"){const c=JA({element:A,isScaled:!0,imageLoading:"lazy"});r.withChild(c)}A.tagName==="VIDEO"&&(A.setAttribute("muted","true"),A.setAttribute("playsinline","true"),A.setAttribute("loop","true"),n=Bg({video:A,isScaled:!0}),n&&n.element instanceof HTMLElement&&r.withChild(n));const l=r.build();if(e&&l.element instanceof HTMLElement){const c=new IntersectionObserver(a=>{a.forEach(o=>{o.isIntersecting&&(n?.events?.setPlay&&n.events.setPlay(),c.disconnect())})},{rootMargin:`-${100+(t-4)*10}px 0px 0px 0px`,threshold:0});c.observe(l.element)}return l},y8=A=>{const e=D8(A),t=F8(A.featured,A.isExpandFeature,A.images.length),n=new F().withClassName(`${zi}-sticky-wrapper`).withStyles({element:{position:"relative",...kA({position:"sticky",top:0})}}).withChildren(e,t).build();return new F().withClassName(`${zi}-sticky`).withStyles({element:{...kA({height:"200vh",...A.isExpandFeature&&{height:"250vh"}})}}).withChild(n).build()},G8=A=>{const e=y8(A),t=new F().withClassName(zi).withStyles({element:{containerType:"inline-size",opacity:"0",overflow:"clip"}}).withChild(e).build(),n=async()=>{const i=A.images.length,s=D1(i),r=t.element.querySelector(`.${hg}`),l=t.element.querySelector(`.${bo}-featured`);let c=!1;if(!p8(r,s))return;const a=()=>{c||(f8(l,r),c=!0,setTimeout(()=>{Eg(A.featured,r,s)},100))};try{await h8(r)}catch(o){console.warn("Media loading failed, proceeding with animation:",o)}if(Eg(A.featured,r,s),Qg(t.element,"1"),!F1()){const o=m8(()=>{setTimeout(()=>{Eg(A.featured,r,s),setTimeout(()=>{Qg(t.element,"1"),c=!1},100)},200)});window.addEventListener("resize",()=>{F1()||(t.element.style.opacity==="1"&&Qg(t.element,"0","opacity 0.3s ease-in-out"),a(),o())})}};return t.styles+=d8,t.styles+=u8,t.styles+=C8,{...t,events:{loadAnimation:n}}},xo=({actions:A,customStyles:e={},date:t,eventMeta:n,eyebrow:i,hasEyebrowRibbon:s=!1,headline:r,isThemeDark:l,text:c})=>{const a=new F().withClassName("scaling-font-block-container").withStyles({element:{zIndex:"9",position:"relative",...e}});if(i&&!s){const o=d1({eyebrow:i,isThemeDark:l});a.withChild(o)}if(i&&s){const o=r8({eyebrow:i});a.withChild(o)}if(r){const o={...ge({color:iA.foreground(l)}),...BA("larger",{theme:iA.fontColor(l),scaling:!0})},B=new F(r).styled(o).withStyles(B1).withModifier(g=>_e(g)).build();a.withChild(B)}if(n&&a.withChild(n),c){const o=new F(c).styled(ce({theme:iA.fontColor(l),scaling:!0})).withStyles(g1(l)).build();a.withChild(o)}if(t){const o=new F(t).styled(BA("min",{theme:iA.fontColor(l),scaling:!0})).withStyles(w1(l)).build();a.withChild(o)}if(A){const o=u1({actions:A});a.withChild(o)}return a.build()},v8=gA.small.max,Ji=A=>{const{dateSign:e,hasBorder:t,hasEyebrowRibbon:n,image:i,imageLoading:s="lazy",isAligned:r,isThemeDark:l,isTransparent:c,newsId:a}=A,o=n,B=[],g={isThemeDark:l,isTransparent:c,hasBorder:t};i&&B.push(zv({children:[JA({element:i,isScaled:!0,isAspectStandard:r,dateSign:e,imageLoading:s})],customStyles:{...o&&{...fA("max-width",v8,{marginBottom:m.md,width:"100%"})}},...g})),B.push(Jv({children:[xo(A)],...g}));const w=jv({children:B,...g});return a&&w?.element.setAttribute("news-id",a),w},fg=gA.medium.min,y1=gA.small.max,G1=A=>{const{icon:e,text:t,isThemeDark:n}=A,i=new F("span").withHTML(e).build(),s=new F("span").withHTML(t).build();return new F("p").styled(Gn({theme:n?"dark":"light"})).withStyles({element:{display:"flex",alignItems:"flex-start",[`& + .${cE.className}, & + .${lE.className}`]:{marginTop:"5px"},"& span ":{marginLeft:"0 !important",marginTop:"0 !important"}}}).withChildren(i,s).build()},P8=({startTime:A,endTime:e,isThemeDark:t})=>{const n=Li({element:A});if(!n)return null;let i=n.time;const s=Li({element:e??null});return s&&s.time!==n.time&&(i=`${i} - ${s.time}`),new F("p").withClassName("card-event-time-row").styled(BA("small",{theme:t?"dark":"light"})).withStyles({element:{marginBottom:m.sm,textTransform:"uppercase",fontWeight:qA.bold}}).withHTML(i).build()},U8=({location:A,information:e,isThemeDark:t})=>{const n=[];return A?.textContent&&n.push(G1({icon:vo,text:A.textContent,isThemeDark:t})),e?.textContent&&n.push(G1({icon:iv,text:e.textContent,isThemeDark:t})),n.length===0?null:new F().withClassName("card-event-time-meta").withStyles({element:{marginBottom:m.sm,"> *:not(:first-child)":{"@container (min-width: 650px)":{width:"auto"}}}}).withChildren(...n).build()},b8=({image:A,isAligned:e})=>{const t=JA({element:A,isScaled:e,isGifAllowed:!1,imageLoading:"lazy"});return new F().withClassName("card-event-time-image-wrapper").withStyles({element:{...fA("max-width",y1,{marginLeft:m.min,marginBottom:m.md,width:"120px",float:"right",position:"relative",zIndex:99,...e&&{height:"104px"}}),...fA("min-width",fg,{display:"block",width:"160px",order:"2",...e&&{height:"160px"}}),"& img":{...fA("max-width",y1,{height:"auto !important"})}}}).withChild(t).build()},x8=A=>{const{headline:e,startTime:t,endTime:n,location:i,information:s,text:r,actions:l,image:c,isAligned:a,isThemeDark:o}=A,B=[],g=P8({startTime:t,endTime:n,isThemeDark:o});if(g&&B.push(g),e){const Q={...ge({color:iA.foreground(o)}),...BA("larger",{theme:iA.fontColor(o)})},f=new F(e).styled(Q).withStyles({element:{fontWeight:"700","& + *":{marginTop:m.sm}},subElement:{color:"currentColor"}}).withModifier(I=>_e(I)).build();B.push(f)}const w=U8({location:i,information:s,isThemeDark:o});w&&B.push(w);const C=C1({text:r||null,actions:l||null,isThemeDark:o});B.push(C);const d=new F().withClassName("card-event-time-content").withStyles({element:{flex:"1 0",...fA("min-width",fg,{paddingRight:m.md,order:"1"})}}).withChildren(...B).build(),u=[];c&&u.push(b8({image:c,isAligned:a})),u.push(d);const E=new F().withClassName("card-event-time-wrapper").withStyles({element:{containerType:"inline-size",...fA("min-width",fg,{display:"flex",justifyContent:"space-between"})}}).withChildren(...u).build();return new F().withClassName("card-event-time-container").withStyles({element:{height:"100%",overflow:"hidden",...o&&{backgroundColor:M.black,color:M.white}}}).withChild(E).build()},v1=gA.small.max,mg=gA.medium.min,To=gA.large.min,T8=A=>new F().withClassName("card-list-date-sign-wrapper").withStyles({element:{width:`${m.xl}`,order:1,alignSelf:"flex-start",...fA("max-width",To,{display:"none"}),...fA("min-width",To,{width:`${m["8xl"]}`})}}).withChild(A).build(),N8=A=>{const e=C1(A);return new F().withClassName("card-list-text-wrapper").withStyles({element:{flex:"1 0",...fA("min-width",mg,{paddingRight:`${m.md}`,order:"2"}),...fA("min-width",To,{width:"208px"})}}).withChild(e).build()},H8=({image:A,isAligned:e})=>{const t=JA({element:A,isScaled:e,isGifAllowed:!1,imageLoading:"lazy"});return new F().withClassName("card-list-image-wrapper").withStyles({element:{...fA("max-width",v1,{marginLeft:m.min,marginBottom:m.md,width:"120px",float:"right",position:"relative",zIndex:99,...e&&{height:"104px"}}),...fA("min-width",mg,{display:"block",width:"160px",order:"3",...e&&{height:"160px"}}),...fA("min-width",To,{width:"208px"}),"& img":{...fA("max-width",v1,{height:"auto !important"})}}}).withChild(t).build()},ji=A=>{const{image:e,isAligned:t,isThemeDark:n,dateSign:i}=A;let s=[];e&&s.push(H8({image:e,isAligned:t})),i&&s.push(T8(i)),s.push(N8(A));const r=new F().withClassName("card-list-wrapper").withStyles({element:{containerType:"inline-size",...fA("min-width",mg,{display:"flex",justifyContent:"space-between"})}}).withChildren(...s).build();return new F().withClassName("card-list-container").withStyles({element:{height:"100%",overflow:"hidden",...n&&{backgroundColor:M.black,color:M.white}}}).withChild(r).build()},P1=({ctaIcon:A,isThemeLight:e})=>{const n=`Open Link to ${A.getAttribute("href")}`,i=A.querySelector("svg"),s=A.getAttribute("aria-label")||n;if(A.setAttribute("aria-label",s),!i){const r=A.getAttribute("target")==="_blank",l=A.getAttribute("download")==="";r&&(A.innerHTML=Vm),l&&(A.innerHTML=_m),!r&&!l&&(A.innerHTML=Iv)}return new F().withClassName("actions-cta-icon").withStyles({element:{position:"absolute",bottom:m.sm,right:m.sm,zIndex:9999,"& a":{borderRadius:"50%",height:"40px",width:"40px",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:M.white,transition:"background-color 0.3s ease-in-out",...e&&{backgroundColor:`${M.gray.darker}`}},"& a:hover, & a:focus":{backgroundColor:`${M.gray.darker}`,border:`1px solid ${M.white}`,...e&&{backgroundColor:`${M.white}`,border:`1px solid ${M.gray.darker}`},"& svg, & path":{fill:M.white,...e&&{fill:`${M.gray.darker}`}}},"& svg":{height:"15px",width:"15px",fill:M.gray.darker,transition:"background-color 0.3s ease-in-out"},"& svg, & path":{fill:`${M.gray.darker}`,...e&&{fill:`${M.white}`}}}}).withChild(A).build()},L8=A=>{const{isThemeDark:e,ctaIcon:t}=A,n=[];t&&t instanceof HTMLElement&&n.push(P1({...A,ctaIcon:t,isThemeLight:!e}));const i=xo(A),s=new F().withClassName("card-overlay-color-wrapper").withStyles({element:{paddingRight:`${t?m["2xl"]:0}`,height:"100%","& > *":{height:"100%",display:"flex",flexDirection:"column",zIndex:9,position:"relative",maxWidth:`${m.maxWidth.smallest}`}}}).withChild(i).build();return n.push(s),new F().withClassName("card-overlay-color").withStyles({element:{containerType:"inline-size",padding:`${m.lg} ${m.md}`,minHeight:"360px",height:"100%",overflow:"hidden",position:"relative",backgroundColor:M.gray.lightest,...e&&{backgroundColor:M.gray.darker},[`& .${Lt.className}`]:{[`@media (${N.tablet.min})`]:{marginTop:"auto !important"}}}}).withChildren(...n).build()},k8=A=>{const e=[];if(A.image){const t=new F().withClassName("card-overlay-icon-image").withStyles({element:{display:"flex",justifyContent:"flex-end",marginBottom:`${m.lg}`,"& *":{maxHeight:"120px"}}}).withChild(A.image).build();e.push(t)}return e.push(xo({...A,customStyles:{height:"auto"}})),new F().withClassName("card-overlay-icon").withStyles({element:{containerType:"inline-size",height:"100%",overflow:"hidden",position:"relative",padding:`${m.md}`,paddingTop:`${m.sm}`,backgroundColor:M.gray.lightest,...A.isThemeDark&&{backgroundColor:M.gray.darker}}}).withChildren(...e).build()},be="card-overlay-image",No=A=>{const{isQuote:e,ctaIcon:t,dateSign:n,backgroundImage:i,text:s,imageLoading:r="lazy"}=A,l=[],c=[],a=()=>{(()=>{const u=s?.innerHTML;if(s&&u){const E=WG({text:u,size:C.element.offsetWidth});if(s.innerHTML=E,E.length>=220){const Q=C.element.querySelector(`.${o}`);Q&&Q.setAttribute("data-size","large")}}})()};let o=null;if(t&&t instanceof HTMLElement&&l.push(P1({...A,ctaIcon:t,isThemeLight:!1})),i){const d=JA({element:i,isScaled:!0,isGifAllowed:!0,imageLoading:r,customStyles:{position:"absolute",top:0,left:0,width:"100%",height:"100%","&:before":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:1,opacity:1,transition:"opacity 0.5s ease-in-out",background:"linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 60%, rgba(0, 0, 0, 0.9) 100%)"},'&[data-size="large"]:before':{background:"linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 30%, rgba(0, 0, 0, 0.9) 100%)"},img:{transform:"scale(1.025)"}}});l.push(d),o=d.element.className}if(n&&c.push(new F().styled(wA.background.box.white).withStyles({element:{alignSelf:"flex-start"},siblingAfter:{marginTop:`${m.min}`}}).withChild(n).build()),e){const d=new F().withClassName("card-overlay-image-quote-wrapper").withStyles({element:{width:"41px",height:"30px",marginBottom:`${m.xs}`,"& svg":{fill:`${M.red}`}}}).withHTML(og).build();c.push(d)}c.push(xo({...A,isThemeDark:!0}));const B=new F().withClassName("card-overlay-image-text-content").withStyles({element:{maxWidth:`${m.maxWidth.smallest}`,height:"100%",display:"flex",flexDirection:"column",zIndex:9,position:"relative"," & * ":{color:`${M.white}`}}}).withChildren(...c).build(),g=new F().withClassName("card-overlay-image-text-wrapper").withStyles({element:{height:"auto",paddingRight:`${t?m["2xl"]:0}`}}).withChild(B).build(),w=new F().withClassName("card-overlay-image-container").withStyles({element:{position:"relative",padding:`${m.lg} ${m.md}`,paddingTop:`${m["4xl"]}`,display:"flex",flexDirection:"column",justifyContent:"flex-end",minHeight:"360px",height:"100%",overflow:"hidden",...fA("min-width",gA.medium.min,{paddingTop:`${m["8xl"]}`,minHeight:"424px"})}}).withChildren(...l,g).build(),C=new F().withClassName(be).withStyles({element:{height:"100%",containerType:"inline-size",[`&:hover .${o}:before, &:focus .${o}:before`]:{opacity:.7},"&:hover img, &:focus img":{transform:"scale(1)",transition:"transform 0.5s ease-in-out"}}}).withChild(w).build();return{...C,events:{load:a}}},wt=({video:A,isAutoplay:e=!1,isScaled:t=!1,additionalElementStyles:n,videoPreload:i="metadata",videoFetchPriority:s="auto"})=>(()=>{const r=new IntersectionObserver(a=>{a.forEach(o=>{o.isIntersecting?A.readyState>=2?c?.events?.setPlay():(A.addEventListener("loadeddata",()=>c?.events?.setPlay(),{once:!0}),A.readyState===0&&A.load()):c?.events?.setPause()})},{threshold:.25}),l=a=>{a&&r&&r.disconnect()};A.removeAttribute("controls"),A.setAttribute("preload",i),s!=="auto"&&A.setAttribute("fetchpriority",s),A.setAttribute("playsinline",""),A.setAttribute("muted",""),A.setAttribute("loop","");const c=Bg({video:A,additionalElementStyles:n,isScaled:t,callback:l});return!kn()&&e&&r.observe(c.element),c})(),R8=A=>wt({...A,additionalElementStyles:{width:"100%",aspectRatio:"1 / 1",position:"relative",overflow:"hidden","& video":{height:"100%",width:"100%",objectFit:"cover"}}}),S8=A=>{const{video:e}=A,t=()=>{e.paused&&(e.muted=!0,e.play())},n=()=>{e.paused||e.pause()};return e.setAttribute("controls","true"),e.setAttribute("controlsList",'nodownload nofullscreen noremoteplayback noplaybackrate"'),e.setAttribute("preload","metadata"),e.setAttribute("playsinline",""),e.setAttribute("muted",""),e.addEventListener("mouseover",t),e.addEventListener("focus",t),e.addEventListener("mouseleave",n),e.addEventListener("blur",n),new F().withClassName("card-video-short-container").withStyles({element:{height:"100%",width:"100%",aspectRatio:"9/16","& video":{height:"100%",width:"100%",objectFit:"cover","&:hover":{cursor:"pointer"}}}}).withChild(e).build()},U1=Il.className,pg="single",jn=750,z8=.2,J8=.6,j8=`[${pg}]`,K8="umd-element-animation-carousel-block",Ig="animation-carousel-block-declaration",Ho="animation-carousel-block-container",b1="animation-carousel-block-wrapper",Kn="animation-carousel-block-button",Lo="animation-carousel-block-button-next",On="animation-carousel-block-button-previous",O8=`.${Ho}${j8}`,W8=`
|
|
611
|
+
`,h8=async A=>{const e=Array.from(A.querySelectorAll("img")),t=Array.from(A.querySelectorAll("video")),n=e.map(s=>s.complete?s.naturalWidth>0?Promise.resolve():Promise.reject(new Error(`Failed to load image: ${s.src}`)):new Promise((r,l)=>{s.addEventListener("load",()=>r(),{once:!0}),s.addEventListener("error",()=>l(new Error(`Failed to load image: ${s.src}`)),{once:!0})})),i=t.map(s=>s.readyState>=3?Promise.resolve():new Promise((r,l)=>{s.addEventListener("loadeddata",()=>r(),{once:!0}),s.addEventListener("error",()=>l(new Error(`Failed to load video: ${s.src}`)),{once:!0})}));return await Promise.all([...n,...i]),new Promise(s=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{s()})})})},D1=A=>B8.find(e=>e.count===A),Q8=(A,e)=>A.querySelector(`.${bo}-${e}`),E8=(A,e,t)=>{const n=A.getBoundingClientRect(),i=e.getBoundingClientRect(),s=i.left+i.width/2,r=i.top+i.height/2,l=n.left+n.width/2,c=n.top+n.height/2;let a=s-l,o=r-c;if(t){const B=(g,w)=>g?parseFloat(g)/100*w:0;a+=B(t.left,i.width),a-=B(t.right,i.width),o+=B(t.top,i.height),o-=B(t.bottom,i.height)}return{x:a,y:o}},f8=(A,e)=>{A&&(A.style.animation="none"),e&&(e.style.animation="none")},F1=()=>window.innerWidth<768,m8=(A,e=300)=>{let t=null,n=window.innerWidth;return()=>{const i=window.innerWidth;i!==n&&(n=i,t&&clearTimeout(t),t=setTimeout(()=>{A(),t=null},e))}},Qg=(A,e,t)=>{A.style.opacity=e,t&&(A.style.transition=t)},p8=(A,e)=>A!==null&&e!==void 0,I8=(A,e,t)=>{if(t){const i=window.innerWidth,s=window.innerHeight,r=t.offsetWidth,l=t.offsetHeight;if(!(r>i*.41||l>s*.41))A.style.width=`${r}px`,A.style.height=`${l}px`;else{const a=t.parentElement,o=a?a.offsetWidth:i,{width:B,height:g}=Y1(),w=Math.round(o*B),C=Math.round(s*g);A.style.width=`${w}px`,A.style.height=`${C}px`}}const n=E8(A,t,e?.offset);A.style.transform=`translate(${n.x}px, ${n.y}px)`},Eg=(A,e,t)=>{Array.from(e.children).forEach((i,s)=>{const r=Q8(i,s);if(!r)return;const l=t.items[s];I8(r,l,A)})},M8=(A,e,t)=>{const n=t.row?parseInt(t.row.split(" / ")[0]):0,i=B=>B>=13?-70:B>=10&&B<=12?-40:B>=6&&B<10?40:80,s=B=>B>=13?120:B>=10&&B<=12?140:B>=6&&B<10?160:170,r=i(n),l=s(n),c=`${r}vh`,a=`${l}vh`,o=new F().withClassName(`${bo}-${e}`).withStyles({element:{overflow:"clip",height:"100%",width:"100%",...kA({animation:`${m1} ease-in-out forwards`,animationTimeline:"view()",animationRangeStart:c,animationRangeEnd:a,animationDuration:"1ms"})}});if(A.tagName==="IMG"){const B=JA({element:A,isScaled:!0,imageLoading:"lazy"});o.withChild(B)}return o.build()},Y8=(A,e,t)=>{const n=e.row?parseInt(e.row.split(" / ")[0]):0,i=n>8?0:80,s=(n>8,200),r=`${i}vh`,l=`${s}vh`,c=M8(A,t,e);return new F().withClassName(`${g8}-${t}`).withStyles({element:{gridColumn:e.column,gridRow:e.row,zIndex:e.zIndex||1,width:"100%",height:"100%",[`@media (${N.large.max})`]:{"@supports not (animation-timeline: scroll())":{display:"none"}},...M1&&{display:"none"},...kA({animation:`${p1} ease-in-out forwards`,animationTimeline:"view()",animationRangeStart:r,animationRangeEnd:l})}}).withChild(c).build()},D8=A=>{const e=A.images.length,t=D1(e);if(!t)return console.warn(`No configuration found for ${e} elements`),new F().withClassName(w8).build();const i=A.images.map((s,r)=>{const l=t.items[r];return Y8(s,l,r)}).map(s=>s);return new F().withClassName(hg).withStyles({element:{display:"grid",gridTemplateColumns:"repeat(16, 1fr)",gridTemplateRows:"repeat(16, 2vh)",gap:m.min,minHeight:"300px",[`@media (${N.large.max})`]:{"@supports not (animation-timeline: scroll())":{width:"100%"}},...kA({gridTemplateColumns:t.layout.gridTemplateColumns,gridTemplateRows:t.layout.gridTemplateRows,transform:"translate(-50%, -25%)"})}}).withChildren(...i).build()},F8=(A,e,t)=>{let n;const{width:i,height:s}=Y1(),r=new F().withClassName(`${bo}-featured`).withStyles({element:{position:"absolute",top:"20vh",left:"50%",transform:"translateX(-50%)",zIndex:999,width:`${i*100}%`,height:`${s*100}vh`,...M1&&{top:"0"},[`@media (${N.large.max})`]:{"@supports not (animation-timeline: view())":{width:"100% !important",height:"100% !important",top:"0"}},...e&&{...kA({top:"30vh",animation:`${I1} ease-in-out forwards`,animationTimeline:"view()",animationRangeStart:`${100+(t-4)*10}vh`,animationRangeEnd:"250vh"})}}});if(A.tagName==="IMG"){const c=JA({element:A,isScaled:!0,imageLoading:"lazy"});r.withChild(c)}A.tagName==="VIDEO"&&(A.setAttribute("muted","true"),A.setAttribute("playsinline","true"),A.setAttribute("loop","true"),n=Bg({video:A,isScaled:!0}),n&&n.element instanceof HTMLElement&&r.withChild(n));const l=r.build();if(e&&l.element instanceof HTMLElement){const c=new IntersectionObserver(a=>{a.forEach(o=>{o.isIntersecting&&(n?.events?.setPlay&&n.events.setPlay(),c.disconnect())})},{rootMargin:`-${100+(t-4)*10}px 0px 0px 0px`,threshold:0});c.observe(l.element)}return l},y8=A=>{const e=D8(A),t=F8(A.featured,A.isExpandFeature,A.images.length),n=new F().withClassName(`${zi}-sticky-wrapper`).withStyles({element:{position:"relative",...kA({position:"sticky",top:0})}}).withChildren(e,t).build();return new F().withClassName(`${zi}-sticky`).withStyles({element:{...kA({height:"200vh",...A.isExpandFeature&&{height:"250vh"}})}}).withChild(n).build()},G8=A=>{const e=y8(A),t=new F().withClassName(zi).withStyles({element:{containerType:"inline-size",opacity:"0",overflow:"clip"}}).withChild(e).build(),n=async()=>{const i=A.images.length,s=D1(i),r=t.element.querySelector(`.${hg}`),l=t.element.querySelector(`.${bo}-featured`);let c=!1;if(!p8(r,s))return;const a=()=>{c||(f8(l,r),c=!0,setTimeout(()=>{Eg(A.featured,r,s)},100))};try{await h8(r)}catch(o){console.warn("Media loading failed, proceeding with animation:",o)}if(Eg(A.featured,r,s),Qg(t.element,"1"),!F1()){const o=m8(()=>{setTimeout(()=>{Eg(A.featured,r,s),setTimeout(()=>{Qg(t.element,"1"),c=!1},100)},200)});window.addEventListener("resize",()=>{F1()||(t.element.style.opacity==="1"&&Qg(t.element,"0","opacity 0.3s ease-in-out"),a(),o())})}};return t.styles+=d8,t.styles+=u8,t.styles+=C8,{...t,events:{loadAnimation:n}}},xo=({actions:A,customStyles:e={},date:t,eventMeta:n,eyebrow:i,hasEyebrowRibbon:s=!1,headline:r,isThemeDark:l,text:c})=>{const a=new F().withClassName("scaling-font-block-container").withStyles({element:{zIndex:"9",position:"relative",...e}});if(i&&!s){const o=d1({eyebrow:i,isThemeDark:l});a.withChild(o)}if(i&&s){const o=r8({eyebrow:i});a.withChild(o)}if(r){const o={...ge({color:iA.foreground(l)}),...BA("larger",{theme:iA.fontColor(l),scaling:!0})},B=new F(r).styled(o).withStyles(B1).withModifier(g=>_e(g)).build();a.withChild(B)}if(n&&a.withChild(n),c){const o=new F(c).styled(ce({theme:iA.fontColor(l),scaling:!0})).withStyles(g1(l)).build();a.withChild(o)}if(t){const o=new F(t).styled(BA("min",{theme:iA.fontColor(l),scaling:!0})).withStyles(w1(l)).build();a.withChild(o)}if(A){const o=u1({actions:A});a.withChild(o)}return a.build()},v8=gA.small.max,Ji=A=>{const{dateSign:e,hasBorder:t,hasEyebrowRibbon:n,image:i,imageLoading:s="lazy",isAligned:r,isThemeDark:l,isTransparent:c,newsId:a}=A,o=n,B=[],g={isThemeDark:l,isTransparent:c,hasBorder:t};i&&B.push(zv({children:[JA({element:i,isScaled:!0,isAspectStandard:r,dateSign:e,imageLoading:s})],customStyles:{...o&&{...fA("max-width",v8,{marginBottom:m.md,width:"100%"})}},...g})),B.push(Jv({children:[xo(A)],...g,hasImage:!!i}));const w=jv({children:B,...g});return a&&w?.element.setAttribute("news-id",a),w},fg=gA.medium.min,y1=gA.small.max,G1=A=>{const{icon:e,text:t,isThemeDark:n}=A,i=new F("span").withHTML(e).build(),s=new F("span").withHTML(t).build();return new F("p").styled(Gn({theme:n?"dark":"light"})).withStyles({element:{display:"flex",alignItems:"flex-start",[`& + .${cE.className}, & + .${lE.className}`]:{marginTop:"5px"},"& span ":{marginLeft:"0 !important",marginTop:"0 !important"}}}).withChildren(i,s).build()},P8=({startTime:A,endTime:e,isThemeDark:t})=>{const n=Li({element:A});if(!n)return null;let i=n.time;const s=Li({element:e??null});return s&&s.time!==n.time&&(i=`${i} - ${s.time}`),new F("p").withClassName("card-event-time-row").styled(BA("small",{theme:t?"dark":"light"})).withStyles({element:{marginBottom:m.sm,textTransform:"uppercase",fontWeight:qA.bold}}).withHTML(i).build()},U8=({location:A,information:e,isThemeDark:t})=>{const n=[];return A?.textContent&&n.push(G1({icon:vo,text:A.textContent,isThemeDark:t})),e?.textContent&&n.push(G1({icon:iv,text:e.textContent,isThemeDark:t})),n.length===0?null:new F().withClassName("card-event-time-meta").withStyles({element:{marginBottom:m.sm,"> *:not(:first-child)":{"@container (min-width: 650px)":{width:"auto"}}}}).withChildren(...n).build()},b8=({image:A,isAligned:e})=>{const t=JA({element:A,isScaled:e,isGifAllowed:!1,imageLoading:"lazy"});return new F().withClassName("card-event-time-image-wrapper").withStyles({element:{...fA("max-width",y1,{marginLeft:m.min,marginBottom:m.md,width:"120px",float:"right",position:"relative",zIndex:99,...e&&{height:"104px"}}),...fA("min-width",fg,{display:"block",width:"160px",order:"2",...e&&{height:"160px"}}),"& img":{...fA("max-width",y1,{height:"auto !important"})}}}).withChild(t).build()},x8=A=>{const{headline:e,startTime:t,endTime:n,location:i,information:s,text:r,actions:l,image:c,isAligned:a,isThemeDark:o}=A,B=[],g=P8({startTime:t,endTime:n,isThemeDark:o});if(g&&B.push(g),e){const Q={...ge({color:iA.foreground(o)}),...BA("larger",{theme:iA.fontColor(o)})},f=new F(e).styled(Q).withStyles({element:{fontWeight:"700","& + *":{marginTop:m.sm}},subElement:{color:"currentColor"}}).withModifier(I=>_e(I)).build();B.push(f)}const w=U8({location:i,information:s,isThemeDark:o});w&&B.push(w);const C=C1({text:r||null,actions:l||null,isThemeDark:o});B.push(C);const d=new F().withClassName("card-event-time-content").withStyles({element:{flex:"1 0",...fA("min-width",fg,{paddingRight:m.md,order:"1"})}}).withChildren(...B).build(),u=[];c&&u.push(b8({image:c,isAligned:a})),u.push(d);const E=new F().withClassName("card-event-time-wrapper").withStyles({element:{containerType:"inline-size",...fA("min-width",fg,{display:"flex",justifyContent:"space-between"})}}).withChildren(...u).build();return new F().withClassName("card-event-time-container").withStyles({element:{height:"100%",overflow:"hidden",...o&&{backgroundColor:M.black,color:M.white}}}).withChild(E).build()},v1=gA.small.max,mg=gA.medium.min,To=gA.large.min,T8=A=>new F().withClassName("card-list-date-sign-wrapper").withStyles({element:{width:`${m.xl}`,order:1,alignSelf:"flex-start",...fA("max-width",To,{display:"none"}),...fA("min-width",To,{width:`${m["8xl"]}`})}}).withChild(A).build(),N8=A=>{const e=C1(A);return new F().withClassName("card-list-text-wrapper").withStyles({element:{flex:"1 0",...fA("min-width",mg,{paddingRight:`${m.md}`,order:"2"}),...fA("min-width",To,{width:"208px"})}}).withChild(e).build()},H8=({image:A,isAligned:e})=>{const t=JA({element:A,isScaled:e,isGifAllowed:!1,imageLoading:"lazy"});return new F().withClassName("card-list-image-wrapper").withStyles({element:{...fA("max-width",v1,{marginLeft:m.min,marginBottom:m.md,width:"120px",float:"right",position:"relative",zIndex:99,...e&&{height:"104px"}}),...fA("min-width",mg,{display:"block",width:"160px",order:"3",...e&&{height:"160px"}}),...fA("min-width",To,{width:"208px"}),"& img":{...fA("max-width",v1,{height:"auto !important"})}}}).withChild(t).build()},ji=A=>{const{image:e,isAligned:t,isThemeDark:n,dateSign:i}=A;let s=[];e&&s.push(H8({image:e,isAligned:t})),i&&s.push(T8(i)),s.push(N8(A));const r=new F().withClassName("card-list-wrapper").withStyles({element:{containerType:"inline-size",...fA("min-width",mg,{display:"flex",justifyContent:"space-between"})}}).withChildren(...s).build();return new F().withClassName("card-list-container").withStyles({element:{height:"100%",overflow:"hidden",...n&&{backgroundColor:M.black,color:M.white}}}).withChild(r).build()},P1=({ctaIcon:A,isThemeLight:e})=>{const n=`Open Link to ${A.getAttribute("href")}`,i=A.querySelector("svg"),s=A.getAttribute("aria-label")||n;if(A.setAttribute("aria-label",s),!i){const r=A.getAttribute("target")==="_blank",l=A.getAttribute("download")==="";r&&(A.innerHTML=Vm),l&&(A.innerHTML=_m),!r&&!l&&(A.innerHTML=Iv)}return new F().withClassName("actions-cta-icon").withStyles({element:{position:"absolute",bottom:m.sm,right:m.sm,zIndex:9999,"& a":{borderRadius:"50%",height:"40px",width:"40px",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:M.white,transition:"background-color 0.3s ease-in-out",...e&&{backgroundColor:`${M.gray.darker}`}},"& a:hover, & a:focus":{backgroundColor:`${M.gray.darker}`,border:`1px solid ${M.white}`,...e&&{backgroundColor:`${M.white}`,border:`1px solid ${M.gray.darker}`},"& svg, & path":{fill:M.white,...e&&{fill:`${M.gray.darker}`}}},"& svg":{height:"15px",width:"15px",fill:M.gray.darker,transition:"background-color 0.3s ease-in-out"},"& svg, & path":{fill:`${M.gray.darker}`,...e&&{fill:`${M.white}`}}}}).withChild(A).build()},L8=A=>{const{isThemeDark:e,ctaIcon:t}=A,n=[];t&&t instanceof HTMLElement&&n.push(P1({...A,ctaIcon:t,isThemeLight:!e}));const i=xo(A),s=new F().withClassName("card-overlay-color-wrapper").withStyles({element:{paddingRight:`${t?m["2xl"]:0}`,height:"100%","& > *":{height:"100%",display:"flex",flexDirection:"column",zIndex:9,position:"relative",maxWidth:`${m.maxWidth.smallest}`}}}).withChild(i).build();return n.push(s),new F().withClassName("card-overlay-color").withStyles({element:{containerType:"inline-size",padding:`${m.lg} ${m.md}`,minHeight:"360px",height:"100%",overflow:"hidden",position:"relative",backgroundColor:M.gray.lightest,...e&&{backgroundColor:M.gray.darker},[`& .${Lt.className}`]:{[`@media (${N.tablet.min})`]:{marginTop:"auto !important"}}}}).withChildren(...n).build()},k8=A=>{const e=[];if(A.image){const t=new F().withClassName("card-overlay-icon-image").withStyles({element:{display:"flex",justifyContent:"flex-end",marginBottom:`${m.lg}`,"& *":{maxHeight:"120px"}}}).withChild(A.image).build();e.push(t)}return e.push(xo({...A,customStyles:{height:"auto"}})),new F().withClassName("card-overlay-icon").withStyles({element:{containerType:"inline-size",height:"100%",overflow:"hidden",position:"relative",padding:`${m.md}`,paddingTop:`${m.sm}`,backgroundColor:M.gray.lightest,...A.isThemeDark&&{backgroundColor:M.gray.darker}}}).withChildren(...e).build()},be="card-overlay-image",No=A=>{const{isQuote:e,ctaIcon:t,dateSign:n,backgroundImage:i,text:s,imageLoading:r="lazy"}=A,l=[],c=[],a=()=>{(()=>{const u=s?.innerHTML;if(s&&u){const E=WG({text:u,size:C.element.offsetWidth});if(s.innerHTML=E,E.length>=220){const Q=C.element.querySelector(`.${o}`);Q&&Q.setAttribute("data-size","large")}}})()};let o=null;if(t&&t instanceof HTMLElement&&l.push(P1({...A,ctaIcon:t,isThemeLight:!1})),i){const d=JA({element:i,isScaled:!0,isGifAllowed:!0,imageLoading:r,customStyles:{position:"absolute",top:0,left:0,width:"100%",height:"100%","&:before":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:1,opacity:1,transition:"opacity 0.5s ease-in-out",background:"linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 60%, rgba(0, 0, 0, 0.9) 100%)"},'&[data-size="large"]:before':{background:"linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 30%, rgba(0, 0, 0, 0.9) 100%)"},img:{transform:"scale(1.025)"}}});l.push(d),o=d.element.className}if(n&&c.push(new F().styled(wA.background.box.white).withStyles({element:{alignSelf:"flex-start"},siblingAfter:{marginTop:`${m.min}`}}).withChild(n).build()),e){const d=new F().withClassName("card-overlay-image-quote-wrapper").withStyles({element:{width:"41px",height:"30px",marginBottom:`${m.xs}`,"& svg":{fill:`${M.red}`}}}).withHTML(og).build();c.push(d)}c.push(xo({...A,isThemeDark:!0}));const B=new F().withClassName("card-overlay-image-text-content").withStyles({element:{maxWidth:`${m.maxWidth.smallest}`,height:"100%",display:"flex",flexDirection:"column",zIndex:9,position:"relative"," & * ":{color:`${M.white}`}}}).withChildren(...c).build(),g=new F().withClassName("card-overlay-image-text-wrapper").withStyles({element:{height:"auto",paddingRight:`${t?m["2xl"]:0}`}}).withChild(B).build(),w=new F().withClassName("card-overlay-image-container").withStyles({element:{position:"relative",padding:`${m.lg} ${m.md}`,paddingTop:`${m["4xl"]}`,display:"flex",flexDirection:"column",justifyContent:"flex-end",minHeight:"360px",height:"100%",overflow:"hidden",...fA("min-width",gA.medium.min,{paddingTop:`${m["8xl"]}`,minHeight:"424px"})}}).withChildren(...l,g).build(),C=new F().withClassName(be).withStyles({element:{height:"100%",containerType:"inline-size",[`&:hover .${o}:before, &:focus .${o}:before`]:{opacity:.7},"&:hover img, &:focus img":{transform:"scale(1)",transition:"transform 0.5s ease-in-out"}}}).withChild(w).build();return{...C,events:{load:a}}},wt=({video:A,isAutoplay:e=!1,isScaled:t=!1,additionalElementStyles:n,videoPreload:i="metadata",videoFetchPriority:s="auto"})=>(()=>{const r=new IntersectionObserver(a=>{a.forEach(o=>{o.isIntersecting?A.readyState>=2?c?.events?.setPlay():(A.addEventListener("loadeddata",()=>c?.events?.setPlay(),{once:!0}),A.readyState===0&&A.load()):c?.events?.setPause()})},{threshold:.25}),l=a=>{a&&r&&r.disconnect()};A.removeAttribute("controls"),A.setAttribute("preload",i),s!=="auto"&&A.setAttribute("fetchpriority",s),A.setAttribute("playsinline",""),A.setAttribute("muted",""),A.setAttribute("loop","");const c=Bg({video:A,additionalElementStyles:n,isScaled:t,callback:l});return!kn()&&e&&r.observe(c.element),c})(),R8=A=>wt({...A,additionalElementStyles:{width:"100%",aspectRatio:"1 / 1",position:"relative",overflow:"hidden","& video":{height:"100%",width:"100%",objectFit:"cover"}}}),S8=A=>{const{video:e}=A,t=()=>{e.paused&&(e.muted=!0,e.play())},n=()=>{e.paused||e.pause()};return e.setAttribute("controls","true"),e.setAttribute("controlsList",'nodownload nofullscreen noremoteplayback noplaybackrate"'),e.setAttribute("preload","metadata"),e.setAttribute("playsinline",""),e.setAttribute("muted",""),e.addEventListener("mouseover",t),e.addEventListener("focus",t),e.addEventListener("mouseleave",n),e.addEventListener("blur",n),new F().withClassName("card-video-short-container").withStyles({element:{height:"100%",width:"100%",aspectRatio:"9/16","& video":{height:"100%",width:"100%",objectFit:"cover","&:hover":{cursor:"pointer"}}}}).withChild(e).build()},U1=Il.className,pg="single",jn=750,z8=.2,J8=.6,j8=`[${pg}]`,K8="umd-element-animation-carousel-block",Ig="animation-carousel-block-declaration",Ho="animation-carousel-block-container",b1="animation-carousel-block-wrapper",Kn="animation-carousel-block-button",Lo="animation-carousel-block-button-next",On="animation-carousel-block-button-previous",O8=`.${Ho}${j8}`,W8=`
|
|
612
612
|
.${Kn} {
|
|
613
613
|
background-color: ${M.red};
|
|
614
614
|
padding: 10px ${m.xs};
|