https://mixtiles.com/static/js/SecondaryVideoSection.consts.DL2ablm_.chunk.js

1import{i as o,r as l,X as j,Y as g,j as t,o as b,u as I,l as S,Z as w}from"./vendor.DwGDxu32.chunk.js";import{H as u,g as v}from"./FaqSection.BZlNqoOI.chunk.js";import{o as y,d as f,b as V}from"./Button.B2gx1eKk.chunk.js";import{u as _,R as C}from"./TopBar.CXX6OjUU.chunk.js";import{k}from"./Analytics.TE2asAjh.chunk.js";const U=o.div.withConfig({componentId:"sc-vhu0ql-0"})(["background:",";box-sizing:border-box;*{box-sizing:border-box;}"],e=>e.theme.colors.grayBackgroundWhite),P=o(u).withConfig({componentId:"sc-4bbqgi-0"})(["height:90vh;will-change:transform,opacity;margin-top:20px;","{height:83vh;}"],y()),K=o.div.withConfig({componentId:"sc-4bbqgi-1"})(["padding:0 10px;height:100%;display:flex;align-items:center;justify-content:center;"]),R=o.h1.withConfig({componentId:"sc-4bbqgi-2"})(["text-align:center;font-size:29.5px;font-weight:700;line-height:110%;color:",";letter-spacing:-0.01px;text-shadow:0 4px 34px rgba(0,0,0,0.55);width:100%;max-width:350px;white-space:pre-line;","{font-size:48px;font-weight:600;line-height:130%;max-width:70%;}","{transform:scale(1.25);transform-origin:center;}"],({theme:e})=>e.colors.white,y(),f());function ee({cldId:e,folder:n,videoText:r}){var s;const a=_("md"),c=l.useRef(null),{scrollYProgress:i}=j({target:(s=c.current)==null?void 0:s.containerRef,offset:["start end","start start"]}),d=g(i,[0,1],[5,0]),p=g(i,[.6,1],[.9,1]),m=g(i,[0,.8],[0,1]);return t.jsx(P,{ref:c,cldId:e,folder:n,style:a?{opacity:1}:{opacity:m,translateY:d,scale:p},name:"Fullscreen",type:"Video",cldWidth:a?2e3:void 0,children:t.jsx(K,{children:t.jsx(R,{children:r})})})}const M=o.div.withConfig({componentId:"sc-1gojc99-0"})(["display:flex;flex-direction:column;padding:0;width:100%;"]),T=o(b.div).withConfig({componentId:"sc-1gojc99-1"})(["padding:40px 0 0 0;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;"]),z=o.h2.withConfig({componentId:"sc-1gojc99-2"})(["padding:0 40px;font-size:31px;font-weight:600;text-align:center;max-width:380px;white-space:pre-line;"]),H=o(u).withConfig({componentId:"sc-1gojc99-3"})(["height:40vh;"]);function te({videos:e}){const{t:n}=I();return t.jsx(M,{children:e.map(({titleKey:r,name:a,cldId:c,folder:i})=>t.jsx(A,{title:n(r),name:a,cldId:c,folder:i},r))})}function A({title:e,name:n,cldId:r,folder:a}){const c=C(),i=l.useRef(null),{scrollYProgress:d}=j({target:i,offset:["start end","start start"]}),p=g(d,[.35,.7],[20,0]),m=g(d,[0,.5],[.01,1]);return t.jsxs(T,{ref:i,style:{opacity:c?m:1,translateY:c?p:0},children:[t.jsx(z,{children:e}),t.jsx(H,{cldId:r,name:n,type:"Video",folder:a})]})}const E=o.div.withConfig({componentId:"sc-10jo8ms-0"})(["width:100%;display:flex;align-items:center;margin:70px 0 140px;","{padding-left:20px;}","{padding-left:0;}","{max-width:1700px;justify-content:space-between;}"],y(),V(),f()),D=o.div.withConfig({componentId:"sc-10jo8ms-1"})(["margin:auto;","{margin:0;transform:scale(1.25);transform-origin:left;}"],f()),F=o.div.withConfig({componentId:"sc-10jo8ms-2"})(["font-size:48px;font-weight:600;line-height:58px;text-align:left;color:",";max-width:430px;margin-bottom:21px;"],({theme:e})=>e.colors.black),L=o.div.withConfig({componentId:"sc-10jo8ms-3"})(["width:60vw;border-radius:25px 0 0 25px;overflow:hidden;box-shadow:0 100px 80px 0 rgba(0,0,0,0.07),10px 41.778px 33.422px 0 rgba(0,0,0,0.05),20px 22.336px 17.869px 0 rgba(0,0,0,0.04),30px 12.522px 10.017px 0 rgba(0,0,0,0.04),40px 6.65px 5.32px 0 rgba(0,0,0,0.03),50px 2.767px 2.214px 0 rgba(0,0,0,0.02);","{width:881px;height:630px;border-radius:25px;box-shadow:0px 100px 80px 0px rgba(0,0,0,0.08),0px 41.778px 33.422px 0px rgba(0,0,0,0.06),0px 22.336px 17.869px 0px rgba(0,0,0,0.05),0px 12.522px 10.017px 0px rgba(0,0,0,0.04),0px 6.65px 5.32px 0px rgba(0,0,0,0.03),0px 2.767px 2.214px 0px rgba(0,0,0,0.02);}"],f()),$=o.div.withConfig({componentId:"sc-10jo8ms-4"})([""]),Y=o.div.withConfig({componentId:"sc-10jo8ms-5"})(["display:flex;justify-content:space-between;align-items:center;max-width:430px;"]),q=o.div.withConfig({componentId:"sc-10jo8ms-6"})(["width:4px;height:34px;border-radius:2px;background-color:",";position:relative;"],({theme:e})=>e.colors.grayMedium),W=o(b.div).withConfig({componentId:"sc-10jo8ms-7"})(["position:absolute;top:0;left:0;width:100%;background-color:",";border-radius:2px;transition:opacity 0.3s ease-in-out,height 0.3s ease-in-out;"],({theme:e})=>e.colors.primary),X=o.div.withConfig({componentId:"sc-10jo8ms-8"})(["font-size:30px;line-height:36px;color:",";margin:12px auto 12px 32px;transition:color 0.3s ease-in-out;cursor:pointer;max-width:393px;",""],({theme:e})=>

1e.colors.grayMidDark,({$highlighted:e})=>e&&S(["color:",";font-weight:500;"],({theme:n})=>n.colors.primary)),B=o(u).withConfig({componentId:"sc-10jo8ms-9"})(["height:75vh;","{height:100%;}"],f());function oe({videos:e}){const{t:n}=I(),r=l.useRef(null),[a,c]=l.useState(0),i=w(0),d=w(0),p=()=>{i.set(0),c(s=>s===e.length-1?0:s+1)},m=s=>{i.set(0),c(s)};return l.useEffect(()=>{var x;const s=(x=r.current)==null?void 0:x.videoRef.current;if(!s)return;const h=()=>{i.set(v(s))};return s.addEventListener("timeupdate",h),()=>{s.removeEventListener("timeupdate",h)}},[a,i]),t.jsxs(E,{children:[t.jsxs(D,{children:[t.jsx(F,{children:n("homepage.meet_magnetic_hanging")}),t.jsx($,{children:e.map((s,h)=>{const x=h===a;return t.jsx(G,{title:k(n(s.titleKey)),isCurrent:x,progressPercent:x?i:d,onClick:()=>{m(h)}},s.titleKey)})})]}),t.jsx(L,{children:t.jsx(B,{ref:r,cldId:e[a].cldId,name:e[a].name,folder:e[a].folder,type:"Video",onVideoEnd:p,loop:!1,cldWidth:2e3})})]})}function G({title:e,isCurrent:n,progressPercent:r,onClick:a}){const c=l.useRef("0"),i=g(r,d=>`${d}%`);return l.useEffect(()=>{const d=r.on("change",p=>{!n||p===0||(c.current=`${p}%`)});return()=>{d()}},[r,n]),t.jsxs(Y,{children:[t.jsx(q,{children:t.jsx(W,{style:{height:n?i:c.current,opacity:n?1:0}})}),t.jsx(X,{$highlighted:n,onClick:a,children:e})]})}const ne=[{titleKey:"homepage.secondary_title_1",name:"Secondary - Hammers",cldId:"assets/homepage/2023/videos/peelStick"},{titleKey:"homepage.secondary_title_2",name:"Secondary - Adjust",cldId:"assets/homepage/2023/videos/Adjust"},{titleKey:"homepage.secondary_title_3",name:"Secondary - Marks",cldId:"assets/homepage/2023/videos/noDamage"}],ie=[{titleKey:"homepage.secondary_title_1_desktop",name:"Secondary - Hammers",cldId:"assets/homepage/2023/videos/peelStick"},{titleKey:"homepage.secondary_title_2",name:"Secondary - Adjust",cldId:"assets/homepage/2023/videos/Adjust"},{titleKey:"homepage.secondary_title_3",name:"Secondary - Marks",cldId:"assets/homepage/2023/videos/noDamage"}],se=[{titleKey:"homepage.secondary_title_1",name:"Secondary - Hammers",cldId:"assets/art/homepage/videos/peelStick-20260214",folder:"art/homepage"},{titleKey:"homepage.secondary_title_2",name:"Secondary - Adjust",cldId:"assets/art/homepage/videos/Adjust-20260214",folder:"art/homepage"},{titleKey:"homepage.secondary_title_3",name:"Secondary - Marks",cldId:"assets/art/homepage/videos/noDamage-20260214",folder:"art/homepage"}],ae=[{titleKey:"homepage.secondary_title_1_desktop",name:"Secondary - Hammers",cldId:"assets/art/homepage/videos/peelStick-20260214",folder:"art/homepage"},{titleKey:"homepage.secondary_title_2",name:"Secondary - Adjust",cldId:"assets/art/homepage/videos/Adjust-20260214",folder:"art/homepage"},{titleKey:"homepage.secondary_title_3",name:"Secondary - Marks",cldId:"assets/art/homepage/videos/noDamage-20260214",folder:"art/homepage"}];export{U as C,ee as F,oe as S,ne as a,te as b,ae as c,se as d,ie as h};
2//# sourceMappingURL=SecondaryVideoSection.consts.DL2ablm_.chunk.js.map