1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2586],{2586:function(e,t,s){s.r(t);var r=s(85893),i=s(67294),l=s(78174);t.default=e=>{let{targetRef:t,showPercent:s=!0}=e,n=(null==t?void 0:t.current)||t,[d,a]=(0,i.useState)(0),c=()=>{let e=n||l.isBrowser&&document.getElementById("article-wrapper");if(e){let t=e.clientHeight,s=parseFloat((window.pageYOffset/(t-window.outerHeight)*100).toFixed(0));s>100&&(s=100),s<0&&(s=0),a(s)}};return(0,i.useEffect)(()=>(document.addEventListener("scroll",c),()=>document.removeEventListener("scroll",c)),[]),(0,r.jsx)("div",{className:"h-4 w-full shadow-2xl bg-gray-700 rounded-sm",children:(0,r.jsx)("div",{className:"h-4 bg-indigo-600 duration-200 rounded-sm",style:{width:"".concat(d,"%")},children:s&&(0,r.jsxs)("div",{className:"text-right text-white text-xs",children:[d,"%"]})})})}}}]);
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.