1try{("u">typeof globalThis?globalThis:"u">typeof global?global:"u">typeof window?window:"u">typeof self?self:{})["__faroGitHash_marketing-website"]="9b3cf3e310ef86b4b6e5d04605274671a55a34be"}catch(e){}try{("u">typeof globalThis?globalThis:"u">typeof global?global:"u">typeof window?window:"u">typeof self?self:{})["__faroBundleId_marketing-website"]="1790206313718071e978f1d"}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7886],{97886:(e,l,a)=>{a.r(l),a.d(l,{default:()=>p});var r=a(27821),t=a(8313),s=a(46057),i=a(3267),o=a(66323),n=a(12852),d=a(42119),c=a(75401),h=a(11097),m=a(56344),u=a(21740);let x=t.createContext({}),f=({config:e,className:l,children:a,ref:s,...i})=>{let o=t.useMemo(()=>({...Object.fromEntries(Object.entries(e).map(([e,l])=>[`--color-${e}`,l?.color??"var(--chart-1)"]))}),[e]);return(0,r.jsx)(x.Provider,{value:e,children:(0,r.jsx)("div",{ref:s,className:(0,u.cn)("w-full",l),style:o,...i,children:a})})};var b=a(72243),g=a(68328);function v({active:e,payload:l}){return e&&l?.length?(0,r.jsx)("div",{className:"border-border bg-surface-raised text-surface-foreground rounded-md border px-3 py-2 text-sm shadow-md",children:(0,r.jsxs)("div",{className:"font-semibold tabular-nums",children:[(0,g.formatValue)(l[0].value),"%"]})}):null}function j({x:e=0,y:l=0,payload:a,width:t=0,dataLength:s}){let i=a?.value??"",o=s>0?Math.max(40,t/s):80;return(0,r.jsx)("g",{transform:`translate(${e}, ${l})`,children:(0,r.jsx)("foreignObject",{x:-o/2,y:0,width:o,height:44,children:(0,r.jsx)("div",{className:"flex items-center justify-center text-center text-[11px] leading-tight text-gray-700",style:{wordBreak:"break-word",width:"100%",boxSizing:"border-box"},children:i})})})}let y={50:[0,10,20,30,40,50],100:[0,20,40,60,80,100]};function p({items:e,yAxisLabel:l,chartScalePercent:a=100,ariaLabel:x,className:w,...k}){let N={};e.forEach((e,l)=>{N[String(l)]={label:e.label,color:(0,g.resolveColor)(e.color,l)}});let _=e.map(e=>({label:e.label,value:e.value})),C=_.some(e=>""!==(e.label??"").trim()),L=_.length>=5?Math.max(280,52*_.length):void 0,$=y[a],[E,M]=(0,t.useState)(null);return(0,r.jsxs)("div",{className:(0,u.cn)("flex flex-col gap-3",w),role:"img","aria-label":x,...k,children:[l&&(0,r.jsx)(b.o5,{variant:"body-xs",className:"text-text-muted",children:l}),(0,r.jsx)("ul",{className:"flex flex-col gap-0 md:hidden","aria-hidden":!0,children:e.map((e,l)=>(0,r.jsxs)("li",{className:"flex items-center justify-between gap-3 border-b border-gray-200 py-2 last:border-b-0",children:[(0,r.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-2",children:[(0,r.jsx)("span",{className:"h-3 w-3 shrink-0 rounded-sm",style:{backgroundColor:(0,g.resolveColor)(e.color,l)},"aria-hidden":!0}),(0,r.jsx)(b.o5,{variant:"body-sm",className:"text-foreground truncate",children:e.legendLabel??e.label})]}),(0,r.jsxs)(b.o5,{variant:"body-sm",weight:"semibold",className:"text-foreground shrink-0 tabular-nums",children:[(0,g.formatValue)(e.value),"%"]})]},`${String(e.label??"")}-${l}`))}),(0,r.jsx)("div",{className:"hidden w-full overflow-x-auto overscroll-contain md:block md:overflow-visible","aria-hidden":!0,children:(0,r.jsx)("div",{className:"min-h-[240px] w-full md:min-w-0",style:null!=L?{minWidth:L}:void 0,children:(0,r.jsx)(f,{config:N,className:"h-[240px] w-full",children:(0,r.jsx)(s.u,{width:"100%",height:240,children:(0,r.jsxs)(i.E,{accessibilityLayer:!0,data:_,margin:{top:24,right:8,left:8,bottom:40*!!C},children:[(0,r.jsx)(o.d,{vertical:!1,strokeDasharray:"2 2",stroke:"var(--border-default)"}),C&&(0,r.jsx)(n.W,{dataKey:"label",tickLine:!1,tickMargin:8,axisLine:{stroke:"var(--border-default)"},interval:0,tick:e=>(0,r.jsx)(j,{...e,dataLength:_.length})}),(0,r.jsx)(d.h,{dataKey:"value",tickLine:!1,axisLine:{stroke:"var(--border-default)"},tick:{fontSize:12,fill:"var(--text-muted)"},tickFormatter:e=>`${(0,g.formatValue)(e)}%`,width:44,domain:[0,a],ticks:$}),(0,r.jsx)(c.m,{content:(0,r.jsx)(v,{})}),(0,r.jsx)(h.y,{dataKey:"value",radius:0,activeBar:!1,children:_.map((e,l)=>(0,r.jsx)(m.f,{fill:`var(--color-${l})`,onMouseEnter:()=>M(l),onMouseLeave:()=>M(null)},l))})]})})})})}),(0,r.jsx)("div",{className:"hidden flex-wrap items-center gap-x-4 gap-y-2 pt-4 md:flex",role:"list","aria-label":"Chart legend",children:e.map((e,l)=>{let a=E===l;return(0,r.jsxs)("div",{className:(0,u.cn)("flex items-center gap-2 rounded px-1.5 py-0.5 transition-colors",a&&"bg-gray-200"),role:"listitem",children:[(0,r.jsx)("span",{className:(0,u.cn)("h-3 w-3 shrink-0 rounded-sm transition-transform",a&&"ring-2 ring-gray-400 ring-offset-1"),style:{backgroundColor:(0,g.resolve
1Color)(e.color,l)},"aria-hidden":!0}),(0,r.jsx)(b.o5,{variant:"body-xs",weight:a?"semibold":"normal",className:"text-foreground",children:e.legendLabel??e.label})]},`${String(e.label??"")}-${l}`)})})]})}}}]);
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.