zframes 0.6.0 → 0.7.0

package/runtime/assets/portfolio-allocation-DAnQk_h_.js

@@ -1 +0,0 @@
-import{r as m,j as t}from"./react-qoZPGuNy.js";import{f as R,g as j,h as A}from"./index-DyvZokhk.js";import{f as v,b as S}from"./format-CfAcS4D8.js";import{P as F,u as M,a as P}from"./portfolio-common-Bi16i0aA.js";import{F as G}from"./ui-Bq3RQsdJ.js";import{C as y}from"./chart-utils-BYIZMM9J.js";import{s as p,p as E,a as h,o as _}from"./d3-xK4fOkBU.js";const B=["#FF1F5F","#81FE90"],L=({data:a,width:r=270,height:o=270,innerRadius:s=90,outerRadius:n=100,colors:e=B,children:l})=>{const d=m.useRef(null);return m.useEffect(()=>{if(!d.current||!a.length)return;p(d.current).selectAll("*").remove();const g=p(d.current),b=r/2,N=o/2,u=g.append("defs");u.append("filter").attr("id","glow").append("feGaussianBlur").attr("stdDeviation","3").attr("result","coloredBlur"),u.select("#glow").append("feMerge").selectAll("feMergeNode").data(["coloredBlur","SourceGraphic"]).enter().append("feMergeNode").attr("in",i=>i),u.append("filter").attr("id","glow-layer").append("feGaussianBlur").attr("stdDeviation","6").attr("result","glowBlur"),u.select("#glow-layer").append("feColorMatrix").attr("type","matrix").attr("values","1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.5 0").attr("result","glowColor");const k=E().value(i=>i.value).padAngle(.02),w=h().innerRadius(s).outerRadius(n).cornerRadius(100),C=h().innerRadius(s).outerRadius(n).cornerRadius(100),x=_().domain(a.map((i,c)=>c.toString())).range(e),f=g.append("g").attr("transform",`translate(${b}, ${N})`).selectAll("g").data(k(a)).enter().append("g");f.append("path").attr("class","glow-layer").attr("d",C).attr("fill",(i,c)=>x(c.toString())).attr("filter","url(#glow-layer)").style("opacity",0).style("pointer-events","none"),f.append("path").attr("class","main-slice").attr("d",w).attr("fill",(i,c)=>x(c.toString())).attr("stroke","none"),f.on("mouseenter",function(){p(this).select(".glow-layer").transition().duration(300).style("opacity",1)}).on("mouseleave",function(){p(this).select(".glow-layer").transition().duration(300).style("opacity",0)})},[a,r,o,s,n,e]),t.jsxs("div",{className:"relative flex flex-col items-center justify-center rounded-full",style:{background:"linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%)"},children:[t.jsx("svg",{ref:d,width:r,height:o,className:"relative z-10"}),t.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:l}),t.jsx("div",{className:"pointer-events-none absolute inset-0 rounded-full",style:{background:"linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%)",maskImage:"radial-gradient(farthest-side, transparent calc(100% - 1px),#fff 0)",WebkitMaskComposite:"destination-out",maskComposite:"exclude"}}),t.jsx("div",{className:"pointer-events-none absolute inset-[10%] rounded-full",style:{background:"linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%)",maskImage:"radial-gradient(farthest-side, transparent calc(100% - 1px),#fff 0)",WebkitMaskComposite:"destination-out",maskComposite:"exclude"}})]})},O=m.memo(L);j.schema;function $({portfolio:a,config:r}){const{priced:o}=M(a.holdings),s=m.useMemo(()=>o.map((e,l)=>({name:A(e.symbol),value:e.value??0,color:y[l%y.length]})).filter(e=>e.value>0).sort((e,l)=>l.value-e.value),[o]),n=s.reduce((e,l)=>e+l.value,0);return s.length===0?t.jsx(G,{children:"no live prices yet"}):t.jsxs("div",{className:"flex h-full w-full flex-col items-center justify-center gap-4",children:[t.jsx(O,{data:s,width:200,height:200,innerRadius:58,outerRadius:92,colors:s.map(e=>e.color),children:t.jsxs("div",{className:"flex flex-col items-center gap-0.5",children:[t.jsx(P,{portfolio:a,config:r,className:"caption text-soft"}),t.jsx("span",{className:"metric-lg text-strong",children:v(n)})]})}),t.jsx("div",{className:"flex w-full max-w-xs flex-wrap justify-center gap-x-5 gap-y-1.5",children:s.map(e=>t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("span",{className:"h-2 w-2 flex-shrink-0 rounded-full",style:{background:e.color}}),t.jsx("span",{className:"body-sm text-soft",children:e.name}),t.jsx("span",{className:"body-sm text-normal font-bold tabular-nums",children:S(e.value/n*100,1)}),t.jsx("span",{className:"caption text-soft tabular-nums",children:v(e.value)})]},e.name))})]})}function I({config:a}){return t.jsx(F,{config:a,loadingLabel:"loading allocation…",children:r=>t.jsx($,{portfolio:r,config:a})})}const q=R({...j,component:I});export{q as portfolioAllocationFrame};