{"version":3,"file":"CaseVisual.CEfHKP4B.mjs","names":["useRef","useState","__esmMin","init_ssg_sandbox_shims","init_npm_react_18_3_1","window","ce","init_jsx_runtime","c","p","_e","de","addPropertyControls","init_framer_BWFVvmND","RenderTarget","ControlType","useFonts","l","FONTS","CaseVisual","props","ref","on","setOn","still","el","io","es","live","raw","value","isPct","n","numOf","pct","C","h","hashOf","seed","caption","bars","base","i","jitter","deep","night","cloud","badge","accent","pink","b","muted","init_CaseVisual","m","s","t"],"sources":["https:/framerusercontent.com/modules/Jz7tT2Ntse2N20Nqk3w6/MuuhBYOHgrPgxmonteEp/CaseVisual.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";const FONTS=\"https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Funnel+Sans:wght@300..800&family=Geist+Mono:wght@300..600&display=swap\";function useFonts(){useEffect(()=>{if(typeof document===\"undefined\"||document.getElementById(\"ig-fonts\"))return;const l=document.createElement(\"link\");l.id=\"ig-fonts\";l.rel=\"stylesheet\";l.href=FONTS;document.head.appendChild(l);},[]);}const numOf=s=>{const m=String(s||\"\").replace(/\\./g,\"\").match(/-?\\d+(?:,\\d+)?/);return m?parseFloat(m[0].replace(\",\",\".\")):0;};const hashOf=s=>{let h=0;const t=String(s||\"x\");for(let i=0;i<t.length;i++)h=h*31+t.charCodeAt(i)>>>0;return h;};/**\n * iGrow Case Visual: animierte Ergebnis-Illustration je Case. Prozentwerte werden als fuellender Ring gezeigt,\n * alle anderen Werte als ansteigende Balken. Laeuft los, sobald die Karte ins Bild scrollt.\n * @framerSupportedLayoutWidth any\n * @framerIntrinsicHeight 230\n */export default function CaseVisual(props){const{value=\"41,9%\",caption=\"\",badge=\"\",seed=\"\",deep=\"#16181B\",night=\"#08090A\",cloud=\"#FFFFFF\",accent=\"#133BFC\",muted=\"#75766F\",pink=\"#FF3E88\"}=props;useFonts();const ref=useRef(null);const[on,setOn]=useState(false);const still=RenderTarget.current()!==RenderTarget.preview;useEffect(()=>{if(still||typeof window===\"undefined\")return;const el=ref.current;if(!el)return;const io=new IntersectionObserver(es=>{if(es[0].isIntersecting){setOn(true);io.disconnect();}},{threshold:.3});io.observe(el);return()=>io.disconnect();},[still]);const live=still?true:on;const raw=String(value||\"\");const isPct=raw.includes(\"%\");const n=numOf(raw);const pct=Math.max(4,Math.min(100,isPct?n:100));const R=52,C=2*Math.PI*R;const h=hashOf(seed||caption||raw);const bars=Array.from({length:7},(_,i)=>{const base=18+i/6*62;const jitter=(h>>i*3)%13-6;return Math.max(12,Math.min(100,base+jitter));});return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{position:\"relative\",width:\"100%\",height:\"100%\",minHeight:210,background:`linear-gradient(160deg, ${deep}, ${night})`,overflow:\"hidden\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:12,boxSizing:\"border-box\",padding:\"40px 18px 18px\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundImage:`radial-gradient(circle at 1px 1px, ${cloud}14 1px, transparent 0)`,backgroundSize:\"22px 22px\",opacity:.5}}),badge?/*#__PURE__*/_jsxs(\"span\",{style:{position:\"absolute\",left:16,top:16,display:\"inline-flex\",alignItems:\"center\",gap:7,padding:\"6px 11px 6px 9px\",borderRadius:999,background:\"rgba(255,255,255,.08)\",boxShadow:\"inset 0 0 0 1px rgba(255,255,255,.16)\",fontFamily:\"'Geist Mono',ui-monospace,monospace\",fontSize:10,letterSpacing:\"0.06em\",textTransform:\"uppercase\",color:cloud,zIndex:2},children:[/*#__PURE__*/_jsx(\"i\",{style:{width:6,height:6,borderRadius:\"50%\",background:accent,display:\"block\"}}),badge]}):null,/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",right:16,top:16,width:8,height:8,borderRadius:\"50%\",background:pink,zIndex:2,opacity:live?1:0,transition:\"opacity .5s ease .9s\"}}),isPct?/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:116,height:116,zIndex:1,flex:\"0 0 auto\"},children:[/*#__PURE__*/_jsxs(\"svg\",{viewBox:\"0 0 132 132\",style:{width:\"100%\",height:\"100%\",transform:\"rotate(-90deg)\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"66\",cy:\"66\",r:R,fill:\"none\",stroke:`${cloud}1f`,strokeWidth:\"9\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"66\",cy:\"66\",r:R,fill:\"none\",stroke:accent,strokeWidth:\"9\",strokeLinecap:\"round\",strokeDasharray:C,strokeDashoffset:live?C*(1-pct/100):C,style:{transition:\"stroke-dashoffset 1.5s cubic-bezier(.6,0,.2,1) .15s\"}})]}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:2},children:/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"'Funnel Display',Inter,sans-serif\",fontWeight:600,fontSize:27,letterSpacing:\"-0.03em\",color:cloud,lineHeight:1},children:raw})})]}):/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",zIndex:1,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:16,width:\"100%\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"'Funnel Display',Inter,sans-serif\",fontWeight:600,fontSize:34,letterSpacing:\"-0.03em\",color:cloud,lineHeight:1},children:raw}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"flex-end\",gap:8,height:78,width:\"min(100%, 240px)\"},children:bars.map((b,i)=>/*#__PURE__*/_jsx(\"span\",{style:{flex:1,height:live?`${b}%`:\"6%\",borderRadius:5,background:i===bars.length-1?accent:\"#2D3137\",transition:`height .9s cubic-bezier(.2,.8,.2,1) ${.1+i*.07}s`}},i))})]}),caption?/*#__PURE__*/_jsx(\"span\",{style:{maxWidth:\"94%\",textAlign:\"center\",fontFamily:\"'Funnel Sans',Inter,sans-serif\",fontSize:11.5,lineHeight:1.35,color:muted,zIndex:1,display:\"-webkit-box\",WebkitLineClamp:2,WebkitBoxOrient:\"vertical\",overflow:\"hidden\",flex:\"0 0 auto\"},children:caption}):null]});}addPropertyControls(CaseVisual,{value:{type:ControlType.String,title:\"Wert\",defaultValue:\"41,9%\"},caption:{type:ControlType.String,title:\"Beschriftung\",defaultValue:\"\"},badge:{type:ControlType.String,title:\"Badge\",defaultValue:\"\"},seed:{type:ControlType.String,title:\"Seed\",description:\"Sorgt fuer leicht unterschiedliche Balken je Case\",defaultValue:\"\"},deep:{type:ControlType.Color,title:\"Karte\",defaultValue:\"#16181B\"},night:{type:ControlType.Color,title:\"Dark\",defaultValue:\"#08090A\"},cloud:{type:ControlType.Color,title:\"White\",defaultValue:\"#FFFFFF\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#133BFC\"},muted:{type:ControlType.Color,title:\"Muted\",defaultValue:\"#75766F\"},pink:{type:ControlType.Color,title:\"Signal\",defaultValue:\"#FF3E88\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CaseVisual\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"230\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CaseVisual.map"],"mappings":"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"}