https://www.cellart.com/_nuxt/BksJQ_ZG.js

1import{a as K}from"./Cfn6abEc.js";import{E as Q,f as $,r as l,e as p,o as r,w as y,P as G,Q as R,H as i,S as J,q as X,s as P,p as Y,R as Z,C as ee,D as te,a as s,c as O,b as h,t as _,F as ae,d as x,_ as le,j as A,u as v,K as oe,M as ie,T as D,L as se,U as W}from"./CNu6UpAG.js";import{u as ne}from"./DFSe_uE3.js";const ue={__name:"TextMask",props:{tag:{type:String,default:"p"}},setup(e,{expose:b}){const{isFirstLoad:w}=$(),u=l(null);return b({el:u}),(k,T)=>(r(),p(R(e.tag),{ref_key:"el",ref:u,class:"ui-fragments-text-mask relative overflow-hidden p-[0.15em]"},{default:y(()=>[G(k.$slots,"default",{},void 0,!0)]),_:3},512))}},re=Q(ue,[["__scopeId","data-v-96131811"]]),ce={class:"col-span-4 col-start-2 sm:col-span-2 sm:col-start-2 h1 italic text-center pb-26"},de={class:"text-mask",style:{"--duration":"2s"}},me={class:"flex items-center gap-x-[10px]"},ve={class:"playBtn__icon","aria-hidden":"true"},pe={class:"block"},fe={class:"flex items-center gap-x-[10px]"},ge={class:"playBtn__icon","aria-hidden":"true"},he={class:"block"},we={__name:"HeroVideo",props:{tag:{type:String,default:"section"},title:{type:String,default:"",required:!0},media:{type:Object,default:()=>{},required:!0}},setup(e){i.registerPlugin(J);const{$bus:b}=X(),{common:w}=P(Y()),{isFirstLoad:u}=P($()),{setHasLoader:k}=$(),{isAnimationsDisabled:T}=P(ne()),c=l(null),C=l(null),n=l(null),t=l(null),E=l(null),I=l(null),d=l(null);l(null);const m=l(!1),f=l(!1),S=l(!1),a=l({});Z(n,o=>{u.value&&(a.value=n.value.getBoundingClientRect(),V())}),ee(()=>{k(),te(()=>{u.value?T.value?g():c.value&&t.value.el&&(a.value=c.value.getBoundingClientRect(),F(),V()):g()})});function z(){t.value.togglePlayState()}function N(o){S.value=o}function g(){m.value||f.value||i.delayedCall(.1,()=>{j(),sessionStorage.setItem("loader-shown",!0)})}function M(){i.fromTo(C.value,{yPercent:0},{yPercent:10,ease:"none",scrollTrigger:{trigger:c.value,scrub:!0,start:"top top",end:"bottom top"}})}function V(){m.value||f.value||!u.value||c.value&&n.value&&(i.set(n.value,{"clip-path":`polygon(
2        ${a.value.width/2-342/2}px ${a.value.height/2-177/2}px,
3        ${a.value.width/2+342/2}px ${a.value.height/2-177/2}px,
4        ${a.value.width/2+342/2}px ${a.value.height/2+177/2}px,
5        ${a.value.width/2-342/2}px ${a.value.height/2+177/2}px
6      )`}),i.set([t.value.el,E.value?.el],{scale:400/a.value.width}))}function F(){i.set(n.value,{yPercent:65}),i.set([t.value.image?.el||t.value.el,t.value.videoWrap],{yPercent:10,filter:"blur(12px)"}),i.set(I.value,{opacity:1}),d.value?.el&&i.set([d.value.el],{"--maskPosition":"100%"})}function j(){const o=i.timeline({onComplete:()=>{m.value=!1}});i.set(c.value,{opacity:1}),u.value?(o.to(n.value,{yPercent:-4.5,duration:1.5,ease:"power4.inOut"}).to([t.value.image?.el||t.value.el,t.value.videoWrap],{yPercent:0,duration:1.5,ease:"power4.inOut"},.2),d.value.el&&o.to(d.value.el,{"--mask-x-position":"0%",duration:2,ease:"expoScale(0.5,7,none)"},"-=0.7"),o.to(t.value.el,{scale:1,duration:1.3,ease:"power4.inOut",onStart:()=>{m.value=!0}},"-=1.1").to([t.value.image?.el||t.value.el,t.value.videoWrap],{filter:"blur(0px)",duration:1.2,ease:"power4.inOut"},"-=1.3").to(n.value,{yPercent:0,"clip-path":`polygon(
7        0px 0px,
8        ${a.value.width+4}px 0px,
9        ${a.value.width+4}px ${a.value.height+4}px,
10        0px ${a.value.height+4}px
11      )`,duration:1.2,ease:"power4.inOut",clearProps:"clip-path",onComplete:M},"-=1.15"),o.call(()=>{b.$emit("APPLOADER:END")},null,"-=0.3")):o.fromTo(n.value,{scale:1.08,opacity:0},{scale:1,opacity:1,duration:1.5,ease:"power4.inOut",onStart:()=>{m.value=!0},onComplete:M}),o.call(()=>{f.value=!0},null,"-=0.6")}return(o,_e)=>{const q=K,B=le,H=re,L=se,U=ie;return r(),p(R(e.tag),{ref_key:"el",ref:c,class:A(["s-hero-video relative z-0 l-screen overflow-clip bg-white text-white px-spacingPage",{"-is-shown":v(f)}])},{default:y(()=>[s("div",{ref_key:"contentEl",ref:C,class:"absolute top-0 left-0 w-full h-full grid grid-cols-6 sm:grid-cols-4 gutter items-center"},[s("h1",ce,[s("span",de,_(e.title),1)]),s("div",{ref_key:"mediaWrapEl",ref:n,class:"media__wrap !absolute -z-1 top-0 left-0 w-full h-full"},[e.media?.cIsVideo&&e.media?.cVideo?(r(),p(q,{key:0,id:e.media?.cVideo?.id,ref_key:"mediaEl",ref:t,loop:"",muted:"",video:e.media?.cVideo,"video-mobile":e.media?.cVideoMobile,thumbnail:e.media?.cImage,"thumbnail-mobile":e.media?.cImageMobile,width:"1440",class:"media",cover:"","no-controls":"",onPlayStateChange:N,onLoaded:g},null,8,["id","video","video-mobile","thumbnail","thumbnail-mobile"])):e.media?.cImage?(r(),O(ae,{key:1},[e.media?.cImageMobile?(r(),p(B,{key:0,ref_key:"imageMobile",ref:E,image:e.media.cImageMobile,width:"820",cover:"",class:"media sm:!hidden"},null,8,["image"])):h("",!0),x(B,{ref_key:"mediaEl",ref:t,image:e.media.cImage,width:"1440",cover:"",class:A(["media",{"!hidden sm:!block":e.media?.cImageMobile}]),onLoaded:g},null,8,["image","class"])],64)):h("",!0)],512)],512),s("div",{ref_key:"loaderTextWrap",ref:I,class:"s-hero-video__loaderText__wrap absolute -z-2 inset-0 flex flex-col items-center justify-center px-spacingPage pointer-events-none text-black","aria-hidden":"true"},[v(w).cLoaderText?(r(),p(H,{key:0,ref_key:"loaderTextEl",ref:d,class:"s-hero-video__loaderText h1 italic text-center mt-30 sm:mt-40"},{default:y(()=>[oe(_(v(w).cLoaderText),1)]),_:1},512)):h("",!0)],512),e.media.cIsVideo&&e.media.cVideo?(r(),O("button",{key:0,class:"playBtn !absolute !z-1 right-20 bottom-20 text-white -hover || fade-in",style:{"--delay":"0.25s"},onClick:z},[x(U,{variant:"secondary","custom-layout":""},{default:y(()=>[D(s("span",me,[s("span",ve,[x(L,{name:"play",type:"ui"})]),s("span",pe,_(o.$t("a11y.video.play")),1)],512),[[W,!v(S)]]),D(s("span",fe,[s("span",ge,[x(L,{name:"pause",type:"ui"})]),s("span",he,_(o.$t("a11y.video.pause")),1)],512),[[W,v(S)]])]),_:1})])):h("",!0)]),_:1},8,["class"])}}};export{we as _};