{"version":3,"file":"SplitFeature.Dwp56bvb.mjs","names":["useRef","__esmMin","init_ssg_sandbox_shims","window","de","p","c","init_jsx_runtime","init_npm_react_18_3_1","ce","init_framer_B1b760uK","RenderTarget","addPropertyControls","ControlType","init_PixelImage","PixelImage","useReveal","el","ref","live","items","io","x","i","stagger","n","SplitFeature","POINTS","root","pic","raf","run","r","q","on","fill","reverse","FONT","ivVars","ivText","ivMuted","ivLine","ivFontPick","ivScale","ivBright","style","image","STOCK","photo","title","accent","label","text","points","s","init_SplitFeature","v","k","o"],"sources":["https:/framerusercontent.com/modules/Qhq2kaavREwzrabDDSRf/RXYz11Q1DkWVHi6i4T6t/SplitFeature.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";// @ts-ignore Framer resolves this module at runtime\nimport PixelImage from\"https://framerusercontent.com/modules/0Z4aqwAtVD3i7vahctHU/cZeklQe5XkW2bfekdDfs/PixelImage.js\";const ivVars=o=>{const v={};for(const k in o)if(o[k]!==undefined&&o[k]!==null&&o[k]!==\"\")v[k]=o[k];return v;};const FONT='var(--ivFont,\"Inter Variable\",\"Inter\",\"Inter Placeholder\",system-ui,sans-serif)';const STOCK=[\"https://images.unsplash.com/photo-1678740386174-5b267bbf258b?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1688306141976-0a8ef8c3f585?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1761937841713-6b43e3f50efa?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1760426392296-9abd7fc8cab0?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1756679206737-dafa3370e0b2?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1767926189999-4f9550c88247?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1764193875912-0f0a64874344?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1731870692027-d9b72b4931bd?auto=format&fit=crop&w=1400&q=70\",\"https://images.unsplash.com/photo-1698490275678-518f3b591f0c?auto=format&fit=crop&w=1400&q=70\"];const GUT=\"clamp(20px,3.4vw,40px)\";const live=()=>RenderTarget.current()!==RenderTarget.canvas&&RenderTarget.current()!==RenderTarget.thumbnail&&!window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;function useReveal(ref,stagger=90){useEffect(()=>{const el=ref.current;if(!el||!live())return;const items=Array.from(el.querySelectorAll(\"[data-rise]\"));items.forEach(n=>{n.style.opacity=\"0\";n.style.transform=\"translateY(34px)\";});const io=new IntersectionObserver(e=>{e.forEach(x=>{if(!x.isIntersecting)return;io.unobserve(x.target);const n=x.target,i=items.indexOf(n)%4;n.style.transition=\"opacity .8s ease \"+i*stagger+\"ms, transform .9s cubic-bezier(.22,1,.36,1) \"+i*stagger+\"ms\";n.style.opacity=\"1\";n.style.transform=\"none\";});},{threshold:.12});items.forEach(n=>io.observe(n));return()=>io.disconnect();},[]);}const POINTS=\"Point one, Point two, Point three\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function SplitFeature({ivText,ivMuted,ivLine,ivFontPick,ivScale,ivBright,label=\"Label\",title=\"Feature title\",text=\"Feature text.\",points=POINTS,photo=0,image,effect=\"slats\",reverse=false,fill=\"#0f1012\",accent=\"#ffc400\",style}){const root=useRef(null),pic=useRef(null);useReveal(root,110);useEffect(()=>{const el=root.current,p=pic.current;if(!el||!p||!live())return;let raf=0;const run=()=>{raf=0;const r=el.getBoundingClientRect(),q=(r.top+r.height/2-window.innerHeight/2)/window.innerHeight;p.style.transform=\"translate3d(0,\"+(q*-46).toFixed(1)+\"px,0) scale(1.14)\";};const on=()=>{if(!raf)raf=requestAnimationFrame(run);};run();window.addEventListener(\"scroll\",on,{passive:true});return()=>{window.removeEventListener(\"scroll\",on);cancelAnimationFrame(raf);};},[]);return /*#__PURE__*/_jsxs(\"section\",{ref:root,style:{width:\"100%\",boxSizing:\"border-box\",background:fill,padding:\"clamp(64px,8vw,110px) \"+GUT,display:\"flex\",flexWrap:\"wrap\",flexDirection:reverse?\"row-reverse\":\"row\",gap:\"clamp(32px,5vw,72px)\",alignItems:\"center\",fontFamily:FONT,...ivVars({\"--ivText\":ivText,\"--ivMuted\":ivMuted,\"--ivLine\":ivLine,\"--ivFont\":ivFontPick?.fontFamily,\"--ivScale\":ivScale,\"--ivBright\":ivBright}),...style},children:[/*#__PURE__*/_jsx(\"div\",{style:{flex:\"1 1 340px\",minWidth:0,height:\"clamp(320px,48vw,640px)\",overflow:\"hidden\",borderRadius:3},children:/*#__PURE__*/_jsx(\"div\",{ref:pic,style:{width:\"100%\",height:\"100%\",willChange:\"transform\"},children:/*#__PURE__*/_jsx(PixelImage,{effect:effect,src:image?.src||STOCK[photo%STOCK.length],srcSet:image?.srcSet,alt:image?.alt||title,style:{width:\"100%\",height:\"100%\"},imgStyle:{filter:\"saturate(.85) contrast(1.05) brightness(var(--ivBright,.84))\"}})})}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:\"1 1 340px\",minWidth:0},children:[/*#__PURE__*/_jsx(\"div\",{\"data-rise\":true,style:{fontSize:13,fontWeight:700,letterSpacing:\".1em\",textTransform:\"uppercase\",color:accent,marginBottom:14},children:label}),/*#__PURE__*/_jsx(\"h2\",{\"data-rise\":true,style:{margin:\"0 0 18px\",fontSize:\"calc(clamp(32px,4.4vw,60px) * var(--ivScale,1))\",lineHeight:1.04,fontWeight:600,letterSpacing:\"-.033em\",color:\"var(--ivText,#f4f2ec)\"},children:title}),/*#__PURE__*/_jsx(\"p\",{\"data-rise\":true,style:{margin:\"0 0 24px\",fontSize:18,lineHeight:1.5,color:\"var(--ivMuted,#a9a79f)\",maxWidth:560},children:text}),/*#__PURE__*/_jsx(\"ul\",{style:{listStyle:\"none\",margin:0,padding:0},children:points.split(\",\").map(s=>s.trim()).filter(Boolean).map((s,i)=>/*#__PURE__*/_jsxs(\"li\",{\"data-rise\":true,style:{display:\"flex\",gap:12,alignItems:\"center\",padding:\"13px 0\",borderTop:\"1px solid var(--ivLine,#2e2e30)\",fontSize:17,fontWeight:500,color:\"var(--ivText,#f4f2ec)\"},children:[/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":true,style:{width:9,height:9,background:accent,flex:\"none\"}}),s]},i))})]})]});}addPropertyControls(SplitFeature,{ivFontPick:{type:ControlType.Font,title:\"Font\",controls:\"basic\"},ivScale:{type:ControlType.Number,title:\"Title size\",min:.5,max:1.5,step:.05,defaultValue:1},ivBright:{type:ControlType.Number,title:\"Photo brightness\",min:.2,max:1.2,step:.02,defaultValue:.84},ivText:{type:ControlType.Color,title:\"Title colour\",defaultValue:\"#f4f2ec\"},ivMuted:{type:ControlType.Color,title:\"Text colour\",defaultValue:\"#a9a79f\"},ivLine:{type:ControlType.Color,title:\"Lines\",defaultValue:\"#2e2e30\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Label\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Feature title\"},text:{type:ControlType.String,title:\"Text\",displayTextArea:true,defaultValue:\"Feature text.\"},points:{type:ControlType.String,title:\"Points\",displayTextArea:true,defaultValue:POINTS},image:{type:ControlType.ResponsiveImage,title:\"Image\"},photo:{type:ControlType.Number,title:\"Demo photo\",min:0,max:8,step:1,defaultValue:0},effect:{type:ControlType.Enum,title:\"Reveal\",options:[\"slats\",\"wipe\",\"wipeSide\",\"iris\",\"zoom\",\"pixel\"],defaultValue:\"slats\"},reverse:{type:ControlType.Boolean,title:\"Reverse\",defaultValue:false},fill:{type:ControlType.Color,title:\"Background\",defaultValue:\"#0f1012\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#ffc400\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SplitFeature\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SplitFeature.map"],"mappings":"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"}