https://www.herworld.com/assets/VideoOverlayPortrait-CjD9A2W4.js

1import{j as e,r as x}from"./components-BKduVlFH.js";import{e as _,J as g,R as p,f as j,B as d,V as u,T as f,W as y,X as C}from"./ErrorLayoutTypes-DbytFm15.js";import{R as L}from"./index-Ct6Quzm4.js";import{r as l}from"./utils-Bz76n4nO.js";const N="_videoOverlayPortrait_1shim_1",B="_headingTitle_1shim_5",S="_videoStrip_1shim_22",b="_videoLink_1shim_49",w="_sectionLabel_1shim_54",O="_title_1shim_58",P="_overlay_1shim_84",T="_stage_1shim_102",k="_desc_1shim_119",I="_iframeContainer_1shim_141",H="_info_1shim_155",R="_exitButton_1shim_167",V="_stageBottom_1shim_186",s={videoOverlayPortrait:N,headingTitle:B,videoStrip:S,videoLink:b,sectionLabel:w,title:O,overlay:P,stage:T,desc:k,iframeContainer:I,info:H,exitButton:R,stageBottom:V},c=({content:t,itemWidth:o,itemHeight:a,setShowOverlay:i,setStageItem:r})=>{const m=_();return e.jsx("section",{className:s.videoStrip,children:t.items.map((n,h)=>{const v=n.image?.crops.original||g.portrait;return e.jsxs("button",{className:s.videoLink,onClick:()=>{i(!0),r(n)},children:[e.jsx("div",{className:j(s.image,m?.videoOverlay?.playIcon),children:e.jsx(p,{...v,srcWidth:o,srcHeight:a,fill:"contain",loading:"lazy"})}),e.jsxs("div",{children:[e.jsx("div",{className:s.sectionLabel,children:e.jsx(d,{sections:n.sections})}),e.jsx("p",{className:s.title,children:n.title})]})]},h)})})},W=e.jsx("svg",{width:"33",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M17.8519 16L24.9319 8.92C25.2244 8.6275 25.2244 8.155 24.9319 7.8625C24.6394 7.57 24.1669 7.57 23.8744 7.8625L16.7944 14.9425L9.71437 7.855C9.42187 7.5625 8.94937 7.5625 8.65687 7.855C8.36438 8.1475 8.36438 8.62 8.65687 8.9125L15.7369 15.9925L8.65687 23.0725C8.36438 23.365 8.36438 23.8375 8.65687 24.13C8.80687 24.28 8.99438 24.3475 9.18938 24.3475C9.38438 24.3475 9.57188 24.2725 9.72188 24.13L16.8019 17.05L23.8819 24.13C24.0319 24.28 24.2194 24.3475 24.4144 24.3475C24.6094 24.3475 24.7969 24.2725 24.9469 24.13C25.2394 23.8375 25.2394 23.365 24.9469 23.0725L17.8669 15.9925L17.8519 16Z",fill:"white"})}),{Heading:E}=f,D=({content:t})=>{const[o,a]=l.useState(!1),[i,r]=l.useState(null);return u(o),t?e.jsxs("div",{className:s.videoOverlayPortrait,children:[e.jsx("div",{className:s.headingTitle,children:e.jsx(E.SubSectionTitle,{nameZH:t.titleZH,children:t.title})}),e.jsx(c,{content:t,itemWidth:320,itemHeight:560,setShowOverlay:a,setStageItem:r}),o&&x.createPortal(e.jsxs("section",{className:s.overlay,children:[e.jsxs("div",{className:s.stage,children:[e.jsxs("div",{className:s.info,children:[e.jsx("div",{className:s.sectionLabel,children:e.jsx(d,{sections:i?.sections||[]})}),e.jsx("h2",{className:s.title,children:i?.title}),e.jsx("p",{className:s.desc,children:i?.description}),e.jsx(y,{variant:"tertiary",href:i?.path,children:C.stageButtonText||"View More"})]}),e.jsx("div",{className:s.iframeContainer,children:e.jsx(L,{forceAspectRatio:16/9,src:i?.embedUri||"",loading:"lazy"})})]}),e.jsx("button",{onClick:()=>{a(!1)},className:s.exitButton,children:W}),e.jsx("div",{className:s.stageBottom,children:e.jsx(c,{content:t,itemWidth:360,itemHeight:240,setShowOverlay:a,setStageItem:r})})]}),document.body)]}):null};export{D as V};
2//# sourceMappingURL=VideoOverlayPortrait-CjD9A2W4.js.map