https://www.cloudybay.com/component---src-templates-journal-js-cc0d0e62cfb5da550dff.js

1"use strict";(self.webpackChunkcloudy_bay=self.webpackChunkcloudy_bay||[]).push([[5013],{119:function(e,t,i){i.r(t),i.d(t,{default:function(){return Ne}});i(6910);var l=i(6540),o=i(5176),n=i(8666),r=i(1997),a=i(8154),d=i(5093),s=i.n(d),u=i(4616),c=i(644);const v=(0,c.A)("div",{target:"eu67r171"})({name:"1sjt463",styles:"overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column"});var f=i(5458),m=i(1249),g=i(3687),p=i(7389);const h=(0,c.A)("div",{target:"e1c240686"})({name:"13vbma2",styles:"width:100%;padding-top:56.25%;position:relative"}),y=(0,c.A)("img",{target:"e1c240684"})({name:"bb4c7v",styles:"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover"});p.ju.xs,(0,p.u2)(),(0,p.Gf)(),p.ju.xs,p.ju.xs;var w=i(6799),x=i(1425);const j=(0,c.A)("div",{target:"efboufn8"})("width:100%;z-index:1000;",p.ju.xs,"{position:static;display:flex;gap:2rem;width:100%;padding:2rem 0;z-index:10;overflow:visible;",x.mc,"{flex:1;height:4.4rem;border:1px solid ",e=>e.theme.colors.brown,";border-radius:0;overflow:visible;",x.mO,"{display:flex;align-items:center;gap:1rem;padding:0;label{font-size:1.2rem!important;font-weight:600;color:",e=>e.theme.colors.brown,";text-transform:uppercase;letter-spacing:0.02rem;}div{transform:translateY(-0.3rem) rotate(0deg);}&:after{all:unset;display:none;}}}}"),M=(0,c.A)("h2",{target:"efboufn7"})({name:"180uxaz",styles:"font-size:1.2rem;font-weight:600;color:#8C8A89;text-transform:uppercase;letter-spacing:0.02rem"}),b=(0,c.A)("h4",{target:"efboufn6"})({name:"lsq8a7",styles:"font-size:1.6rem;font-weight:600;letter-spacing:-0.02rem"}),A=(0,c.A)("div",{target:"efboufn5"})({name:"15s9klr",styles:"border-top:1px solid #B3B1B0;margin-top:3rem;margin-bottom:3.6rem"}),N=(0,c.A)("select",{target:"efboufn4"})("font-size:1.6rem;color:",e=>e.theme.colors.black,";letter-spacing:-0.02rem;border:0;margin-top:1.5rem;pointer-events:all;cursor:pointer;font-family:",e=>e.theme.fonts.sansSerif,";font-weight:500;&:focus{outline:none;}"),I=(0,c.A)("div",{target:"efboufn3"})({name:"tymlsc",styles:"display:flex;flex-direction:column;margin-top:3rem"}),C=(0,c.A)("label",{target:"efboufn2"})({name:"1sw91ft",styles:"display:flex;align-items:center;font-size:1.6rem;letter-spacing:-0.02rem;margin-top:2rem;user-select:none;pointer-events:all;cursor:pointer"}),z=(0,c.A)("input",{target:"efboufn1"})({name:"ml5scp",styles:"position:absolute;opacity:0;pointer-events:none"}),D=(0,c.A)("span",{target:"efboufn0"})("display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:2px solid ",e=>e.theme.colors.black,";border-radius:2px;margin-right:1.2rem;",z,":checked+&{background-color:",e=>e.theme.colors.green,";border-color:",e=>e.theme.colors.green,";}",z,":checked+&::after{content:'✓';color:white;font-size:12px;}");var k=i(5728),L=i(6213),S=i(7437);var E=e=>{let t=e.filters,i=e.onChange;const n=(0,l.useState)(!1),a=n[0],d=n[1],s=(0,l.useState)("latest"),u=s[0],c=s[1],v=(0,l.useState)(t.filter(e=>"All"!==e.label).sort(function(e,t){return e.weight<t.weight?-1:e.weight>t.weight?1:0})),m=v[0],g=(v[1],(0,l.useState)([])),p=g[0],h=g[1],y=(0,o.vc)(r.YH),w=e=>{var t;c((null==e||null===(t=e.target)||void 0===t?void 0:t.value)||(0,L.A)(e))},x=e=>{if(y){var i;const l=null===(i=t.find(t=>t.label===e))||void 0===i?void 0:i.catId;h("all"===(0,L.A)(e)?[]:[l])}else{var l;const i=e.target,o=i.checked,n=i.name,r=null===(l=t.find(e=>e.label===n))||void 0===l?void 0:l.catId;h(o?e=>[].concat((0,f.A)(e),[r]):e=>e.filter(e=>e!==r))}};(0,l.useEffect)(()=>{E()},[]),(0,l.useEffect)(()=>{i(p,u)},[p,u]),(0,l.useEffect)(()=>{a&&T()});const E=()=>{const e=new URLSearchParams(window.location.search),t=e.get("filters"),l=e.get("sort");t&&h(e=>[].concat((0,f.A)(e),(0,f.A)(t.split(",")))),l&&(c(l),i((0,f.A)(t.split(",")),l)),d(!0)},T=()=>{const e=new URLSearchParams({filters:p,sort:u}),t=""+window.location.origin+window.location.pathname+"?"+e.toString();window.history.pushState({path:t},"",t)};return(0,S.jsx)(j,{id:"filter__container"},y?(0,S.jsx)(l.Fragment,null,(0,S.jsx)(k.A,{label:"Sort by",list:["Latest","Oldest","A to Z","Z to A"],onChange:w,name:"sortSelect",withDropDownIcon:!0,isFilter:!0}),(0,S.jsx)(k.A,{label:"Filter by",list:t.map(e=>e.label),onChange:x,name:"filterSelect",withDropDownIcon:!0,isFilter:!0})):(0,S.jsx)(l.Fragment,null,(0,S.jsx)(M,null,"Sort by"),(0,S.jsx)(N,{value:u,onChange:w},(0,S.jsx)("option",{value:"latest"},"Latest"),(0,S.jsx)("option",{value:"oldest"},"Oldest"),(0,S.jsx)("option",{value:"a-to-z"},"A to Z"),(0,S.jsx)("option",{value:"z-to-a"},"Z to A")),(0,S.jsx)(A,null),(0,S.jsx)(M,null,"Filter by"),(0,S.jsx)(I,null,(0,S.jsx)(b,null,"Interests"),m.map((e,t)=>{let i=e.label,l=e.catId;return(0,S.jsx)(C,{key:t},(0,S.jsx)(z,{type:"checkbox",id:l,name:i,checked:p.indexOf(l)>-1,onChange:x}),(0,S.jsx)(D,null),i)}))))},T=i(3530),U=i(9482),O=i(5078),P=i(4304),B=i(7251);const Q=(0,c.A)("div",{target:"e1n8dpvs8"})("display:flex;width:100%;height:60rem;",p.ju.xs,"{flex-direction:column-reverse;height:fit-content;}"),R=(0,c.A)("figure",{target:"e1n8dpvs7"})("position:relative;display:flex;align-items:center;width:50%;height:100%;overflow:hidden;",p.ju.xs,"{width:100%;height:35rem;}"),_=(0,c.A)("img",{target:"e1n8dpvs6"})({name:"4uwt2b",styles:"width:100%;height:100%;object-fit:cover"}),V=(0,c.A)("div",{target:"e1n8dpvs5"})("position:relative;display:flex;flex-direction:column;justify-content:center;align-content:center;width:50%;height:100%;text-align:center;color:",e=>e.theme.colors.white,";padding:0 6.2rem;background-color:",e=>e.theme.colors.green,";",p.ju.xs,"{width:100%;height:fit-content;padding:4.4rem 3.2rem 6rem;}

1"),Y=(0,c.A)("span",{target:"e1n8dpvs4"})("display:block;font-size:1.2rem;color:",e=>e.theme.colors.white,";letter-spacing:0.2rem;text-transform:uppercase;",p.ju.md,"{font-size:1rem;}",p.ju.xs,"{font-size:",e=>e.theme.fontSizes.subtitle.xs,";}"),Z=(0,c.A)(P.hE,{target:"e1n8dpvs3"})("width:100%;font-family:",e=>e.theme.fonts.sansSerif,";font-weight:400;font-size:3.6rem;line-height:1.2em;letter-spacing:0.2rem;text-transform:uppercase;margin-top:3.2rem;margin-bottom:0!important;",p.ju.md,"{font-size:2.8rem;margin-top:3rem;}",p.ju.xs,"{max-width:100%;font-size:2.4rem;margin-top:2.8rem;}"),J=(0,c.A)("p",{target:"e1n8dpvs2"})("width:100%;font-size:1.2rem;color:",e=>e.theme.colors.white,";line-height:1.2em;letter-spacing:0.2rem;margin-top:3.2rem;text-transform:uppercase;",p.ju.md,"{font-size:1rem;margin-top:3rem;}",p.ju.xs,"{margin-top:2.8rem;}"),F=(0,c.A)("div",{target:"e1n8dpvs1"})("display:flex;justify-content:center;align-items:center;gap:1rem;width:80%;height:fit-content;margin:12rem auto 0;pointer-events:all;cursor:pointer;a{width:fit-content;padding:0!important;border:none!important;&:hover{background-color:transparent!important;span{color:",e=>e.theme.colors.white,"!important;}}}span{font-size:1.6rem;font-weight:600;line-height:1.4em;letter-spacing:-0.02rem;",p.ju.md,"{font-size:1.4rem;}}img{width:auto;height:3.2rem;object-fit:contain;",p.ju.md,"{height:2.4rem;}}&.many{",B.eM,"{width:fit-content;}",p.ju.xs,"{margin-bottom:2.5rem;}}",p.ju.xs,"{margin-top:5.2rem;&.many{flex-direction:column;",B.eM,"{padding:2rem 2.4rem;}}}"),G=(0,c.A)("div",{target:"e1n8dpvs0"})("display:flex;width:calc(100% - 25rem);margin:4rem 0;overflow:hidden;",p.ju.md,"{padding:0;}",p.ju.xs,"{margin:0;padding:0;width:100%;}");var W=e=>{let t=e.title,i=void 0===t?"":t,l=e.titleTag,o=void 0===l?"h3":l,n=e.subtitle,r=void 0===n?"":n,a=e.subtitleTag,d=void 0===a?"span":a,s=e.text,u=void 0===s?"":s,c=e.image,v=void 0===c?"":c,f=e.alt,m=void 0===f?"":f,g=e.actions,p=void 0===g?[]:g;return(0,S.jsx)(G,null,(0,S.jsx)(Q,null,(0,S.jsx)(V,null,!!r&&(0,S.jsx)(Y,{as:d},r),!!i&&(0,S.jsx)(Z,{as:o},i),!!u&&(0,S.jsx)(J,null,u),!!p.length&&(0,S.jsx)(F,{className:p.length>1?"many":"one"},p.map(e=>e))),(0,S.jsx)(R,null,(0,S.jsx)(_,{loading:"lazy",src:(0,w.A)(v),alt:m}))))};const H=e=>{let t=e.children;const i=(0,l.useState)({}),o=i[0],n=i[1],r=(0,l.useRef)([]),a=(0,l.useRef)(null),d=(0,l.useCallback)((e,t)=>{r.current[t]=e},[]);(0,l.useEffect)(()=>{const e={root:null,rootMargin:"0px",threshold:.1};return a.current=new IntersectionObserver(e=>{e.forEach(e=>{const t=r.current.indexOf(e.target);-1===t||o[t]||e.isIntersecting&&(n(e=>Object.assign({},e,{[t]:!0})),a.current.unobserve(e.target))})},e),r.current.forEach(e=>{e&&a.current.observe(e)}),()=>{r.current.forEach(e=>{e&&a.current.unobserve(e)})}},[t]);const s=l.Children.map(t,(e,t)=>l.isValidElement(e)?l.cloneElement(e,{registerRef:e=>d(e,t),isRevealed:o[t]||!1}):e);return(0,S.jsx)(l.Fragment,null,s)};var q=i(1397);const K=e=>{let t=e.children,i=e.registerRef,o=e.isRevealed;const n=(0,l.useRef)(null);return(0,l.useEffect)(()=>{n.current&&i(n.current)},[n,i]),(0,S.jsx)(q.F,{ref:n,isRevealed:!!o},t)};var X=i(6612),$=i(9120),ee=i(8864),te=i(2273),ie=i(9458),le=i(6145);const oe=[{time:25,reached:!1},{time:50,reached:!1},{time:75,reached:!1}];var ne=e=>{let t=e.title,i=void 0===t?"":t,r=e.items,a=e.filters,d=void 0===a?[]:a,s=e.action,u=e.featureItems;const c=(0,o.vc)(n.zQ),v=(0,l.useState)(!1),p=v[0],x=v[1],j=(0,l.useState)(""),M=j[0],b=j[1],A=(0,l.useState)(""),N=A[0],I=A[1],C=(0,l.useState)(""),z=C[0],D=C[1],k=(0,l.useState)(""),L=k[0],P=k[1],B=(0,l.useState)(r),Q=B[0],R=B[1],_=(0,l.useState)(!1),V=_[0],Y=_[1],Z=(0,l.useState)(24),J=Z[0],F=Z[1],G=(0,l.useState)(!1),q=G[0],ne=G[1],re=(0,l.useRef)(null),ae=(0,l.useState)(oe),de=ae[0],se=ae[1],ue=(0,l.useRef)(null),ce=Boolean(z),ve=(e,t,i)=>{I(e),me(e),D(t),P(i||""),b(""),x(!0)},fe=(e,t)=>{I(e),me(e),b("https://player.vimeo.com/video/"+t),D(""),P(""),x(!0)},me=e=>{se(oe),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Rb,video_title:e})};(0,l.useEffect)(()=>

1{ce||M&&p&&re.current&&q&&(ue.current=new te.A(re.current),ue.current.on("timeupdate",e=>{const t=(100*e.percent).toFixed(0);de.reduce((e,t)=>(e.push(t.time),e),[]).forEach((e,i)=>{const l=t>=e-2&&t<e+2,o=de[i].reached;l&&!o&&(de[i].reached=!0,"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Qs,video_title:N,video_percent:de[i].time}))})}),ue.current.on("ended",e=>{"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Qs,video_title:N,video_percent:100}),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.uT,video_title:N})}))},[q,M,p]);const ge=(0,l.useRef)(null),pe=(0,l.useRef)(null),he=(0,l.useRef)(null);(0,l.useEffect)(()=>{const e=pe.current,t=()=>{window.innerWidth<=768||window.requestAnimationFrame(()=>{const t=e.getBoundingClientRect(),i=Math.min(Math.max(-(t.top-100),0),t.height-418);he.current&&he.current.style.setProperty("--transform-Y",i+"px")})};return document.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{document.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[]);const ye=()=>{const e=Q.slice(0,J).map((e,t,i)=>{var l;const o=Boolean(e.videoManifestUrl),n=Boolean(e.video)||o,r=null===(l=e.video)||void 0===l?void 0:l.split("/")[3],a=(0,S.jsx)(g.Ox,{key:"card-"+t},n?(0,S.jsx)(g.Wu,{onClick:()=>{o?ve(e.title,e.videoManifestUrl,e.videoPosterUrl):fe(e.title,r)}},(0,S.jsx)(h,{"data-url":(0,w.A)(e.image),"data-alt":null==e?void 0:e.imageAlt},(0,S.jsx)(y,{loading:"lazy",src:(0,w.A)(e.image),alt:null==e?void 0:e.imageAlt}),(0,S.jsx)(g.rk,{onClick:e=>{e.preventDefault()}},(0,S.jsx)(y,{src:$.A,alt:"open icon"}))),(0,S.jsx)(g.ZB,null,(0,X.xv)(e.title,75))):(0,S.jsx)(g.hB,{href:"/"+c+e.url,title:e.title},(0,S.jsx)(h,null,(0,S.jsx)(y,{loading:"lazy",src:(0,w.A)(e.image),alt:null==e?void 0:e.imageAlt})),(0,S.jsx)(g.ZB,null,(0,X.xv)(e.title,75)))),d=[V?(0,S.jsx)(K,{key:"card-"+t},a):a],s=Math.ceil(t/12),v=u.length>=s,f=12*s<i.length;return(t+1)%12==0&&V&&v&&f&&d.push((e=>{const t=u[e],i=t.title,l=t.category,o=t.image,n=t.url,r=t.video,a=t.videoManifestUrl,d=t.videoPosterUrl,s=Boolean(a),c=!!r||s,v=null==r?void 0:r.split("/")[3];return(0,S.jsx)(W,{key:"highlight-"+e,subtitleTag:"span",subtitle:"Featured "+(c?"Video":"Article"),titleTag:"h2",title:i,text:l,image:o,isVideo:c,actions:[c?(0,S.jsx)(g.nk,{onClick:e=>{e.preventDefault(),s?ve(i,a,d):fe(i,v)}},(0,S.jsx)(T.A,{key:1,to:"#",onClick:e=>{e.preventDefault()}},"WATCH VIDEO"),(0,S.jsx)(g.pz,{loading:"lazy",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMC42NjA2NDUgMjkuNDA4OVYyLjU5MTA5QzAuNjYwNjQ1IDEuODU2OTUgMC45MTk3NTQgMS4yNDE1NyAxLjQzNzk3IDAuNzQ0OTM5QzEuOTU2MTkgMC4yNDgzMTMgMi41NjA3OCAwIDMuMjUxNzQgMEMzLjQ2NzY2IDAgMy42OTQzOCAwLjAzMjM4ODcgMy45MzE5IDAuMDk3MTY2QzQuMTY5NDIgMC4xNjE5NDMgNC4zOTYxNCAwLjI1OTEwOSA0LjYxMjA2IDAuMzg4NjY0TDI1LjcyOTUgMTMuNzk3NkMyNi4xMTgxIDE0LjA1NjcgMjYuNDA5NiAxNC4zODA2IDI2LjYwNCAxNC43NjkyQzI2Ljc5ODMgMTUuMTU3OSAyNi44OTU1IDE1LjU2ODIgMjYuODk1NSAxNkMyNi44OTU1IDE2LjQzMTggMjYuNzk4MyAxNi44NDIxIDI2LjYwNCAxNy4yMzA4QzI2LjQwOTYgMTcuNjE5NCAyNi4xMTgxIDE3Ljk0MzMgMjUuNzI5NSAxOC4yMDI0TDQuNjEyMDYgMzEuNjExM0M0LjM5NjE0IDMxLjc0MDkgNC4xNjk0MiAzMS44MzgxIDMuOTMxOSAzMS45MDI4QzMuNjk0MzggMzEuOTY3NiAzLjQ2NzY2IDMyIDMuMjUxNzQgMzJDMi41NjA3OCAzMiAxLjk1NjE5IDMxLjc1MTcgMS40Mzc5NyAzMS4yNTUxQzAuOTE5NzU0IDMwLjc1ODQgMC42NjA2NDUgMzAuMTQzMSAwLjY2MDY0NSAyOS40MDg5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",alt:"play icon"})):(0,S.jsx)(T.A,{key:1,to:n},"LEARN MORE")]})})(Math.abs(s-1))),d}).reduce((e,t)=>[].concat((0,f.A)(e),(0,f.A)(t)),[]).reduce((e,t,i)=>{const l=t.key,o=l.split("-"),n=o[0],r=o[1];if("card"===n){const i=Math.ceil((parseInt(r)+1)/12);e[n+"-"+i]||(e[n+"-"+i]=[]),e[n+"-"+i].push(t)}return"highlight"===n&&(e[""+l]||(e[""+l]=[]),e[""+l].push(t)),e},{});return Object.entries(e)},we=(0,l.useMemo)(()=>ye().map((e,t)=>{const i=e[0].split("-")[0],l=e[1];return"card"===i?(0,S.jsx)(g.k_,{key:"gallerygroup-"+t},(0,S.jsx)(H,null,l)):l[0]}),[ye]);return(0,S.jsx)(g.mc,{ref:ge},(0,S.jsx)(m.Ev,null,!!i&&(0,S.jsx)(g.hE,null,i),(0,S.jsx)(g.mO,{ref:pe},!!d.length&&(0,S.jsx)(g.OB,{ref:he},(0,S.jsx)(E,{filters:d,onChange:function(e,t){var i;void 0===e&&(e=[]);let l=(0,f.A)(r),o=!0;null!==(i=e)&&void 0!==i&&i.length&&(l=l.filter(t=>e.some(e=>t.catId.includes(e))),o=!1),Y(o),"latest"===t?l.sort((e,t)=>

1new Date(t.date)-new Date(e.date)):"oldest"===t?l.sort((e,t)=>new Date(e.date)-new Date(t.date)):"a-to-z"===t?l.sort((e,t)=>e.title.toLowerCase().localeCompare(t.title.toLowerCase())):"z-to-a"===t&&l.sort((e,t)=>e.title.toLowerCase().localeCompare(t.title.toLowerCase())).reverse(),R(l),ge.current.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})}})),(0,S.jsx)(g.CV,{id:"card__gallery"},(0,S.jsx)(g.Sy,null,we),J<Q.length&&(0,S.jsx)(g.M6,null,(0,S.jsx)(U.En,{className:"one",onClick:()=>{F(Q.length)}},s)))),(0,S.jsx)(O.jM,{isOpen:ce?p:q},(0,S.jsx)(g.sW,null,ce?(0,S.jsx)(ie.A,{manifestUrl:z,posterUrl:L,title:N,autoPlay:!0}):(0,S.jsx)(g.n_,{ref:re,src:M+"?autoplay=1",allow:"autoplay",frameborder:"0",onLoad:e=>{ne(p)}})),(0,S.jsx)(O.Jn,{onClick:()=>{b(""),D(""),P(""),x(!1),ne(!1)}},(0,S.jsx)(y,{src:ee.A,alt:"close icon"})))))};var re=e=>{let t=e.title,i=void 0===t?"":t,l=e.items,o=e.filters,n=e.featureItems;return(0,S.jsx)(v,null,(0,S.jsx)(ne,{title:i,items:l,filters:o,featureItems:n,action:(0,S.jsx)(T.A,{key:1},"Load More")}))},ae=i(3707),de=i(5757),se=i(66);const ue=(0,c.A)("div",{target:"e1ly0xg610"})("position:relative;width:100%;display:flex;align-items:center;justify-content:center;.swiper{width:100%;.swiper-slide{background-color:",e=>e.theme.colors.lightGreen4,";}.swiper-pagination{position:absolute;left:0;bottom:5.5rem;display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;width:100%;padding-inline:11rem;",p.ju.md,"{padding-inline:5rem;}",p.ju.xs,"{bottom:3.5rem;gap:3rem;padding-inline:5rem;}.swiper-pagination-bullet{position:relative;width:100%;height:10px;flex:1;margin:0;border-radius:0;transition:all ease-out 300ms;background:transparent;overflow:hidden;",p.ju.xs,'{width:unset;margin-right:unset;}&:before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;opacity:1;border-radius:5rem;background-color:',e=>e.theme.colors.white,';transition:all ease-out 300ms;z-index:20;}&:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;opacity:0.3;background-color:',e=>e.theme.colors.white,";transition:all ease-out 300ms;}&:hover{&:after,&:before{height:5px;}}}.swiper-pagination-bullet-active{&::before{animation:slide-progress 7.3s linear forwards;.swiper-paused &{animation-play-state:paused;}}}@keyframes slide-progress{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}}}"),ce=(p.ju.md,p.ju.xs,(0,c.A)("div",{target:"e1ly0xg66"})("position:relative;width:100%;padding-inline:11rem;margin-bottom:23.2rem;",p.ju.xl,"{margin-bottom:17rem;}",p.ju.md,"{padding:0 5rem;}",p.ju.xs,"{margin-bottom:12.7rem;}")),ve=(0,c.A)("div",{target:"e1ly0xg65"})({name:"c55hf5",styles:"display:flex;align-items:center;gap:1rem;width:fit-content;margin-bottom:2.8rem"}),fe=(0,c.A)("span",{target:"e1ly0xg64"})("display:block;font-size:1.6rem;color:",se.Ay.colors.white,";"),me=(0,c.A)(P.hE,{target:"e1ly0xg63"})("max-width:50vw;margin-bottom:2.8rem;",p.ju.xs,"{max-width:100%;margin-bottom:1.6rem;}"),ge=(0,c.A)("p",{target:"e1ly0xg62"})("font-size:1.6rem;font-weight:400;color:",se.Ay.colors.white,";line-height:1em;margin-bottom:4.7rem;"),pe=(0,c.A)(P.$n,{target:"e1ly0xg61"})('border:none;padding:0;background-color:transparent!important;&:before{content:"";position:absolute;inset:0;}div>span{font-size:1.6rem;font-weight:800;line-height:2.4em;letter-spacing:-2%;padding:0;}',p.ju.xs,"{padding:0!important;span{font-size:1.4rem!important;}}",p.B2.md,"{&:hover{background-color:transparent!important;span{color:",se.Ay.colors.white,"!important;}}}"),he=(0,c.A)(pe,{target:"e1ly0xg60"})(""),ye=(0,o.eU)({key:"journalVideoUrl",default:null}),we=(0,o.eU)({key:"journalVideoTitle",default:null}),xe=(0,o.eU)({key:"journalVideoOpen",default:!1}),je=(0,o.eU)({key:"journalVideoManifestUrl",default:null}),Me=(0,o.eU)({key:"journalVideoPosterUrl",default:null}),be=[{time:25,reached:!1},{time:50,reached:!1},{time:75,reached:!1}];var Ae=e=>{let t=e.slides;const i=(0,o.vc)(xe),n=(0,o.vc)(ye),r=(0,o.vc)(we),a=(0,o.vc)(je),d=(0,o.vc)(Me),s=(0,o.lZ)(xe),u=(0,o.lZ)(ye),c=(0,o.lZ)(we),v=(0,o.lZ)(je),f=(0,o.lZ)(Me),m=(0,l.useState)(!1),p=m[0],h=m[1],x=(0,l.useRef)(null),j=(0,l.useState)(be),M=j[0],b=j[1],A=Boolean(a);(0,l.useEffect)(()=>

1{if(!A&&n&&i&&x.current&&p){const e=new te.A(x.current),t=M.reduce((e,t)=>(e.push(t.time),e),[]);e.on("timeupdate",e=>{const i=(100*e.percent).toFixed(0);t.forEach((e,t)=>{const l=i>=e-2&&i<e+2,o=M[t].reached;l&&!o&&(M[t].reached=!0,"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Qs,video_title:r,video_percent:M[t].time}))})}),e.on("ended",e=>{"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.uT,video_title:r}),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Qs,video_title:r,video_percent:100})})}},[p,n,i]);const N=(e,t)=>{"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Qf,cta_name:e,banner_name:t})};return(0,S.jsx)(ue,null,(0,S.jsx)(ae.RC,{modules:[de.dK,de.Ij,de._R],pagination:{clickable:!0},loop:!0,shortSwipes:!1,longSwipesRatio:.2,autoplay:{disableOnInteraction:!1,delay:7e3},effect:"fade",watchSlidesProgress:!0},t.slice(0,3).map((e,t)=>{const i=e.video,l=e.videoManifestUrl,o=e.videoPosterUrl,n=e.image,r=e.category,a=e.title,d=e.ctaTo,m=Boolean(l),g=Boolean(i)||m,p=new Date(e.date.replace(" ","T").replace(" UTC","Z")).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),h=null==i?void 0:i.split("/")[3];return(0,S.jsx)(ae.qr,{key:"slide-"+t},(0,S.jsx)(P.mc,{background:(0,w.A)(n)},(0,S.jsx)(P.hJ,null,(0,S.jsx)(ce,null,(0,S.jsx)(ve,null,(0,S.jsx)(fe,null,r)),(0,S.jsx)(me,null,a),(0,S.jsx)(ge,null,p),g?(0,S.jsx)(pe,{onClick:e=>{e.preventDefault(),N("Watch Video",a),(e=>{b(be),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push({event:le.Rb,video_title:e})})(a),c(a),m?(v(l),f(o||""),u(null)):(u("https://player.vimeo.com/video/"+h),v(null),f(null)),s(!0)}},"Watch Video"):(0,S.jsx)(he,{onClick:()=>{N("Learn More",a)},to:d},"Learn More")))))})),(0,S.jsx)(O.jM,{isOpen:A?i:p},(0,S.jsx)(g.sW,null,A?(0,S.jsx)(ie.A,{manifestUrl:a,posterUrl:d,title:r,autoPlay:!0}):(0,S.jsx)(g.n_,{ref:x,src:""+n,allow:"encrypted-media",frameborder:"0",onLoad:e=>{h(i)}})),(0,S.jsx)(O.Jn,{onClick:()=>{c(""),u(null),v(null),f(null),s(!1),h(!1)}},(0,S.jsx)(y,{src:ee.A,alt:"close icon"}))))};var Ne=e=>{var t,i,d;let c=e.data,v=e.pageContext,f=v.pagePath,m=v.marketCode;(0,l.useEffect)(()=>{"undefined"!=typeof window&&window.scrollTo(0,0)},[]);const g=(0,o.vc)(r.YH),p=(0,o.L4)(n.zQ),h=p[0],y=(p[1],c.drupal.nodeById.fieldJournalNewsList),w=c.drupal.nodeById.fieldNewsSlider,x=c.drupal.nodeById.fieldNews

1Featured,j=(null===(t=c.drupal.nodeById.fieldJournalVideoBlock)||void 0===t||t.entity.fieldVideoCarrousel.entity,null===(i=c.drupal.nodeById.fieldJournalJoinOurCommunity)||void 0===i?void 0:i.entity),M={label:"All",catId:"all"},b=[M],A=["all"],N=new Intl.DisplayNames([h.split("-")[0]],{type:"region"}),I=(c.drupal.eventsQuery.entities.map((e,t)=>{var i,l,o,n,r,a,d,u;null!=e&&e.fieldEventCountryLocation&&-1===A.indexOf(N.of(null==e?void 0:e.fieldEventCountryLocation))&&A.push(N.of(null==e?void 0:e.fieldEventCountryLocation));const c=null!=e&&null!==(i=e.fieldEventEndDate)&&void 0!==i&&i.value?null==e||null===(l=e.fieldEventEndDate)||void 0===l?void 0:l.value:null==e||null===(o=e.fieldEventStartDate)||void 0===o?void 0:o.value;return{name:null==e?void 0:e.title,url:null==e||null===(n=e.path)||void 0===n?void 0:n.alias,startDate:null==e||null===(r=e.fieldEventStartDate)||void 0===r?void 0:r.value,endDate:null==e||null===(a=e.fieldEventEndDate)||void 0===a?void 0:a.value,onGoing:s().utc(new Date).isBefore(c),ref:null==e?void 0:e.fieldEventLocation,hours:null==e?void 0:e.fieldEventHours,country:null==e?void 0:e.fieldEventCountryLocation,city:null==e?void 0:e.fieldEventLocation,content:null==e?void 0:e.fieldEventDescription,images:[null==e||null===(d=e.fieldEventCover)||void 0===d?void 0:d.url],timestamp:s()(null==e||null===(u=e.fieldEventStartDate)||void 0===u?void 0:u.value).unix()}}).filter(e=>e.onGoing).sort((e,t)=>e.timestamp-t.timestamp),c.drupal.nodeById.fieldJournalPodcastItem.map(e=>{var t,i,l,o,n,r,a;return{name:null===(t=e.entity)||void 0===t?void 0:t.fieldStandardPodcastName,url:null===(i=e.entity)||void 0===i||null===(l=i.fieldStandardPodcastLink)||void 0===l?void 0:l.uri,category:null===(o=e.entity)||void 0===o||null===(n=o.fieldStandardPodcastCategory)||void 0===n?void 0:n.map(e=>{var t;return null===(t=e.entity)||void 0===t?void 0:t.name}).join(", "),text:null===(r=e.entity)||void 0===r?void 0:r.fieldStandardPodcastDesc,color:null===(a=e.entity)||void 0===a?void 0:a.fieldPodcastSquareColor}}),(()=>{const e=[];for(let j=0;j<x.length;j++){var t;const M=null===(t=x[j])||void 0===t?void 0:t.entity;var i,l,o,n,r,a,d,s,u,c,v,f,m,p,h,y,w;if(M)if(e.push({video:null!==(i=null===(l=M.fieldNewsVideo)||void 0===l?void 0:l.url.path)&&void 0!==i?i:null,videoManifestUrl:null!==(o=null===(n=M.fieldNewsVideoManif)||void 0===n?void 0:n.uri)&&void 0!==o?o:null,videoPosterUrl:null!==(r=null===(a=M.fieldNewsVideoPoster)||void 0===a?void 0:a.uri)&&void 0!==r?r:null,catId:M.fieldNewsCategories.map(e=>{var t;return null===(t=e.entity)||void 0===t?void 0:t.entityId}),category:null===(d=M.fieldNewsCategories[0].entity)||void 0===d?void 0:d.name,title:M.fieldNewsTitle,text:M.fieldNewsShortDescription,image:g&&null!==(s=M.fieldNewsCoverMobile)&&void 0!==s&&s.url?null===(u=M.fieldNewsCoverMobile)||void 0===u?void 0:u.url:null===(c=M.fieldNewsCover)||void 0===c?void 0:c.url,imageAlt:g&&null!==(v=M.fieldNewsCoverMobile)&&void 0!==v&&v.alt?null===(f=M.fieldNewsCoverMobile)||void 0===f?void 0:f.alt:null===(m=M.fieldNewsCover)||void 0===m?void 0:m.alt,url:M.path.alias,date:M.fieldNewsDate.date}),!b.find(e=>{var t;return e.catId===(null===(t=M.fieldNewsCategories[0].entity)||void 0===t?void 0:t.entityId)}))b.push({label:null===(p=M.fieldNewsCategories[0].entity)||void 0===p?void 0:p.name,catId:null===(h=M.fieldNewsCategories[0].entity)||void 0===h?void 0:h.entityId,weight:null!==(y=null===(w=M.fieldNewsCategories[0].entity)||void 0===w?void 0:w.weight)&&void 0!==y?y:0})}return e.sort((e,t)=>t.date-e.date)})()),C=I.map(e=>e.url),z=(()=>{const e=[];for(let p=0;p<w.length;p++){var t;const h=null===(t=w[p])||void 0===t?void 0:t.entity;if(h){var i,l,o,n,r,a,d,s,u,c,v,f,m;const t=null!==(i=null===(l=h.fieldNewsVideoManif)||void 0===l?void 0:l.uri)&&void 0!==i?i:null,p=null!==(o=null===(n=h.fieldNewsVideoPoster)||void 0===n?void 0:n.uri)&&void 0!==o?o:null,y=null!==(r=null===(a=h.fieldNewsVideo)||void 0===a?void 0:a.url.path)&&void 0!==r?r:null;e.push({video:y,videoManifestUrl:t,videoPosterUrl:p,catId:h.fieldNewsCategories.map(e=>{var t;return null===(t=e.entity)||void 0===t?void 0:t.entityId}),category:null===(d=h.fieldNewsCategories[0].entity)||void 0===d?void 0:d.name,title:h.fieldNewsTitle,text:h.fieldNewsShortDescription,image:g&&null!==(s=h.fieldNewsCoverMobile)&&void 0!==s&&s.url?null===(u=h.fieldNewsCoverMobile)||void 0===u?void 0:u.url:null===(c=h.fieldNewsCover)||void 0===c?void 0:c.url,imageAlt:g&&null!==(v=h.fieldNewsCoverMobile)&&void 0!==v&&v.alt?null===(f=h.fieldNewsCoverMobile)||void 0===f?void 0:f.alt:null===(m=h.fieldNewsCover)||void 0===m?void 0:m.alt,url:h.path.alias,ctaTo:y||t?"":h.path.alias,date:h.fieldNewsDate.date}

1),h.fieldNewsCategories.forEach(e=>{var t,i,l,o;b.find(t=>{var i;return t.catId===(null===(i=e.entity)||void 0===i?void 0:i.entityId)})||b.push({label:null===(t=e.entity)||void 0===t?void 0:t.name,catId:null===(i=e.entity)||void 0===i?void 0:i.entityId,weight:null!==(l=null===(o=e.entity)||void 0===o?void 0:o.weight)&&void 0!==l?l:0})})}}return e.sort((e,t)=>t.date-e.date)})().filter(e=>!C.includes(e.url)),D=(()=>{const e=[];for(let p=0;p<y.length;p++){var t;const h=null===(t=y[p])||void 0===t?void 0:t.entity;var i,l,o,n,r,a,d,s,u,c,v,f,m;if(h)e.push({video:null!==(i=null===(l=h.fieldNewsVideo)||void 0===l?void 0:l.url.path)&&void 0!==i?i:null,videoManifestUrl:null!==(o=null===(n=h.fieldNewsVideoManif)||void 0===n?void 0:n.uri)&&void 0!==o?o:null,videoPosterUrl:null!==(r=null===(a=h.fieldNewsVideoPoster)||void 0===a?void 0:a.uri)&&void 0!==r?r:null,catId:h.fieldNewsCategories.map(e=>{var t;return null===(t=e.entity)||void 0===t?void 0:t.entityId}),category:null===(d=h.fieldNewsCategories[0].entity)||void 0===d?void 0:d.name,title:h.fieldNewsTitle,marketsId:h.fieldEventMarkets.map(e=>{var t,i;return(null===(t=e.entity)||void 0===t?void 0:t.langcode.value)+"-"+(null===(i=e.entity)||void 0===i?void 0:i.fieldCountryCode.toLowerCase())}),text:h.fieldNewsShortDescription,image:g&&null!==(s=h.fieldNewsCoverMobile)&&void 0!==s&&s.url?null===(u=h.fieldNewsCoverMobile)||void 0===u?void 0:u.url:null===(c=h.fieldNewsCover)||void 0===c?void 0:c.url,imageAlt:g&&null!==(v=h.fieldNewsCoverMobile)&&void 0!==v&&v.alt?null===(f=h.fieldNewsCoverMobile)||void 0===f?void 0:f.alt:null===(m=h.fieldNewsCover)||void 0===m?void 0:m.alt,url:h.path.alias,date:h.fieldNewsDate.date}),h.fieldNewsCategories.forEach(e=>{var t,i,l,o;b.find(t=>{var i;return t.catId===(null===(i=e.entity)||void 0===i?void 0:i.entityId)})||b.push({label:null===(t=e.entity)||void 0===t?void 0:t.name,catId:null===(i=e.entity)||void 0===i?void 0:i.entityId,weight:null!==(l=null===(o=e.entity)||void 0===o?void 0:o.weight)&&void 0!==l?l:0})})}return e.filter(e=>e.marketsId.includes(h)).sort((e,t)=>t.date-e.date)})().filter(e=>!C.includes(e.url));(()=>{const e=[];for(let t=0;t<j.fieldSocialPostsList.entity.fieldSocialPostItem.length;t++){const i=j.fieldSocialPostsList.entity.fieldSocialPostItem[t].entity;e.push({url:i.fieldSocialPostItemLink.uri,coverImg:i.fieldSocialPostItemCoverImg.url,coverAlt:i.fieldSocialPostItemCoverImg.alt,logo:i.fieldSocialPostLogo.url,logoAlt:i.fieldSocialPostLogo.alt,postUsername:i.fieldSocialPostItemUsername,postSocialAccount:i.fieldSocialPostUserAccount.title,postSocialAccountUrl:i.fieldSocialPostUserAccount.url.path})}})();return(0,S.jsx)(u.A,{entityBundle:"journal",path:f,pageType:"Editorial",pageMarketCode:m},(0,S.jsx)(a.m,null,(0,S.jsx)("title",null,c.drupal.nodeById.fieldJournalMetaTags.entity.fieldMetaTitle),(0,S.jsx)("meta",{name:"description",content:c.drupal.nodeById.fieldJournalMetaTags.entity.fieldMetaDescription}),(0,S.jsx)("meta",{property:"og:title",content:c.drupal.nodeById.fieldJournalMetaTags.entity.fieldMetaTitle}),(0,S.jsx)("meta",{property:"og:description",content:c.drupal.nodeById.fieldJournalMetaTags.entity.fieldMetaDescription}),(0,S.jsx)("meta",{property:"og:url",content:""+({}.URL||"https://www.cloudybay.com")+f}),(0,S.jsx)("meta",{property:"og:site_name",content:"Cloudy Bay"}),(0,S.jsx)("meta",{property:"og:type",content:"article"}),c.drupal.nodeById.fieldJournalMetaTags.entity.fieldMetaOpenGraphImage&&(0,S.jsx)("meta",{property:"og:image",content:null===(d=c.drupal.nodeById.fieldJournalMetaTags.entity.fieldMetaOpenGraphImage)||void 0===d?void 0:d.url})),(0,S.jsx)(Ae,{slides:z}),(0,S.jsx)(re,{title:c.drupal.nodeById.title,filters:b,items:D,featureItems:I}))}},1397:function(e,t,i){i.d(t,{F:function(){return l}});const l=(0,i(644).A)("div",{target:"e9pxzk40"})("display:block;opacity:",e=>e.isRevealed?"1":"0",";transition:opacity .8s ease-out;")},6213:function(e,t){t.A=e=>{e=(e=e.replace(/^\s+|\s+$/g,"")).toLowerCase();const t="àáäâèéëêìíïîòóöôùúüûñç·/_,:;";for(let i=0,l=28;i<l;i++)e=e.replace(new RegExp(t.charAt(i),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(i));return e=e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")}}}]);
2//# sourceMappingURL=component---src-templates-journal-js-cc0d0e62cfb5da550dff.js.map