1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[115],{1896:(e,t,r)=>{"use strict";r.d(t,{default:()=>h});var l=r(1939),s=r(2981),i=r(7301),n=r(3910),o=r(9079),d=r(243),a=r(3313);let c=["#0000ff","#0c0eff","#2f45ff","#5676ff","#85a8ff","#b3ccff","#F1F1F8","#F1F1F8","#F1F1F8","#F1F1F8"];function h(e){let t,{frequencies:r}=e,[h,{width:f}]=(0,s.A)(),{tooltipOpen:u,tooltipLeft:x,tooltipTop:m,tooltipData:p,showTooltip:F,hideTooltip:b}=(0,n.A)(),{containerRef:g,TooltipInPortal:j}=(0,o.A)({detectBounds:!0,scroll:!0}),v=(0,d.useCallback)((e,t)=>{let r=(0,a.A)(e.currentTarget.ownerSVGElement,e);F({tooltipLeft:null==r?void 0:r.x,tooltipTop:null==r?void 0:r.y,tooltipData:t})},[F]),w=(0,d.useMemo)(()=>r.reduce((e,t)=>{let{frequency:r}=t;return e+r},0),[r]),y=(0,d.useMemo)(()=>(0,i.A)({domain:[0,w],range:[0,f||150]}),[w,f]),M=(0,d.useMemo)(()=>{let e={category:"Others",frequency:0,ratio:0},t=r.filter((t,r)=>!(r>=3)||!(t.ratio<.05)||(e.frequency+=t.frequency,e.ratio+=t.ratio,!1));return e.frequency>0&&t.push(e),t},[r]);return(0,l.jsxs)("div",{ref:h,children:[(0,l.jsx)("svg",{width:f||150,height:60,className:"border rounded",ref:g,children:(t=0,M.map((e,r)=>{let{frequency:s,category:i,ratio:n}=e;return t+=y(s),(0,l.jsxs)("g",{onMouseOver:e=>v(e,i),onMouseOut:b,children:[(0,l.jsx)("rect",{fill:c[r],x:t-y(s),width:y(s),y:0,height:60}),(0,l.jsxs)("text",{className:"fill-white font-heading text-xl",x:t-y(s)/2,y:"50%",width:y(s),height:60,textAnchor:"middle",dominantBaseline:"middle",children:[(0,l.jsxs)("tspan",{className:"text-ellipsis",children:[i.slice(0,Math.exp(y(s)/112)),"â¦"]}),(0,l.jsxs)("tspan",{children:[" (",(100*n).toFixed(1),"%)"]})]}),(0,l.jsx)("title",{children:i})]},r)}))}),u&&(0,l.jsx)(j,{top:m,left:x,children:(0,l.jsx)("div",{className:"text-xl bg-white border rounded",children:p})},Math.random())]})}},5516:(e,t,r)=>{Promise.resolve().then(r.bind(r,1896)),Promise.resolve().then(r.bind(r,19)),Promise.resolve().then(r.t.bind(r,7199,23))}},e=>{e.O(0,[373,199,711,958,867,19,751,579,358],()=>e(e.s=5516)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.