{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ZbQQhJW5OuK9ZXDQVyQ4/ve2T6Zv8XjnYTXXCMuNt/PentagonRadarChart.js"],
  "sourcesContent": ["// TimelineRadarChartShowGrid.tsx\n//\n//  \u2B22 \u8EFD\u91CF SVG + Framer Motion\n//     Layer-in-View \u3067 1 \u56DE\u3060\u3051\u518D\u751F\u3059\u308B \u201C\u30BF\u30A4\u30E0\u30E9\u30A4\u30F3\u578B\u30A4\u30F3\u30C8\u30ED\u201D\n//\n//  \u30B7\u30FC\u30AF\u30A8\u30F3\u30B9 (\u79D2):\n//    0\u20121.0   \u2460 \u80CC\u9762\u30B0\u30EA\u30C3\u30C9\u3092\u7DDA\u63CF\u30A2\u30CB\u30E1 (pathLength 0\u21921)\n//    1.0\u20121.3 \u2461 \u524D\u9762\u30B0\u30EA\u30C3\u30C9\u3092\u30D5\u30A7\u30FC\u30C9\u30A4\u30F3\uFF08\u7DDA\u3092\u4E0A\u306B\u88AB\u305B\u3066\u5B8C\u5168\u8868\u793A\uFF09\u2605\n//    1.3\u20121.6 \u2462 \u8EF8\u7DDA\u3092\u4E0A\u304B\u3089\u4F38\u3070\u3059\n//    1.6\u20121.9 \u2463 \u30DD\u30EA\u30B4\u30F3\uFF08\u5024\uFF09\u3092\u30B9\u30D7\u30EA\u30F3\u30B0\u3067\u30E2\u30FC\u30D5\n//    1.9\u20122.2 \u2464 \u30E9\u30D9\u30EB\u3092\u30D5\u30A7\u30FC\u30C9\uFF0B\u30B9\u30B1\u30FC\u30EB\n// ----------------------------------------------------------------------\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion,useAnimation,useInView}from\"framer-motion\";import{useRef,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u6570\u5B66\u30E6\u30FC\u30C6\u30A3\u30EA\u30C6\u30A3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */const polar=(r,deg)=>{const rad=Math.PI/180*deg;return[50+r*Math.cos(rad),50+r*Math.sin(rad)];};const buildPath=(vals,R)=>vals.map((v,i)=>{const[x,y]=polar(v/100*R,-90+i*72);return`${i?\"L\":\"M\"} ${x.toFixed(2)} ${y.toFixed(2)}`;}).join(\" \")+\" Z\";/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */export default function TimelineRadarChartShowGrid(props){/* ==== Props \u5C55\u958B ==== */const{label1,value1,label2,value2,label3,value3,label4,value4,label5,value5,fill,fillOpacity,gridColor,gridWidth,gridOpacity,size,chartRadius,labelRadius,labelFontSize,labelBold}=props;/* ==== \u30C7\u30FC\u30BF\u69CB\u7BC9 ==== */const labels=[label1,label2,label3,label4,label5];const values=[value1,value2,value3,value4,value5];const gridPaths=[.25,.5,.75,1].map(p=>buildPath(Array(5).fill(p*100),chartRadius));const radarPath=buildPath(values,chartRadius);const labelPts=Array.from({length:5},(_,i)=>polar(labelRadius,-90+i*72));const splitLines=t=>t.split(/\\n|<br\\s*\\/?>/i).map(s=>s.trim());const lh=labelFontSize*1.2;/* ==== In-View Timeline ==== */const ref=useRef(null);const inView=useInView(ref,{once:true,amount:.3});const ctl=useAnimation();useEffect(()=>{if(!inView)return;(async()=>{await ctl.start(\"gridBack\")// 0\u20121.0 s\n;await ctl.start(\"gridFront\")// 1.0\u20121.3 s \u2605\n;await ctl.start(\"axis\")// 1.3\u20121.6 s\n;await ctl.start(\"poly\")// 1.6\u20121.9 s\n;ctl.start(\"label\")// 1.9\u20122.2 s\n;})();},[inView,ctl]);/* ==== Render ==== */return /*#__PURE__*/_jsx(motion.div,{ref:ref,initial:\"hidden\",animate:ctl,style:{width:size,height:size},children:/*#__PURE__*/_jsxs(\"svg\",{viewBox:\"0 0 100 100\",width:\"100%\",height:\"100%\",children:[gridPaths.map((d,i)=>/*#__PURE__*/_jsx(motion.path,{d:d,fill:\"none\",stroke:gridColor,strokeWidth:gridWidth,strokeOpacity:gridOpacity,vectorEffect:\"non-scaling-stroke\",variants:{hidden:{pathLength:0},gridBack:{pathLength:1,transition:{duration:.5}}}},i)),gridPaths.map((d,i)=>/*#__PURE__*/_jsx(motion.path,{d:d,fill:\"none\",stroke:gridColor,strokeWidth:gridWidth,strokeOpacity:0,vectorEffect:\"non-scaling-stroke\",variants:{hidden:{strokeOpacity:0},gridFront:{strokeOpacity:gridOpacity,transition:{duration:.3}}}},`front-${i}`)),Array.from({length:5},(_,idx)=>{const[x,y]=polar(chartRadius,-90+idx*72);return /*#__PURE__*/_jsx(motion.line,{x1:50,y1:50,x2:x,y2:y,stroke:gridColor,strokeWidth:gridWidth,strokeOpacity:gridOpacity,vectorEffect:\"non-scaling-stroke\",variants:{hidden:{scaleY:0,originY:.5},axis:{scaleY:1,transition:{duration:.3}}}},idx);}),/*#__PURE__*/_jsx(motion.path,{d:radarPath,fill:fill,fillOpacity:fillOpacity,stroke:fill,strokeWidth:.6,vectorEffect:\"non-scaling-stroke\",variants:{hidden:{opacity:0},poly:{opacity:1,transition:{duration:.3}}},transition:{type:\"spring\",stiffness:140,damping:18}}),labelPts.map(([x,y],idx)=>{const lines=splitLines(labels[idx]);const startY=y-(lines.length-1)/2*lh;return /*#__PURE__*/_jsx(motion.text,{x:x,y:startY,textAnchor:\"middle\",fontSize:labelFontSize,fontWeight:labelBold?\"bold\":\"normal\",fill:\"#1E293B\",style:{fontFamily:\"Inter, sans-serif\",userSelect:\"none\"},variants:{hidden:{opacity:0,scale:.8},label:{opacity:1,scale:1,transition:{duration:.3}}},children:lines.map((l,i)=>/*#__PURE__*/_jsx(\"tspan\",{x:x,dy:i?lh:0,children:l},i))},idx);})]})});}/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \u30C7\u30D5\u30A9\u30EB\u30C8\u5024 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */TimelineRadarChartShowGrid.defaultProps={/* \u30E9\u30D9\u30EB & \u5024 */label1:\"Speed\",value1:80,label2:\"Power\",value2:65,label3:\"Agility\",value3:90,label4:\"Stamina\",value4:75,label5:\"Technique\",value5:70,/* \u8272\u30FB\u6FC3\u5EA6 */fill:\"#20B05B\",fillOpacity:.8,gridColor:\"#64748B\",gridWidth:.5,gridOpacity:1,/* \u30B5\u30A4\u30BA & \u30EC\u30A4\u30A2\u30A6\u30C8 */size:320,chartRadius:38,labelRadius:46,/* \u30E9\u30D9\u30EB\u66F8\u5F0F */labelFontSize:4,labelBold:false};/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Property Controls \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */addPropertyControls(TimelineRadarChartShowGrid,{/* \u30B5\u30A4\u30BA & \u30E1\u30A4\u30F3\u30AB\u30E9\u30FC */size:{type:ControlType.Number,title:\"Size\",min:100,max:800,step:10},fill:{type:ControlType.Color,title:\"Fill\"},fillOpacity:{type:ControlType.Number,title:\"Fill Opacity\",min:0,max:1,step:.05},/* \u30B0\u30EA\u30C3\u30C9 */gridColor:{type:ControlType.Color,title:\"Grid Color\"},gridWidth:{type:ControlType.Number,title:\"Grid px\",min:.2,max:2,step:.1},gridOpacity:{type:ControlType.Number,title:\"Grid Opacity\",min:0,max:1,step:.05},/* \u30EC\u30A4\u30A2\u30A6\u30C8 */chartRadius:{type:ControlType.Number,title:\"Chart R\",min:30,max:45},labelRadius:{type:ControlType.Number,title:\"Label R\",min:35,max:55},/* \u30E9\u30D9\u30EB\u66F8\u5F0F */labelFontSize:{type:ControlType.Number,title:\"Font px\",min:2,max:10},labelBold:{type:ControlType.Boolean,title:\"Bold\"},/* \u30E9\u30D9\u30EB & \u5024 (textarea) */label1:{type:ControlType.String,title:\"Label 1\",displayTextArea:true},value1:{type:ControlType.Number,title:\"Value 1\",min:0,max:100},label2:{type:ControlType.String,title:\"Label 2\",displayTextArea:true},value2:{type:ControlType.Number,title:\"Value 2\",min:0,max:100},label3:{type:ControlType.String,title:\"Label 3\",displayTextArea:true},value3:{type:ControlType.Number,title:\"Value 3\",min:0,max:100},label4:{type:ControlType.String,title:\"Label 4\",displayTextArea:true},value4:{type:ControlType.Number,title:\"Value 4\",min:0,max:100},label5:{type:ControlType.String,title:\"Label 5\",displayTextArea:true},value5:{type:ControlType.Number,title:\"Value 5\",min:0,max:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TimelineRadarChartShowGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PentagonRadarChart.map"],
  "mappings": "qKAY+O,IAAMA,EAAM,CAACC,EAAEC,IAAM,CAAC,IAAMC,EAAI,KAAK,GAAG,IAAID,EAAI,MAAM,CAAC,GAAGD,EAAE,KAAK,IAAIE,CAAG,EAAE,GAAGF,EAAE,KAAK,IAAIE,CAAG,CAAC,CAAE,EAAQC,EAAU,CAACC,EAAKC,IAAID,EAAK,IAAI,CAACE,EAAEC,IAAI,CAAC,GAAK,CAACC,EAAEC,CAAC,EAAEV,EAAMO,EAAE,IAAID,EAAE,IAAIE,EAAE,EAAE,EAAE,MAAM,GAAGA,EAAE,IAAI,GAAG,IAAIC,EAAE,QAAQ,CAAC,CAAC,IAAIC,EAAE,QAAQ,CAAC,CAAC,EAAG,CAAC,EAAE,KAAK,GAAG,EAAE,KAAuD,SAARC,EAA4CC,EAAM,CAAyB,GAAK,CAAC,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,KAAAC,EAAK,YAAAC,EAAY,UAAAC,EAAU,UAAAC,EAAU,YAAAC,EAAY,KAAAC,EAAK,YAAAC,EAAY,YAAAC,EAAY,cAAAC,EAAc,UAAAC,CAAS,EAAEpB,EAAiCqB,EAAO,CAACpB,EAAOE,EAAOE,EAAOE,EAAOE,CAAM,EAAQa,EAAO,CAACpB,EAAOE,EAAOE,EAAOE,EAAOE,CAAM,EAAQa,EAAU,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,IAAIC,GAAGhC,EAAU,MAAM,CAAC,EAAE,KAAKgC,EAAE,GAAG,EAAEP,CAAW,CAAC,EAAQQ,EAAUjC,EAAU8B,EAAOL,CAAW,EAAQS,EAAS,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,CAACC,EAAE/B,IAAIR,EAAM8B,EAAY,IAAItB,EAAE,EAAE,CAAC,EAAQgC,EAAWC,GAAGA,EAAE,MAAM,gBAAgB,EAAE,IAAIC,GAAGA,EAAE,KAAK,CAAC,EAAQC,EAAGZ,EAAc,IAA0Ca,EAAIC,EAAO,IAAI,EAAQC,EAAOC,EAAUH,EAAI,CAAC,KAAK,GAAK,OAAO,EAAE,CAAC,EAAQI,EAAIC,EAAa,EAAE,OAAAC,EAAU,IAAI,CAAKJ,IAAe,UAAU,MAAME,EAAI,MAAM,UAAU,EACt3C,MAAMA,EAAI,MAAM,WAAW,EAC3B,MAAMA,EAAI,MAAM,MAAM,EACtB,MAAMA,EAAI,MAAM,MAAM,EACtBA,EAAI,MAAM,OAAO,KACZ,EAAE,CAACF,EAAOE,CAAG,CAAC,EAA4CZ,EAAKe,EAAO,IAAI,CAAC,IAAIP,EAAI,QAAQ,SAAS,QAAQI,EAAI,MAAM,CAAC,MAAMpB,EAAK,OAAOA,CAAI,EAAE,SAAsBwB,EAAM,MAAM,CAAC,QAAQ,cAAc,MAAM,OAAO,OAAO,OAAO,SAAS,CAACjB,EAAU,IAAI,CAACkB,EAAE7C,IAAiB4B,EAAKe,EAAO,KAAK,CAAC,EAAEE,EAAE,KAAK,OAAO,OAAO5B,EAAU,YAAYC,EAAU,cAAcC,EAAY,aAAa,qBAAqB,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAEnB,CAAC,CAAC,EAAE2B,EAAU,IAAI,CAACkB,EAAE7C,IAAiB4B,EAAKe,EAAO,KAAK,CAAC,EAAEE,EAAE,KAAK,OAAO,OAAO5B,EAAU,YAAYC,EAAU,cAAc,EAAE,aAAa,qBAAqB,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,cAAcC,EAAY,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,SAASnB,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC+B,EAAEe,IAAM,CAAC,GAAK,CAAC7C,EAAEC,CAAC,EAAEV,EAAM6B,EAAY,IAAIyB,EAAI,EAAE,EAAE,OAAoBlB,EAAKe,EAAO,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG1C,EAAE,GAAGC,EAAE,OAAOe,EAAU,YAAYC,EAAU,cAAcC,EAAY,aAAa,qBAAqB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE2B,CAAG,CAAE,CAAC,EAAelB,EAAKe,EAAO,KAAK,CAAC,EAAEd,EAAU,KAAKd,EAAK,YAAYC,EAAY,OAAOD,EAAK,YAAY,GAAG,aAAa,qBAAqB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,SAAS,UAAU,IAAI,QAAQ,EAAE,CAAC,CAAC,EAAEe,EAAS,IAAI,CAAC,CAAC7B,EAAEC,CAAC,EAAE4C,IAAM,CAAC,IAAMC,EAAMf,EAAWP,EAAOqB,CAAG,CAAC,EAAQE,EAAO9C,GAAG6C,EAAM,OAAO,GAAG,EAAEZ,EAAG,OAAoBP,EAAKe,EAAO,KAAK,CAAC,EAAE1C,EAAE,EAAE+C,EAAO,WAAW,SAAS,SAASzB,EAAc,WAAWC,EAAU,OAAO,SAAS,KAAK,UAAU,MAAM,CAAC,WAAW,oBAAoB,WAAW,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,SAASuB,EAAM,IAAI,CAACE,EAAEjD,IAAiB4B,EAAK,QAAQ,CAAC,EAAE3B,EAAE,GAAGD,EAAEmC,EAAG,EAAE,SAASc,CAAC,EAAEjD,CAAC,CAAC,CAAC,EAAE8C,CAAG,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAmC3C,EAA2B,aAAa,CAAc,OAAO,QAAQ,OAAO,GAAG,OAAO,QAAQ,OAAO,GAAG,OAAO,UAAU,OAAO,GAAG,OAAO,UAAU,OAAO,GAAG,OAAO,YAAY,OAAO,GAAa,KAAK,UAAU,YAAY,GAAG,UAAU,UAAU,UAAU,GAAG,YAAY,EAAmB,KAAK,IAAI,YAAY,GAAG,YAAY,GAAc,cAAc,EAAE,UAAU,EAAK,EAA+C+C,EAAoB/C,EAA2B,CAAmB,KAAK,CAAC,KAAKgD,EAAY,OAAO,MAAM,OAAO,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,MAAM,MAAM,MAAM,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,EAAY,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,EAAE,UAAU,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,EAAa,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,GAAG,IAAI,EAAE,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,GAAG,IAAI,EAAE,EAAa,cAAc,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,KAAKA,EAAY,QAAQ,MAAM,MAAM,EAA0B,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,gBAAgB,EAAI,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,gBAAgB,EAAI,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,gBAAgB,EAAI,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,gBAAgB,EAAI,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,gBAAgB,EAAI,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC",
  "names": ["polar", "r", "deg", "rad", "buildPath", "vals", "R", "v", "i", "x", "y", "TimelineRadarChartShowGrid", "props", "label1", "value1", "label2", "value2", "label3", "value3", "label4", "value4", "label5", "value5", "fill", "fillOpacity", "gridColor", "gridWidth", "gridOpacity", "size", "chartRadius", "labelRadius", "labelFontSize", "labelBold", "labels", "values", "gridPaths", "p", "radarPath", "labelPts", "_", "splitLines", "t", "s", "lh", "ref", "pe", "inView", "useInView", "ctl", "useAnimation", "ue", "motion", "u", "d", "idx", "lines", "startY", "l", "addPropertyControls", "ControlType"]
}