https://assets.medicalnewstoday.com/_next/4994df9d-17c6-4513-b6da-30d758a66177/mnt/4238.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[4238],{24238(e,t,i){i.r(t),i.d(t,{aspectRatio:()=>j,default:()=>F});i(5556);var n=i(96540),a=i(16370),l=i(77066),o=i(56865),s=i(99758),r=i(93743),d=i(70328),c=i(7945),h=i(16860),p=i(20949).h;const m={position:"absolute",top:0,left:0,display:"block",width:"100%",height:"100%"},g={display:"flex",alignItems:"center",justifyContent:"center"},u=(0,l.AH)(s.font.bodyFontSemiBold,g,{position:"absolute",right:"17px",bottom:"17px",fontSize:"14px",letterSpacing:"0.5px",color:"white",background:"rgba(0, 0, 0, 0.75)",padding:"3px 11px 3px 23px",borderRadius:"3px","&:hover":{background:void 0}}),x=(0,l.AH)(m,{display:"block",border:"none",background:"none"});class v extends n.Component{render(){var e;const{slides:t,title:i,handleClick:n,graphicOverlay:a,contentLanguage:o,isGalleryTitleAbove:v,isImageOriginalSize:y}=this.props,w="es"===o?{title:"Aviso",description:"Imágenes de Contenido Gráfico",button:"VER GALERIA"}:{title:"Warning",description:"Contains Sensitive Content",button:"VIEW GALLERY"},A=null==(e=t[0])?void 0:e.image,b=a?1500:null==A?void 0:A.width,S=a?844:A.height;return p("div",null,p(c.A,{toggleMaxWidthAndSideMargins:[!0,!0,!1,!1],toggleSideSpace:[!1,!1,!1,!1]},p("div",{className:(0,l.AH)([{position:"relative",cursor:"pointer"}]),onClick:n},v&&p("h2",null,i),p(h.A,{src:a?"https://images-prod.healthline.com/hlcmsresource/images/frontend-static/graphic-overlay-2.jpg":A.src,width:r.Ay.mainColumnMaxWidth,ratio:!y&&S/b,alt:i,allowUpscale:!y,lazyLoad:b&&S}),p("div",{className:x},a?p("div",{className:(0,l.AH)((0,r.mq)([m,g,{flexDirection:"column",color:"white",cursor:"pointer"}])),onClick:n},p("h2",{className:(0,l.AH)([{display:"none",margin:0,"@media(min-width:768px)":{display:"block"}}])},w.title),p("h3",{className:(0,l.AH)([{margin:0,fontSize:"22px",fontWeight:"normal",textAlign:"center","@media(min-width:768px)":{margin:"10px 0 0 0",fontSize:"28px"}}])},w.description),p(d.A,{onClick:n,title:w.button,className:(0,l.AH)((0,r.mq)([{width:["250px","300px"],height:"40px",margin:["20px 0 0 0","26px 0 0 0"]},s.components.gallery.overlayCtaButtonStyles]))})):p("div",{className:u},p("div",{className:(0,l.AH)([{display:"inline-flex",alignItems:"center",justifyContent:"center"}])},p("span",null,"VIEW GALLERY"),p("span",{className:(0,l.cx)("icon-hl-gallery",(0,l.AH)((0,r.mq)([g,{width:"58px",height:"58px","&::before":{position:"absolute",fontSize:"53px",margin:"auto"}}])))},t.length)))))))}}var y=i(89929),w=i(69064),A=i(13118),b=i(43287),S=i(20949).h;const k=l.Ay.cite(w.Bt,{margin:["20px 0","25px 0"]},void 0);function C(e){let{copyright:t}=e;return S(k,null,(0,b.A)({data:t}))}var N=i(24714),f=i(20949).h;const H=(0,l.AH)(N.xy,w.UH,"fontSize: inherit"),O=(0,l.AH)([{marginTop:"10px",marginBottom:"40px",fontSize:"17px",lineHeight:"26px","@media(min-width:768px)":{fontSize:"18px"}}]),B=(0,l.AH)((0,r.mq)(r.Ay.utils.marginHero,{display:["none",void 0,"block"]})),T=(0,l.AH)((0,r.mq)(r.Ay.utils.marginHero,{display:["block",void 0,"none"],"p:nth-last-child(2)":{display:"inline"}})),L=(0,l.AH)([{paddingLeft:"20px",paddingRight:"20px","@media(min-width:990px)":{paddingLeft:0,paddingRight:0}}]),I=(0,l.AH)([{marginBottom:"10px",marginTop:"20px","@media(min-width:990px)":{borderBottom:"solid 1px gray",paddingBottom:"15px"}}]),G=(0,l.AH)([{"@media(min-width:990px)":{display:"none"}}]);class E extends n.Component{constructor(){super(...arguments),this.state={},this.handleClick=()=>{this.setState({expanded:!0})}}render(){const{body:e,copyright:t,number:i,title:a,truncated:o}=this.props,s=!o||this.state.expanded,r=f(C,{copyright:t}),d=a?f("h3",{className:I},f("span",{className:G},i,". "),(0,b.A)({data:a})):null;return f(n.Fragment,null,f("div",{className:(0,l.cx)(O,B,(0,l.AH)({".drug-image-label":{margin:"10px 0 0 0"},".drug-image-list":{paddingLeft:"10px",listStyleImage:"none"}}))},f("div",{className:L},d,e&&(0,b.A)({data:e}),r)),f("div",{className:(0,l.cx)(O,T,(0,l.AH)({".drug-image-label":{margin:"10px 0 0 0"},".drug-image-list":{paddingLeft:"10px",listStyleImage:"none"}}),!s&&(0,l.AH)({ul:{marginBottom:"15px"}}))},f("div",{className:L},!s&&r,d,(0,b.A)({data:s?e:o}),s&&r,!s&&e&&f("button",{type:"button",className:H,onClick:this.handleClick},"more"))))}}var W=i(20949).h;const P=(0,l.AH)([{display:"none",margin:"auto",position:"absolute",width:"100%",height:"100%",zIndex:1,"@media(min-width:990px)":{display:"block"}}]),z=(0,l.AH)(w.UH,{position:"absolute",top:0,bottom:0,width:"50px",height:"50px",cursor:"pointer",margin:"auto",background:"rgba(0, 0, 0, 0.5)",color:"white","&::before":{fontSize:"30px",height:"50px"},"&:hover":{background:"rgba(0, 0, 0, 0.65)"},"&.active, &:active":{background:"rgba(0, 0, 0, 0.9)"}});class M extends n.Component{render(){const{handleNextClick:e,handlePreviousClick:t,hasNextSlide:i,hasPrevSlide:n,nextArrowActive:a,previousArrowActive:o}=this.props;return W("div",{className:P},n&&W("button",{type:"button",className:(0,l.cx)(z,o?"active ":"","icon-hl-chevron-left"),style:{left:0},"aria-label":"Previous",onClick:t}),i&&W("button",{type:"button",className:(0,l.cx)(z,a?"active ":"","icon-hl-chevron-right"),style:{right:0},onClick:e,"aria-label":"Next"}))}}var U=i(20949).h;const K=(0,l.AH)((0,r.mq)({"& .header-wrapper":{borderBottomWidth:"1px",borderBottomStyle:"solid",borderColor:s.colors.gray,overflow:"auto",paddingLeft:["20px",null,null,"35px"],paddingRight:["20px",null,null,"35px"],"& .container":{display:"flex",position:"relative"},"& h3, & h2":{marginTop:["20px",null],marginRight:"44px",marginBottom:["20px",null],lineHeight:[null,null,null,"75px"]},"& .current-index":{fontWeight:"normal",marginRight:"15px",display:["none",null,null,"block"],letterSpacing:"3px"}

1,"& .title":{marginLeft:[null,null,null,"15px"]},"& .divider":{alignItems:"center",justifyContent:"center","&::before":{content:'""',background:s.colors.gray,width:"1px",height:"40px",display:"block"},display:["none",null,null,"flex"]}},"& .content-container":{display:"flex",marginTop:[null,null,null,"30px"]},"& .slides-wrapper":{flex:"1 1 auto",position:"relative",maxWidth:"100%","& a":{wordBreak:"break-all"}},"& .mobile-ad":{display:[null,null,null,"none"]},"& .sidebar":{marginTop:0},"& .de-buttonify":w.UH,position:"relative"}));class R extends n.Component{constructor(){super(...arguments),this.state={previousArrowActive:!1,nextArrowActive:!1},this.handleKeydown=e=>{let{keyCode:t}=e;37===t&&this.setState({previousArrowActive:!0}),39===t&&this.setState({nextArrowActive:!0})},this.handleKeyup=e=>{let{keyCode:t}=e;const{handlePreviousClick:i,handleNextClick:n}=this.props;37===t&&(i(),this.setState({previousArrowActive:!1})),39===t&&(n(),this.setState({nextArrowActive:!1}))}}componentDidMount(){this.removeKeydownListener=(0,y.q)(window,"keydown",this.handleKeydown),this.removeKeyupListener=(0,y.q)(window,"keyup",this.handleKeyup)}componentWillUnmount(){this.removeKeydownListener(),this.removeKeyupListener()}render(){const{closeButton:e,currentSlide:t,slides:i,title:n,handleNextClick:a,handlePreviousClick:o,isImageOriginalSize:d}=this.props,{nextArrowActive:p,previousArrowActive:m}=this.state;return U("div",{className:K},U("div",{className:"header-wrapper"},U(c.A,{className:"container",toggleMaxWidthAndSideMargins:[!1,!1,!0,!0],toggleSideSpace:[!1,!1,!0,!0]},e(),U("h3",{className:"current-index"},t+1,"/",i.length),U("div",{className:"divider"}),U("h2",{className:"title"},n))),U(c.A,{className:"content-container",toggleMaxWidthAndSideMargins:[!1,!1,!0,!0],toggleSideSpace:[!1,!1,!0,!0]},U("div",{className:"slides-wrapper"},i.map((e,n)=>{let{image:c,...g}=e;return U("div",{key:`slide-${n}`,className:(0,l.AH)((0,r.mq)({display:[void 0,void 0,t===n?"block":"none"]}))},U("div",{className:(0,l.AH)({position:"relative"})},U(M,{handleNextClick:a,handlePreviousClick:o,nextArrowActive:p,previousArrowActive:m,hasPrevSlide:!!t,hasNextSlide:t+1<i.length}),U(h.A,{...c,className:(0,l.AH)({background:s.colors["gray-lightest"]}),width:r.Ay.mainColumnMaxWidth,ratio:!d&&c.height/c.width,allowUpscale:!d})),U(E,{...g,number:n+1}))})),U(A.Bx,{className:"sidebar"})))}}var q=i(27331),V=i(20949).h;const Y=(0,q.Ay)(()=>new(i(6055).A)((e,t)=>{Promise.all([i.e(4708),i.e(2111)]).then((n=>{try{let t=i(62405);e(t)}catch(e){t(e)}}).bind(null,i)).catch(t)}),{name:"modal"}),j=5/7*100;class F extends n.Component{constructor(){super(...arguments),this.state={currentSlide:0,hasViewedGallery:!1},this.generateId=()=>{var e;const{slides:t,title:i}=this.props,n=i||(null==(e=t[0])?void 0:e.title[0]),a=null==n?void 0:n.replace(/[.:]/g,"").split(" ").join("-");return"#gallery-open"+(a?`-${a}`:"")},this.handleHashChange=()=>{const{modalOpen:e}=this.state,t=location.hash,i=this.generateId();t!==i&&(document.body.style.overflow="auto",this.handleModalClose()),t!==i||e||this.openSlides()},this.openSlides=async()=>{this.hasSentGalleryClickedTagularEvent||((0,a.FU)({name:"Any Page",location:"CONTENTBLOCK",position:"Article Body",elementType:"BUTTON",actionOutcome:"OPEN",text:"Gallery"}),this.hasSentGalleryClickedTagularEvent=!0);const e=this.generateId();window.location.hash=e,this.setState({modalOpen:!0,currentSlide:0})},this.handleModalClose=()=>{location.hash===this.generateId()&&window.history.back(),this.setState({modalOpen:!1})},this.trackSlideNavigation=()=>{(0,a.FU)({name:"Any Page",location:"CONTENTBLOCK",position:"Article Body",elementType:"BUTTON",actionOutcome:"CHANGE",text:"Gallery Next Slide Click"})},this.handleNextClick=()=>{const{currentSlide:e}=this.state,{slides:t}=this.props;e+1<t.length&&this.setState({currentSlide:e+1}),this.trackSlideNavigation()},this.handlePreviousClick=()=>{const{currentSlide:e}=this.state;e&&this.setState({currentSlide:e-1}),this.trackSlideNavigation()},this.handleGalleryInView=()=>{this.state.hasViewedGallery||((0,a.y3)({location:"CONTENTBLOCK",name:"Any Page",position:"Article Body",elementType:"BUTTON",text:"Gallery",actionOutcome:"OPEN"}),this.setState({hasViewedGallery:!0}))}}componentDidMount(){window.addEventListener("hashchange",this.handleHashChange,!1)}componentWillUnmount(){window.removeEventListener("hashchange",this.handleHashChange,!1)}render(){const{graphicOverlay:e,slides:t,title:i,contentLanguage:n,isGalleryTitleAbove:a,isImageOriginalSize:s}=this.props,{modalOpen:r,currentSlide:d}=this.state;return V("div",null,V(o.Waypoint,{onView:this.handleGalleryInView,repeat:!1}),r&&V(Y,{className:(0,l.AH)([{bottom:0,alignItems:"flex-start","@media(min-width:768px)":{bottom:0},"@media(min-width:990px)":{bottom:"60px"},"& .backdrop":{background:"white",pointerEvents:"none"},"& .window-close-button":{display:"none"},"& .window-wrapper":{maxWidth:"100%",height:"100%",width:"100%",overflowY:"scroll","@media(min-width:768px)":{overflowY:"scroll"},"@media(min-width:990px)":{overflowY:"hidden"}},"& .window":{height:"100%",margin:0,position:"relative",overflowY:"scroll","@media(min-width:768px)":{position:"relative"},"@media(min-width:990px)":{position:"fixed"},"&::before":{boxShadow:"none"},"& > .window-close-button":{display:"block"}}

1,"& .modal-wrapper":{maxWidth:"initial"}}]),render:e=>{let{closeButton:n}=e;return V(R,{closeButton:n,currentSlide:d,handleNextClick:this.handleNextClick,handlePreviousClick:this.handlePreviousClick,slides:t,title:i,isImageOriginalSize:s})},onClose:this.handleModalClose}),V(v,{graphicOverlay:e,handleClick:this.openSlides,slides:t,title:i,contentLanguage:n,isGalleryTitleAbove:a,isImageOriginalSize:s}))}}}}]);
2//# sourceMappingURL=4238.js.map