assets.msn.com Open in urlscan Pro
104.77.150.169  Public Scan

Form analysis
0 forms found in the DOM

Text Content

"use strict";(self.webpackChunk_msnews_msnews_experiences=self.webpackChunk_msnews_msnews_experiences||[]).push([["overlay-wc"],{10348:function(e,t,i){i.r(t),i.d(t,{OverlayWC:function(){return w},OverlayWCStyles:function(){return L},OverlayWCTemplate:function(){return _},ToolingInfo:function(){return $},overlayDialogTemplate:function(){return C},overlayWCTemplate:function(){return O}});var o,a=i(33940),n=i(88828),d=i(58155),l=i(64434),s=i(44979),r=i(65135),c=i(38156),g=i(99452),h=i(42590),p=i(83227),v=i(26415),y=i(64193),u=i(10209),m=i(94537);!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Loading=1]="Loading",e[e.Complete=2]="Complete",e[e.Error=3]="Error"}(o||(o={}));const f={c1:"calc(100% - 48px)",c2:"652px",c3:"894px",c4:"1226px"};class w extends y.l{constructor(){super(...arguments),this.paddingRight=null,this.overflow=null,this.styles=getComputedStyle(document.body),this.overlayState={showOverlay:void 0,loadState:o.Uninitialized},this.beginLoadChild=()=>(0,a.mG)(this,void 0,void 0,(function*(){if(this.openInIframeOverlay&&this.config.iframeConfig)this.overlayState.loadState=o.Complete;else{this.overlayState.loadState=o.Loading;try{this.config.childExperienceMap.main&&(yield(0,u.Fg)(this.config.childExperienceMap.main)),this.overlayState.loadState=o.Complete}catch(e){r.M0.sendAppErrorEvent(Object.assign(Object.assign({},v.IA3.LoadExperienceError),{message:e&&e.message})),this.overlayState.loadState=o.Error}}})),this.handleArticleClick=e=>{if(e.detail&&e.detail.destinationUrl&&e.detail.shouldOpenOverlay){const t=new URL(e.detail.destinationUrl);let i=d.c.appendSearchParam(t,"om","true");const o=r.M0.getPageMetadata();o.contract.page.ocid&&(i=d.c.appendSearchParam(t,"ocid",o.contract.page.ocid)),o.contract.page.partnerTrackingCode&&(i=d.c.appendSearchParam(t,"pc",o.contract.page.partnerTrackingCode)),this.setOpen(!0,i.href)}},this.setOpen=(e,t)=>{this.overlayState&&this.prevShow!==e&&(this.overlayState=Object.assign(Object.assign({},this.overlayState),{showOverlay:e}),this.destinationUrl=t,this.prevShow=e,this.updatePadding())},this.setupOverlayDialogProps=e=>{this.column=e;const t=this.config.dialogConfig;let i;this.dialogWidth=(t.width||f)[this.column],i=null!=t.zIndex?l.K[t.zIndex]?l.K[t.zIndex]:t.zIndex:l.K.Dialog,this.zIndex=i}}experienceConnected(){this.beginLoadChild(),this.capturePadding(),this.setupOverlayDialogProps((0,n.Bn)().currentColumnArrangement),this.mapTelemetryTags()}disconnectedCallback(){(0,n.Bn)().unsubscribe(this.setupOverlayDialogProps),window.removeEventListener("article-link-invoked",this.handleArticleClick),window.removeEventListener("message",(e=>{"overlay-dialog-dismiss"===e.data&&this.close()}))}getExperienceType(){return p.x.overlayWC}shadowDomPopulated(){(0,n.Bn)().subscribe(this.setupOverlayDialogProps),window.addEventListener("article-link-invoked",this.handleArticleClick),this.$emit("overlay-dialog-ready"),window.addEventListener("message",(e=>{"overlay-dialog-dismiss"===e.data&&this.close()}));new MutationObserver(this.setFocus.bind(this)).observe(this.shadowRoot,{childList:!0,subtree:!0})}setFocus(){const e=this.shadowRoot.querySelector("iframe");e&&this.overlayState.showOverlay&&setTimeout((()=>{e.contentWindow.focus()}),1e3)}updatePadding(){this.overlayState.showOverlay?(this.capturePadding(),this.setReplacementPadding()):this.resetOriginalPadding()}setReplacementPadding(){const e=((0,s.Nd)((new s.fH).data.innerWidth,"innerWidth")||window.document.documentElement.offsetWidth)-document.documentElement.clientWidth,t=parseFloat(this.styles.paddingRight)||0;document.body.style.paddingRight=`${e+t}px`,document.body.style.overflow="hidden"}capturePadding(){this.paddingRight=document.body.style.paddingRight,this.overflow=document.body.style.overflow}resetOriginalPadding(){document.body.style.paddingRight=this.paddingRight,document.body.style.overflow=this.overflow}onKeydown(e){e.key===m.CX&&this.close()}close(){this.setOpen(!1),this.$emit("overlay-dialog-closed")}mapTelemetryTags(){this.telemetryObject&&(this.closeTelemetryTag=this.telemetryObject.addOrUpdateChild({name:"close",behavior:c.wu.Close,content:{type:c.uH.Overlay,headline:"Close Dialog"}}).getMetadataTag(),this.dialogTelemetryTag=this.telemetryObject.addOrUpdateChild({name:"Dialog",behavior:c.wu.Close,content:{type:c.uH.Overlay,headline:"Dialog Container"}}).getMetadataTag())}}(0,a.gn)([g.LO],w.prototype,"column",void 0),(0,a.gn)([g.LO],w.prototype,"closeTelemetryTag",void 0),(0,a.gn)([g.LO],w.prototype,"dialogTelemetryTag",void 0),(0,a.gn)([g.LO],w.prototype,"overlayState",void 0),(0,a.gn)([g.LO],w.prototype,"requestContext",void 0),(0,a.gn)([g.LO],w.prototype,"zIndex",void 0),(0,a.gn)([g.LO],w.prototype,"dialogWidth",void 0),(0,a.gn)([h.Lj],w.prototype,"destinationUrl",void 0),(0,a.gn)([h.Lj],w.prototype,"rootTelemetryObject",void 0);var b=i(49218),x=i(93703);const O=()=>b.dy`
${(0,x.g)((e=>e.overlayState.showOverlay),C)}
${(0,x.g)((e=>!e.overlayState.showOverlay),null)}
`,C=()=>b.dy`<div data-t="${e=>e.dialogTelemetryTag}" role="dialog" class="dialog" @click=${(e,t)=>e.close()} onScroll=${e=>e.scroll} style="z-index:${e=>e.zIndex}; backdrop-filter:${e=>e.config.dialogConfig.backdropFilter}; background:${e=>e.config.dialogConfig.background};overflow:${e=>e.config.dialogConfig.overflow}"><div class="dialog_wrapper" style="padding-top:${e=>e.config.dialogConfig.paddingTop}"><div class="dialog_content" style="width:${e=>e.dialogWidth}" role="document">${S} ${T}</div></div></div>`,S=b.dy`<div class="dialog_content_container" style="border-radius:${e=>e.config.dialogConfig.borderRadius}"><iframe scrolling="true" src=${e=>e.destinationUrl} style="width: 1600px; height: 90vh; border: none"></iframe></div>`,T=b.dy`<div class="dialog_close_container" style="top:${e=>e.config.dialogConfig.closeOffset?e.config.dialogConfig.closeOffset:void 0}px;"><button class="dialog_close_button" data-t="${e=>e.closeTelemetryTag}" @click=${e=>e.close()}><svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><path d="M18.9668.257812L10.5 8.72461 2.0332.257812.128906 2.16211 8.5957 10.6289.128906 19.0957 2.0332 21 10.5 12.5332 18.9668 21l1.9043-1.9043-8.4668-8.4668 8.4668-8.46679L18.9668.257812z" /></svg></button></div>`,_=b.dy`
${O()}
`;var k=i(71942);const L=i(78923).i`
:host{border-radius:6px}.title{height:48px;border-bottom:1px solid ${k.dt}}.dialog{position:fixed;inset:0;overflow-y:auto}.dialog_wrapper{padding-bottom:5vh;display:flex;box-sizing:border-box;justify-content:center;min-height:100%;align-items:center}.dialog_content{position:relative;display:flex;flex-direction:row;overflow-x:visible;outline:none;min-height:90vh}.dialog_content_container{width:100%;display:flex;justify-content:center;overflow:hidden}.dialog_shadow{box-shadow:0 35px 80px rgba(0,0,0,0.35)}.dialog_close_container{position:relative;align-self:start;width:0;height:0;overflow:visible}.dialog_close_button{position:absolute;top:-24px;right:-24px;border:unset;cursor:pointer;width:48px;height:48px;border-radius:50%;background-color:rgba(255,255,255,1)}.dialog_close_button > svg{fill:rgba(0,0,0);display:block;margin:auto}`.withBehaviors(),$={experienceConfigSchema:undefined}}}]);