1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2425],{48049:function(e,t,r){"use strict";var n=r(14397);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,i,a){if(a!==n){var c=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},40718:function(e,t,r){e.exports=r(48049)()},14397:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},62425:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return j}});var n=r(57437),o=r(2265),i=r(4590),a=r(40718),c=r.n(a);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){!function(e,t,r){var n;(t="symbol"==typeof(n=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function f(e){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var p=["type","width","height","series","options","chartRef"];function h(e){return e&&"object"===f(e)&&!Array.isArray(e)}function y(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:new WeakSet;if(e===t)return!0;if("object"!==f(e)||null===e||"object"!==f(t)||null===t)return!1;if(r.has(e)||r.has(t))return!0;r.add(e),r.add(t);var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var i=0;i<n.length;i++){var a=n[i];if(!o.includes(a)||!y(e[a],t[a],r))return!1}return!0}var d=["type","series","options","width","height","chartRef"];function m(e){var t=e.type,r=void 0===t?"line":t,n=e.width,a=void 0===n?"100%":n,c=e.height,s=void 0===c?"auto":c,f=e.series,m=e.options,b=e.chartRef,g=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.includes(r)||({}).propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,p),v=(0,o.useRef)(null),O=(0,o.useRef)(null),w=(0,o.useRef)(null),x=b||w,j=function(){return function e(t,r){var n=l({},t);return h(t)&&h(r)&&Object.keys(r).forEach(function(o){h(r[o])?n[o]=o in t?e(t[o],r[o]):r[o]:n[o]=r[o]}),n}(m,{chart:{type:r,height:s,width:a},series:f})};(0,o.useEffect)(function(){return x.current=new i.Z(v.current,j()),x.current.render(),O.current=m,function(){x.current&&"function"==typeof x.current.destroy&&x.current.destroy()}},[]),(0,o.useEffect)(function(){if(x.current&&x.current.w){var e=!y(x.current.w.config.series,f),t=!y(O.current,m)||s!==x.current.opts.chart.height||a!==x.current.opts.chart.width;(e||t)&&(e?t?x.current.updateOptions(j()):x.current.updateSeries(f):x.current.updateOptions(j())),O.current=m}},[m,f,s,a]);var S,P=(S=l({},g),d.forEach(function(e){delete S[e]}),S);return o.createElement("div",u({ref:v},P))}
1m.propTypes={type:c().string.isRequired,series:c().array.isRequired,options:c().object.isRequired,width:c().oneOfType([c().string,c().number]),height:c().oneOfType([c().string,c().number]),chartRef:c().shape({current:c().any})};var b=r(45462),g=r(96583),v=r(88939);let O=e=>"".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate()),w=(e,t)=>{let{year:r,month:n,day:o,hour:i}=(0,v.pr)(e,t);return{day:"".concat(r,"-").concat(n,"-").concat(o),hour:i}},x=e=>"".concat(e%12==0?12:e%12," ").concat(e<12?"AM":"PM");function j(e){let{cells:t,days:r,metric:i,standard:a,timeZone:c,slotHours:u=2,theme:s=g.no}=e,{series:l,colorRanges:f}=(0,o.useMemo)(()=>{let e=new Map,n=1/0,o=-1/0;for(let r of t){var l;if(null==r.value)continue;let{day:t,hour:i}=w(r.ts,c),a=Math.floor(i/u),s="".concat(t,"|").concat(a),f=null!==(l=e.get(s))&&void 0!==l?l:{sum:0,n:0};f.sum+=r.value,f.n+=1,e.set(s,f),n=Math.min(n,r.value),o=Math.max(o,r.value)}let f=Math.ceil(24/u),p=b.Jw[i].decimals,h=[];for(let t=0;t<f;t++)h.push({name:x(t*u),data:r.map(r=>{let n=e.get("".concat(O(r),"|").concat(t)),o=n?n.sum/n.n:null;return{x:r.toISOString(),y:null==o?-1:Number(o.toFixed(p))}})});let y=Number.isFinite(n)?n:0,d=Number.isFinite(o)?o:100;return{series:h,colorRanges:Array.from({length:6},(e,t)=>{let r=y+(d-y)*t/6,n=5===t?d:y+(d-y)*(t+1)/6;return{from:r,to:n===r?r+1e-4:n,color:(0,g.Ki)((r+n)/2,i,a,s,{min:y,max:d}),name:"".concat(r.toFixed(0),"â").concat(n.toFixed(0))}})}},[t,r,i,a,c,u,s]),{ref:p,width:h}=function(){let e=(0,o.useRef)(null),[t,r]=(0,o.useState)(0);return(0,o.useEffect)(()=>{let t=e.current;if(!t)return;let n=()=>r(t.clientWidth);n();let o=new ResizeObserver(n);return o.observe(t),()=>o.disconnect()},[]),{ref:e,width:t}}(),y=Math.ceil(24/u),d=h?Math.min(44,Math.max(13,Math.floor(Math.max(0,h-40-2)/Math.max(1,r.length)))):13,v=40+d*Math.max(1,r.length),j=d*y+26,S=(0,o.useMemo)(()=>({chart:{type:"heatmap",toolbar:{show:!1},animations:{enabled:!1},fontFamily:"inherit",background:"transparent"},dataLabels:{enabled:!1},legend:{show:!1},colors:[s.noData],grid:{padding:{left:0,right:0,top:0,bottom:0}},stroke:{width:2,colors:[s.surface]},xaxis:{type:"category",labels:{rotate:0,hideOverlappingLabels:!0,style:{fontSize:"10px",colors:s.axis},formatter:e=>{let t=new Date(e);return Number.isNaN(t.getTime())?e:String(t.getDate())}},axisBorder:{show:!1},axisTicks:{show:!1},tooltip:{enabled:!1}},yaxis:{labels:{minWidth:40,maxWidth:40,offsetX:-4,offsetY:Math.round(d/2),formatter:e=>e?String(e):"12 AM",showDuplicates:!0,style:{fontSize:"10px",colors:s.axis}}},tooltip:{y:{formatter:e=>null==e||-1===e?"No data":"".concat(e),title:{formatter:e=>e}},x:{formatter:e=>{let t=new Date(e);return Number.isNaN(t.getTime())?String(e):t.toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})}}},plotOptions:{heatmap:{shadeIntensity:0,enableShades:!1,radius:2,useFillColorAsStroke:!1,colorScale:{ranges:f}}},fill:{colors:[s.noData]},noData:{text:"No data"}}),[f,s,d]);return(0,n.jsx)("div",{ref:p,className:"w-full",children:(0,n.jsx)("div",{className:"overflow-x-auto",children:(0,n.jsx)("div",{className:"mx-auto",style:{width:v},children:(0,n.jsx)(m,{options:S,series:l,type:"heatmap",width:v,height:j})})})})}}}]);
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.