{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/gh5xmpM9GHT9MXnnMpPc/YOcbb3cyk0md6ytVCE3R/Animator.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion,useMotionValue,useTransform}from\"framer-motion\";/**\n * ANIMATOR\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Animator(props){/* Properties */const{pathAnimation,from,to,animate,shouldLoop,loopOptions,slots=[],endCircle}=props;/* State */const hasChildren=Children.count(slots)>0;/* Empty State */let customShape=/*#__PURE__*/_jsxs(\"div\",{style:placeholderStyles,children:[/*#__PURE__*/_jsx(\"div\",{style:emojiStyles,children:\"\u270D\uFE0F\"}),/*#__PURE__*/_jsx(\"p\",{style:titleStyles,children:\"Connect to Graphic\"}),/*#__PURE__*/_jsx(\"p\",{style:subtitleStyles,children:\"Animates single or joined paths on Web Pages only.\"})]});if(hasChildren){/* Grab the SVG from the Graphic */const firstChild=getFirstChild(slots);const svgChild=getFirstChild(firstChild.props.svg);const isSpring=pathAnimation.type===\"spring\";/* Shape transition properties *//* Dividing stiffness and damping by 1000 is a trick I got from Matt \n        which helps with pathLength animations, which otherwise are so fast \n        you never even see them happen in the preview. */const shapeTransition={pathLength:{...pathAnimation,repeat:shouldLoop?Infinity:0,repeatType:loopOptions,stiffness:isSpring?pathAnimation.stiffness/1e3:pathAnimation.stiffness,damping:isSpring?pathAnimation.damping/1e3:pathAnimation.damping}};/* Add our own properties to the Path */const pathLength=useMotionValue(0);const opacity=useTransform(pathLength,[0,.025],[0,1]);const shapeProps={variants:{start:{pathLength:from/100},end:{pathLength:to/100}},transition:shapeTransition};/* Prevent animating or adjusting pathLength on the Canvas */const isCanvas=RenderTarget.current()===RenderTarget.canvas;/* Just render the full connected Graphic on Canvas, when connected */if(isCanvas){customShape=firstChild;}/* If on a web page */if(!isCanvas&&svgChild){/* Pass Attributes */let attributes=svgChild.match(/[\\w-]+=\"[^\"]*\"/g);let pathD;let stroke;let strokeWidth;let strokeLinecap;let strokeLinejoin;for(const element of attributes){if(element.includes(\"d=\")){pathD=splitAndReplace(element);}if(element.includes(\"stroke=\")){stroke=splitAndReplace(element);}if(element.includes(\"stroke-width=\")){strokeWidth=splitAndReplace(element);}if(element.includes(\"stroke-linecap=\")){strokeLinecap=splitAndReplace(element);}if(element.includes(\"stroke-linejoin=\")){strokeLinejoin=splitAndReplace(element);}}/* Grab viewbox */let svgViewbox;svgViewbox=svgChild.split(\"viewBox=\")[1];svgViewbox=svgViewbox.split(\">\")[0];svgViewbox=svgViewbox.replace(/^\"(.+(?=\"$))\"$/,\"$1\");customShape=/*#__PURE__*/_jsx(motion.div,{initial:isCanvas||animate===false?false:\"start\",animate:isCanvas||animate===false?false:\"end\",style:{width:\"100%\",height:\"100%\",display:\"flex\",placeContent:\"center\",placeItems:\"center\",backgroundColor:\"transparent\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(motion.svg,{xmlns:\"http://www.w3.org/2000/svg\",width:\"100%\",height:\"100%\",viewBox:svgViewbox,children:/*#__PURE__*/_jsx(motion.path,{...shapeProps,d:pathD,stroke:stroke,strokeWidth:strokeWidth,strokeLinejoin:strokeLinejoin,strokeLinecap:strokeLinecap,fill:\"transparent\",style:!endCircle&&{pathLength,opacity},initial:isCanvas||animate===false?false:\"start\",animate:isCanvas||animate===false?false:\"end\"})})});}}return customShape;}/* Default Properties */Animator.defaultProps={animate:true,shouldLoop:false,loopOptions:\"reverse\",from:0,to:100,pathAnimation:{type:\"tween\",duration:2},endCircle:true};/* Property Controls */addPropertyControls(Animator,{slots:{type:ControlType.ComponentInstance,title:\"Children\"},animate:{title:\"Animate\",type:ControlType.Boolean,defaultValue:Animator.defaultProps.animate,enabledTitle:\"True\",disabledTitle:\"False\"},shouldLoop:{title:\"Loop\",type:ControlType.Boolean,defaultValue:Animator.defaultProps.shouldLoop,enabledTitle:\"True\",disabledTitle:\"False\",hidden(props){return props.animate===false;}},loopOptions:{type:ControlType.Enum,title:\"Type\",defaultValue:Animator.defaultProps.loopOptions,options:[\"loop\",\"reverse\",\"mirror\"],optionTitles:[\"Loop\",\"Reverse\",\"Mirror\"],hidden(props){return props.shouldLoop===false;}},endCircle:{title:\"End Circle\",type:ControlType.Boolean,defaultValue:Animator.defaultProps.endCircle,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden(props){return props.animate===false;}},from:{title:\"From\",type:ControlType.Number,min:0,max:100,displayStepper:true,step:1,defaultValue:Animator.defaultProps.from,unit:\"%\",hidden(props){return props.animate===false;}},to:{title:\"To\",type:ControlType.Number,min:0,max:100,displayStepper:true,step:1,defaultValue:Animator.defaultProps.to,unit:\"%\",hidden(props){return props.animate===false;}},pathAnimation:{title:\" \",type:ControlType.Transition,defaultValue:Animator.defaultProps.pathAnimation,hidden(props){return props.animate===false;}}});/* Method to get stringless attributes */const splitAndReplace=string=>{return string.split(\"=\")[1].replace(/['\"]+/g,\"\");};/* Method to get the first child */function getFirstChild(slots){let firstChild;Children.map(slots,child=>{if(firstChild===undefined){firstChild=child;}});return firstChild;}/* Styles */const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:\"center\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Animator\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Animator.map"],
  "mappings": "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",
  "names": ["Animator", "props", "pathAnimation", "from", "to", "animate", "shouldLoop", "loopOptions", "slots", "endCircle", "hasChildren", "j", "customShape", "u", "placeholderStyles", "p", "emojiStyles", "titleStyles", "subtitleStyles", "firstChild", "getFirstChild", "svgChild", "isSpring", "shapeTransition", "pathLength", "useMotionValue", "opacity", "useTransform", "shapeProps", "isCanvas", "RenderTarget", "attributes", "pathD", "stroke", "strokeWidth", "strokeLinecap", "strokeLinejoin", "element", "splitAndReplace", "svgViewbox", "motion", "addPropertyControls", "ControlType", "string", "child"]
}