{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/dZ9c6z10n71dmz3JQVi4/0dSuyhnHD9HrUa3w2XFr/Arc.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import hash from\"@emotion/hash\";function getAlignmentIcon(alignmentBaseline){switch(alignmentBaseline){case\"top\":return\"Text Top\";case\"center\":return\"Central\";case\"bottom\":return\"Hanging\";}}/**\n * ARC TEXT FOR INSERT\n * By Adam and Benjamin\n *\n * @framerIntrinsicWidth 150\n * @framerIntrinsicHeight 150\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */const Arc=withCSS(function Arc(props){// Checks\nconst isCanvas=RenderTarget.current()===RenderTarget.canvas;// For Ellipse\nconst isEllipse=!props.type;const cylinder=isEllipse?props.cylinderHeight/2:0;// Base arc path\nconst path=createPath(props.flip,cylinder);// Unique IDs to avoid multiple instances on the canvas sharing a single path\nconst id=`curve-${hash(path)}`;// Alignment icon conversion\nconst alignmentValue=getAlignmentIcon(props.alignmentBaseline);return /*#__PURE__*/_jsxs(\"svg\",{className:\"transform-origin-center-center\",style:{width:\"100%\",height:\"100%\",transformOrigin:\"center\"},viewBox:`0 0 100 100`,overflow:\"visible\",children:[/*#__PURE__*/_jsx(\"path\",{id:id,d:path,strokeWidth:\"none\",fill:\"transparent\"}),/*#__PURE__*/_jsx(\"text\",{children:/*#__PURE__*/_jsx(\"textPath\",{href:`#${id}`,startOffset:props.startOffset,dominantBaseline:alignmentValue,style:{letterSpacing:props.font.letterSpacing?props.font.letterSpacing:1.85,...props.font,fill:props.color},children:props.text})})]});},// Work around a bug with framer-motion that calculates a px origin when animating SVG elements.\n[\".transform-origin-center-center { transform-origin: center center !important; }\"]);export default Arc;Arc.defaultProps={height:50,width:50};addPropertyControls(Arc,{text:{title:\"Content\",type:ControlType.String,defaultValue:\"DESIGN SITES LIKE A PRO WITH FRAMER\",displayTextArea:true},type:{title:\"Type\",type:ControlType.Boolean,enabledTitle:\"Circle\",disabledTitle:\"Ellipse\",defaultValue:true},cylinderHeight:{title:\"Height\",type:ControlType.Number,min:0,max:1e3,displayStepper:true,hidden:props=>props.type},alignmentBaseline:{title:\"Align\",type:ControlType.Enum,options:[\"top\",\"center\",\"bottom\"],optionIcons:[\"align-top\",\"align-middle\",\"align-bottom\"],defaultValue:\"bottom\",displaySegmentedControl:true},flip:{type:ControlType.Boolean,defaultValue:false,title:\"Direction\",enabledTitle:\"CW\",disabledTitle:\"CCW\"},startOffset:{title:\"Offset\",type:ControlType.Number,defaultValue:0,max:360,unit:\"\\xb0\",step:.5},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",displayTextAlignment:false},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#999\"}});/* Path creation method */const createPath=(flip,cylinder)=>{const cylinderTop=50-cylinder;const cylinderBottom=50+cylinder;return!flip?`M 0 50 L 0 ${cylinderTop} A 1 1 0 0 1 100 ${cylinderTop} L 100 50 L 100 ${cylinderBottom} A 1 1 0 0 1 0 ${cylinderBottom} L 0 ${cylinderTop}`:`M 0 50 L 0 ${cylinderBottom} A 1 1 0 1 0 100 ${cylinderBottom} L 100 ${cylinderTop} A 1 1 0 1 0 0 ${cylinderTop} L 0 50`;};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Arc\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerIntrinsicHeight\":\"150\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"150\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Arc.map"],
  "mappings": "uJAAkK,SAASA,EAAiBC,EAAkB,CAAC,OAAOA,EAAkB,CAAC,IAAI,MAAM,MAAM,WAAW,IAAI,SAAS,MAAM,UAAU,IAAI,SAAS,MAAM,SAAU,CAAC,CAU5T,IAAMC,EAAIC,EAAQ,SAAaC,EAAM,CACxC,IAAMC,EAASC,EAAa,QAAQ,IAAIA,EAAa,OACnBC,EAAlB,CAACH,EAAM,KAA8BA,EAAM,eAAe,EAAE,EACtEI,EAAKC,EAAWL,EAAM,KAAKG,CAAQ,EACnCG,EAAG,SAASC,EAAKH,CAAI,IACrBI,EAAeZ,EAAiBI,EAAM,iBAAiB,EAAE,OAAoBS,EAAM,MAAM,CAAC,UAAU,iCAAiC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgB,QAAQ,EAAE,QAAQ,cAAc,SAAS,UAAU,SAAS,CAAcC,EAAK,OAAO,CAAC,GAAGJ,EAAG,EAAEF,EAAK,YAAY,OAAO,KAAK,aAAa,CAAC,EAAeM,EAAK,OAAO,CAAC,SAAsBA,EAAK,WAAW,CAAC,KAAK,IAAIJ,IAAK,YAAYN,EAAM,YAAY,iBAAiBQ,EAAe,MAAM,CAAC,cAAcR,EAAM,KAAK,cAAcA,EAAM,KAAK,cAAc,KAAK,GAAGA,EAAM,KAAK,KAAKA,EAAM,KAAK,EAAE,SAASA,EAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,EAC7lB,CAAC,iFAAiF,CAAC,EAASW,EAAQb,EAAIA,EAAI,aAAa,CAAC,OAAO,GAAG,MAAM,EAAE,EAAEc,EAAoBd,EAAI,CAAC,KAAK,CAAC,MAAM,UAAU,KAAKe,EAAY,OAAO,aAAa,sCAAsC,gBAAgB,EAAI,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,QAAQ,aAAa,SAAS,cAAc,UAAU,aAAa,EAAI,EAAE,eAAe,CAAC,MAAM,SAAS,KAAKA,EAAY,OAAO,IAAI,EAAE,IAAI,IAAI,eAAe,GAAK,OAAOb,GAAOA,EAAM,IAAI,EAAE,kBAAkB,CAAC,MAAM,QAAQ,KAAKa,EAAY,KAAK,QAAQ,CAAC,MAAM,SAAS,QAAQ,EAAE,YAAY,CAAC,YAAY,eAAe,cAAc,EAAE,aAAa,SAAS,wBAAwB,EAAI,EAAE,KAAK,CAAC,KAAKA,EAAY,QAAQ,aAAa,GAAM,MAAM,YAAY,aAAa,KAAK,cAAc,KAAK,EAAE,YAAY,CAAC,MAAM,SAAS,KAAKA,EAAY,OAAO,aAAa,EAAE,IAAI,IAAI,KAAK,OAAO,KAAK,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,qBAAqB,EAAK,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKA,EAAY,MAAM,aAAa,MAAM,CAAC,CAAC,EAA4B,IAAMR,EAAW,CAACS,EAAKX,IAAW,CAAC,IAAMY,EAAY,GAAGZ,EAAea,EAAe,GAAGb,EAAS,OAAOW,EAAoJ,cAAcE,qBAAkCA,WAAwBD,mBAA6BA,WAApP,cAAcA,qBAA+BA,oBAA8BC,mBAAgCA,SAAsBD,GAAwI",
  "names": ["getAlignmentIcon", "alignmentBaseline", "Arc", "withCSS", "props", "isCanvas", "RenderTarget", "cylinder", "path", "createPath", "id", "murmur2", "alignmentValue", "u", "p", "Arc_default", "addPropertyControls", "ControlType", "flip", "cylinderTop", "cylinderBottom"]
}