@graphique/geom-point/dist/index.cjs

For points, scatterplots, and bubbles

"use strict";var se=Object.create;var vt=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var me=(o,n)=>{for(var l in n)vt(o,l,{get:n[l],enumerable:!0})},Wt=(o,n,l,m)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of le(n))!ce.call(o,r)&&r!==l&&vt(o,r,{get:()=>n[r],enumerable:!(m=ae(n,r))||m.enumerable});return o};var rt=(o,n,l)=>(l=o!=null?se(ue(o)):{},Wt(n||!o||!o.__esModule?vt(l,"default",{value:o,enumerable:!0}):l,o)),pe=o=>Wt(vt({},"__esModule",{value:!0}),o);var fe={};me(fe,{Entrance:()=>Pt,GeomPoint:()=>Mt,Legend:()=>_t,SizeLabelDirection:()=>wt,SizeLegend:()=>Bt});module.exports=pe(fe);var a=rt(require("react"),1),Yt=require("react-move"),kt=require("d3-ease"),qt=require("d3-scale"),Ht=require("d3-array"),Xt=require("d3-interpolate"),lt=require("jotai"),S=require("@graphique/graphique");var Pt=(l=>(l.DATA="data",l.BOTTOM="bottom",l))(Pt||{}),wt=(l=>(l.L="left",l.R="right",l))(wt||{});var K=rt(require("react"),1),Et=require("jotai"),tt=require("@graphique/graphique");var L=rt(require("react"),1),Vt=require("jotai"),q=require("@graphique/graphique"),Kt=({data:o})=>{let[{x:n,y:l}]=(0,Vt.useAtom)(q.labelsState),[{tooltip:m}]=(0,Vt.useAtom)(q.themeState),[r,w]=(0,L.useState)("");return(0,L.useEffect)(()=>{let g=setTimeout(()=>w((0,q.nodeToString)(l)));return()=>clearTimeout(g)},[l]),o?L.default.createElement(q.TooltipContainer,null,o.map(g=>{let b=(0,q.formatMissing)(g.group);return L.default.createElement("div",{key:`group-tooltip-${g.label||b}`},L.default.createElement("div",{style:{marginTop:4,marginBottom:4}},(g.label||g.group!=="__group")&&L.default.createElement(L.default.Fragment,null,g.mark,L.default.createElement("div",{style:{display:"flex",alignItems:"flex-end",fontWeight:500}},L.default.createElement("div",{style:{marginBottom:4}},L.default.createElement("span",{style:{fontSize:m?.groupLabel?.fontSize||m?.font?.size}},g.formattedMeasure||b)))),L.default.createElement("div",{style:{display:"flex",marginBottom:2}},n&&L.default.createElement("div",{style:{fontSize:m?.xLabel?.fontSize||m?.font?.size}},`${n}:`),L.default.createElement("div",{style:{marginLeft:1,fontWeight:500,fontSize:m?.xLabel?.fontSize||(m?.font?.size||12)+1}},g.formattedX)),L.default.createElement("div",{style:{display:"flex"}},r&&L.default.createElement("div",{style:{fontSize:m?.yLabel?.fontSize||m?.font?.size}},`${r}:`),L.default.createElement("div",{style:{marginLeft:1,fontWeight:500,fontSize:m?.yLabel?.fontSize||(m?.font?.size||12)+1}},g.formattedY))))})):null};var Ft=({aes:o,group:n})=>{let{ggState:l}=(0,tt.useGG)()||{},{id:m,scales:r,height:w,width:g}=l||{width:0,height:0},[{datum:b,position:D,xFormat:T,yFormat:A,measureFormat:V,content:_}]=(0,Et.useAtom)(tt.tooltipState),[{x:p,y:P}]=(0,Et.useAtom)(tt.labelsState),c=(0,K.useMemo)(()=>b&&b[0],[b]),i=(0,K.useMemo)(()=>{let x={given:c&&o?.label&&o.label(c),keyed:c&&o?.key&&o.key(c)};return x?.given||x?.keyed},[o,c]),G=r?.xScale,s=r?.yScale,M=(0,K.useMemo)(()=>r?.xScale.bandwidth?r?.xScale.bandwidth()/2:0,[r]),f=(0,K.useMemo)(()=>r?.yScale?.bandwidth?r.yScale.bandwidth()/2:0,[r]),z=(0,K.useMemo)(()=>c&&n&&n(c),[c,n]),k=[{x:c&&o?.x&&G&&G(o.x(c)),y:c&&o?.y&&s&&s(o.y(c)),xLab:p,yLab:P,formattedX:c&&o?.x&&(T?T(o.x(c)):o.x(c)),formattedY:c&&o?.y&&(A?A(o.y(c)):o.y(c)),group:z,label:i,formattedMeasure:V&&(i||String(z))&&V(i||z),datum:b,containerWidth:g}],$=_?c&&K.default.createElement("div",null,_(k)):c&&K.default.createElement(Kt,{data:k});return c&&k[0].x!==void 0&&k[0].y!==void 0?K.default.createElement("div",null,K.default.createElement(tt.YTooltip,{id:m,left:(k[0].x||0)+M,top:D==="data"?-(w-(k[0].y||0)-f):-w,value:$})):null};var Mt=({data:o,aes:n,focusedStyle:l,unfocusedStyle:m,attr:r,focusedKeys:w=[],onDatumFocus:g,onDatumSelection:b,entrance:D="bottom",onExit:T,showTooltip:A=!0,brushAction:V,isClipped:_=!1,isAnimated:p=!0})=>{let{ggState:P}=(0,S.useGG)()||{},{id:c,data:i,aes:G,scales:s,copiedScales:M,height:f,margin:z}=P||{},[k,$]=(0,lt.useAtom)(S.themeState),[d]=(0,lt.useAtom)(S.radiusScaleState),[{xDomain:x,yDomain:B}]=(0,lt.useAtom)(S.zoomState),[{isFixed:J}]=(0,lt.useAtom)(S.xScaleState),[{isFixed:y}]=(0,lt.useAtom)(S.yScaleState),v=(0,S.usePageVisibility)(),u={...{r:3.5,fillOpacity:1,strokeOpacity:1},...r},{domain:et,range:pt}=d||{},{defaultFill:it,animationDuration:Q}=k,j=(0,a.useMemo)(()=>o||i,[i,o]),e=(0,a.useMemo)(()=>n?{...G,...n}:G,[G,n]),C=(0,a.useMemo)(()=>e&&(0,S.defineGroupAccessor)(e),[e,S.defineGroupAccessor]),X=(0,a.useCallback)(t=>`${e?.x&&e.x(t)}-${e?.y&&e.y(t)}-${C&&C(t)}`,[e,C]),W=(0,a.useCallback)(t=>e?.key?e.key(t):X(t),[e,C,X]),ot=(0,a.useMemo)(()=>j?j.filter(t=>e?.x&&(e.x(t)===null||typeof e.x(t)>"u"||(0,S.isDate)(e.x(t))&&Number.isNaN(e.x(t)?.valueOf()))):[],[j,e]),Z=(0,a.useMemo)(()=>j?j.filter(t=>e?.y&&(e.y(t)===null||typeof e.y(t)>"u")):[],[j]),nt=(0,a.useMemo)(()=>w.filter(t=>t),[w]),U=(0,a.useMemo)(()=>{let t=j?.filter(I=>e?.x&&e?.x(I)!==null&&!(typeof e?.x(I)>"u")&&((0,S.isDate)(e?.x(I))?!Number.isNaN(e?.x(I)?.valueOf()):!0)&&e.y&&e.y(I)!==null&&!(typeof e.y(I)>"u"));return Array.from(new Set(t?.map(I=>W(I)))).flatMap(I=>{let Y=t?.filter(At=>W(At)===I);return Y&&Y.length>1?Y.map((At,ie)=>({...At,gg_gen_index:ie})):Y?.flat()})},[j,W]),oe=(0,a.useMemo)(()=>U.map(X).join(""),[U,X]),[xt,ne]=(0,a.useState)(!0);(0,a.useEffect)(()=>{let t=setTimeout(()=>ne(!1),0);return()=>clearTimeout(t)},[]),(0,a.useEffect)(()=>{xt&&ot.length>0&&console.warn(`Ignoring ${ot.length} points with missing x values.`),xt&&Z.length>0&&console.warn(`Ignoring ${Z.length} points with missing y values.`)},[xt,ot,Z]);let Ct=(0,a.useMemo)(()=>f&&z?f-z.bottom:void 0,[f,z]);(0,a.useEffect)(()=>{$(t=>({...t,geoms:{...t.geoms,point:{fillOpacity:u.style?.fillOpacity||u.fillOpacity,stroke:u.stroke,strokeWidth:u.style?.strokeWidth||u.strokeWidth,strokeOpacity:u.style?.strokeOpacity||u.strokeOpacity,size:e?.size}}}))},[r,$]);let bt={transition:"fill-opacity 200ms",fillOpacity:u.fillOpacity,strokeOpacity:u.strokeOpacity,...u.style},Lt={...bt,...l},Tt={...bt,fillOpacity:.2,strokeOpacity:.2,...m},ft=(0,a.useMemo)(()=>t=>u.fill||(e?.fill&&M?.fillScale?M.fillScale(e.fill(t)):it),[e,M,u,it]),dt=(0,a.useMemo)(()=>t=>u.stroke||(e?.stroke&&M?.strokeScale?M.strokeScale(e.stroke(t)):"none"),[e,M,u]),R=(0,a.useMemo)(()=>{if(U&&e?.size&&pt){let t=et&&et[0]&&et[1]?et:(0,Ht.extent)(U,e.size);return(0,qt.scaleSqrt)().domain(t).range(pt).unknown([u.r])}return()=>u.r},[u,e,U,pt,et]),st=(0,a.useMemo)(()=>s?.xScale.bandwidth?t=>(s?.xScale(e?.x&&e.x(t))||0)+s?.xScale.bandwidth()/2+.9:t=>s?.xScale&&e?.x&&(s.xScale(e.x(t))||0),[s,e]),at=(0,a.useMemo)(()=>s?.yScale.bandwidth?t=>(s?.yScale(e?.y&&e.y(t))||0)+s?.yScale.bandwidth()/2:t=>s?.yScale&&e?.y&&(s.yScale(e.y(t))||0),[s,e]),Nt=(0,a.useRef)(null),yt=Nt.current?.getElementsByTagName("circle"),[re,jt]=(0,a.useState)(_||J||y);return(0,a.useEffect)(()=>{if(x?.current||B?.current)jt(!0);else{let t=setTimeout(()=>jt(_),Q);return()=>clearTimeout(t)}},[J,y,x?.current,B?.current,Q]),a.default.createElement(a.default.Fragment,null,a.default.createElement("g",{ref:Nt,clipPath:re?`url(#__gg_canvas_${c})`:void 0},!xt&&v&&a.default.createElement(Yt.NodeGroup,{data:[...U],keyAccessor:t=>e?.key?W(t):`${W(t)}-${t.gg_gen_index}`,start:t=>({cx:st(t),cy:D==="data"?at(t):Ct,fill:ft(t),stroke:dt(t),r:0,fillOpacity:0,strokeOpacity:0}),enter:t=>({cx:p?[st(t)]:st(t),cy:p?[at(t)]:at(t),r:p?[r?.r??(e?.size?R(e.size(t)):R(t))]:r?.r??(e?.size?R(e.size(t)):R(t)),fill:p?[ft(t)]:ft(t),stroke:p?[dt(t)]:dt(t),fillOpacity:p?[u.fillOpacity]:u.fillOpacity,strokeOpacity:p?[u.strokeOpacity]:u.strokeOpacity,timing:{duration:Q,ease:kt.easeCubic}}),update:t=>({cx:p?[st(t)]:st(t),cy:p?[at(t)]:at(t),r:p?[r?.r??(e?.size?R(e.size(t)):R(t))]:r?.r??(e?.size?R(e.size(t)):R(t)),fill:p?[ft(t)]:ft(t),stroke:p?[dt(t)]:dt(t),fillOpacity:p?[u.fillOpacity]:u.fillOpacity,strokeOpacity:p?[u.strokeOpacity]:u.strokeOpacity,timing:{duration:Q,ease:kt.easeCubic}}),leave:()=>({fill:p?["transparent"]:"transparent",stroke:p?["transparent"]:"transparent",cy:p?[Ct]:Ct,timing:{duration:Q,ease:kt.easeCubic}}),interpolation:(t,E)=>(0,Xt.interpolate)(t,E)},t=>a.default.createElement(a.default.Fragment,null,t.map(({state:E,key:I})=>{let Y={};return nt.includes(I)&&(Y=Lt),nt?.length>0&&!nt.includes(I)&&(Y=Tt),a.default.createElement("circle",{key:I,...r,r:E.r>=0?E.r:u.r,fill:E.fill,stroke:E.stroke,cx:E.cx,cy:E.cy,fillOpacity:E.fillOpacity,strokeOpacity:E.strokeOpacity,style:{pointerEvents:"none",...bt,...Y},"data-testid":"__gg_geom_point"})})))),(A||V)&&e&&a.default.createElement(a.default.Fragment,null,a.default.createElement(S.EventArea,{data:U,showTooltip:A,brushAction:V,aes:e,x:st,y:at,onDatumFocus:g,onMouseOver:({i:t})=>{let E=U.flatMap((I,Y)=>nt.includes(W(I))?Y:[]);yt&&(0,S.focusNodes)({nodes:yt,focusedIndex:[...E,...[t].flat()],focusedStyles:Lt,unfocusedStyles:Tt})},onClick:b?({d:t,i:E})=>{b(t,E)}:void 0,onMouseLeave:()=>{yt&&((0,S.unfocusNodes)({nodes:yt,baseStyles:bt}),nt&&nt.length&&(0,S.focusNodes)({nodes:yt,focusedIndex:U.flatMap((t,E)=>nt.includes(W(t))?E:[]),focusedStyles:Lt,unfocusedStyles:Tt})),T&&T()},positionKeys:oe}),A&&a.default.createElement(Ft,{aes:e,group:C})))};Mt.displayName="GeomPoint";var Gt=rt(require("react"),1),ct=require("@graphique/graphique"),Rt=require("jotai");var N=rt(require("react"),1),H=require("@graphique/graphique"),ht=require("jotai"),Zt=({legendData:o,legendScales:n,orientation:l,labelFormat:m,fontSize:r=12,onSelection:w})=>{let[g,b]=(0,N.useState)(n.groups||[]),[{geoms:D,legend:T}]=(0,ht.useAtom)(H.themeState),[{domain:A}]=(0,ht.useAtom)(H.fillScaleState),[{domain:V}]=(0,ht.useAtom)(H.strokeScaleState),_=A||V||n.groups,{ggState:p,updateData:P}=(0,H.useGG)()||{},{scales:c,data:i}=p||{};(0,N.useEffect)(()=>{b(c?.groups||[])},[c,i]);let G=n.groupAccessor?n.groupAccessor:()=>n.groups&&n.groups[0],s=l==="horizontal",M=f=>{let z=g,k;z.includes(f)?z.length===1?k=n.groups:k=z.filter(d=>d!==f):k=[...z,f],b(k);let $=Array.from(new Set(i?.map(d=>G(d))));if(w&&w(f),i&&P){let d;$.includes(f)?$.length===1?d=o:d=i.filter(x=>G(x)!==f):d=o.filter(x=>$.includes(G(x))||G(x)===f),P(d)}};return N.default.createElement("div",{style:{marginTop:8,display:"flex",flexDirection:s?"row":"column",flexWrap:"wrap",alignItems:s?"center":void 0}},D?.point?.fillOpacity&&_?.map((f,z,k)=>N.default.createElement("div",{key:f,style:{display:"flex",alignItems:"center",marginBottom:s?6:2}},N.default.createElement("div",{tabIndex:0,role:"button",style:{cursor:"pointer",marginRight:z<k.length-1&&s?12:2,fontSize:r,opacity:g.includes(f)?1:.5,transition:"opacity 200ms",display:"flex",alignItems:"center"},onKeyPress:$=>{["Enter"," "].includes($.key)&&M(f)},onClick:()=>M(f)},N.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"}},N.default.createElement("svg",{width:12,height:12},N.default.createElement("circle",{r:4,cx:6,cy:6,fill:D?.point?.fill||(n.fillScale?n.fillScale(f):"none"),stroke:D?.point?.stroke||(n.strokeScale?n.strokeScale(f):"none"),strokeWidth:1.8,fillOpacity:g.includes(f)?D?.point?.fillOpacity:.5,strokeOpacity:g.includes(f)?D?.point?.strokeOpacity:.5,style:{transition:"fill-opacity 200ms"}}))),N.default.createElement("div",{style:{marginLeft:4,fontSize:r,color:T?.labelColor??"currentcolor"}},m?m(f,z):(0,H.formatMissing)(f))))))};var O=rt(require("react"),1),Dt=require("jotai"),ut=require("@graphique/graphique"),Ut=require("d3-interpolate"),gt=require("d3-selection"),It=require("d3-axis"),Ot=require("d3-array"),Jt=require("d3-transition"),Qt=({scales:o,tickFormat:n,width:l,tickSize:m=6,height:r=30+m,margin:w,numTicks:g,fontSize:b=10})=>{let D=(0,O.useRef)(null),T=(0,O.useRef)(null),A=(0,O.useRef)(null),V=(0,O.useRef)(null),_=(0,O.useRef)(null),p=o?.fillScale||o?.strokeScale,[{geoms:P,font:c,legend:i,animationDuration:G}]=(0,Dt.useAtom)(ut.themeState),[{reverse:s}]=(0,Dt.useAtom)(ut.fillScaleState),[{reverse:M}]=(0,Dt.useAtom)(ut.strokeScaleState),[f,z]=(0,O.useState)(!0);(0,O.useEffect)(()=>{let B=setTimeout(()=>z(!1),0);return()=>clearTimeout(B)},[]);let k=s||M,$=256,d={top:4,right:0,bottom:16+m,left:0,...w},x=(0,O.useCallback)((B,J)=>{if(D.current&&T.current&&A.current&&V.current&&_.current){let y=(C,X,W)=>{let ot=C.getContext("2d");for(let Z=0;Z<W;Z+=1)ot&&X&&(ot.fillStyle=X(Z/(W-1)),ot.fillRect(k?W-Z:Z,0,1,1));return C},v=G??1e3,h,u,et=C=>C.selectAll(".tick line").attr("y1",d.top+d.bottom-r),pt=(0,gt.select)(T.current),it=(0,gt.select)(A.current),Q=(0,gt.select)(V.current),j=(0,gt.select)(_.current),e=(0,Jt.transition)().duration(v);if(!B?.interpolate){if(B?.interpolator){if(h=Object.assign(B.copy().interpolator((0,Ut.interpolateRound)(d.left,l-d.right)),{range(){return[d.left,l-d.right]}}),j.attr("x",d.left).attr("y",d.top).attr("width",l-d.left-d.right).attr("height",r-d.top-d.bottom).attr("preserveAspectRatio","none").attr("xlink:href",y(T.current,B.interpolator(),$).toDataURL()),f&&j.style("opacity",0).transition(e).style("opacity",o?.fillScale&&P?.point?.fillOpacity||o?.strokeScale&&P?.point?.strokeOpacity||void 0),!h.ticks&&u===void 0){let C=Math.round(g+1);u=(0,Ot.range)(C).map(X=>(0,Ot.quantile)(B.domain(),X/(C-1)))}pt.remove()}}k&&h.domain(h.domain().reverse()),it.attr("transform",`translate(0,${r-d.bottom})`).transition(e).call((0,It.axisBottom)(h).ticks(g,typeof n=="string"?n:void 0).tickFormat(typeof n=="function"?n:void 0).tickSize(m).tickValues(u)),it.call(C=>C.select(".domain").remove()).selectAll("line").attr("stroke",i?.tickColor||"currentColor").style("opacity",i?.tickColor?1:.85),it.selectAll(".tick").select("text").style("font-family",J||"sans-serif").style("font-size",b).attr("fill",i?.labelColor||"currentColor").style("opacity",i?.labelColor?1:.85),Q.attr("transform",`translate(0,${r-d.bottom})`).transition(e).call((0,It.axisBottom)(h).ticks(g,typeof n=="string"?n:void 0).tickSize(1).tickFormat(()=>"")).selectAll("line").attr("stroke","#111"),Q.call(C=>C.select(".domain").remove()).call(C=>C.selectAll(".tick").select("text").remove()).call(et)}},[l,r,g,n,m,d,i,P,o,b,f,k,G]);return(0,O.useEffect)(()=>{x(p,c?.family)},[c,p,x]),O.default.createElement("div",null,c?.family&&O.default.createElement("svg",{ref:D,width:l,height:r,viewBox:`0 0 ${l} ${r}`,style:{overflow:"visible",display:"block"}},O.default.createElement("image",{ref:_}),O.default.createElement("g",{ref:A}),O.default.createElement("g",{ref:V})),O.default.createElement("canvas",{ref:T,width:$,height:1}))};var _t=({title:o,style:n,orientation:l=ct.LegendOrientation.V,format:m,width:r=320,numTicks:w=r/64,onSelection:g})=>{let{ggState:b}=(0,ct.useGG)()||{},{copiedScales:D,copiedData:T,aes:A}=b||{},[{font:V}]=(0,Rt.useAtom)(ct.themeState),{groups:_}=D||{},p=A?.fill||A?.stroke,{fontSize:P}={...n};return p?Gt.default.createElement("div",{style:{fontFamily:V?.family,...n}},o,T&&D&&_?Gt.default.createElement(Zt,{legendData:T,orientation:l,legendScales:D,labelFormat:m,fontSize:P,onSelection:g}):Gt.default.createElement(Qt,{scales:D,tickFormat:m,numTicks:w,fontSize:P,width:r})):null};var F=rt(require("react"),1),$t=require("jotai"),zt=require("d3-selection"),St=require("d3-array"),mt=require("@graphique/graphique"),te=require("d3-scale"),ee=require("d3-transition");var Bt=({labelDirection:o="right",radiiVals:n,width:l=120,numCircles:m=3,format:r,style:w,title:g})=>{let[{domain:b,range:D}]=(0,$t.useAtom)(mt.radiusScaleState)||{},[{font:T,animationDuration:A,geoms:V}]=(0,$t.useAtom)(mt.themeState)||{},{ggState:_}=(0,mt.useGG)()||{},{data:p}=_||{},P=(0,F.useRef)(null),c=(0,F.useMemo)(()=>b&&b[0]&&b[1]?b:p&&V?.point?.size?(0,St.extent)(p,V.point.size):[],[p,V,b]),i=(0,F.useMemo)(()=>(0,te.scaleSqrt)().domain(c).range(D),[c,D]),G=(0,F.useMemo)(()=>{let x=i.ticks();return(n||(m===3?[x[0],x[3],x[x.length-1]]:(0,St.extent)(x))).filter(B=>B>=c[0])},[n,m,i]),s=(0,F.useMemo)(()=>(0,St.max)(G)||0,[G]),{fontSize:M,color:f}={...w},[z,k]=(0,F.useState)(!0);(0,F.useEffect)(()=>{let x=setTimeout(()=>k(!1),5);return()=>clearTimeout(x)},[]),(0,F.useEffect)(()=>{let x=G.map(y=>({value:y,r:i(y)<0?0:i(y)})),B=A??1e3,J=(0,ee.transition)().duration(B);(0,zt.select)(P.current).selectAll("circle").attr("fill","transparent").attr("stroke","currentColor").style("opacity",.6).attr("stroke-width",1.5).attr("stroke-dasharray","0.05 4").attr("stroke-linecap","round").attr("cx",0).data(x,(y,v)=>v).join(y=>y.append("circle").attr("r",0).attr("cy",i(s)),y=>y.call(v=>v.transition(J).attr("r",h=>h.r).attr("cy",h=>h.value===s?0:i(s)-h.r))),(0,zt.select)(P.current).selectAll("line").attr("stroke","currentColor").attr("x1",(y,v)=>o==="right"?y.r/2+(v+15)*.5-(v+1)*2:-(y.r/2+(v+15)*.5-(v+1)*2)).attr("x2",o==="right"?i(s)+15:-i(s)-12).data(x,(y,v)=>v).join(y=>y.append("line").attr("y1",i(s)).attr("y2",i(s)).style("opacity",0),y=>y.call(v=>v.transition(J).attr("x1",(h,u)=>o==="right"?h.r/2+(u+15)*.5-(u+1)*2:-(h.r/2+(u+15)*.5-(u+1)*2)).attr("y1",h=>i(s)-2*h.r+3).attr("y2",h=>i(s)-2*h.r+3).style("opacity",.25))),(0,zt.select)(P.current).selectAll("text").data(x,(y,v)=>v).attr("x",o==="right"?i(s)+18:-i(s)-15).style("font-size",M||10).attr("dominant-baseline","central").attr("text-anchor",o==="right"?"start":"end").attr("fill",f||"currentColor").text((y,v)=>r?r(y.value,v):y.value.toLocaleString()).join(y=>y.append("text").attr("y",i(s)).style("opacity",0),y=>y.call(v=>v.transition(J).attr("x",o==="right"?i(s)+18:-i(s)-15).attr("y",h=>i(s)-2*h.r+3).style("opacity",.85)))},[z,i,G,T,r,o,s,M,f,A]);let $=o==="right"?i(s)+2:l-i(s)-2,d=i(s)+2;return i.domain()[0]&&i.domain()[1]?F.default.createElement("div",{style:{fontFamily:T?.family,...w}},g,F.default.createElement("div",{style:{marginTop:8}},F.default.createElement("svg",{height:i(s)*2+4,width:l},F.default.createElement("g",{style:{transform:`translate(${$}px, ${d}px)`},ref:P})))):null};0&&(module.exports={Entrance,GeomPoint,Legend,SizeLabelDirection,SizeLegend});
//# sourceMappingURL=index.cjs.map