1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1227],{1227:function(e,t,s){s.r(t),s.d(t,{TimelineMetric:function(){return a}});var l=s(5893),n=s(7294),r=s(6069);let a=e=>{let{block:t,...s}=e,{value:a,metric:c}=t,[i,o]=(0,n.useState)(!1),f=(0,n.useRef)(null),x=i?a:0;return(0,n.useEffect)(()=>{let e=new IntersectionObserver(t=>{let[s]=t;s.isIntersecting&&(o(!0),e.disconnect())},{threshold:1});return f.current&&e.observe(f.current),()=>e.disconnect()},[]),(0,l.jsx)("div",{...s,ref:f,className:"h-[250px] w-full sm:h-full sm:w-[250px]",children:(0,l.jsxs)("div",{className:"relative left-[40%] h-full w-full sm:left-0 sm:top-[200px]",children:[(0,l.jsx)("div",{className:(0,r.cn)("relative flex max-w-[140px] flex-col"),children:(0,l.jsx)("h3",{className:"font-caveat text-base",children:t.text})}),(0,l.jsx)("img",{src:"/assets/timeline-arrow.png",alt:"Timeline arrow",className:"relative left-[20px] top-[20px] h-12 w-24",style:{transform:"rotate(-100deg)"}}),(0,l.jsx)("div",{style:{transformOrigin:"center"},className:(0,r.cn)("relative left-[50px] top-[55px] sm:top-[75px]","font-secondary text-xs font-bold text-black","h-80 w-80 rounded-full bg-orange-700 sm:h-100 sm:w-100","flex items-center justify-center","transition-all duration-1000",i&&"scale-204 animate-metric-pop bg-orange-500 text-md"),children:"".concat(x," ").concat(c)})]})})}}}]);
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.