{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/4SKzWwFFu3T7GMV6zFVt/kCDDIOTtdWVdYFqjVj84/Halftone_comp_test.js"],
  "sourcesContent": ["import{jsx as e}from\"react/jsx-runtime\";import{useEffect as t,useRef as i,useState as r}from\"react\";import{addPropertyControls as l,ControlType as a}from\"framer\";import{motion as o,useMotionValue as n,useTransform as d,animate as m}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function u(l){let a;let{colorType:u,patternType:p,gradientType:s,startColor:g,endColor:h,imgURL:f,blurValue:c,contrastValue:w,invertValue:y,brightnessValue:x,customGradient:$,dotColor:b,dotOpacity:v,dotSize:C,dotDistance:V}=l,k=n(0),T=i(null),[E,L]=r({width:0,height:0}),N={x:0,y:0},B=Array.from({length:32},()=>({...N,dx:0,dy:0}));t(()=>{let e;if(\"follower\"!==p)return;let t=T.current,i=t.getContext(\"2d\"),r=()=>{i.fillStyle=\"white\",i.fillRect(0,0,t.width,t.height),i.lineCap=\"round\",B.forEach((e,t)=>{let r=0===t?N:B[t-1],l=0===t?.08000000000000002:.2;e.dx=(r.x-e.x)*l,e.dy=(r.y-e.y)*l,e.x+=e.dx,e.y+=e.dy,t>0&&(i.beginPath(),i.moveTo(r.x,r.y),i.lineTo(e.x,e.y),i.lineWidth=8*(32-t),i.stroke());}),e=window.requestAnimationFrame(r);},l=e=>{let i=t.getBoundingClientRect();N.x=e.pageX-i.left-window.scrollX,N.y=e.pageY-i.top-window.scrollY;};return window.addEventListener(\"mousemove\",l),e=window.requestAnimationFrame(r),()=>{window.removeEventListener(\"mousemove\",l),window.cancelAnimationFrame(e);};},[p]),t(()=>{if(\"follower\"!==p)return;let e=()=>{L({width:T.current.parentElement.offsetWidth,height:T.current.parentElement.offsetHeight});};return window.addEventListener(\"resize\",e),e(),()=>{window.removeEventListener(\"resize\",e);};},[p]),t(()=>{if(\"shockwave\"!==p)return;let e=m(k,1,{duration:3,repeat:1/0,ease:\"linear\"});return()=>e.stop();},[p]);let D=d(k,e=>{let t=Array.from({length:11},(t,i)=>10*i-10+20*e),i=Array.from({length:6},(t,i)=>1-.2*i-.2*e);return`radial-gradient(\n            circle 100vmax at 50% 50%,\n            rgba(255,255,255,1) ${t[0]}%,\n            rgba(0,0,0,${i[0]}) ${t[1]}%,\n            rgba(255,255,255,1) ${t[2]}%,\n            rgba(0,0,0,${i[1]}) ${t[3]}%,\n            rgba(255,255,255,1) ${t[4]}%,\n            rgba(0,0,0,${i[2]}) ${t[5]}%,\n            rgba(255,255,255,1) ${t[6]}%,\n            rgba(0,0,0,${i[3]}) ${t[7]}%,\n            rgba(255,255,255,1) ${t[8]}%,\n            rgba(0,0,0,${i[4]}) ${t[9]}%,\n            rgba(255,255,255,1) ${t[10]}%\n        ), white`;});\"image\"===p?a=`url(${f}) 50% / cover`:\"gradient\"===p?a=\"linear\"===s?`linear-gradient(${g}, ${h})`:\"radial\"===s?`radial-gradient(circle, ${g}, ${h})`:$:\"shockwave\"===p&&(a=D);let A=\"image\"===p||\"shockwave\"===p||\"follower\"===p?`blur(${c}px) contrast(${w}) brightness(${x}) invert(${y})`:\"none\",F={pattern:\"light\"===u?`radial-gradient(circle, #fff 0px, #000 ${C}px) 0 0 / ${V}px ${V}px repeat`:`radial-gradient(circle, #000 0px, #fff ${C}px) 0 0 / ${V}px ${V}px repeat`},S={width:\"100%\",height:\"100%\",background:F.pattern,filter:\"contrast(10)\",overflow:\"hidden\",mixBlendMode:\"light\"===u?\"multiply\":\"screen\"},R={width:\"100%\",height:\"100%\",background:a,filter:A,mixBlendMode:\"light\"===u?\"multiply\":\"screen\"};return /*#__PURE__*/e(\"div\",{style:{backgroundColor:b,opacity:v,mixBlendMode:\"light\"===u?\"screen\":\"multiply\",width:\"100%\",height:\"100%\",position:\"absolute\",top:0,right:0,bottom:0,left:0},children:/*#__PURE__*/e(\"div\",{style:S,children:\"follower\"===p?/*#__PURE__*/e(\"canvas\",{ref:T,width:E.width,height:E.height,style:{mixBlendMode:\"light\"===u?\"multiply\":\"screen\",filter:A}}):/*#__PURE__*/e(o.div,{style:R})})});}u.displayName=\"HalftonePattern\",l(u,{colorType:{type:a.Enum,title:\"Color Type\",options:[\"light\",\"dark\"],optionTitles:[\"Light\",\"Dark\"],defaultValue:\"light\"},patternType:{type:a.Enum,title:\"Pattern Type\",options:[\"image\",\"gradient\",\"shockwave\",\"follower\"],optionTitles:[\"Image\",\"Gradient\",\"Shockwave\",\"Follower\"],defaultValue:\"image\"},gradientType:{type:a.Enum,title:\"Gradient Type\",options:[\"linear\",\"radial\",\"custom\"],optionTitles:[\"Linear\",\"Radial\",\"Custom\"],defaultValue:\"linear\",hidden:({patternType:e})=>\"gradient\"!==e},startColor:{type:a.Color,title:\"Start Color\",defaultValue:\"#999\",hidden:({patternType:e,gradientType:t})=>\"gradient\"!==e||\"custom\"===t},endColor:{type:a.Color,title:\"End Color\",defaultValue:\"black\",hidden:({patternType:e,gradientType:t})=>\"gradient\"!==e||\"custom\"===t},imgURL:{type:a.File,title:\"Image URL\",allowedFileTypes:[\"png\",\"jpg\",\"jpeg\",\"gif\"],hidden:({patternType:e})=>\"image\"!==e},blurValue:{type:a.Number,title:\"Blur\",defaultValue:5,min:0,max:50,step:1,hidden:({patternType:e})=>\"image\"!==e&&\"shockwave\"!==e&&\"follower\"!==e},contrastValue:{type:a.Number,title:\"Contrast\",defaultValue:1.2,min:0,max:10,step:.1,hidden:({patternType:e})=>\"image\"!==e&&\"shockwave\"!==e&&\"follower\"!==e},brightnessValue:{type:a.Number,title:\"Brightness\",defaultValue:1.2,min:0,max:5,step:.1,hidden:({patternType:e})=>\"image\"!==e&&\"shockwave\"!==e&&\"follower\"!==e},invertValue:{type:a.Number,title:\"Invert\",defaultValue:1,min:0,max:1,step:.1,hidden:({patternType:e})=>\"image\"!==e&&\"shockwave\"!==e&&\"follower\"!==e},customGradient:{type:a.String,title:\"Custom Gradient\",hidden:({patternType:e})=>\"custom\"!==e},dotColor:{type:a.Color,title:\"Dot Color\",defaultValue:\"#0066ff\"},dotOpacity:{type:a.Number,title:\"Dot Opacity\",defaultValue:.25,min:0,max:1,step:.05},dotSize:{type:a.Number,title:\"Dot Size\",defaultValue:3.5,min:2,max:10,step:.5},dotDistance:{type:a.Number,title:\"Dot Distance\",defaultValue:12,min:2,max:20,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HalftonePattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Halftone_comp_test.map"],
  "mappings": "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",
  "names": ["u", "l", "a", "p", "s", "g", "h", "f", "c", "w", "y", "x", "$", "b", "v", "C", "V", "k", "useMotionValue", "T", "pe", "E", "L", "ye", "N", "B", "ue", "e", "i", "r", "t", "window", "animate", "D", "useTransform", "A", "F", "S", "R", "motion", "addPropertyControls", "ControlType"]
}