https://assets.medicalnewstoday.com/_next/chunks/img-banner-modal-78952f99.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[2232,9187],{70966(t,e,o){o.r(e),o.d(e,{default:()=>p});var n=o(96540),i=o(85723),s=o(72902),r=o(93743),a=o(81635),l=o(20949).h;class c extends n.Component{render(){const{title:t,tagularTrackedLinkUrl:e,trackTagularClick:o,bannerImages:n,campaign:i}=this.props,c=Array.isArray(n)?n.slice():[n],p=c.pop();return l(a.A,{"data-testid":"driver-image-link",href:e,event:(0,s.A5)(i),onClick:o},l("picture",null,c.map((t,e)=>c[e]&&l("source",{key:e,media:r.CJ[e],srcSet:c[e]})).filter(Boolean),l("img",{src:p,alt:t,loading:"lazy"})))}}const p=(0,i.A)((t,e)=>(0,s.Np)(t.campaign,e),c)},40739(t,e,o){o.r(e),o.d(e,{default:()=>u});var n=o(96540),i=o(77066),s=o(62405),r=o(70966),a=o(41306),l=o(16370),c=o(20949).h;const p={"&.no-hash":{height:"100vh"},"& .window":{position:"relative",width:"auto",height:"auto",minHeight:"auto",maxWidth:"calc(100vw - 20px)",maxHeight:"calc(100vh - 20px)",backgroundColor:"#000000"},"& .window-close-button":{"&::before":{position:"absolute",top:10,right:10,alignItems:"flex-start",justifyContent:"flex-end"}},"& img":i.AH`
2    display: block;
3
4    max-height: calc(100vh - 20px);
5    max-height: -moz-available;
6    max-height: -webkit-fill-available;
7    max-height: fill-available;
8  `};class d extends n.Component{constructor(){super(...arguments),this.handleClose=()=>{const{campaignName:t}=this.props;(0,l.FU)({location:"MODAL",name:"Activation Driver",position:`2nd Page Popup - ${t}`,elementType:"BUTTON",text:"CLOSE",htmlId:"",actionOutcome:"CLOSE"})}}componentDidMount(){const{tagularDetails:t}=this.props;(0,l.K8)(t),(0,l.Z3)(t)}render(){const{tagularDetails:t,...e}=this.props;return c(s.default,{onClose:this.handleClose,className:(0,i.AH)(p),render:()=>c(a.TagularTrackProductClick,{...t,render:t=>c(r.default,{...t,...e})})})}}const u=d},62405(t,e,o){o.r(e),o.d(e,{default:()=>m});var n=o(96540),i=o(94708),s=o.n(i),r=o(40961),a=o(77066),l=o(22300),c=(o(5556),o(69064)),p=o(24714),d=o(38800),u=o(93743),h=o(20949).h;class m extends n.Component{constructor(t){super(t),this.state={},this.previousBodyOverflow="",this.restoreBodyOverflow=()=>{document.body.style.overflow=this.previousBodyOverflow},this.finishClose=()=>{this.closeTimeoutId=void 0;const{onClose:t}=this.props;t&&t(this.pendingCloseIsButton)},this.close=t=>{this.closeTimeoutId||(this.restoreBodyOverflow(),this.pendingCloseIsButton=t,this.setState({transitioning:!0}),this.closeTimeoutId=setTimeout(this.finishClose,350))},this.handleCloseButtonClick=()=>{this.close(!0),this.modalCloseButtonRef.blur()},this.modalWindowRef=(0,n.createRef)()}componentDidMount(){this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.enterTimeoutId=setTimeout(()=>{this.setState({transitioning:!1}),this.scrollResetTimeoutId=setTimeout(()=>{const t=this.modalWindowRef.current;t&&(t.scrollTop=0)},400)},10)}componentWillUnmount(){clearTimeout(this.enterTimeoutId),clearTimeout(this.scrollResetTimeoutId),this.closeTimeoutId&&(clearTimeout(this.closeTimeoutId),this.finishClose()),this.restoreBodyOverflow()}render(){const{className:t,render:e,omitCloseButton:o,disableCloseOnEscape:n,disableCloseOnClickBackdrop:i,design:m,closeButtonStyle:f,isTest1OrTest2:b}=this.props,{transitioning:v}=this.state,g=((t,e)=>({modalWrapper:(0,a.AH)((0,u.mq)({alignItems:"flex-start",justifyContent:"center",marginTop:e?["12px",0]:["100px",0],pointerEvents:"none",position:"relative",maxWidth:["100%","90vw"],width:["100%","770px"]})),backdrop:(0,a.AH)((0,u.mq)(c.UH,{background:"centered"===t?'url("https://assets.healthline.com/content/images/ppuFullscreenAssets/wellness-wire.jpg") no-repeat':"rgba(0, 0, 0, 0.65)",backgroundSize:"centered"===t?"cover":void 0,bottom:0,cursor:"pointer",display:"block",left:0,opacity:0,position:"fixed",right:0,top:0,transition:(0,d.N)("opacity",350),width:"100%"})),modalWindow:(0,a.AH)((0,u.mq)({"&::before":{bottom:0,content:'""',display:"block",left:0,pointerEvents:"none",position:"absolute",right:0,top:0},background:"centered"===t?"rgba(255, 255, 255, 0.9)":"white",margin:"centered"===t?0:["0","60px 10px"],opacity:0,pointerEvents:"none",position:["fixed","relative"],transform:"scale(.96, .96)",transformOrigin:"50% 200px",transition:`${(0,d.N)("opacity")}, ${(0,d.N)("transform")}`,width:"100%",top:0,left:0,minHeight:["100%",0],overflow:"auto !important",WebkitOverflowScrolling:"touch !important",maxHeight:`calc(100vh - ${e?"25px":"120px"}) !important`,height:"auto !important"})),closeButton:(0,a.AH)([{background:"none",border:"none",color:"#767474 !important",height:"64px",width:"64px",position:"absolute",right:0,top:0,padding:0,cursor:"pointer",zIndex:2,"&::before":{alignItems:"center",bottom:0,display:"flex",fontSize:"16px",justifyContent:"center",left:0,lineHeight:"14px",position:"absolute",right:0,top:0}}]),modal:(0,a.AH)((0,u.mq)({color:"#231f20",alignItems:["flex-start","center"],bottom:"60px",display:"flex",justifyContent:"center",left:0,overflow:"auto",WebkitOverflowScrolling:"touch",pointerEvents:"none",position:"fixed",right:0,top:0,maxWidth:"100vw",zIndex:9999,"&.no-hash":{opacity:1,pointerEvents:"auto","& .backdrop":{opacity:1,transition:"opacity 0ms"},"& .window":{opacity:1,pointerEvents:"auto",transform:"none",transition:`opacity 0ms, ${(0,d.V)("transform")}`,position:"relative",borderRadius:"undefined",overflow:"auto",WebkitOverflowScrolling:"touch"}}}))}))(m,b),y=()=>h("button",{type:"button",ref:t=>{this.modalCloseButtonRef=t},className:(0,a.cx)("icon-hl-close window-close-button",[p.dC,g.closeButton,f]),onClick:this.handleCloseButtonClick,"aria-label":"Close modal via button","data-testid":"modal-close-button"}),w=h(s(),null,h("div",{"data-testid":"modal",className:(0,a.cx)(v?"":"no-hash",[g.modal,t])},h("button",{type:"button",className:(0,a.cx)("backdrop",g.backdrop,(0,a.AH)({cursor:i?"default":"cursor"})),onClick:()=>!i&&this.close(),tabIndex:"-1","aria-label":"Close modal via backdrop"}),h("div",{className:`window-wrapper ${g.modalWrapper}`},h("div",{ref:this.modalWindowRef,className:(0,a.cx)("window",g.modalWindow)},!o&&y(),e({closeButton:y,close:this.close})))));return(0,r.createPortal)(n?w:h(l.A,{onEscape:this.close}

8,w),document.querySelector("#modal-host"))}}},22300(t,e,o){var n=function(){function t(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,o,n){return o&&t(e.prototype,o),n&&t(e,n),e}}(),i=o(96540),s=(r(i),r(o(5556)));function r(t){return t&&t.__esModule?t:{default:t}}var a=function(t){function e(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var t=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return t.onEscape=t.onEscape.bind(t),t}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),n(e,[{key:"onEscape",value:function(t){27===t.keyCode&&this.props.onEscape()}},{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.onEscape)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.onEscape)}},{key:"render",value:function(){return this.props.children}}]),e}(i.Component);e.A=a,a.propTypes={onEscape:s.default.func.isRequired}}}]);
9//# sourceMappingURL=img-banner-modal-78952f99.js.map