{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/nFgb5a6v3y2TFHds9fKJ/08EiqPKqpLgpXE05tajN/Wave.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,Color}from\"framer\";import{motion}from\"framer-motion\";/**\n * WAVE\n * By Benjamin den Boer\n *\n * @framerIntrinsicWidth 100\n * @framerIntrinsicHeight 20\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Wave(props){const{front,back,radius,scale,shouldAnimate,direction,diagonal,duration}=props;const isCanvas=RenderTarget.current()===RenderTarget.canvas;let pattern;let position;let size;let repeat;let addBackground;let backgroundPosAnimation;const frontHex=Color.toHexString(Color(front));const backHex=Color.toHexString(Color(back));const frontWithoutHex=frontHex.replace(\"#\",\"\");const backWithoutHex=backHex.replace(\"#\",\"\");const factor=direction===\"left\"||direction===\"top\"?-1:1;const xScale=direction===\"left\"||direction===\"right\"?factor*scale:0;const yScale=direction===\"top\"||direction===\"bottom\"?factor*scale:0;const fadeMask=`linear-gradient(to left, rgba(0, 0, 0, 0) ${0}%, rgba(0, 0, 0, 1) ${5}%, rgba(0, 0, 0, 1) ${95}%,  rgba(0, 0, 0, 0) ${100}%)`;pattern=`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20'%3E%3Cpath d='M 0 13 C 8.44 13 13.718 11.79 22.272 8.598 L 24.04 7.937 C 33.64 4.347 39.647 3 50 3 C 60.271 3 65.362 4.222 74.629 7.928 C 84.112 11.722 89.438 13 100 13 L 100 0 L 0 0 Z' fill='rgb(0, 0, 0)'%3E%3C/path%3E%3Cpath d='M 0 14 C 8.44 14 13.718 12.79 22.272 9.598 L 24.04 8.937 C 33.64 5.347 39.647 4 50 4 C 60.271 4 65.362 5.222 74.629 8.928 C 84.112 12.722 89.438 14 100 14 L 100 12 C 89.729 12 84.638 10.778 75.371 7.072 C 65.888 3.278 60.562 2 50 2 C 39.374 2 33.145 3.397 23.34 7.063 L 21.573 7.725 C 13.223 10.84 8.163 12 0 12 Z' fill='%23${frontWithoutHex}'%3E%3C/path%3E%3C/svg%3E\")`;size=`${scale*10}px ${scale*2}px`;addBackground=back;backgroundPosAnimation=`${xScale*10}px ${yScale*2}px`;return /*#__PURE__*/ _jsx(motion.div,{style:{width:\"100%\",height:\"100%\",backgroundColor:addBackground?addBackground:\"transparent\",backgroundImage:pattern,backgroundPosition:position,backgroundSize:size,backgroundRepeat:\"repeat-x\",borderRadius:radius,WebkitMaskImage:fadeMask,MozMaskImage:fadeMask,maskImage:fadeMask,willChange:\"backgroundPosition\"},animate:{backgroundPosition:backgroundPosAnimation},transition:{type:\"tween\",ease:\"linear\",duration:duration,repeat:Infinity,repeatType:\"loop\"}});};Wave.displayName=\"Wave\";/* Property Controls */ addPropertyControls(Wave,{front:{type:ControlType.Color,title:\"Front\",defaultValue:\"#FFF\"},back:{type:ControlType.Color,title:\"Back\",defaultValue:\"#000\"},scale:{type:ControlType.Number,min:1,max:100,step:1,defaultValue:10},radius:{type:ControlType.Number,min:0,max:100,step:1,defaultValue:0},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\",],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],defaultValue:\"left\",displaySegmentedControl:true,hidden(props){return props.patternType===\"wiggle\"||props.shouldAnimate===false;}},diagonal:{type:ControlType.Boolean,title:\"Direction\",defaultValue:true,enabledTitle:\"TL\",disabledTitle:\"BR\",hidden(props){return props.patternType!==\"wiggle\";}},duration:{type:ControlType.Number,min:0,max:50,step:.1,defaultValue:5,hidden(props){return props.shouldAnimate===false;}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Wave\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"20\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"100\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Wave.map"],
  "mappings": "8EAUmB,SAARA,EAAsBC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,KAAAC,EAAK,OAAAC,EAAO,MAAAC,EAAM,cAAAC,EAAc,UAAAC,EAAU,SAAAC,EAAS,SAAAC,CAAQ,EAAER,EAAYS,EAASC,EAAa,QAAQ,IAAIA,EAAa,OAAWC,EAAYC,EAAaC,EAASC,EAAWC,EAAkBC,EAA6BC,EAASC,EAAM,YAAYA,EAAMjB,CAAK,CAAC,EAAQkB,EAAQD,EAAM,YAAYA,EAAMhB,CAAI,CAAC,EAAQkB,EAAgBH,EAAS,QAAQ,IAAI,EAAE,EAAQI,EAAeF,EAAQ,QAAQ,IAAI,EAAE,EAAQG,EAAOhB,IAAY,QAAQA,IAAY,MAAM,GAAG,EAAQiB,EAAOjB,IAAY,QAAQA,IAAY,QAAQgB,EAAOlB,EAAM,EAAQoB,EAAOlB,IAAY,OAAOA,IAAY,SAASgB,EAAOlB,EAAM,EAAQqB,EAAS,mHAA+H,OAAAd,EAAQ,soBAAsoBS,+BAA6CP,EAAK,GAAGT,EAAM,QAAQA,EAAM,MAAMW,EAAcb,EAAKc,EAAuB,GAAGO,EAAO,QAAQC,EAAO,MAA2BE,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgBZ,GAA4B,cAAc,gBAAgBJ,EAAQ,mBAAmBC,EAAS,eAAeC,EAAK,iBAAiB,WAAW,aAAaV,EAAO,gBAAgBsB,EAAS,aAAaA,EAAS,UAAUA,EAAS,WAAW,oBAAoB,EAAE,QAAQ,CAAC,mBAAmBT,CAAsB,EAAE,WAAW,CAAC,KAAK,QAAQ,KAAK,SAAS,SAASR,EAAS,OAAO,IAAS,WAAW,MAAM,CAAC,CAAC,CAAE,CAAET,EAAK,YAAY,OAA+B6B,EAAoB7B,EAAK,CAAC,MAAM,CAAC,KAAK8B,EAAY,MAAM,MAAM,QAAQ,aAAa,MAAM,EAAE,KAAK,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,aAAa,CAAC,EAAE,UAAU,CAAC,KAAKA,EAAY,KAAK,MAAM,YAAY,QAAQ,CAAC,OAAO,QAAQ,MAAM,QAAQ,EAAE,YAAY,CAAC,iBAAiB,kBAAkB,eAAe,gBAAiB,EAAE,aAAa,CAAC,OAAO,QAAQ,MAAM,QAAQ,EAAE,aAAa,OAAO,wBAAwB,GAAK,OAAO7B,EAAM,CAAC,OAAOA,EAAM,cAAc,UAAUA,EAAM,gBAAgB,EAAM,CAAC,EAAE,SAAS,CAAC,KAAK6B,EAAY,QAAQ,MAAM,YAAY,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,OAAO7B,EAAM,CAAC,OAAOA,EAAM,cAAc,QAAS,CAAC,EAAE,SAAS,CAAC,KAAK6B,EAAY,OAAO,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,aAAa,EAAE,OAAO7B,EAAM,CAAC,OAAOA,EAAM,gBAAgB,EAAM,CAAC,CAAC,CAAC",
  "names": ["Wave", "props", "front", "back", "radius", "scale", "shouldAnimate", "direction", "diagonal", "duration", "isCanvas", "RenderTarget", "pattern", "position", "size", "repeat", "addBackground", "backgroundPosAnimation", "frontHex", "Color", "backHex", "frontWithoutHex", "backWithoutHex", "factor", "xScale", "yScale", "fadeMask", "p", "motion", "addPropertyControls", "ControlType"]
}