https://assets-thesaurus.ie.edu/pro-ie-edu/component---src-VideoTitle-9a0e48ac65feb3491077.js

1"use strict";(self.webpackChunk_griddo_cx=self.webpackChunk_griddo_cx||[]).push([[2257],{2737:function(e,t,l){l.r(t);var i=l(26322),o=l(70278),n=l(58379),a=l(32356),s=l(72041),r=l(61869),d=l(52296),c=l(52343),u=l(39816),m=l(71932),p=l(19491),h=l(82086);const v=(0,c.default)(o.Flex).withConfig({displayName:"VideoTitle__Container",componentId:"sc-138tcmz-0"})(['cursor:pointer;position:relative;width:100%;height:100%;&:focus::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid blue;}']),x=(0,c.default)(o.Box).withConfig({displayName:"VideoTitle__AbsoluteBox",componentId:"sc-138tcmz-1"})(["position:absolute;top:0;right:0;bottom:0;left:0;"]),y=(0,c.default)(o.Box).withConfig({displayName:"VideoTitle__AbsoluteBoxTransition",componentId:"sc-138tcmz-2"})(["position:absolute;top:0;right:0;bottom:0;left:0;transition:all 0.4s ease-in-out;transform:scale(",");"],e=>e.$hover?1.1:1),f=c.default.div.withConfig({displayName:"VideoTitle__VideoContainer",componentId:"sc-138tcmz-3"})(["padding-top:56.25%;overflow:hidden;height:0;width:100%;"]);t.default=e=>{var t,l;const{thumbnail:w,url:g,title:b,automaticSubtitles:E,inPlaylist:C,videoPlaylistModule:T=!1,isLarge:A=!0,setAsCurrentVideo:_,subtheme:k="inverse"}=e,S="string"==typeof b?b:null==b?void 0:b.content,{0:B,1:I}=(0,i.useState)(!1),{0:O,1:V}=(0,i.useState)(!1),{0:z,1:L}=(0,i.useState)(""),{0:j,1:N}=(0,i.useState)(S),{0:P,1:$}=(0,i.useState)(S),{0:F,1:W}=(0,i.useState)(),{getNestedTranslation:M}=(0,a.s9)(),q=M("icons.navigation.play","Play"),D=M("icons.navigation.playVideo","Play video");(0,i.useEffect)(()=>{(async()=>{if(g.includes("youtube")||g.includes("youtu.be"))try{const e=await(0,d.$6)(g,"hiq");W(e)}catch(e){W(void 0)}})();(async()=>{try{if(g&&(g.includes("youtube")||g.includes("youtu.be"))){var e;const t=await(0,d.x6)(`https://www.youtube.com/oembed?url=${encodeURIComponent(g)}&format=json`);N((null==t||null===(e=t.data)||void 0===e?void 0:e.title)||S)}else N(S)}catch(t){N(S)}})();const e=async()=>{try{const e=await(0,d.x6)(`https://vimeo.com/api/oembed.json?url=https://vimeo.com/${(e=>{let t;if(e.includes("player.vimeo.com/external/")){const l=e.indexOf("external/")+9,i=e.indexOf("external/")+18;t=e.slice(l,i)}else t=(0,d.Ve)(e);return t})(g)}`);L(e.data.thumbnail_url),$(e.data.title)}catch(e){L(""),$(S)}};g.includes("vimeo")&&e()},[g]);const U=g.includes("vimeo")?z:g.includes("youtube")?F:null==w||null===(t=w.file)||void 0===t?void 0:t.url,K=b&&!S.toLowerCase().includes("lorem ipsum")||null!=S&&S.toLowerCase().includes("lorem ipsum")&&!g?b:g.includes("vimeo")?P:j;return i.createElement(i.Fragment,null,i.createElement(s.A,{open:B,setOpen:I,transparent:!0},i.createElement(f,null,i.createElement(r.default,{video:g,automaticSubtitles:E}))),i.createElement(v,{onClick:e=>C&&A?_(e):I(!0),onKeyDown:e=>"Enter"===e.key&&(C&&A?_(e):I(!0)),tabIndex:0,onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),flexDirection:A?"row":"column"},i.createElement(o.Box,{width:C&&A?7/12:"100%",pr:C&&A?"s":null},i.createElement(o.Box,{width:"100%",pt:((e="100%",t)=>(0,d.Xq)(e,e=>e/(0,d.jc)(t)))("100%","16/9"),position:"relative",overflow:"hidden",mb:!A&&C?["xs"]:null},i.createElement(y,{$hover:O},!U||null!=w&&w.file?i.createElement(m.A,{image:null==w?void 0:w.file,title:null==w?void 0:w.title,alt:null==w?void 0:w.alt,widths:U===(null==w||null===(l=w.file)||void 0===l?void 0:l.url)&&p.Uo,sizes:"100vw",sources:[{media:"(max-width:599px)",width:"400",height:"450"},{media:"(min-width:768px)",width:"500",height:"300"},{media:"(min-width:1024px)",width:"920",height:"550"}],overlayOpacity:(null==w?void 0:w.veil)/100||.25,overlayTransition:"0.4s"}):i.createElement(u.A,{url:U,lazy:!0,width:"100%",overlayOpacity:(null==w?void 0:w.veil)/100||.25,overlayTransition:"0.4s"})),i.createElement(c.ThemeProvider,{theme:(0,a.ig)({name:k})},i.createElement(x,{as:o.Flex,alignItems:"center",justifyContent:"center"},i.createElement(o.Box,{height:C?["64px","80px",,"48px"]:"80px"},i.createElement(n.A,{name:"play",title:q,fill:"text01",height:"100%",role:"img","aria-label":D}))),i.createElement(x,{p:"m",as:o.Flex,alignItems:"flex-end",justifyContent:"flex-start"},K&&!C&&(T?i.createElement(o.Text,{textStyle:"headingm",color:"text01",style:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},as:(null==K?void 0:K.tag)||"span"},i.createElement(h.A,{allowAllTypes:!0,source:"string"==typeof K?K:null==K?void 0:K.content})):i.createElement(o.Text,{textStyle:"headingm",color:"text01",style:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},as:(null==K?void 0:K.tag)||"span"},i.createElement(h.A,{allowAllTypes:!0,source:"string"==typeof K?K:null==K?void 0:K.content}))))))),K&&C&&i.createElement(o.Box,{width:C&&A?5/12:"100%"},i.createElement(o.Text,{textStyle:"heading2xs",color:"text01",style:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:T?"5":"3",WebkitBoxOrient:"vertical"},as:(null==K?void 0:K.tag)||"span"},i.createElement(h.A,{allowAllTypes:!0,source:"string"==typeof K?K:null==K?void 0:K.content})))))}}}]);