1"use strict";(("undefined"==typeof window?self:window).webpackChunkdebugbear_gae=("undefined"==typeof window?self:window).webpackChunkdebugbear_gae||[]).push([[7783],{59883(e,t,s){s.r(t),s.d(t,{PageLoad:()=>wr,pageLoadIsNew:()=>Tr}),s(25440),s(62953),s(3296),s(27208),s(48408);var r=s(47096),i=s(44952),a=s(1404),n=s(71521),l=s(96638),o=s(13087),d=s(95503),c=s(95474),u=s(41802),p=s(96540),h=s(30829),m=s(12284),g=s(298),f=s(46155),v=s(74848);const y=["title","onClick"];class x extends p.Component{render(){const e=this.props,t=e.onSelectDateRange,s=e.selectedDateRange,r=e.dateRangeContainsSelectedValue,i=[{title:"Last week",value:"last-week",shortTitle:null},{title:"Last month",value:"last-month",shortTitle:null},{title:"Last 3 months",value:"last-3-months",shortTitle:null},{title:"Last year",value:"last-year",shortTitle:null}];let a=s;if(r||(i.push({title:"Custom",value:"custom",shortTitle:null}),a="custom"),!i.find(e=>e.value===a)){const e=(0,c.Rc)(a),t=e.from,s=e.to,r=(0,u.rX)(t,s);i.push({title:(0,u.Yq)(t,r)+" â "+(0,u.Yq)(s,r),value:a,shortTitle:null})}const n=(0,c.Rc)(s),l=n.from,o=n.to;return(0,v.jsx)(f.W,{testName:"date-range-dropdown",onSelect:e=>t(e.value),Trigger:j,extraContent:(0,v.jsx)("div",{style:{paddingTop:8,paddingBottom:12},children:(0,v.jsx)(g.s,{type:"single",from:l,to:o,onSelectDateRange:t})}),items:i,selectedValue:a})}}function j(e){let t=e.title,s=e.onClick,r=function(e,t){if(null==e)return{};var s,r,i=function(e,t){if(null==e)return{};var s={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;s[r]=e[r]}return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)s=a[r],-1===t.indexOf(s)&&{}.propertyIsEnumerable.call(e,s)&&(i[s]=e[s])}return i}(e,y);return(0,v.jsxs)(h.I,{type:"button",onClick:s,...r,children:[(0,v.jsx)("span",{children:t}),(0,v.jsx)(m.Y,{})]})}var b=s(53841),S=s(40433),w=s(94430),I=s(6869),T=s(9665),C=s(94320),P=s(23131),R=s(39962),A=s(64670),L=s(85072),N=s.n(L),D=s(97825),k=s.n(D),U=s(77659),O=s.n(U),F=s(55056),M=s.n(F),_=s(10540),q=s.n(_),V=s(41113),E=s.n(V),B=s(35866),H={};H.styleTagTransform=E(),H.setAttributes=M(),H.insert=O().bind(null,"head"),H.domAPI=k(),H.insertStyleElement=q(),N()(B.A,H),B.A&&B.A.locals&&B.A.locals;var z=s(61712),W=s(7479),$=s(84528),J=s(17672),G=s(67456),Z=s(26546);const Y=e=>(0,v.jsx)("button",{...e,className:"crumbs-and-header__action desktop-only","data-test-content-container-action":"Settings",children:(0,v.jsx)(W.t,{})});function K(e){let t=e.canEdit,s=e.isDeletingResult,r=e.selectedResult,i=e.onDelete,a=e.pageLoadId,n=e.reloadData;return(0,v.jsx)(z.r,{title:"Settings",Trigger:Y,background:"light",children:(0,v.jsxs)("div",{style:{padding:"8px 0",width:250},children:[(0,v.jsx)("div",{style:{padding:"6px 12px"},children:(0,v.jsx)(G.M,{})}),t&&a&&n&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("hr",{style:{margin:"8px 0"}}),(0,v.jsx)("div",{style:{padding:"6px 12px"},children:(0,v.jsx)(Z.M,{pageLoadId:a,reloadData:n})})]}),t&&r&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("hr",{style:{margin:"8px 0"}}),(0,v.jsxs)("button",{type:"button",className:"d-flex align-items-center w-100 pageload-settings-dropdown__delete-btn",style:{padding:"6px 12px",background:"none",border:"none",cursor:s?"default":"pointer",fontSize:13,color:s?"#999":"inherit"},disabled:s,onClick:()=>{confirm("Delete test result from "+(0,u.w_)(new Date(r.endTime))+"?")&&i()},"data-testid":`delete-analysis-${r.pageLoadAnalysisId}`,children:[s?(0,v.jsx)(J.v,{color:"currentColor"}):(0,v.jsx)($.u,{}),(0,v.jsx)("span",{className:"ml-2",children:s?"Deleting Test Result":"Delete Test Result"})]})]})]})})}var X=s(11178),Q=s(79938),ee=s(66412),te=s(24389),se=(s(87441),s(81898)),re=s(99693),ie=s(2290),ae=s(28448),ne=s(2543),le=s(76213),oe=s(67122),de=s(29262),ce=s(23568);const ue=p.memo(function(e){const t=e.previousResult,s=e.selectedResult;if(!s||!t)return null;if(s.didAnalysisFail()||t.didAnalysisFail())return null;const r=function(e,t){const s=[];return[{name:"Lighthouse version",getValue:e=>e.resultJson.environment&&e.resultJson.environment.lighthouseVersion},{name:"CPU",getValue:e=>"N1"===e.getHardware()?"Standard CPU":"Fast CPU"},{name:"Network throttling",getValue:e=>{let t=e.resultJson.meta.throttlingRTT;return"number"!=typeof t&&(t="mobile"===e.resultJson.meta.formFactor?150:"packetLevel"===e.resultJson.meta.throttlingMethod?40:80,"packetLevel"===e.resultJson.meta.throttlingMethod?t*=2:"mobile"===e.resultJson.meta.formFactor&&(t*=3.75)),(0,u.sK)(e.getThrottlingMethod())+` (${t}ms RTT)`}},{name:"CPU throttling",getValue:e=>(0,u.sK)(e.getCpuThrottling().toString()+"x")},{name:"Chrome version",getValue:e=>e.getChromeVersionString()},{name:"User agent",getValue:e=>e.getUserAgent()},{name:"Analysis version",getValue:e=>e.getAnalysisVersionString(),getDescription:(t,s)=>"5.0"===t&&"6.0"===s?"DebugBear now stops waiting for requests that are timing out after 10s. You may see a drop in CPU time, as the overall execution trace might cover a much shorter time period. If your page depends on a request with a slow server response, consider setting up a Page Loaded Condition.":"6.0"===t&&"7.0"===s?"Favicons are now included in the request count and page weight.":"7.0"===t&&"8.0"===s?"Upgraded default device user agent to newer device and operating system version.":"8.0"===t&&"9.0"===s?"Only include basic auth header with main website requests.":"9.0"===t&&"10.0"===s?"We've deployed a minor Lighthouse version upgrade to address [excessive CPU processing time](https://github.com/GoogleChrome/lighthouse/issues/16118).":"11.0"===t&&"12.0"===s?"We've changed Lighthouse settings that may impact late requests for some slow-loading pages.":"12.0"===t&&"13.0"===s&&e.resultJson.meta.blockAds?"We've upgraded the browser extension we use to for ad blocking.":void 0},{name:"Form factor",getValue:e=>(0,u.sK)(e.resultJson.meta.formFactor)},{name:"Region",getValue:e=>(0,ce.fZ)(e.getRegion())},{name:"Disable service workers",getValue:e=>e.getServiceWorkersDisabled()+""},{name:"Block ads/tracking",getValue:e=>e.getBlockAds()+""},{name:"Throttle user flow",getValue:e=>e.getThrottleFlowSteps()+""},{name:"Warm cache using test URL",getValue:e=>e.getUseDefaultWarming()+""}
1].forEach(r=>{const i=r.getValue(t),a=r.getValue(e);if(i&&a&&i!==a){const e=r.getDescription&&r.getDescription(i,a);if(r.getDescription&&!e)return;s.push({name:r.name,previousValue:i,currentValue:a,description:e})}}),s}(s,t);return 0===r.length?null:(0,v.jsx)(X.U5,{title:"Test configuration changed",boxHeading:!0,moreInfoContent:"When the test environment is updated you may see metric differences that are not caused by changes on your website.\nFor example, a new version of Chrome may be faster or slower, or there might be a change to how a metric is defined.",children:r.map(e=>(0,v.jsx)("div",{className:"color-grey3 scale-small-1",children:e.description?(0,v.jsx)(de.UP,{text:e.description}):(0,v.jsxs)("span",{children:[(0,v.jsx)("span",{style:{fontWeight:500},children:e.name}),":"," ",e.previousValue," â ",e.currentValue]})},e.name))})});class pe extends p.Component{constructor(){super(...arguments),function(e,t,s){(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var s=t.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s}(this,"state",{messages:null})}async componentDidMount(){this.setState({messages:await i.FH.getAnalysisMessages(this.props.analysisId)})}render(){const e=this.state.messages;return e&&0!==e.length?(0,v.jsx)("div",{className:"alert alert-warning",style:{marginTop:20,marginBottom:0},children:e.map((e,t)=>(0,v.jsx)("div",{children:e.text},t))}):null}}class he extends p.Component{render(){return(0,v.jsx)(pe,{analysisId:this.props.analysisId},this.props.analysisId)}}var me=s(61110);function ge(e){let t=e.pageUrl;return(0,v.jsx)(X.U5,{children:(0,v.jsx)("div",{className:"p-5",children:(0,v.jsxs)("div",{className:"row",children:[(0,v.jsx)("div",{className:"col-lg-6 d-flex align-items-center",children:(0,v.jsxs)("div",{className:"row",children:[(0,v.jsx)("div",{className:"col-md-3",children:(0,v.jsx)("div",{className:"d-flex",children:(0,v.jsx)("img",{src:"/public/monitoringCta/rafayel.jpeg",style:{borderRadius:500,marginLeft:"auto",width:90,maxWidth:"100%"}})})}),(0,v.jsxs)("div",{className:"col-md-9",children:[(0,v.jsx)("div",{className:"scale-4 color-blue1",children:"Weâve updated around 15,000 pages. âGood URLsâ and their impressions have increased 3x."}),(0,v.jsx)("div",{className:"color-grey2 scale-small-1 mt-1",style:{fontWeight:500},children:"Rafayel Begoyan"}),(0,v.jsx)("div",{className:"color-grey2 scale-small-1 mt-1",children:"Senior SEO Specialist at CoinStats"}),(0,v.jsx)("img",{src:"/public/monitoringCta/coinstats.png",className:"mt-1 d-block",style:{maxWidth:140}}),(0,v.jsx)("div",{className:"mt-5 scale-small-1 color-grey2",style:{textTransform:"uppercase",fontWeight:500},children:"Monitor Page Speed And Core Web Vitals"}),(0,v.jsx)("a",{href:`/monitor?url=${encodeURIComponent(t)}`,className:"btn btn-primary mt-1 pl-4 pr-4",style:{fontWeight:500,whiteSpace:"normal"},children:"Continuously Monitor This Website"})]})]})}),(0,v.jsx)("div",{className:"col-lg-6 d-flex justify-content-center",children:(0,v.jsx)("div",{children:(0,v.jsx)("img",{src:"/public/monitoringCta/metrics.png",className:"mt-4",style:{width:470,maxWidth:"100%",boxShadow:"0px 0px 15px #ddd",borderRadius:10,padding:10}})})})]})})})}var fe=s(12909);function ve(){return!(0,d.v)().screenshot&&(location.href.includes("showDemoNotes")||location.href.includes("/project/3/pageLoad/11"))}function ye(){const e=(0,oe.A)(e=>e.userId);return(0,v.jsx)("div",{children:ve()&&!e&&(0,v.jsxs)("div",{className:"pageload-signup-cta",children:[(0,v.jsx)("div",{style:{fontSize:24,marginBottom:20},children:"Monitor your own pages and get problem alerts"}),(0,v.jsx)("div",{children:(0,v.jsx)("a",{href:"/signup?via=demo",className:"btn btn-primary",onClick:()=>(0,r.s)("Click signup on demo",location.href),children:"Start Free Trial"})})]})})}var xe=s(8009),je=s(13043),be=s(58599),Se=s(63092),we=s(5880),Ie=s(76474),Te={};Te.styleTagTransform=E(),Te.setAttributes=M(),Te.insert=O().bind(null,"head"),Te.domAPI=k(),Te.insertStyleElement=q(),N()(Ie.A,Te),Ie.A&&Ie.A.locals&&Ie.A.locals;var Ce=s(85807),Pe=s(9254),Re=s(27083),Ae=s(32485),Le=s.n(Ae),Ne=(s(15631),s(25180)),De=s(96942);function ke(e){let t=e.previousResult,s=e.result,r=e.perfSummaries,i=e.className;const a=(0,Ne.a)(),n=(0,De.g)(),l=new Set(r.map(e=>
1e.analysisId)).size<2,o="Compare result to the previous test";let d;return d=l?(0,v.jsxs)("div",{children:[(0,v.jsx)("p",{style:{fontWeight:500},children:o}),(0,v.jsxs)("p",{className:"mb-0",children:[(0,v.jsx)(Pe.i,{})," At least two test result are required to show a comparison between two tests."]})]}):(0,v.jsx)("div",{children:(0,v.jsxs)("div",{style:{maxWidth:400},children:[(0,v.jsx)("p",{style:{fontWeight:500},className:"mb-2",children:o}),(0,v.jsx)("p",{className:"mb-0 mt-0",children:s&&t&&(0,v.jsxs)("span",{children:[(0,v.jsx)("span",{className:"color-coldGrey1",children:"Selected:"})," ",(0,u.r6)(t.endTime),(0,v.jsx)("br",{}),(0,v.jsx)("span",{className:"color-coldGrey1",children:"Previous:"})," ",(0,u.r6)(s.endTime)]})})]})}),(0,v.jsx)(Re.m,{overlay:d,children:(0,v.jsxs)("label",{className:Le()("diff-single-toggle__label",{disabled:l},i),style:{opacity:l?.75:1},children:[(0,v.jsx)(Ce.l,{className:"mr-2",checked:"diff"===a,onChange:e=>{n(e.target.checked?"diff":"single")},variant:"dark-important",disabled:l}),(0,v.jsx)("span",{className:"text-nowrap",children:"Compare"})]})})}var Ue=s(12886),Oe=s(52378),Fe=s(82292),Me={};function _e(e){let t=e.onClose,s=e.getExportUrl;const r=s("csv","metrics"),i=s("json","metrics"),a=s("pdf","metrics"),n=s("csv","requests"),l=s("json","requests"),o=s("har","requests");return(0,v.jsx)(Oe.O,{isOpen:!0,onClose:t,items:[{title:"Page metrics",detail:"Download page speed metrics as JSON or CSV or export the current tab as a PDF.",formats:[{format:"json",url:i},{format:"csv",url:r},{format:"pdf",url:a}],titleTooltip:{content:"Export historical performance metrics, or generate a PDF of the current view.",href:"/docs/data-export"}},{title:"Request list",titleTooltip:{content:"Export selected analysis' request list",href:"/docs/data-export"},detail:"Download information on the network requests made during this analysis as JSON, CSV, or a HAR file.",formats:[{format:"json",url:l},{format:"csv",url:n},{format:"har",url:o}]}]})}Me.styleTagTransform=E(),Me.setAttributes=M(),Me.insert=O().bind(null,"head"),Me.domAPI=k(),Me.insertStyleElement=q(),N()(Fe.A,Me),Fe.A&&Fe.A.locals&&Fe.A.locals;var qe=s(4280),Ve=s(91887),Ee=s(98622),Be=s(52005),He=s(3841),ze=s(87746),We=s(2747),$e=s(6922),Je=s(61823),Ge=s(91998),Ze=(s(78465),s(51932)),Ye=s(90317),Ke=s(39625),Xe=s(7819),Qe=s(70752);function et(e){let t=e.pageLoad,s=e.perfSummary,r=e.previousPerfSummary;const i=t.pageAdvancedSettings.filter(e=>"budget"===e.advancedSetting.type).map(e=>e.advancedSetting.config.conditionsV2).flat(),a=(0,Qe.r)({perfSummary:s,previousPerfSummary:r,perfBudgetConditions:i}),n=(0,Ze.a)();return 0===i.length?(0,v.jsx)(X.AM,{addBottomPadding:!0,children:"No budget conditions found."}):(0,v.jsx)(We.mY,{testName:"perf-budget-result",basicMode:!0,items:[...a.breachDetails,...a.unbreachedConditions],columns:{metric:{heading:{title:"Metric"},render:e=>{const t=(0,Xe.Hh)(e.metricId);return(0,v.jsxs)("div",{className:"d-flex align-items-center",children:[(0,v.jsx)("div",{children:e.metricTitle}),e.type.includes("Percentage")&&(0,v.jsxs)("span",{className:"scale-small-2 color-coldGrey1 ml-1",children:[(0,u.Fl)(e.previousValue,t.dataType,{convertLighthouseDecimalScoreToInteger:!0})," ","â"," ",(0,u.Fl)(e.value,t.dataType,{convertLighthouseDecimalScoreToInteger:!0})]})]})}},budget:{heading:{title:"Budget",alignRight:!0,style:{width:n>800?160:60}},render:e=>{const t=(0,Xe.Hh)(e.metricId);return(0,v.jsx)("span",{children:e.type.includes("Percentage")?e.threshold+"%":(0,u.Fl)(Number(e.threshold),t.dataType,{convertLighthouseDecimalScoreToInteger:!0,precision:e.threshold<100?2:void 0})})}},value:{heading:{title:"Value",alignRight:!0,style:{width:n>800?160:60}},render:e=>(0,v.jsx)("span",{children:e.valueString})},status:{heading:{title:"Status",alignRight:!0,style:{width:80}},render:e=>{const t=e.budgetBreached?(0,v.jsx)(Ke.h,{}):(0,v.jsx)(Ye.P,{className:"text-success"}),s=(0,v.jsx)("div",{style:{textAlign:"right",width:"100%"},"data-budget-is-breached":e.budgetBreached,children:t});return e.description?(0,v.jsx)(Re.m,{overlay:e.description,children:s}):s}}}})}var tt=s(13831),st=s(19768),rt=s(42340),it=s(76340),at=s(74334),nt=s(73003),lt=s(5804),ot=s(86540),dt=s(93508),ct=s(61459),ut=s(58233);function pt(e){const t=e.analysisId,s=e.filmstrip,r=e.formFactor,i=e.currentTime;let a=0===i?0:(0,ne.findLastIndex)(s,e=>1e3*e.timing<=i);-1===a&&(a=0);const n=s[a];return(0,v.jsxs)("div",{className:"d-inline-block",children:[(0,v.jsx)(I.w,{children:(0,v.jsxs)("div",{children:["#",t]})}),(0,v.jsx)("img",{src:"data:image/jpeg;base64,"+n.args.snapshot,style:{maxWidth:`min(${"desktop"===r?500:312}px, 100%)`,maxHeight:425,boxShadow:"0 0 5px var(--grey4)",borderRadius:2}}),(0,v.jsx)(I.w,{children:(0,v.jsxs)("div",{children:[n.timing,"s | ",a+1,"/",s.length]})})]})}var ht=s(8108),mt=s(42180),gt={};function ft(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}
1finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return vt(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?vt(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vt(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}function yt(e){return e.filmstrip&&e.result}function xt(e){let t=e.allPlainAnalyses,s=e.analysisIds,r=e.pageLoads;const i=(0,rt.u)(s.map(e=>({type:"analysis.filmstrip",id:e,propName:"analysis_"+e+"_filmstrip"}))),a=(0,rt.u)(s.map(e=>({type:"analysis.result",id:e,propName:"analysis_"+e+"_result"}))),n=(0,Ne.a)(),l=s.reduce((e,t)=>(e[t]={filmstrip:i[`analysis_${t}_filmstrip`],result:a[`analysis_${t}_result`]},e),{}),o=l[s[0]];let d=null===o.filmstrip?(0,v.jsx)("div",{className:"p-3 color-coldGrey1 scale-small-1",children:"Video recording not available."}):(0,v.jsx)("div",{className:"p-3",children:"Loading video recording..."});if(yt(o)){const e="single"===n?[o]:s.map(e=>l[e]).filter(yt);d=(0,v.jsx)(bt,{analyses:e,allPlainAnalyses:t,pageLoads:r})}return(0,v.jsx)(X.U5,{className:"flex-grow-1 d-flex flex-column d-print-none",title:"Video Recording",boxHeading:!0,padded:!1,titleChildren:(0,v.jsx)(z.r,{title:"Export",background:"light",grayOptionVariant:!0,children:(0,v.jsx)(jt,{analysisIds:s,allPlainAnalyses:t,pageLoads:r,analysesById:l})}),children:d})}function jt(e){let t=e.analysisIds,s=e.allPlainAnalyses,r=e.pageLoads,a=e.analysesById;const n=ft(p.useState(!1),2),l=n[0],o=n[1],d=ft(p.useState(null),2),c=d[0],h=d[1],m=ft((0,it.M)("recentVideoExports",[]),2),g=m[0],f=m[1],y=t.map(e=>{const i=a[e];var n,l;if(!s)return null!==(n=null==i||null===(l=i.result)||void 0===l?void 0:l.name)&&void 0!==n?n:"";const o=s.find(t=>t.id===e),d=r.find(e=>e.id===o.pageLoadId);return 1===t.length&&d?d.name:(0,ht.X)({type:e===(0,ne.last)(t)?"selected":"previous",pageLoads:r,allPlainAnalyses:s,result:i.result,endTime:String(i.result.endTime),allResults:Object.values(a).map(e=>e.result)})}),x=(0,ie.n)(t[0]),j="string"==typeof t[0]&&t[0].startsWith("quickTest-");return x&&!j?(0,v.jsxs)("div",{className:"p-3",style:{width:250,lineHeight:"1.4em"},children:["Video export is not supported in our free tool, but is available as part of our"," ",(0,v.jsx)("a",{href:"/",target:"_blank",rel:"noreferrer",children:"paid product"}),"."]}):(0,v.jsxs)("div",{className:"p-3",children:[!c&&!l&&(0,v.jsx)(ut.l1,{initialValues:{titles:y},onSubmit:e=>{o(!0),i.FH.generateVideo({analysisIds:(0,ne.uniq)(t),titles:e.titles}).then(e=>{let t=e.url;h(t),o(!1);let s=[{title:(0,u.r6)(new Date),url:t},...g];s=s.slice(0,2),f(s)})},children:e=>{let s=e.handleSubmit;return(0,v.jsxs)("form",{onSubmit:s,style:{width:250},children:[(0,v.jsx)("div",{className:"mb-2",children:t.map((e,t)=>(0,v.jsx)("div",{className:"mb-1",children:(0,v.jsx)(at.u,{name:`titles.${t}`,label:`Test Title ${t+1}`})},t))}),(0,v.jsx)("button",{className:"btn btn-sm btn-primary",type:"submit",children:"Export Video"})]})}}),l&&(0,v.jsxs)("div",{children:["Exporting video...",(0,v.jsx)("div",{className:"mt-3",children:(0,v.jsx)(J.v,{})})]}),c&&(0,v.jsxs)("p",{children:["Export complete.",(0,v.jsx)("div",{className:"mt-3 mb-3",children:(0,v.jsx)("a",{href:c,target:"_blank",rel:"noreferrer",className:"btn btn-sm btn-primary",children:"Download Video"})})]}),g&&g.length>0&&(0,v.jsxs)("div",{className:"mt-3",children:[(0,v.jsx)("h3",{className:"scale-base mb-2",children:"Recent Exports"}),(0,v.jsx)("ul",{style:{listStyle:"none",paddingLeft:0,marginBottom:0},children:g.map((e,t)=>(0,v.jsx)("li",{style:{},children:(0,v.jsx)("a",{href:e.url,className:"scale-small-1",children:e.title})},t))})]})]})}function bt(e){var t;const s=e.analyses,r=e.pageLoads,i=(0,Ne.a)(),a=ft(p.useState("not-started"),2),n=a[0],l=a[1],o=ft(p.useState(0),2),d=o[0],c=o[1],u=ft(p.useState(1),2),h=u[0],m=u[1],g=100/h,f=1e3*Math.max(...s.map(e=>{var t;return(null===(t=(0,ne.last)(e.filmstrip))||void 0===t?void 0:t.t
1iming)||1e4})),y=function(e){return(0,ne.sortBy)((0,ne.flatMap)(e,e=>e.filmstrip.map(e=>e.timing)),e=>e).filter((e,t,s)=>(s[t+1]||1/0)-e>.03333333333333333)}(s),x=y.find(e=>e>d/1e3),j=(0,ne.findLast)(y,e=>e<d/1e3);p.useEffect(()=>{if(d>=f&&l("finished"),"running"===n){const e=setTimeout(()=>{d<f&&c(Math.min(d+100,f))},g);return()=>clearTimeout(e)}},[s,d,f,n,g]);const b=(()=>{switch(n){case"not-started":case"paused":return{onClick:()=>l("running"),children:(0,v.jsx)(dt.e,{size:12,className:"color-white1",style:{transform:"translateX(1px)"}})};case"running":return{onClick:()=>l("paused"),children:(0,v.jsx)(ot.k,{size:12,className:"color-white1"})};case"finished":return{onClick:()=>{c(0),l("running")},children:(0,v.jsx)(ct.D,{size:12,className:"color-white1",style:{transform:"scale(1.25)"}})}}})();return(0,v.jsxs)("div",{className:"playerContainer",children:["not-started"===n&&(0,v.jsx)("div",{className:"position-absolute d-flex align-items-center justify-content-center",style:{top:0,right:0,bottom:0,left:0,background:"rgba(0, 0, 0, 0.1)",zIndex:1,borderBottomLeftRadius:3,borderBottomRightRadius:3},children:(0,v.jsx)("div",{className:"d-flex align-items-center justify-content-center play-button rounded-round cursor-pointer",style:{width:100,height:100},onClick:()=>l("running"),children:(0,v.jsx)(dt.e,{size:36,className:"color-white1",style:{transform:"translateX(0.15em)"}})})}),(0,v.jsx)("div",{className:"flex-grow-1 d-flex align-items-center justify-content-center mt-3 px-3",style:{gap:"1rem"},children:s.map(t=>(0,v.jsxs)("div",{className:"text-center",children:["diff"===i&&(0,v.jsx)(ht.n,{endTime:String(t.result.endTime),type:t===(0,ne.last)(s)?"selected":"previous",result:t.result,allResults:s.map(e=>null==e?void 0:e.result),allPlainAnalyses:e.allPlainAnalyses,pageLoads:r}),t.filmstrip&&t.filmstrip.length>0?(0,v.jsx)(pt,{analysisId:t.result.pageLoadAnalysisId,filmstrip:t.filmstrip,formFactor:(0,ee.w2)(t.result),currentTime:d}):"Filmstrip unavailable"]},t.result.pageLoadAnalysisId))}),(0,v.jsxs)("div",{className:"mt-3 bg-grey6",style:{borderBottomLeftRadius:4,borderBottomRightRadius:4},children:[(0,v.jsx)("div",{className:"bg-blue2",style:{height:4,width:"100%",transform:`scaleX(${Math.min(d,f)/f})`,transformOrigin:"left"}}),(0,v.jsxs)("div",{className:"d-flex align-items-center px-3 py-2",children:[(0,v.jsx)("button",{className:"btn btn-sm btn-primary d-flex align-items-center justify-content-center rounded-round mr-auto",style:{width:34,height:34},...b}),(0,v.jsxs)("div",{className:"d-flex align-items-center mx-3",children:[(0,v.jsxs)("button",{className:"btn btn-sm btn-outline d-none d-md-flex frameNavButton",disabled:void 0===j||d/1e3<(null!==(t=y[1])&&void 0!==t?t:1/0),onClick:()=>{l("paused"),c(1e3*j)},children:[(0,v.jsx)(nt.J,{size:12}),(0,v.jsx)("span",{className:"ml-1 scale-small-2",children:"Previous Frame"})]}),(0,v.jsxs)("div",{className:"mx-1 scale-5 text-center color-coldGrey2",style:{fontWeight:600,minWidth:"6ch"},children:[(d/1e3).toFixed(2)," s"]}),(0,v.jsxs)("button",{className:"btn btn-sm btn-outline d-none d-md-flex frameNavButton",disabled:!x,onClick:()=>{l("paused"),c(1e3*x)},children:[(0,v.jsx)("span",{className:"mr-1 scale-small-2",children:"Next Frame"}),(0,v.jsx)(lt.c,{size:12})]})]}),(0,v.jsxs)("div",{className:"ml-auto d-flex align-items-center color-coldGrey1",children:[(0,v.jsx)(Re.m,{overlay:"Restart video",placement:"top",children:(0,v.jsx)("div",{children:(0,v.jsx)(ct.D,{size:16,className:"color-coldGrey1 cursor-pointer",onClick:()=>{c(0),l("running")}})})}),(0,v.jsx)("div",{className:"separator"}),(0,v.jsx)(Re.m,{overlay:"Adjust video speed",placement:"top",children:(0,v.jsxs)("div",{className:"scale-small-1 cursor-pointer user-select-none",onClick:()=>{m(h-.25||1)},children:["Ã",h.toFixed(2)]})})]})]})]})]})}gt.styleTagTransform=E(),gt.setAttributes=M(),gt.insert=O().bind(null,"head"),gt.domAPI=k(),gt.insertStyleElement=q(),N()(mt.A,gt),mt.A&&mt.A.locals&&mt.A.locals;var St=s(13413);function wt(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}function It(e){const t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}
1finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return wt(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?wt(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(p.useState(e),2),s=t[0],r=t[1];return p.useEffect(()=>{const t=setTimeout(()=>{e||r(!0)},250);return()=>clearTimeout(t)},[e]),s}const Tt=p.memo(function(e){var t,s;const r=e.selectInChartProps.perfSummaries,i=It(r&&r.length<50),a=e.selectedResult,n=e.previousResult,o=e.selectedPerfSummary,d=e.previousPerfSummary,c=e.pageLoad,u=e.selectedPerfSummary,p=(0,Ne.a)(),h=(0,l.hh)(),m=e.isOneOffTest;let g=(0,He.L)(u.crux),f=(null==u||null===(t=u.crux)||void 0===t?void 0:t.g)===ze.P.url&&m,y=(0,St.Xz)(u,"url").metricsToImproveString;const x=(0,v.jsx)("a",{href:"/docs/metrics/core-web-vitals",target:"_blank",rel:"noopener",children:"Core Web Vitals"}),j=(0,ne.compact)(["diff"===p?null==d?void 0:d.analysisId:null,o.analysisId]);return(0,v.jsxs)("div",{children:[(0,v.jsx)(Ve.i,{stepId:"compareTestResults",children:'Click on the chart to select a test result, then use the "Compare" toggle in the top right to compare the selected test to the previous test result.'}),f&&"diff"!==p&&"number"==typeof g&&(0,v.jsx)(Ge.k,{href:e.getUrl({selectedTabName:"vitals"}),type:g>=.75?"ok":"error",linkType:"button",children:g>=.75?(0,v.jsxs)("div",{children:["This page does well on the ",x," metrics that Google uses as a ranking signal."]}):(0,v.jsxs)("div",{children:["Optimizing the"," ",(0,v.jsx)("span",{style:{fontWeight:500},children:y})," ","of this page could help it rank higher in Google."]})}),(0,v.jsx)(st.zX,{metricIds:"websiteGrader"===(null==a?void 0:a.requestedFrom)?["accessibility","seo","bestPractices","largestContentfulPaint","totalBlockingTime","cumulativeLayoutShift"]:["ttfb2","firstContentfulPaint","largestContentfulPaint","totalBlockingTime","cumulativeLayoutShift","pageWeight"],forceShowSingleValue:h,props:e,threeColumns:!0}),!i&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("br",{}),(0,v.jsx)(J.v,{})]}),i&&(0,v.jsxs)("div",{children:[(0,v.jsx)(Je.p,{selectedPerfSummary:u,previousPerfSummary:d,allPlainAnalyses:e.analyses,pageLoads:e.pageLoads}),(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)("div",{className:"row",children:[(0,v.jsx)("div",{className:("diff"===p?"col-lg-12":"col-xl-6")+" d-flex flex-column",children:(0,v.jsx)(xt,{analysisIds:j,allPlainAnalyses:e.analyses,pageLoads:e.pageLoads})}),(0,v.jsx)("div",{className:("diff"===p?"col-lg-12":"col-xl-6")+" d-flex",children:(0,v.jsx)($e.M,{selectedResult:a,previousResult:null!=n?n:void 0,allPlainAnalyses:e.analyses,formFactor:null===(s=e.pageLoad)||void 0===s||null===(s=s.device)||void 0===s?void 0:s.formFactor})})]})}),(0,v.jsx)(tt.b_,{selectedResult:a,pageLoadId:c.id,projectId:c.projectId,selectedPerfSummary:o,data:e.data,getUrl:e.getUrl}),!m&&!(0,l.EZ)()&&(0,v.jsx)(X.U5,{title:"Performance Budgets",moreInfoContent:"Set up performance budget to get alerted when a metric crosses a threshold.",moreInfoHref:"/docs/performance-budgets",boxHeading:!0,padded:!1,children:(0,v.jsx)(Pt,{pageLoad:c,perfSummary:o,previousPerfSummary:d})}),(0,v.jsx)(Ct,{analyses:c.analyses,selectedPerfSummary:o}),m&&"quickTest"!==(null==a?void 0:a.requestedFrom)&&(0,v.jsx)(Rt,{})]})]})});function Ct(e){let t=e.analyses,s=e.selectedPerfSummary;if(!t||!s)return null;const r=t.find(e=>e.id===s.analysisId);if(!r||!((0,d.v)().analyses||r.buildTitle||r.commitHash))return null;const i=[{title:"Time",value:(0,u.w_)(s.endTime)}];return r.buildTitle&&i.push({title:"Build Title",value:r.buildTitle}),r.commitHash&&i.push({title:"Commit Hash",value:r.commitHash}),r.commitBranch&&i.push({title:"Commit Branch",value:r.commitBranch}),r.baseBranch&&i.push({title:"Base Branch",value:r.baseBranch}),r.baseHash&&i.push({title:"Base Hash",value:r.baseHash}),(0,v.jsxs)(X.U5,{padded:!1,children:[(0,v.jsx)(Be.R,{addTopPadding:!0,title:"Test Details"}),(0,v.jsx)(We.mY,{items:i,columns:{title:{heading:{title:"Info"},render:e=>e.title},value:{heading:{title:"Value"},render:e=>e.value}}})]})}function Pt(e){let t=e.pageLoad,s=e.perfSummary,r=e.previousPerfSummary;const i=t.pageAdvancedSettings.some(e=>"budget"===e.advancedSetting.type),a=ae.DS.pageLoadEditUrl(t.projectId,t.id);return i?(0,v.jsx)(et,{pageLoad:t,perfSummary:s,previousPerfSummary:r},s.pageLoadAnalysisId):(0,v.jsxs)("div",{className:"p-3",children:[(0,v.jsx)(le.N_,{to:a+"?expandAdvanced","data-testid":"set-up-performance-budget-link",children:"Set up a performance budget"})," ","to get alerted when your site crosses a specific metric threshold."," ",(0,v.jsx)("a",{href:"/docs/performance-budgets",target:"_blank",rel:"noreferrer",children:"Learn more about performance budgets."})]})}function Rt(){return(0,v.jsx)(X.U5,{children:(0,v.jsx)(Ee.u,{})})}var At=s(38478),Lt=s(30843),Nt=s(84486),Dt=s(43685),kt=s(66453),Ut=s(89616),Ot=s(1822),Ft=s(54673),Mt=s(20229),_t=s(2004);function qt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}
1finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Vt(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?Vt(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Vt(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}function Et(e){let t=e.selectedResult,s=e.previousResult,r=e.projectId,i=e.pageLoadId,n=e.perfSummary,l=e.previousPerfSummary;const o=qt((0,p.useState)([]),2),d=o[0],c=o[1];let u=(0,v.jsx)("div",{className:"d-flex",style:{height:450},children:(0,v.jsx)(a.y,{centeredInFlexbox:!0})});const h=(0,p.useContext)(Ut.B).isDarkMode,m=(0,Ne.a)();let g=null;const f=qt((0,p.useState)("all"),2),y=f[0],x=f[1],j=(t?(0,Mt.L)({result:t,comparisonMode:m,perfSummary:n,previousPerfSummary:l,zoomEnd:y}):{zoomEndMs:1e3}).zoomEndMs;if(t){g=(0,v.jsx)(_t.I,{comparisonMode:m,result:t,perfSummary:n,previousPerfSummary:l,previousResult:s||void 0,zoomEnd:y,onChange:x});const e=Math.max(0,...d.map(e=>{var t;return(null===(t=e.getTimings())||void 0===t||null===(t=t.total)||void 0===t?void 0:t.end)||0}))+500+"";u=(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"px-3 pb-3",children:(0,v.jsx)(Ft.F,{options:Bt("diff"===m&&s?[t,s]:[t],{isDarkMode:h,maxMs:j},e=>c(e))})}),d.length>0&&(0,v.jsx)(Nt.RequestsTable,{result:t,projectId:r,pageLoadId:i,requestSearch:d.map(e=>`__id:${e.id}`).join("|"),defaultZoomEnd:e,hideOptions:!0},e)]})}return(0,v.jsx)(X.U5,{title:"Page Download Progress",boxHeading:!0,titleChildren:(0,v.jsx)("div",{className:"ml-2",children:g}),padded:!1,children:(0,v.jsx)("div",{className:"mt-3",children:u})})}function Bt(e,t,s){const r=[],i=[];let a=[];return e.forEach((n,l)=>{var o,d;if(null==n||null===(o=n.resultJson)||void 0===o||!o.requestList)return;const c=n.getRequests(),p=function(e,t,s){const r={0:0};e.forEach(e=>{if(e.chunks){const t=(0,ne.sum)(e.chunks.map(e=>e[1]));let i=1;e.encodedDataLength&&t>e.encodedDataLength&&(i=e.encodedDataLength/t),e.chunks.forEach(e=>{const t=e[0],a=100*Math.floor(t/100);if(s&&a>s)return;const n=e[1]*i;r[a]=(r[a]||0)+n})}});for(let e=0;e<=s;e+=100)r[e]||(r[e]=0);let i=0;return Object.entries(r).map(e=>{let t=qt(e,2),s=t[0],r=t[1];return i+=r,{ms:Number(s),bytes:r,totalBytes:i}})}(c,0,t.maxMs),h={click:function(e){const t=e.point.index;s(a[l][t].requests)}};if(i.push({name:e.length>1?(0,u.r6)(n.endTime,{shortMonth:!0}):"Page Weight",type:"areaspline",opacity:0===l?1:.5,fillOpacity:.2,lineWidth:2,dashStyle:0===l?"Solid":"Dash",data:p.map(e=>[e.ms,e.totalBytes]),events:h}),c.length>0){const e=function(e,t,s){const r={0:[]};e.forEach(e=>{if(e.id){const i=e.cache.reqTimings.total.start,a=e.cache.reqTimings.total.end;for(let n=i;n<=a;n+=t){const i=Math.floor(n/t)*t;i<=s&&(r[i]=r[i]||[],r[i].push(e))}}});for(let e=0;e<=s;e+=t)r[e]||(r[e]=[]);return Object.entries(r).map(e=>{let t=qt(e,2),s=t[0],r=t[1];return{ms:Number(s),requests:r}})}(c,100,t.maxMs);a.push(e),i.push({name:"Active Requests",type:"line",opacity:0===l?1:.5,lineWidth:2,dashStyle:0===l?"Solid":"Dash",color:"#9cd865",yAxis:1,cursor:"pointer",data:e.map(e=>[e.ms,e.requests.length]),events:h})}const m=null==n||null===(d=n.getPerformanceMetrics())||void 0===d?void 0:d.largestContentfulPaint;if(m){const e=p.reduce((e,t)=>t.ms<=m?e+t.bytes:e,0),t=(0,u.z3)(e);r.push({color:"#dd5555",dashStyle:0===l?"Solid":"Dash",width:2,zIndex:5,value:m,label:{text:0===l?`LCP â ${t}`:void 0,style:{color:"#dd5555"}}})}}),{chart:{type:"areaspline",spacingLeft:0,spacingRight:0,spacingBottom:0,spacingTop:10,height:window.outerWidth<500?200:300,events:{click:function(e){const t=a[0].find(t=>t.ms>100*Math.round(e.xAxis[0].value/100)-100);t?s(t.requests):console.warn("No match found for click event")}}},plotOptions:{series:{animation:!1,marker:{enabled:!1}}},colors:t.isDarkMode?["#0a5078","#efc172"]:["#afd1f4","#efc172"],title:{text:void 0},tooltip:{useHTML:!0,formatter:function(){return`<div>
1\n <div class="scale-small-2 color-coldGrey1 mb-2">${(0,u.ZD)(this.series.name)}</div>\n <div class="scale-small-1 color-coldGrey1">${(0,u.MH)(this.x)}</div>\n <div style="margin-top: 4px; font-size: 16px;">\n ${"Active Requests"===this.series.name?`${this.y} Requests`:(0,u.z3)(this.y)}\n </div>\n <div>`}},legend:{enabled:!1},credits:{enabled:!1},xAxis:{...(0,Ot.p)("ms",!1),plotLines:r},yAxis:[(0,Ot.p)("bytes",!1),(0,Ot.p)("count",!1,"Active Requests",{opposite:!0})],series:i}}var Ht=s(21362);class zt extends p.PureComponent{render(){const e=this.props.perfSummaries,t=[];return["document","stylesheet","image","script","font","ajax","media","other"].forEach(e=>{t.push({id:e,title:u.tV[e],getValue:t=>t.requestMetrics.sizeByCategory[e]||0,dataType:"bytes",color:(0,u.ZV)(e).chartFillColor,lineColor:(0,u.ZV)(e).lineColor})}),(0,v.jsx)("div",{children:(0,v.jsx)(Ht.o,{metricIdForDetails:"pageWeight",...this.props,hideSeriesWithOnlyZeroValues:!0,numberOfLayoutColumns:1,perfSummaries:e,fields:t,selectedResultId:this.props.selectedResultId,options:{chart:{type:"areaspline",spacingLeft:0,spacingRight:0,spacingBottom:0},plotOptions:{areaspline:{stacking:"normal",fillOpacity:1,lineWidth:2}}}})})}}var Wt=s(79084);function $t(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}function Jt(e){const t=e.selectInChartProps,s=e.selectedResult,r=e.previousResult,i=e.selectionDependentOpacity,n=e.pageLoad,o=e.selectedPerfSummary,d=e.previousPerfSummary,c=e.data,u=(0,At.I)(),p=e.isOneOffTest;return(0,v.jsx)("div",{children:(0,v.jsxs)("div",{children:[!p&&!(0,l.EZ)()&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(X.U5,{title:"Page Weight",boxHeading:!0,moreInfoContent:"Transferred resource size by file type.",moreInfoHref:"/blog/page-weight-website-speed",children:(0,v.jsx)(zt,{...t,stats:e.stats})}),"pageWeight"===u.get("metric")&&(0,v.jsx)(we.wF,{groupMetricIds:["pageWeight"],tabProps:e})]}),(p||(0,l.EZ)())&&(0,v.jsx)(kt.A,{selectedPerfSummary:o,previousPerfSummary:d,selectedResult:s,previousResult:r}),(0,v.jsxs)(X.U5,{id:"scroll-target-request-table",padded:!1,children:[s&&(0,v.jsx)("div",{style:{opacity:i},children:(0,v.jsx)(Nt.RequestsTable,{data:c,result:s,previousResult:r,projectId:e.projectId,pageLoadId:e.pageLoadId,onChangeRequestType:e.onChangeRequestType,requestType:e.requestType,onChangeRequestSearch:e.onChangeRequestSearch,requestSearch:e.requestSearch,selectedPerfSummary:o,previousPerfSummary:d,showClearFiltersButton:!0})}),!s&&(0,v.jsx)("div",{className:"d-flex",style:{height:450},children:(0,v.jsx)(a.y,{centeredInFlexbox:!0})})]}),(0,v.jsx)(Et,{selectedResult:s,previousResult:r,projectId:e.projectId,pageLoadId:e.pageLoadId,perfSummary:o,previousPerfSummary:d}),(0,v.jsx)(Wt.X,{selectedResult:s,previousResult:r,data:c,pageLoadId:n.id,projectId:n.projectId,sortByColumn:"-size"}),s&&(0,v.jsx)(Gt,{requestInfoList:s.getRequests(),previousRequestInfoList:r?r.getRequests():void 0})]})})}function Gt(e){let t=e.requestInfoList,s=e.previousRequestInfoList;const r=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return $t(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?$t(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,Lt.t)("requestsStatBreakdown","resourceType"),2),i=r[0],a=r[1];return(0,v.jsx)(X.U5,{title:"Request Stats",titleChildren:(0,v.jsx)(Dt.d6,{value:i,onChange:a}),boxHeading:!0,padded:!1,children:(0,v.jsx)(Dt.ZY,{requestInfoList:t,previousRequestInfoList:s,groupBy:i})})}var Zt=s(20191),Yt=s(39457),Kt=s(50772),Xt=s(58353),Qt=s(74142),es=s(63952),ts=s(74293),ss=s(78483),rs=s(38798);function is(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}function as(e){var t,s;const r=(0,ie.n)(null===(t=e.selectedResult)||void 0===t?void 0:t.pageLoadAnalysisId),i="quickTest"===(null===(s=e.selectedResult)||void 0===s?void 0:s.requestedFrom);return r&&!i?(0,v.jsx)(Kt.q,{}):e.pageLoad&&e.project?e.project.rumSnippet?(0,v.jsx)(ns,{...e}):(0,v.jsx)(Kt.n,{project:e.project,reloadProject:()=>{location.href=ae.DS.projectUrl(e.project.id,"rum")+"/config"}}):null}function ns(e){var t;let s=e.project,r=e.rumDateRangeObject,a=e.finalUrl,n="";const l=new URL(a).pathname,o=new URL(a).hostname,d=(0,p.useMemo)(()=>({domain:o,urlPath:l}),[o,l]);n+="?interval="+(0,c.vo)(r)+"&dateUnit="+(0,u.pP)(r.from,r.to)+"&timezone="+encodeURIComponent(Intl.DateTimeFormat().resolvedOptions().timeZone),n=(0,te.Ao)(n,{...d,stat:"p75",pvTab:void 0});const h=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}
1finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return is(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?is(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,p.useState)(),2),m=h[0],g=h[1];(0,p.useEffect)(()=>{i.FH.getRumExperiences({snippetId:s.rumSnippet.id,count:1,query:n}).then(e=>{g(e.length>0)})});const f=(0,p.useMemo)(()=>({project:s,stat:"p75",setStat:()=>{throw Error("not supported")},selectionSearch:n,comparisonSearch:"",filterSettings:(0,Qt.y)([],rs.A.parse(n,{arrayFormat:"bracket"})),removeFilter:function(){throw Error("not supported")},addFilter:function(){throw Error("not supported")},applySavedFilter:ne.noop,getUrlWithAddedFilters:null,getUrlWithOnlyFilters:null,getRumMetricDashboardLink:function(e){return(0,te.Ao)(ae.DS.projectRumUrl(s.id,e),d)},clearFilters:null,rumSavedFilters:null,saveAsNewFilter:null,selectedSavedFilter:null,hasNonDeviceFilters:!1,setFilters:null,updateSavedFilter:null}),[d,s,n]);return(0,v.jsx)(Xt.u.Provider,{value:f,children:(0,v.jsxs)(es.p,{project:s,navTabs:[],children:[(0,v.jsx)(Ge.k,{type:"info",linkType:"button",href:(0,te.Ao)(ae.DS.projectRumUrl(s.id,null!=s&&null!==(t=s.rumSnippet)&&void 0!==t&&t.installationConfirmedAt?"trends":"config"),d),linkText:"Open Full Dashboard",children:"Open the full RUM dashboard to view more details."}),m?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(ss.A0,{}),(0,v.jsx)(ts.p,{project:s,infoSelection:"timeline",showExperiences:!0,showExportDialog:!1,hideTabsAndStatus:!0,onCloseExportDialog:()=>{},updateProject:null})]}):(0,v.jsx)(ls,{loading:void 0===m,projectId:s.id})]})})}function ls(e){let t=e.loading,s=e.projectId;const r=(0,Zt.D)();return t?(0,v.jsx)("div",{children:(0,v.jsx)(a.y,{})}):(0,v.jsx)(X.U5,{children:(0,v.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"2rem",textAlign:"center"},"data-testid":"no-rum-data-for-selected-date-range",children:(0,v.jsx)(Yt.tS,{iconUrl:`/public/icons/project-page-loads/realuser-monitoring${r?"-dark":""}.svg`,title:"Real User Monitoring",description:"No data found for this page in the selected timeframe.",ctaText:"Check Configuration",ctaUrl:ae.DS.projectRumUrl(s,"config")})})})}var os=s(99793),ds=s(99342),cs=s(56079),us=s(25991);const ps=e=>(0,v.jsx)("button",{...e,className:"crumbs-and-header__action desktop-only","data-test-content-container-action":"Settings","aria-label":"Settings",children:(0,v.jsx)(W.t,{})});function hs(e){let t=e.shareKey,s=e.isDeleting,r=e.onDelete;return(0,v.jsx)(z.r,{title:"Settings",Trigger:ps,background:"light",children:(0,v.jsx)("div",{style:{padding:"8px 0",width:250},children:(0,v.jsxs)("button",{type:"button",className:"d-flex align-items-center w-100 pageload-settings-dropdown__delete-btn",style:{padding:"6px 12px",background:"none",border:"none",cursor:s?"default":"pointer",fontSize:13,color:s?"#999":"inherit"},disabled:s,onClick:()=>{confirm("Delete this quick test result?")&&r()},"data-testid":`delete-quick-test-${t}`,children:[s?(0,v.jsx)(J.v,{color:"currentColor"}):(0,v.jsx)($.u,{}),(0,v.jsx)("span",{className:"ml-2",children:s?"Deleting Test Result":"Delete Test Result"})]})})})}var ms=s(47090),gs=s(56141),fs=s(26350),vs=(s(28829),s(43777)),ys=s(47262),xs=s(57466),js=s(95171);function bs(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Ss(e,t){if(e){if("string"==typeof e)return ws(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?ws(e,t):void 0}}function ws(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}function Is(e){if(Array.isArray(e))return e}const Ts=["ttfb2","doc.duration","firstPaint","firstContentfulPaint","largestContentfulPaint","lcpAll","speedIndex","dcl","load","lvc","tti"],Cs=["pageWeight","pageWeight.document","pageWeight.stylesheet","pageWeight.script","pageWeight.image","pageWeight.font","pageWeight.ajax","pageWeight.media","pageWeight.other","requestCount","requestCount.script","requestCount.image"],Ps=["loadDelay","loadDuration","renderDelay"],Rs=["crux.fcp.p75","crux.lcp.p75","crux.cls.p75","crux.ttfb.p75","crux.inp.p75"],As=["cpuTime","jsTime","totalBlockingTime","cpu.styleLayout","cpu.parseHTML","cpu.scriptEvaluation","cpu.scriptParseCompile","cpu.paintCompositeRender","cpu.garbageCollection","cpu.other"],Ls=["performance","accessibility","bestPractices","seo"],Ns=["largestContentfulPaint","totalBlockingTime","cumulativeLayoutShift","tti","speedIndex","firstContentfulPaint"],Ds=["console.totalErrors","console.warnings","console.logs","console.other"],ks=["ttfb","hints.count","hints.errors"],Us=["nodes","ohl","JSEventListeners","RecalcStyleCount","LayoutCount"],Os=["thirdParty.bytes","thirdParty.ms","thirdParty.count"],Fs=e=>{let t=e.title,s=e.passThroughProps,r=e.metricIds,i=e.groupId,a=e.forceShowSingleValue;return(0,v.jsxs)("div",{children:[(0,v.jsx)(js.F,{title:t,showChartViewSelector:!0}),(0,v.jsx)(st.zX,{metricIds:r,groupId:i,props:s,threeColumns:!0,forceShowSingleValue:a})]})};function Ms(e){const t=e.selectInChartProps,s=e.selectedResult,r=e.stats,i=e.metricsCategory,a=e.onSelectMetricsCategory,n=e.metricGroups,o=e.onCreateMetricGroup,d=e.onUpdateMetricGroup,c=e.userCanEditProject,u=e.pageLoad,p=e.selectedMetrics,h=t.perfSummaries,m=It(!1),g=(0,ie.n)(null==s?void 0:s.pageLoadAnalysisId),f="quickTest"===(null==s?void 0:s.requestedFrom),y=(0,l.hh
1)(),x=(0,Xe.x4)(t.perfSummaries||[]).map(e=>"mark."+e),j=(0,Xe.YK)(t.perfSummaries||[]).map(e=>"measure."+e),b=(0,Xe._d)(t.perfSummaries||[]).map(e=>`otherMetrics.${Xe.Yu}${e}`),S=null!=p&&p.length?p:(0,xs.vi)(i,n,h)||[];return(0,v.jsx)("div",{children:(0,v.jsxs)("div",{children:[g&&!f&&(0,v.jsx)(qs,{}),(0,v.jsx)(js.F,{title:"Select Metrics",showChartViewSelector:!g,extraContentRight:(0,v.jsx)(vs.l,{pageLoadId:u.id,value:`${i}${"custom"===i?`:${S.join(",")}`:""}`,customMetricGroups:n,onSelect:e=>{let t=e,s=[];if(t.startsWith("custom:")){const e=function(e){return Is(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ss(e)||bs()}(t.split(":")),r=e[0];s=e.slice(1).join(":").split(","),t=function(e,t,s){var r;const i=e.slice().sort().join(","),a=null===(r=Object.entries(Vs).find(e=>{let t=function(e,t){return Is(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||Ss(e,t)||bs()}(e,2);return t[0],t[1].slice().sort().join(",")===i}))||void 0===r?void 0:r[0];if(a)return a;const n=null==t?void 0:t.find(e=>e.metricIds.slice().sort().join(",")===i);return n?`group:${n.id}`:i===(0,xs.vi)("marks",null,s).slice().sort().join(",")?"marks":i===(0,xs.vi)("measures",null,s).slice().sort().join(",")?"measures":i===(0,xs.vi)("serverTimings",null,s).slice().sort().join(",")?"serverTimings":void 0}(s,n,h)||r,"custom"!==t&&(s=[])}else if(t===(0,ms.u)().metricsCategory)return;a({metricsCategory:t,metrics:s})},onCreateMetricGroup:o,onUpdateMetricGroup:d,perfSummaries:h,projectId:u.projectId,userCanEditProject:c})}),(0,v.jsx)(st.zX,{metricIds:S,forceShowSingleValue:y,props:e,threeColumns:!0}),!g&&!(0,l.EZ)()&&(0,v.jsx)(ys.k,{selectInChartProps:t,stats:r,metrics:S,title:Es(i,n),nothingToShowReason:"marks"!==i||S.length?"measures"!==i||S.length?"serverTimings"!==i||S.length?void 0:(0,v.jsxs)("div",{className:"p-3",children:["Add a"," ",(0,v.jsx)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Server-Timing",target:"_blank",rel:"noreferrer",children:"Server-Timing"})," ","response header to the main document request to track backend timings specific to your site."]}):(0,v.jsxs)("div",{className:"p-3",children:["You can use"," ",(0,v.jsx)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/Performance/measure",target:"_blank",rel:"noreferrer",children:"performance.measure"})," ","to track custom timings specific to your site."]}):(0,v.jsxs)("div",{className:"p-3",children:["You can use"," ",(0,v.jsx)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark",target:"_blank",rel:"noreferrer",children:"performance.mark"})," ","to track custom timings specific to your site."]})}),(0,v.jsx)(Fs,{title:"Load Time",groupId:"load-time",metricIds:Ts,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"LCP Subparts",groupId:"lcp-subparts",metricIds:Ps,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"Page Weight & Requests",groupId:"page-weight",metricIds:Cs,passThroughProps:e,forceShowSingleValue:y}),m&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(Fs,{title:"CPU",groupId:"cpu",metricIds:As,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"CrUX Field Data",groupId:"crux",metricIds:Rs,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"Lighthouse",groupId:"lh",metricIds:Ls,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"Lighthouse Performance Subscores",groupId:"lh-subscores",metricIds:Ns,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"Third Party",groupId:"third-party",metricIds:Os,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"DOM",groupId:"dom",metricIds:Us,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"Console",groupId:"console",metricIds:Ds,passThroughProps:e,forceShowSingleValue:y}),(0,v.jsx)(Fs,{title:"Other",groupId:"other",metricIds:ks,passThroughProps:e,forceShowSingleValue:y}),null!=x&&x.length?(0,v.jsx)(Fs,{title:"User Timing Marks",groupId:"user-timing-marks",metricIds:x,passThroughProps:e,forceShowSingleValue:y}):null,null!=j&&j.length?(0,v.jsx)(Fs,{title:"User Timing Measures",groupId:"user-timing-measures",metricIds:j,passThroughProps:e,forceShowSingleValue:y}):null,null!=b&&b.length?(0,v.jsx)(Fs,{title:"Server Timings",groupId:"server-timings",metricIds:b,passThroughProps:e,forceShowSingleValue:y}):null]})]})})}const _s=p.memo(Ms);function qs(){return(0,v.jsx)(X.U5,{padded:!1,children:(0,v.jsx)(gs.RO,{badge:"Lab Metrics",title:"Synthetic Website Monitoring",description:"Test your website in the lab and get precise insights into how your site performs.",features:["Scheduled page speed tests with alerting","Get targeted performance recommendations","In-depth reports on how your site is performing"],image:"https://www.debugbear.com/dimg/1174e882d50d0c97
15c5296bdac925b9c.png",Actions:()=>(0,v.jsx)("a",{href:"https://www.debugbear.com/synthetic-website-monitoring",target:"_blank",className:"btn btn-primary btn-lg cta__cta",rel:"noreferrer",children:"Learn More"})})})}const Vs={...fs.F,...xs.sk};function Es(e,t){var s,r;let i=null!==(s=null===(r=[...(0,xs.Zb)(e,"custom"===e,t),...(0,vs.N)("custom"===e,t,!0)].find(t=>t.value===e))||void 0===r?void 0:r.title)&&void 0!==s?s:"";return"Default"===i&&(i="Combined"),i.startsWith("UT")&&(i=i.replace(/^UT/,"User Timing")),i?`${i} Metrics`:"Combined Metric Chart"}var Bs=s(14728),Hs=s(29187),zs={};function Ws(e){let t=e.hasPreviousReport,s=e.hasNextReport,r=e.onNavigate,i=e.className;return(0,v.jsxs)("div",{className:Le()("result-selector-arrows__icon-actions",i),children:[(0,v.jsx)(Re.m,{overlay:"Previous test",placement:"top",children:(0,v.jsx)("div",{children:(0,v.jsx)(Bs.K,{icon:"chevron-left",className:"result-selector-arrows__icon-action",onClick:()=>r(-1),disabled:!t,size:12})})}),(0,v.jsx)(Re.m,{overlay:"Next test",placement:"top",children:(0,v.jsx)("div",{children:(0,v.jsx)(Bs.K,{icon:"chevron-right",className:"result-selector-arrows__icon-action",onClick:()=>r(1),disabled:!s,size:12})})})]})}zs.styleTagTransform=E(),zs.setAttributes=M(),zs.insert=O().bind(null,"head"),zs.domAPI=k(),zs.insertStyleElement=q(),N()(Hs.A,zs),Hs.A&&Hs.A.locals&&Hs.A.locals;var $s=s(2463),Js=s(37882);function Gs(e){return e.replace("Please ensure you keep the browser window in the foreground during the load and try again.","").replace(/ {2,}/g," ").trim()}function Zs(e){let t="";return e.includes("Results may be incomplete.")&&(t="/docs/test-errors#the-page-loaded-too-slowly-to-finish-within-the-time-limit-results-may-be-incomplete"),e.includes("because the page stopped responding")&&(t="/docs/test-errors#lighthouse-was-unable-to-reliably-load-the-url-you-requested-because-the-page-stopped-responding"),t}const Ys=new Set([401,403,429]);function Ks(e){return(t=e.message).includes("(Status code: 403)")||t.includes("(Status code: 429)")?(0,v.jsx)("div",{className:"mt-2 color-coldGrey1 scale-small-1",children:(0,v.jsx)(de.UP,{text:"If your server is blocking DebugBear as a bot, consider setting up a [fixed IP address](/docs/static-ip-addresses) in your DebugBear account settings. You can then allowlist this IP address in your server or CDN settings.\n\nLearn more about [how to fix 403 test errors](/docs/website-403-errors)."})}):null;var t}function Xs(e){let t=e.selectedResult;if(!t||t.didAnalysisFail())return null;const s=t.getFirstDocumentRequest(),r=null==s?void 0:s.status;return null!=r&&Ys.has(r)?(0,v.jsx)(Ge.k,{type:"warning",children:(0,v.jsxs)("div",{children:["The page returned an HTTP ",r," response. DebugBear may have been blocked by your server or CDN.",(0,v.jsx)(Ks,{message:`(Status code: ${401===r?403:r})`})]})}):null}function Qs(e){let t=e.warnings,s=e.errorMessage;const r=s?Gs(s):s;return(0,v.jsx)(v.Fragment,{children:t.map((e,t)=>{const s=Gs(e.message),i=Zs(s);return s===r||s.replace("Lighthouse","DebugBear")===r||s.includes("was redirected to ")||s.includes("There may be stored data affecting loading performance in this location: IndexedDB")?null:(0,v.jsx)(Ge.k,{type:"warning",href:i,children:(0,v.jsxs)("div",{style:{wordBreak:"break-all"},children:[(0,v.jsx)(de.X8,{text:s}),(0,v.jsx)(Ks,{message:s})]})},t)})})}function er(e){let t,s=e.selectedResult;if(!s||!s.didAnalysisFail())return null;let r=Gs(s.resultJson.failureDetails.message),i="";r.includes("Protocol timeout")&&(i="Is there a lot of on-page CPU activity that is blocking the DebugBear code?");const a=Zs(r);return t=(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)("div",{children:[r,i&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("br",{}),(0,v.jsx)("div",{className:"color-coldGrey1 scale-small-1",children:(0,v.jsx)(de.UP,{text:i})})]}),(0,v.jsx)(Ks,{message:r}),(e=>{let t,r;return null!==(e=s.resultJson.screenshots2)&&void 0!==e&&e.afterUserFlow?r=s.resultJson.screenshots2.afterUserFlow:t="FLOW_ACTION_FAILED"===s.resultJson.failureDetails.code?s.resultJson.screenshots.find(e=>"afterUserFlow"===e.type):s.resultJson.screenshots.find(e=>"onLoginError"===e.type),t||r?(0,v.jsxs)("span",{children:[" ",(0,v.jsx)("a",{href:r||ae.DS.screenshotUrl(t.original),onClick:e=>{r&&(e.preventDefault(),window.open("","_blank").document.body.innerHTML=`<img src="${r}" />`)},target:"_blank",rel:"noreferrer",children:"View screenshot"}),"."]}):null})()]})}),(0,v.jsx)("div",{"data-test-failure-detail":!0,children:(0,v.jsx)(Ge.k,{t
1ype:"error",href:a,children:t})})}var tr=s(43299),sr=s(98076),rr=s(32304),ir=s(71121),ar=s(43076);function nr(e){if(!e)return[];let t=[];for(let s=0;s<e.length;s++){let r=e[s];r.offset>0&&t.push({title:`Navigation #${s+1}`,relativeValue:0,absoluteValue:r.offset}),r.fcp&&t.push({title:`First Contentful Paint #${s+1}`,relativeValue:r.fcp,absoluteValue:r.fcp+r.offset}),r.lcp&&t.push({title:`Largest Contentful Paint #${s+1}`,relativeValue:r.lcp,absoluteValue:r.lcp+r.offset})}return t=(0,ne.sortBy)(t,e=>e.absoluteValue),t.map((e,s)=>{let r=t[s-1];return{...e,msSincePrevious:r?e.absoluteValue-r.absoluteValue:e.absoluteValue}})}function lr(e){const t=e.selectedPerfSummary,s=e.selectedResult,r=e.selectInChartProps;if(!t||!s)return null;const i=r.perfSummaries;let a=nr(e.selectedPerfSummary.uf);if(0===a.length)return(0,v.jsx)("div",{children:"No data available."});const n=[],l=new Map;a.forEach(e=>{n.push({id:e.title,title:e.title,getValue:t=>{const s=l.get(t)||nr(t.uf);l.set(t,s);const r=s.find(t=>t.title===e.title);return r?r.msSincePrevious:0},dataType:"ms"})});const o={useHTML:!0,formatter:function(){const e=n[this.series.index],t=nr(i[this.x].uf).find(t=>t.title===e.title);return t?`<div style='font-size: 14px;margin-bottom: 4px'>\n <span style="font-weight: bold">${(0,u.ZD)(t.title)}</span>\n </div>\n \n <div style='font-size: 12px;color: #333;'>\n <div style="margin-bottom: 4px">${(0,u.MH)(t.absoluteValue)} after user flow start</div>\n <div style="margin-bottom: 4px">${(0,u.MH)(t.relativeValue)} after page load</div>\n </div>\n \n <div style='font-size: 10px;color: #777;'>\n \n <div>${(0,u.r6)(new Date(this.point.options.endTime))}</div>\n \n </div>`:(0,v.jsx)("div",{children:"not found"})}};return(0,v.jsx)(Ht.o,{...e,...r,numberOfLayoutColumns:1,perfSummaries:i,fields:n,selectedResultId:s.id,options:{chart:{type:"areaspline"},plotOptions:{areaspline:{stacking:"normal"},series:{states:{inactive:{opacity:1}}}},tooltip:o}})}var or=s(54813);function dr(e){let t=e.selectedPerfSummary,s=e.previousPerfSummary,r=e.selectedResult;const i=function(e,t,s,r){var i,a;const n=((null===(i=e.resultJson.userFlowData)||void 0===i?void 0:i.pageInfos)||[]).map(e=>e.href),l=((null===(a=(t||e).resultJson.userFlowData)||void 0===a?void 0:a.pageInfos)||[]).map(e=>e.href);let o=n.shift(),d=l.shift(),c=s.map(e=>{const t=r.find(t=>e.title===t.title);return e.title.includes("Navigation")&&(o=n.shift(),d=l.shift()),{...e,previousEvent:t,url:o,previousUrl:d}});const u=r.filter(e=>!c.find(t=>t.title===e.title)).map(e=>({...e,isRemoved:!0,url:""}));return[...c,...u]}(r,e.previousResult||r,nr(t.uf),nr((s||t).uf)),a=(0,Ne.a)();return(0,v.jsx)(We.mY,{items:i,columns:{event:{heading:{title:"Event"},render:e=>(0,v.jsxs)("div",{children:[e.title," ",(e.title.includes("Navigation")||0===i.indexOf(e))&&(0,v.jsx)("div",{style:{opacity:.7,display:"inline-block",fontSize:13},children:(0,u.ex)((0,u.sN)(e.url||""),70,30)})]})},timing:{heading:{title:"Absolute Timing",alignRight:!0,style:{width:140},infoText:"Time since the start of flow"},render:e=>(0,v.jsx)("div",{children:(0,u.MH)(e.absoluteValue)})},relativeTiming:{heading:{title:"Relative Timing",alignRight:!0,style:{width:140},infoText:"Time relative to the most recent page navigation"},render:e=>(0,v.jsx)("div",{children:(0,u.MH)(e.relativeValue)})},..."diff"===a?{change:{heading:{title:"Change",alignRight:!0,style:{width:120}},render(e){if(e.isRemoved)return(0,v.jsx)("div",{children:"Removed"});if(!e.previousEvent)return(0,v.jsx)("div",{children:"New"});let t="#333",s=e.absoluteValue-e.previousEvent.absoluteValue;return s>10&&(t="red"),s<-10&&(t="green"),(0,v.jsx)("div",{style:{color:t},children:(0,u.MH)(s,{forceSign:!0})})}}}:{}},ItemDetailsRenderer:e=>{let t=e.item;return(0,v.jsx)(or.YK,{children:(0,v.jsxs)(or.hc,{children:[(0,v.jsx)(or.vm,{title:"URL",after:t.url,before:t.previousUrl}),(0,v.jsx)(or.vm,{title:"Time since start of flow",after:(0,u.MH)(t.absoluteValue),before:(0,u.MH)(t.absoluteValue)||"n/a"}),(0,v.jsx)(or.vm,{title:"Time since page load",after:(0,u.MH)(t.relativeValue),before:(0,u.MH)(t.relativeValue)||"n/a"})]})})}})}class cr extends p.PureComponent{render(){var e,t,s;const r=this.props,i=r.selectedPerfSummary,a=r.selectedResult,n=r.previousPerfSummary,l=r.previousResult;if(!i||!a)return null;const o=a.resultJson.screenshots.find(e=>"afterUserFlow"===e.type),d=null!==(e=a.resultJson.screenshots2)&&void 0!==e&&e.afterUserFlow?null===(t=a.resultJson.screenshots2)||void 0===t?void 0:t.afterUserFlow:o?ae.DS.screenshotUrl(o.original):null,c=Object.keys(null!==(s=i.otherMetrics)&&void 0!==s?s:{}).filter(e=>e.includes(" INP"));return(0,v.jsxs)(v.Fragment,{children:[!a.getThrottleFlowSteps()&&(0,v.jsx)(Ge.k,{t
1ype:"warning",children:"Note that the CPU and network were not throttled when running this user flow. You can change this in the page settings."}),(0,v.jsx)(X.U5,{title:"User Flow Timings",boxHeading:!0,children:(0,v.jsx)(lr,{...this.props})}),(0,v.jsx)(X.U5,{padded:!1,children:(0,v.jsx)(dr,{selectedPerfSummary:i,selectedResult:a,previousPerfSummary:n,previousResult:l})})," ",(0,v.jsx)(X.U5,{padded:!1,children:(0,v.jsx)(ur,{selectedResult:a})}),c.length&&(0,v.jsx)(st.zX,{metricIds:c.map(e=>"otherMetrics."+e),props:this.props}),d&&(0,v.jsx)(X.U5,{padded:!1,title:"End Of Flow Screenshot",boxHeading:!0,children:(0,v.jsx)("div",{className:"p-3",children:(0,v.jsx)("img",{className:"image-screenshot-box-shadow",style:{maxWidth:"100%",borderRadius:4},src:d})})})]})}}function ur(e){var t,s;let r=e.selectedResult;const i=(0,ne.flatten)((null===(t=r.resultJson.meta.analysisInfo)||void 0===t||null===(t=t.pageLoad)||void 0===t||null===(t=t.flowSteps)||void 0===t?void 0:t.map(e=>e.actions))||[]),a=(null===(s=r.resultJson.userFlowData)||void 0===s?void 0:s.pageInfos)||[],n=[];return a.forEach(e=>{(e.actionTimings||[]).forEach((t,s)=>{const r=e.actionTimings[s+1],a=(e.interactions||[]).filter(e=>e.startTime>t.startTime&&(!r||r.startTime>e.startTime));if(0===a.length)return;const l=Math.max(...a.map(e=>e.duration));n.push({inp:l,startTime:a[0].startTime,action:i[t.overallActionIndex]})})}),(0,v.jsx)("div",{children:(0,v.jsx)(We.mY,{items:n,columns:{interaction:{heading:{title:"Interaction"},render(e){const t=(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{style:{flexShrink:0},children:ar.B[e.action.type]}),e.action.params.selector?(0,v.jsx)("div",{className:"ml-2 scale-small-1 color-coldGrey1",children:e.action.params.selector}):null]});return(0,v.jsxs)("div",{children:[(0,v.jsx)("div",{className:"d-flex align-items-center",children:e.action.name?(0,v.jsxs)("div",{children:[e.action.name," ",(0,v.jsx)(rr.c,{content:t})]}):t}),(0,v.jsx)(I.w,{children:(0,v.jsx)("div",{children:JSON.stringify(e)})})]})}},startTime:{heading:{title:"Relative Timing",alignRight:!0},render:e=>(0,v.jsx)("div",{children:(0,u.MH)(e.startTime)})},inp:{heading:{title:"INP",alignRight:!0,style:{width:120}},render(e){const t=(0,Xe.vh)("inp",e.inp);return(0,v.jsxs)("div",{className:"d-flex align-items-center justify-content-end",children:[(0,v.jsx)(ir.zA,{rating:t}),(0,u.MH)(e.inp)]})}}}})})}var pr,hr=s(28567),mr=s(31127),gr=s(66212);function fr(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,r=Array(t);s<t;s++)r[s]=e[s];return r}const vr=(0,s(55382).Q)(()=>s.e(3942).then(s.bind(s,17011)),"PageAdminTools");function yr(e){if(!e)return e;if(e.length<50)return e.replace(/https?:\/\//,"");const t=new URL(e),s=t.hostname,r=t.pathname.split("/"),i=(0,ne.last)(r);return s.length>50?s.slice(0,50)+"...":i&&s.length<25&&i.length<25?`${s}/.../${i}`:e.slice(0,50).replace(/https?:\/\//,"")}(0,o.hQ)("In PageLoad.tsx");const xr=(pr=class extends p.Component{constructor(e){var t,s;super(e);let a={};if(this.props.data&&(this.props.data.results?this.props.data.results.map(e=>e.result):[this.props.data.result]).forEach(e=>{const t=(0,ee.XB)(e);t.pageLoadAnalysisId||(t.pageLoadAnalysisId=this.props.selectedAnalysisId),a[t.pageLoadAnalysisId]=t}),this.state={pageLoad:(null===(t=this.props.data)||void 0===t?void 0:t.result)||(null===(s=this.props.data)||void 0===s?void 0:s.pageLoad)||null,project:null,previewedAnalysisId:null,previewOrigin:null,analysisResults:a,showExportDialog:!1,showProjectPageDropdown:!1,showTestSelectorDropdown:!1,isDeletingResult:!1,showOnboardingWizard:!1},this.loadPageLoad(),this.onAnnotationUpdate=this.onAnnotationUpdate.bind(this),this.onPreview=this.onPreview.bind(this),this.onPreview=(0,ne.throttle)(this.onPreview,80),this.onSelect=this.onSelect.bind(this),this.onSelectTest=this.onSelectTest.bind(this),this.onCompareTest=this.onCompareTest.bind(this),this.onSelectOrCompareTest=this.onSelectOrCompareTest.bind(this),this.getUrl=this.getUrl.bind(this),this.updateData=this.updateData.bind(this),this.onChangeRequestType=this.onChangeRequestType.bind(this),this.onChangeRequestSearch=this.onChangeRequestSearch.bind(this),this.onChangeCategory=this.onChangeCategory.bind(this),this.selectTab=this.selectTab.bind(this),this.onSelectMetrics=this.onSelectMetrics.bind(this),this.onSelectMetricsCategory=this.onSelectMetricsCategory.bind(this),this.selectDateRange=this.selectDateRange.bind(this),this.getClearComparisonUrl=this.getClearComparisonUrl.bind(this),this.selectRelativeAnalysis=this.selectRelativeAnalysis.bind(this),this.props.projectId>0){const e=(0,l.aC)();i.FH.getProject(this.props.projectId,{billingCustomer:!0,pageLoads:!0,rumSnippet:!0,savedFilters:!0,timelineAnnotations:!0},e?{onError:()=>!0}:void 0).then(e=>this.setState({project:e})).catch(()=>{})}ve()&&(0,r.s)("View demo",location.href)}getSelectedDateRange(){return this.props.dateRangeName?this.props.dateRangeName:this.state.pageLoad?this.state.pageLoad.defaultDateRangeName:"default"}getDefaultDateRangeName(){const e=this.state.pageLoad;return e?e.defaultDateRangeName:"last-month"}componentDidMount(){(0,o.iR)(),this.onBodyKeyDown=this.onBodyKeyDown.bind(this),document.body.addEventListener("keydown",this.onBodyKeyDown),performance.mark("Mount PageLoad")}componentWillUnmount(){const e=this.state.checkPageLoadTimeout;document.body.removeEventListener("keydown",this.onBodyKeyDown),e&&clearTimeout(e)}onBodyKeyDown(e){("BODY"===e.target.tagName||e.target.classList.contains("page-load-nav__item"))&&(37===e.ke
1yCode&&this.selectRelativeAnalysis(-1),39===e.keyCode&&this.selectRelativeAnalysis(1))}selectRelativeAnalysis(e){const t=this.getSelectedResultId();if(this.state.pageLoad){const s=this.state.pageLoad.perfSummaries;let r=s.findIndex(e=>e.resultId===t);r+=e,s[r]&&this.onSelect(s[r].analysisId,"relative")}}getSelectedAnalysisId(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;e||(e=this.state.pageLoad);let t=this.props.selectedAnalysisId;return!t&&e&&e.perfSummaries.length>0&&(t=e.perfSummaries[e.perfSummaries.length-1].analysisId),t}getSelectedResultId(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(this.props.data)return this.props.data.perfSummaries?this.props.data.perfSummaries.at(-1).resultId:-1;e||(e=this.state.pageLoad);const t=this.props.selectedAnalysisId;if(!e)return null;let s=null;if(t){const r=e.perfSummaries.find(e=>e.analysisId===t);if(!r)return null;s=r.resultId}return!s&&e.perfSummaries.length>0&&(s=e.perfSummaries[e.perfSummaries.length-1].resultId),s}dateRangeContainsSelectedResult(e){if(!this.props.selectedAnalysisId)return!0;const t=this.state.analysisResults[this.getSelectedAnalysisId()||0];if(!e||!t||this.props.analysisIds)return!0;const s=(0,c.Rc)(e),r=s.to,i=s.from;return(0,u.TI)(i,r,new Date(t.endTime))}selectDateRange(e){let t,s;"custom"===this.getSelectedDateRange()&&"custom"!==e&&(t=null),this.dateRangeContainsSelectedResult(e)||(s=null),this.props.navigate(this.getUrl({dateRangeName:e,analyses:t,analysis:s}))}getGetPageLoadOptions(){const e=(0,d.v)(),t={};e.analyses&&(t.analyses=e.analyses.split(",").map(e=>parseFloat(e)));const s=this.getSelectedDateRange();if("default"===s);else{const e=(0,c.Rc)(s),r=e.from,i=e.to;t.from=r,t.to=i}return this.props.analysis&&(t.selectedAnalysisId=parseFloat(e.analysis)),e.branch&&(t.commitBranch=e.branch),t}setPageLoadData(e){if(e.projectId!==this.props.projectId)return location.href=location.href.replace(/\/project\/(\d+|\w+)/,"/project/"+e.projectId),null;if(window.__shownAnalysesForTest=e.perfSummaries.map(e=>e.analysisId),e.originalPerfSummariesLength=e.perfSummaries.length,1===e.perfSummaries.length){const t=JSON.parse(JSON.stringify(e.perfSummaries[0]));e.perfSummaries=[t,...e.perfSummaries]}this.setState({pageLoad:e})}shouldShowSpinnerAndPoll(e){let t=e.pageLoad;if(!t)return!1;if(this.hasSelectedSameTestMoreThanOnce())return!1;const s=t.originalPerfSummariesLength;return this.props.analysisIds?s<this.props.analysisIds.length:!!(Tr(t)&&0===s&&t.inProgressAnalyses.length>0)}async loadPageLoad(){if(this.props.data)return;const e=this.getGetPageLoadOptions();this.lastPrimaryGetPageLoadOptions=e;const t=await i.FH.getPageLoadAnalysisData(this.props.pageLoadId,e);if(performance.mark("Loaded PageLoad"),this.setPageLoadData(t),this.shouldShowSpinnerAndPoll({pageLoad:t})){let e=1e4;(window.Cypress||window.isDebugBearEndToEndTest)&&(e=1e3);const t=setTimeout(()=>{this.loadPageLoad()},e);this.setState({checkPageLoadTimeout:t})}}hasSelectedSameTestMoreThanOnce(){const e=this.props.analysisIds;return!!e&&(0,ne.uniq)(e).length<e.length}getPreviousResultId(){return this.getPreviousResultIdFromResultId(this.getSelectedResultId())}getPreviousResultIdFromResultId(e){var t,s;if(null!==(t=this.props.data)&&void 0!==t&&null!==(t=t.pageLoad)&&void 0!==t&&t.perfSummaries)return null===(s=this.props.data)||void 0===s||null===(s=s.pageLoad)||void 0===s?void 0:s.perfSummaries[0].resultId;if(!e)return null;const r=this.state.pageLoad;if(!r)return;const i=r.perfSummaries;if(i.length<2)return;const a=(0,ne.findLastIndex)(i,t=>t.resultId===e);return 0===a||-1===a?null:i[a-1].resultId}getPreviousAnalysisId(){return this.getPreviousAnalysisIdFromAnalysisId(this.getSelectedAnalysisId())}getPreviousAnalysisIdFromAnalysisId(e){var t,s;if(null!==(t=this.props.data)&&void 0!==t&&null!==(t=t.pageLoad)&&void 0!==t&&t.perfSummaries)return null===(s=this.props.data)||void 0===s||null===(s=s.pageLoad)||void 0===s?void 0:s.perfSummaries[0].analysisId;if(!e)return null;const r=this.state.pageLoad;if(!r)return null;const i=r.perfSummaries;if(i.length<2)return null;const a=(0,ne.findLastIndex)(i,t=>t.analysisId===e);return 0===a||-1===a?null:i[a-1].analysisId}fetchResultIfNeeded(e){(0,ie.n)(e)||e&&!this.state.analysisResults[e]&&i.FH.getPageLoadAnalysisResultFromAnalysisId(e).then(t=>{const s={...this.state.analysisResults};s[e]=(0,ee.XB)(t),this.setState({analysisResults:s})})}updateData(){const e=this.getUrl({analysis:null});try{const t=new URL(e,location.href),s=t.pathname,r=t.search;
1s===location.pathname&&r===location.search||this.props.navigate(this.getUrl({analysis:null}))}catch(e){this.props.navigate(this.getUrl({analysis:null}))}return this.setState({pageLoad:null}),this.loadPageLoad()}componentDidUpdate(e,t){if(e.dateRangeName===this.props.dateRangeName&&e.branchName===this.props.branchName&&JSON.stringify(e.analysisIds)===JSON.stringify(this.props.analysisIds)){if(this.state.pageLoad&&!t.pageLoad&&setTimeout(()=>{(0,we.zx)()},300),this.getSelectedAnalysisId()&&!(0,ie.n)(this.getSelectedAnalysisId())&&(!t.pageLoad||e.analysis!==this.props.analysis)){var s,r;const e=this.getSelectedAnalysisId(),t=null===(s=this.state.pageLoad)||void 0===s?void 0:s.analyses.find(t=>t.id===e),i=null===(r=this.state.pageLoad)||void 0===r?void 0:r.perfSummaries.find(t=>t.analysisId==e);t&&i&&this.state.pageLoad&&(0,u._H)({analysis:t,pageLoad:{id:this.state.pageLoad.id,name:this.state.pageLoad.name,device:{formFactor:this.state.pageLoad.device.formFactor},region:this.state.pageLoad.region},perfSummary:{endTime:new Date(i.endTime)}})}this.fetchResultIfNeeded(this.getSelectedAnalysisId()),this.fetchResultIfNeeded(this.getPreviousAnalysisId())}else this.updateData()}getPreviewedPerfSummary(){return this.state.pageLoad?this.getSelectedAnalysisId()===this.state.previewedAnalysisId?null:this.state.previewedAnalysisId?(0,ne.findLast)(this.state.pageLoad.perfSummaries,e=>e.analysisId===this.state.previewedAnalysisId):null:null}getPerfSummaryBeforePreviewedPerfSummary(){const e=this.getPreviewedPerfSummary();if(!e)return null;const t=this.getPreviousResultIdFromResultId(e.resultId);return t?this.getPerfSummaryFromResultId(t):null}onAnnotationUpdate(e){var t;null!==(t=this.state.pageLoad)&&void 0!==t&&t.project&&this.setState({pageLoad:{...this.state.pageLoad,project:(0,me.I)(this.state.pageLoad.project,e)}})}onPreview(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"other";this.state.previewedAnalysisId!==e&&this.setState({previewedAnalysisId:e,previewOrigin:t})}onSelect(e,t,s){var i;(0,r.s)("Select Result",t+(null!==(i=oe.A.getState().userEmail)&&void 0!==i&&i.includes("debugbear")?"dbb":"nondbb")),(0,r.s)("Select Result Metrics",(s||[]).join(","));let a=s?s[0]:(0,d.v)().metric;this.props.navigate(this.getUrl({analysis:e,metric:a,comp:void 0}))}getUrl(e){let t=e.analysis,s=e.analyses,r=e.selectedTabName,i=e.dateRangeName,a=e.branchName,n=e.lighthouseCategory,o=e.tabHash,c=e.metric,u=e.comp,p=e.group,h=e.showLHMetrics;if(t||null===t||(t=this.props.selectedAnalysisId),this.state.pageLoad){const e=this.state.pageLoad.perfSummaries.slice(-1)[0];e&&e.analysisId===t&&!(0,ie.n)(t)&&(t=null)}i=i||this.props.dateRangeName,i===this.getDefaultDateRangeName()&&(i=void 0);const m=void 0===a?this.props.branchName:a;r=r||this.props.selectedTabName,"analyses"in e||null===e.analyses||(s=this.props.analysisIds);const g=this.props.bucketSizeInHours,f=this.props.stats;return n=n||this.props.lighthouseCategory,ae.DS.pageLoadUrl(this.props.projectId,this.props.pageLoadId,r,{analysis:t,analyses:s,dateRangeName:i,commitBranch:m,bucketSizeInHours:g,stats:f,lighthouseCategory:n,metrics:this.props.metrics,metricsCategory:this.props.metricsCategory,screenshot:(0,d.v)().screenshot?"y":void 0,requestType:this.props.requestType,requestSearch:this.props.requestSearch,comp:u||(0,d.v)().comp,charts:(0,d.v)().charts,to:(0,d.v)().to,metric:void 0===c?(0,d.v)().metric:c,largeChart:(0,d.v)().largeChart,group:p,info:(0,d.v)().info,showLHMetrics:h||((0,d.v)().showLHMetrics?"true":void 0),cruxGranularity:(0,d.v)().cruxGranularity,ratings:(0,d.v)().ratings},{sharedTestTokenValue:(0,l.EZ)()})+(o?"#"+o:"")}getPerfSummaryFromResultId(e){if(this.props.data){if(this.props.data.perfSummaries)return this.props.data.perfSummaries.find(t=>t.resultId===e);if(this.oneOffTestPerfSummary)return this.oneOffTestPerfSummary;const t=JSON.parse(JSON.stringify(this.props.data.result.perfSummaries[0]));return t.analysisId=this.props.selectedAnalysisId,this.oneOffTestPerfSummary=t,t}return this.state.pageLoad&&e?(0,ne.findLast)(this.state.pageLoad.perfSummaries,t=>t.resultId===e):null}getOpenTestedPageAdditionalAction(){return this.getTestUrl()?{title:"Open tested page",href:this.getTestUrl()}:null}
1getTestUrl(){const e=this.state.analysisResults[this.getSelectedAnalysisId()];let t="";if(this.state.pageLoad){t=this.state.pageLoad.url;const s=e&&e.getDocumentRequests();s&&s.length>0&&(t=s[0].url)}return t}getHeaderAndActions(e){var t;let s=e.selectedPerfSummary,a=e.previewedPerfSummary,n=e.selectedResultId,d=e.previousResult;const p=this.state,h=p.pageLoad,g=p.project,f=p.analysisResults,y=this.getSelectedAnalysisId(),x=(0,ie.n)(y),j=f[y],b=null==h||null===(t=h.analyses)||void 0===t?void 0:t.find(e=>e.id===y),S="quickTest"===(null==j?void 0:j.requestedFrom);if(S){var I,T,R,A,L;const e=!!(0,l.EZ)(),t=[];this.getOpenTestedPageAdditionalAction()&&t.push(this.getOpenTestedPageAdditionalAction());const s=String(y).replace(/^quickTest-/,""),r=s.length>0;return!e&&r&&t.push((0,us.fm)({projectId:this.props.projectId,shareKey:s})),{header:(0,v.jsx)(w.V,{stickyBreadcrumbs:!0,additionalActions:t,afterActions:!e&&r?(0,v.jsx)(hs,{shareKey:s,isDeleting:this.state.isDeletingResult,onDelete:()=>{this.setState({isDeletingResult:!0}),i.FH.deleteQuickTest(s).then(()=>{this.setState({isDeletingResult:!1}),this.props.navigate(ae.DS.projectUrl(this.props.projectId,"quickTests"))}).catch(()=>{this.setState({isDeletingResult:!1})})}}):null,breadcrumbs:(0,l.EZ)()?[{title:"DebugBear",href:"/",onClick:()=>{location.href="/"}},{title:"Shared Test Result: "+yr(null!==(I=null==j||null===(T=j.resultJson.meta)||void 0===T?void 0:T.pageUrl)&&void 0!==I?I:""),href:"#"}]:[{title:(0,v.jsx)(P.f,{size:18,style:{margin:"3px"}}),href:ae.DS.projectUrl(this.props.projectId)},{title:"Quick Tests",href:ae.DS.projectUrl(this.props.projectId,"quickTests")},{title:yr(null!==(R=null!==(A=null==j||null===(L=j.resultJson.meta)||void 0===L?void 0:L.pageUrl)&&void 0!==A?A:null==h?void 0:h.name)&&void 0!==R?R:"")}]})}}if(x&&!S){var N;let e=(0,hr.n)(j.requestedFrom);const t=[];return this.getOpenTestedPageAdditionalAction()&&t.push(this.getOpenTestedPageAdditionalAction()),{header:(0,v.jsx)(w.V,{stickyBreadcrumbs:!0,additionalActions:t,breadcrumbs:[{title:"Free Tools",href:"/tools"},e,{title:yr(null==j||null===(N=j.resultJson.meta)||void 0===N?void 0:N.pageUrl)}]})}}if((0,l.EZ)()){var D;const e=[];return this.getOpenTestedPageAdditionalAction()&&e.push(this.getOpenTestedPageAdditionalAction()),{header:(0,v.jsx)(w.V,{stickyBreadcrumbs:!0,additionalActions:e,breadcrumbs:[{title:"DebugBear",href:"/",onClick(){location.href="/"}},{title:"Shared Test Result: "+yr(null==j||null===(D=j.resultJson.meta)||void 0===D?void 0:D.pageUrl),href:"#"}]})}}let k,U=[];if(U.push({title:(0,v.jsx)(P.f,{size:18,style:{margin:"3px"}}),href:ae.DS.projectUrl(this.props.projectId)}),h){var O,F;const e=null!=a&&a.thumbnail?a:null!=s&&s.thumbnail?s:null==j?void 0:j.resultJson.meta,t=(0,o.no)((null==e?void 0:e.formFactor)||h.device.formFactor,null!==(O=null==e?void 0:e.screenWidth)&&void 0!==O?O:h.device.width,null!==(F=null==e?void 0:e.screenHeight)&&void 0!==F?F:h.device.height),r=t.small.width/t.small.height;if(this.state.showProjectPageDropdown)U.push({title:"",href:""});else{U.push({title:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"mr-2",children:(0,v.jsx)(be.D,{selectedResult:j||null,screenshotSizes:t,previewedPerfSummary:a,selectedPerfSummary:s,size:"small",imageProps:{style:{height:"16px",width:16*r,borderRadius:"1px"}},ignoreImageClick:!0})}),(0,re.W)(h,{includeRegion:!0,maxLength:45,neverShowDevice:!0}),(0,v.jsx)(m.Y,{})]}),onClick:()=>{this.setState({showProjectPageDropdown:!this.state.showProjectPageDropdown})}});let e=a||s;if(e){let t=e?(0,u.r6)(e.endTime,{shortMonth:!0}):"";a||!b||!b.commitBranch&&!b.commitHash||["experiments","experiments-baseline"].includes(b.commitBranch||"")||(t+=` [${b.commitBranch?(0,o.xv)(b.commitBranch,40):""}${b.commitHash?`#${b.commitHash.slice(0,8)}`:""}]`),!a&&b&&b.buildTitle&&(0,o.xv)(b.buildTitle,100),U.push({title:(0,v.jsxs)(v.Fragment,{children:[t,(0,v.jsx)(m.Y,{})]}),onClick:()=>{this.setState({showTestSelectorDropdown:!this.state.showTestSelectorDropdown})},attrs:{"data-test-id":"test-selector"}})}}k=(0,v.jsxs)(v.Fragment,{children:[g&&h&&this.state.showProjectPageDropdown&&(0,v.jsx)(ds.A,{projectId:g.id,currentPage:h,closeDropdown:()=>{this.setState({showProjectPageDropdown:!1})},onPageSelected:e=>{this.props.navigate(ae.DS.pageLoadUrl(g.id,e,this.props.selectedTabName,{metrics:this.props.metrics,metricsCategory:this.props.metricsCategory,dateRangeName:this.props.dateRangeName}))}}),g&&h&&this.state.showTestSelectorDropdown&&(0,v.jsx)($s.S,{projectId:g.id,currentPageId:h.id,perfSummaries:h.perfSummaries,analyses:h.analyses,onSelectTest:this.onSelectTest,onCompare:this.onCompareTest,selectedResultCreatedAt:s?new Date(s.endTime):null,selectedAnalysisId:y,selectedDateRange:(0,c.Rc)(this.getSelectedDateRange()),onClose:()=>{this.setState({showTestSelectorDropdown:!1})}})]})}const M=[];null!=h&&h.sampling&&h.sampling>1&&M.push({title:`More than 250 test results are\n selected, only a sample of 1 in ${h.sampling} tests is\n shown. Click to zoom in on the selected result.`,element:(0,v.jsx)(C.M,{}),href:ae.DS.pageLoadUrl(this.props.projectId,this.props.pageLoadId,"overview",{analysis:null==j?void 0:j.pageLoadAnalysisId}),disabled:!j}),this.getOpenTestedPageAdditionalAction()&&M.push(this.getOpenTestedPageAdditionalAction());const _=[];
1if(h&&window.innerWidth>800&&!(0,l.EZ)()){var q;this.props.analysisIds||_.push({title:"Export",disabled:!j,onClick:()=>{(0,r.s)("Export","Open Export Dialog"),this.setState({showExportDialog:!0})}});const e=!(null==g||null===(q=g.billingCustomer)||void 0===q||!q.allowShareLinks);_.push((0,cs.Y)({projectId:h.projectId,url:location.href,analysisIds:this.props.analysisIds,selectedAnalysisId:this.getSelectedAnalysisId(),previousAnalysisId:this.getPreviousAnalysisId(),disabled:!e,tooltip:g&&!e?"Share URLs are not enabled for your account. Contact support if you'd like to change this.":void 0}))}let V=!1,E=!1;if(this.state.pageLoad){const e=this.state.pageLoad.perfSummaries;let t=(0,ne.findLastIndex)(e,e=>e.resultId===n);e.length>=2&&0!==t&&(V=!0),t<e.length-1&&(E=!0)}return{header:(0,v.jsx)(w.V,{breadcrumbs:U,extraBreadcrumbsContent:k,stickyBreadcrumbs:!0,actions:_,additionalActions:M,afterActions:null!=h&&h.canEdit&&!(0,l.EZ)()?(0,v.jsx)(K,{canEdit:h.canEdit,isDeletingResult:this.state.isDeletingResult,selectedResult:j,pageLoadId:this.props.pageLoadId,reloadData:this.updateData,onDelete:()=>{this.setState({isDeletingResult:!0}),i.FH.deletePageLoadAnalysis(j.pageLoadAnalysisId).then(()=>{var e;this.setState({isDeletingResult:!1}),this.props.navigate(this.getUrl({analysis:null,analyses:null===(e=this.props.analysisIds)||void 0===e?void 0:e.filter(e=>e!==j.pageLoadAnalysisId)})),setTimeout(()=>{this.updateData()},100)})}}):null,extraContentHeaderLeft:h&&!x?(0,v.jsx)(Ws,{hasPreviousReport:V,hasNextReport:E,onNavigate:this.selectRelativeAnalysis,className:"desktop-up-only"}):null,extraContentHeaderRight:h?(0,v.jsxs)("div",{className:"d-flex align-items-center mt-2 mt-lg-0",children:[!x&&(0,v.jsx)(Ws,{hasPreviousReport:V,hasNextReport:E,onNavigate:this.selectRelativeAnalysis,className:"tablet-down-only"}),this.shouldShowReturnToPageOption()&&(0,v.jsx)(le.N_,{to:ae.DS.pageLoadUrl(h.projectId,h.id,this.props.selectedTabName),className:"btn btn-primary btn-sm mr-2 pageload__return-to-primary-tests-button header-button","data-testid":"return-to-primary-tests",children:"Return To Page"}),!x&&!(0,l.EZ)()&&(0,v.jsx)(ke,{result:j,previousResult:d,perfSummaries:h.perfSummaries,className:this.props.analysisIds?"mr-2":"mr-3"}),!this.props.analysisIds&&(0,v.jsx)(Cr,{selectedDateRange:this.getSelectedDateRange(),onSelectDateRange:e=>this.selectDateRange(e),dateRangeContainsSelectedValue:this.dateRangeContainsSelectedResult(this.props.dateRangeName||this.getDefaultDateRangeName())})]}):null}),actions:_}}shouldShowReturnToPageOption(){return this.props.analysisIds&&!(0,ie.n)(this.props.selectedAnalysisId)&&!(0,l.EZ)()}onSelectTest(e){this.onSelect(e.analysisId,"resultSelectorDropdown"),this.setState({showTestSelectorDropdown:!1})}onCompareTest(e){const t=this.props.navigate,s=this.state.pageLoad,r=null==s?void 0:s.perfSummaries.find(e=>e.resultId===this.getSelectedResultId());r&&(t(ae.DS.pageLoadUrl(null==s?void 0:s.projectId,null==s?void 0:s.id,"overview",{comp:"diff",analyses:[e,r.analysisId]})),setTimeout(()=>{document.documentElement.scrollTop=0},200))}onSelectOrCompareTest(e,t,s){const r=this.props.navigate,i=this.state.pageLoad,a=s||(null==i?void 0:i.id),n="diff"===(0,d.v)().comp?{analyses:t?[e,this.getSelectedAnalysisId()]:[this.getPreviousAnalysisId(),e]}:{analysis:e};r(ae.DS.pageLoadUrl(null==i?void 0:i.projectId,a,"overview",{comp:(0,d.v)().comp,...n})),setTimeout(()=>{document.documentElement.scrollTop=0},200)}getClearComparisonUrl(e,t){const s=this.props.selectedTabName,r=this.state.pageLoad;if(null!=e&&e.isPrimary)return ae.DS.pageLoadUrl(null==r?void 0:r.projectId,null==r?void 0:r.id,s);const i=null==r?void 0:r.analyses.find(e=>e.isPrimary);return ae.DS.pageLoadUrl(null==r?void 0:r.projectId,null==r?void 0:r.id,s,{analysis:(null==i?void 0:i.id)||t.analysisId})}selectTab(e){this.props.navigate(this.getUrl({selectedTabName:e}))}onChangeCategory(e){this.props.pushUrlParams({lighthouseCategory:e})}onSelectMetrics(e){this.props.pushUrlParams({metrics:e,metricsCategory:"custom"}),e&&localStorage.setItem("pageMetrics",e.join(","))}onSelectMetricsCategory(e){let t=e.metricsCategory,s=e.metrics;this.props.pushUrlParams({metricsCategory:t,metrics:s})}onChangeRequestType(e){this.props.pushUrlParams({requestType:e})}onChangeRequestSearch(e){1===e.length?this.props.pushUrlParams({requestSearch:e}):this.props.replaceUrlParams({requestSearch:e})}render(){var e,t,s;const r=this.state,n=r.pageLoad,h=r.project,m=r.analysisResults,g=this.getSelectedResultId(),f=this.getSelectedAnalysisId()||-1,y=(0,ie.n)(this.props.selectedAnalysisId),x=null==m||null===(e=m[f])||void 0===e?void 0:e.resultJson,j=n&&
10===n.perfSummaries.length&&!x&&Tr(n)&&!this.props.analysisIds,w=n&&0===n.perfSummaries.length&&!Tr(n),T=this.state.analysisResults[this.getSelectedAnalysisId()],C=this.getPreviousAnalysisId()?this.state.analysisResults[this.getPreviousAnalysisId()]:null;n&&(0,o.wE)(n.name);const P=this.getPreviewedPerfSummary()?.75:1;let R=null==n?void 0:n.project.timelineAnnotations.filter(e=>!e.pageFilter||(e.pageFilter.startsWith("http")?n.url===e.pageFilter:(0,se.hk)({search:[e.pageFilter]},n))).filter(e=>{const t=(0,c.Rc)(this.props.dateRangeName||this.getDefaultDateRangeName()),s=t.from,r=t.to;return(0,u.TI)(s,r,new Date(e.date))});const L=JSON.stringify(R);JSON.stringify(window.lastPageLoadAnnotations)===L&&(R=window.lastPageLoadAnnotations),window.lastPageLoadAnnotations=R;const N="experiment"!==this.props.selectedTabName&&"edit"!==this.props.selectedTabName,D={perfSummaries:null!==(t=null==n?void 0:n.perfSummaries)&&void 0!==t?t:[],selectedResultId:g,onPreview:this.onPreview,onSelect:this.onSelect,annotations:R},k=!!h&&h.canEdit,U={stats:this.props.stats,selectInChartProps:D,planQuotas:h&&h.billingCustomer.planQuotas,getUrl:this.getUrl,selectedPerfSummary:this.getPerfSummaryFromResultId(g),previousPerfSummary:this.getPerfSummaryFromResultId(this.getPreviousResultId()),previewedPerfSummary:this.getPreviewedPerfSummary(),perfSummaryBeforePreviewedPerfSummary:this.getPerfSummaryBeforePreviewedPerfSummary(),bucketSizeInHours:this.props.bucketSizeInHours,previousResult:C,selectedResult:T,analyses:null==n?void 0:n.analyses,onChangeRequestType:this.onChangeRequestType,pageLoad:n,requestSearch:this.props.requestSearch,onChangeRequestSearch:this.onChangeRequestSearch,requestType:this.props.requestType,projectId:this.props.projectId,project:this.state.project,onChangeCategory:this.onChangeCategory,category:this.props.lighthouseCategory,data:this.props.data,isOneOffTest:(0,ie.n)(null==T?void 0:T.pageLoadAnalysisId),pageLoads:null==n?void 0:n.pageLoads},O=this.selectTab,F=this.getPerfSummaryFromResultId(g),M=this.getSelectedDateRange(),_=(0,c.Rc)(M&&"default"!==M?M:"last-month",{from:mr.A,to:gr.A});let q;if(this.hasSelectedSameTestMoreThanOnce())q=(0,v.jsx)(X.U5,{children:"You've selected the same test more than once."});else if((!this.shouldShowSpinnerAndPoll({pageLoad:this.state.pageLoad})||"edit"===this.props.selectedTabName)&&n){var V,E,B,H,z,W,$,J,G,Y,K,ee,re,ne;const e=(e,t)=>{if("metrics"===t){if("pdf"===e){const e=new URL(location.href);return e.searchParams.set("printView","1"),e.href}return(0,te.O$)("/api/pageLoad/"+this.props.pageLoadId+"/export",{...this.getGetPageLoadOptions(),format:e})}return`/api/analysis/${null==F?void 0:F.analysisId}/requests?format=${e}`},t="quickTest"===(null==T?void 0:T.requestedFrom),s={selectedTabName:this.props.selectedTabName,selectTab:O,isOneOffTest:y,isQuickTest:t,pageUrl:null==T||null===(V=T.resultJson.meta)||void 0===V?void 0:V.pageUrl},r=null===(E=this.state.pageLoad)||void 0===E||null===(E=E.analyses)||void 0===E?void 0:E.find(e=>"experiments"===e.commitBranch),i=this.props.branchName||this.props.analysisIds,o=(0,v.jsx)(Js.V,{analysis:null===(B=this.state.pageLoad)||void 0===B||null===(B=B.analyses)||void 0===B?void 0:B.find(e=>e.id===this.getSelectedAnalysisId()),selectedResult:T,previewedPerfSummary:this.getPreviewedPerfSummary(),selectedPerfSummary:F,projectId:n.projectId,isSelectedResult:!0,perfSummaries:n.perfSummaries,onSelectTest:(e,t)=>this.onSelectOrCompareTest(e,!1,t),selectedResultCreatedAt:F?new Date(F.endTime):null,formFactor:null===(H=n.device)||void 0===H?void 0:H.formFactor,pageUrl:n.url,triggerButton:t&&!(0,l.EZ)()?(0,v.jsx)("a",{className:"trigger-test-button","data-test-monitor-this-page":!0,href:ae.DS.projectAddPageLoad(this.props.projectId,{url:null!==(z=null!==(W=null==T||null===($=T.resultJson.meta)||void 0===$?void 0:$.pageUrl)&&void 0!==W?W:null==n?void 0:n.url)&&void 0!==z?z:void 0,deviceId:null==n?void 0:n.quickTestDeviceId,region:null==n?void 0:n.quickTestRegion}),children:(0,v.jsx)("span",{className:"trigger-test-button__content",children:"Monitor This Page"})}):i||"diff"===this.props.comparisonMode?void 0:(0,v.jsx)(Z.M,{pageLoadId:this.props.pageLoadId,reloadData:this.updateData,disabled:!(null!=h&&h.canEdit)})});q=(0,v.jsxs)("div",{children:[N&&(0,v.jsxs)(v.Fragment,{children:[this.state.showExportDialog&&(0,v.jsx)(_e,{getExportUrl:e,onClose:()=>this.setState({showExportDialog:!1})}),(0,d.v)().didUpdate&&(0,v.jsx)(X.U5,{children:(0,v.jsx)(Z.M,{pageLoadId:this.props.pageLoadId,reloadData:this.updateData,title:"Re-test now with new settings"})}),((null===(J=this.state.pageLoad)||void 0===J||null===(J=J.perfSummaries)||void 0===J?void 0:J.length)||0)>0&&(0,v.jsx)(Q.B,{project:h,noteText:`Charts showing data between ${(0,u.Yq)(null===(G=this.state.pageLoad)||void 0===G?void 0:G.perfSummaries[0].endTime,!0)} and ${(0,u.Yq)(null===(Y=this.state.pageLoad)||void 0===Y?void 0:Y.perfSummaries.slice(-1)[0].endTime,!0)}`}),T&&!y&&!(0,l.EZ)()&&(0,v.jsx)(he,{analysisId:T.pageLoadAnalysisId}),(0,v.jsx)(er,{selectedResult:T}),"overview"===this.props.selectedTabName&&(0,v.jsxs)("div",{children:[(0,v.jsxs)("div",{className:"row",children:[r&&(0,v.jsx)(Pr,{experimentAnalysis:r,selectedResult:T,previousResult:C,projectId:null==h?void 0:h.id}),"diff"===this.props.comparisonMode&&this.getPreviousAnalysisId()&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"col-md-7 col
1-lg-8 col-xl-9",children:(0,v.jsx)(Js.V,{analysis:null===(K=this.state.pageLoad)||void 0===K||null===(K=K.analyses)||void 0===K?void 0:K.find(e=>e.id===this.getPreviousAnalysisId()),selectedResult:C,selectedPerfSummary:this.getPerfSummaryFromResultId(this.getPreviousResultId()),isSelectedResult:!1,perfSummaries:n.perfSummaries,projectId:n.projectId,onSelectTest:(e,t)=>this.onSelectOrCompareTest(e,!0,t),selectedResultCreatedAt:F?new Date(F.endTime):null,formFactor:null===(ee=n.device)||void 0===ee?void 0:ee.formFactor,pageUrl:n.url})}),this.getPerfSummaryFromResultId(this.getPreviousResultId())&&(0,v.jsx)("div",{className:"col-md-5 col-lg-4 col-xl-3 flex-grow-1",children:(0,v.jsx)(tr.pV,{perfSummary:this.getPerfSummaryFromResultId(this.getPreviousResultId()),webVitalsUrl:this.getUrl({selectedTabName:"vitals"}),lighthouseUrl:this.getUrl({selectedTabName:"lighthouse",metric:"performance"}),showAiScore:"websiteGrader"===(null==T?void 0:T.requestedFrom),aiScoreUrl:this.getUrl({selectedTabName:"lighthouse",tabHash:"agentic-browsing"})})})]})]}),(0,v.jsxs)("div",{className:"row",children:[(0,v.jsx)("div",{className:"col-md-7 col-lg-8 col-xl-9",children:o}),F&&(0,v.jsx)("div",{className:"col-md-5 col-lg-4 col-xl-3 flex-grow-1",children:(0,v.jsx)(tr.pV,{perfSummary:F,webVitalsUrl:this.getUrl({selectedTabName:"vitals"}),lighthouseUrl:this.getUrl({selectedTabName:"lighthouse",metric:"performance"}),showAiScore:"websiteGrader"===(null==T?void 0:T.requestedFrom),aiScoreUrl:this.getUrl({selectedTabName:"lighthouse",tabHash:"agentic-browsing"})})})]})]}),"overview"!==this.props.selectedTabName&&(0,v.jsx)("div",{className:"d-none d-print-block",children:o}),(null==T||null===(re=T.resultJson)||void 0===re?void 0:re.warnings)&&(0,v.jsx)(Qs,{warnings:T.resultJson.warnings,errorMessage:null===(ne=T.resultJson.failureDetails)||void 0===ne?void 0:ne.message}),(0,v.jsx)(Xs,{selectedResult:T}),(0,v.jsx)(ue,{selectedResult:T,previousResult:C||void 0})]}),(0,v.jsx)(Ir,{name:"overview",...s,children:(0,v.jsx)(Tt,{...U,projectId:n.projectId,requestsTabUrl:ae.DS.pageLoadUrl(this.props.projectId,this.props.pageLoadId,"requests"),navigate:this.props.navigate,userCanEditProject:k})}),(0,v.jsx)(Ir,{name:"requests",...s,children:(0,v.jsx)(Jt,{...U,selectedResultId:g,pageLoadId:this.props.pageLoadId,selectionDependentOpacity:P,bucketSizeInHours:this.props.bucketSizeInHours})}),(0,v.jsx)(Ir,{name:"rum",...s,children:(0,v.jsx)(as,{...U,rumDateRangeObject:_,finalUrl:this.getTestUrl()})}),(0,v.jsx)(Ir,{name:"userflow",...s,children:(0,v.jsx)(cr,{...U})}),(0,v.jsx)(Ir,{name:"lighthouse",selectedTabName:this.props.selectedTabName,selectTab:O,isOneOffTest:y,children:(0,v.jsx)(Se.c,{...U})}),(0,v.jsx)(Ir,{name:"resources",...s,children:(0,v.jsx)(_s,{...U,userCanEditProject:k,metricGroups:n.metricGroups||[],onCreateMetricGroup:e=>{this.setState({pageLoad:{...n,metricGroups:[...n.metricGroups,e]}})},onUpdateMetricGroup:e=>{this.setState({pageLoad:{...n,metricGroups:n.metricGroups.map(t=>t.id!==e.id?t:e)}})},selectedMetrics:this.props.metrics,metricsCategory:this.props.metricsCategory,onSelectMetricsCategory:this.onSelectMetricsCategory})}),(0,v.jsx)(Ir,{name:"vitals",...s,children:(0,v.jsx)(St.lG,{...U})}),(0,v.jsx)(Ir,{name:"experiment",...s,children:(0,v.jsx)(Ue.s,{...U,navigate:this.props.navigate})}),(0,v.jsx)(Ir,{name:"edit",...s,children:(0,v.jsx)(xe.H,{projectId:this.props.projectId,pageLoadId:this.props.pageLoadId,selectedTabName:this.props.selectedTabName,navigate:this.props.navigate,onSubmit:this.updateData})}),(0,v.jsxs)("div",{children:[(0,v.jsx)(Ir,{name:"console",...s,children:(0,v.jsx)(fe.x,{...U})}),(0,v.jsx)(I.w,{children:(0,v.jsx)(p.Suspense,{fallback:(0,v.jsx)("div",{style:{padding:15},children:(0,v.jsx)(a.y,{})}),children:(0,v.jsx)(vr,{pageLoad:n,selectedResult:T,previousResult:C,selectedResultId:g})})})]})]})}const oe=this.context.annotationsVisible&&N&&"diff"!==(0,d.v)().comp&&n&&R&&(0,v.jsx)("div",{style:{marginLeft:15,marginRight:15},children:(0,v.jsx)(me.r,{annotations:R,projectId:n.projectId,pageId:n.id,pageUrl:n.url,selectedResultEndTime:null==T?void 0:T.endTime,previousResultEndTime:null==C?void 0:C.endTime,onChange:this.onAnnotationUpdate})}),de=null===(s=this.state.pageLoad)||void 0===s||null===(s=s.inProgressAnalyses)||void 0===s?void 0:s.find(e=>"experiments"===e.commitBranch);let ce=null;if(os.Uh.includes(this.props.selectedTabName))if(this.shouldShowSpinnerAndPoll({pageLoad:n})&&"edit"!==this.props.selectedTabName){var pe;ce=(0,v.jsxs)("div",{style:{padding:15,paddingTop:0},children:[de&&(0,v.jsxs)(X.U5,{children:["Running experiment: ",de.buildTitle]}),(0,v.jsx)(X.U5,{children:(0,v.jsxs)("div",{className:"d-flex flex-column align-items-center justify-content-center bg-white1 px-3",style:{minHeight:500},children:[(0,v.jsx)("div",{className:"mb-4",children:(0,v.jsx)(a.y,{addVerticalPadding:!1})}),(0,v.jsx)("div",{className:"color-blue1 mb-1",children:this.props.analysisIds&&this.props.analysisIds.length>1?`${null===(pe=this.state.pageLoad)||void 0===pe?void 0:pe.inProgressAnalyses.length}/${this.props.analysisIds.length} Tests In Progress`:"Test In Progressâ¦"}),(0,v.jsx)("div",{className:"color-grey2 scale-small-1 mb-4",children:"This might take up to 5 minutes."}),j&&(0,v.jsx)("div",{className:"mb-3",children:(0,v.jsxs)(le.N_,{to:`/project/${this.props.projectId}/pageLoad/new`,className:"btn btn-primary d-inline-flex align-items-center","date-testid":"add-another-page-button",children:[(0,v.jsx)(A.c,{strokeWidth:1.7}),(0,v.jsx)("span",{className:"ml-2",children:"Add Another Page"})]})})]})})]})}else if(n&&0===n.perfSummaries.length&&"edit"!==this.props.selectedTabName){const e=(0,c.vo)({from:new Date(2018,1,1),to:new Date(2050,1,1)}),t=this.getSelectedDateRange()===e;window.trackedNoData||j||(window.trackedNoData=!0,i.FH.easyTrack({type:"noData",href:location.href,pageCreatedAt:n.createdAt,isShowingAllData:t})),ce=this.props.analysisIds?(0,v.jsx)("div",{className:"pl-3 pr-3",children:(0,v.jsx)(X.U5,{children:"Selected tests are still in progress. Wait a while and refresh."})}):(0,v.jsx)("div",{className:"pl-3 pr-3",children:(0,v.jsxs)(X.U5,{title:t?"No data available for this page.":"No data available in selected range",boxHeading:!0,children:[!t&&(0,v.jsx)(le.N_,{to:this.getUrl({dateRangeName:e}),className:"btn btn-sm btn-primary",children:"Show All Data"}),(0,v.jsx)("div",{className:t?"":"mt-3",children:(0,v.jsx)(Z.M,{pageLoadId:n.id,reloadData:this.updateData,disabled:!(null!=h&&h.canEdit)})})]})})}else ce=n&&!g&&"edit"!==this.props.selectedTabName?(0,v.jsx)("div",{className:"p-3",children:"Selected test not found."}):(0,v.jsx)(p.Fragment,{children:(0,v.jsxs)("div",{className:"page-load__main-content-container app-column-layout",children:[!n&&(0,v.jsx)("div",{"data-test-id":"load-pageload-spinner",children:(0,v.jsx)(a.y,{})}),w&&"edit"!==this.props.selectedTabName&&(0,v.jsx)("div",{children:(0,v.jsx)("div",{style:{textAlign:"center"},children:"No data found."})}),q]})});else ce=(0,v.jsx)("div",{className:"pl-3 pr-3",children:(0,v.jsxs)(X.U5,{children:["Unknown tab: ",this.props.selectedTabName]})});let ge=null;this.state.showOnboardingWizard&&this.state.project&&n&&"edit"!==this.props.selectedTabName&&(ge=(0,v.jsx)(b.P,{project:this.state.project,onClose:()=>this.setState({showOnboardingWizard:!1}),onActionClick:()=>this.setState({showOnboardingWizard:!1})}));const ve=this.getHeaderAndActions({selectedPerfSummary:F,previewedPerfSummary:this.getPreviewedPerfSummary(),selectedResultId:g,previousResult:C}),ye=ve.header,je=ve.actions;return(0,v.jsx)(sr.$,{children:(0,v.jsx)(X.K7,{contentStyle:{padding:0},contentInBoxes:!0,header:ye,actions:je,noMainPanePadding:!0,stickyBreadcrumbs:!0,sidePane:(0,v.jsx)(qe.X,{...this.props,updateData:this.updateData,selectedResult:T,project:this.state.project,pageLoad:this.state.pageLoad,getUrl:this.getUrl,shouldShowReturnToPageOption:this.shouldShowReturnToPageOption()}),mainPane:(0,v.jsxs)(p.Fragment,{children:[oe,ce,ge]}),sidebarBottomContent:this.state.project&&(0,v.jsx)(S.T,{project:this.state.project,onClick:()=>this.setState({showOnboardingWizard:!this.state.showOnboardingWizard})})})})}},jr=pr,br="contextType",Sr=n.P1,(br=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var s=t.call(e,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(br))in jr?Object.defineProperty(jr,br,{value:Sr,enumerable:!0,configurable:!0,writable:!0}):jr[br]=Sr,pr);var jr,br,Sr;const wr=e=>{const t=(0,oe.A)(e=>e.sidebarIsCollapsed),s=(0,Ne.a)();return(0,v.jsx)(xr,{...e,sidebarIsCollapsed:t,comparisonMode:s})};class Ir extends p.Component{componentDidUpdate(e){e.selectedTabName!==this.props.selectedTabName&&window.scrollTo(0,0)}
1render(){if(this.props.selectedTabName!==this.props.name)return null;const e=os.BC.findIndex(e=>e.name===this.props.selectedTabName)+1,t=os.BC[e];let s=null;t&&!this.props.isOneOffTest&&(s=(0,v.jsxs)("div",{className:"mobile-only mt-2 d-print-none",id:"pageload-next-tab-note",style:{color:"white",background:"#083a58",padding:10},onClick:()=>this.props.selectTab(t.name),children:["â Next: ",t.title]}));let r=null;return this.props.isOneOffTest&&!this.props.isQuickTest&&this.props.pageUrl&&(r=(0,v.jsx)(ge,{pageUrl:this.props.pageUrl})),(0,v.jsx)(T.Y,{children:(0,v.jsxs)("div",{className:"pageload-tab",children:[this.props.children,(0,v.jsx)(ye,{}),s,r]})})}}function Tr(e){return!!e&&(new Date).valueOf()-new Date(e.createdAt).valueOf()<18e5}function Cr(e){let t=e.selectedDateRange,s=e.onSelectDateRange,r=e.dateRangeContainsSelectedValue;return(0,v.jsx)("div",{className:"d-inline-block",children:(0,v.jsx)(x,{selectedDateRange:t,onSelectDateRange:s,dateRangeContainsSelectedValue:r})})}function Pr(e){var t;let s=e.experimentAnalysis,r=e.selectedResult,i=e.previousResult,a=e.projectId;const n=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var r,i,a,n,l=[],o=!0,d=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(r=a.call(s)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){d=!0,i=e}finally{try{if(!o&&null!=s.return&&(n=s.return(),Object(n)!==n))return}finally{if(d)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return fr(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?fr(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(p.useState(!1),2),l=n[0],o=n[1],c=r&&(null===(t=r.resultJson.meta)||void 0===t||null===(t=t.analysisInfo)||void 0===t?void 0:t.blockRequestsPatterns);return(0,v.jsx)("div",{className:"col-md-12",children:(0,v.jsxs)(X.U5,{children:[(0,v.jsxs)("div",{className:"d-flex align-items-center",style:{cursor:"pointer",lineHeight:"1em"},onClick:()=>o(!l),children:[(0,v.jsxs)("h2",{className:"mb-0","data-testid":"experiment-title",children:["Page Speed Experiment: ",s.buildTitle]}),(0,v.jsx)("div",{className:"ml-auto",children:(0,v.jsx)(R.I,{fill:"gray"})})]}),l&&r&&i&&(0,v.jsxs)("div",{className:"mt-3 pt-3",children:[(0,v.jsx)("h3",{className:"mb-1 color-coldGrey1 scale-small-1 font-weight-normal",children:"Blocked Requests"}),c&&c.length>0?c.join(","):"None",(0,v.jsx)("h3",{className:"mt-2 mb-1 color-coldGrey1 scale-small-1 font-weight-normal",children:"HTML Changes"}),(0,v.jsx)(je.N,{current:r,previous:i,title:"HTML Diff",showHeader:!0,defaultPrettifyValue:!0}),(0,v.jsx)("div",{className:"mt-3 text-right",children:(0,v.jsx)(le.N_,{to:ae.DS.pageLoadUrl(a,s.pageLoadId,"experiment",{...(0,d.v)(),htmlMode:"manual"}),className:"btn btn-primary btn-sm","data-testid":"rerun-experiment-button",children:"Run Experiment Again"})})]})]})})}},7479(e,t,s){s.d(t,{t:()=>i});var r=s(74848);function i(e){let t=e.size,s=void 0===t?16:t;return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 14",height:s,width:s,children:(0,r.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.55692 0.689231 5.09384 1.88462l-1.59385 0.90461 -1.27077 -0.19385c-0.21159 -0.02872 -0.42695 0.00612 -0.61871 0.10008 -0.19175 0.09396 -0.35125 0.2428 -0.45821 0.42762l-0.430769 0.75384c-0.110383 0.18776 -0.16124 0.40458 -0.145859 0.62184 0.015381 0.21726 0.096278 0.42475 0.232013 0.59509l0.807695 1.00153v1.80924L0.829223 8.90615c-0.135735 0.17034 -0.216631 0.37783 -0.232012 0.59509 -0.015382
10.21726 0.035475 0.43408 0.145858 0.62186l0.430771 0.7538c0.10696 0.1848 0.26646 0.3337 0.45821 0.4276 0.19175 0.094 0.40711 0.1288 0.61871 0.1001l1.27077 -0.1938 1.57231 0.9046 0.46308 1.1954c0.07809 0.2024 0.21549 0.3765 0.3942 0.4994 0.17871 0.123 0.3904 0.1892 0.60733 0.1898h0.90462c0.21694 -0.0006 0.42862 -0.0668 0.60733 -0.1898 0.17871 -0.1229 0.31611 -0.297 0.39421 -0.4994l0.46307 -1.1954L10.5 11.2108l1.2708 0.1938c0.2116 0.0287 0.4269 -0.0061 0.6187 -0.1001 0.1917 -0.0939 0.3512 -0.2428 0.4582 -0.4276l0.4308 -0.7538c0.1103 -0.18778 0.1612 -0.4046 0.1458 -0.62186 -0.0154 -0.21726 -0.0963 -0.42475 -0.232 -0.59509l-0.8077 -1.00153V6.09538l0.7862 -1.00153c0.1357 -0.17034 0.2166 -0.37783 0.232 -0.59509 0.0154 -0.21726 -0.0355 -0.43408 -0.1459 -0.62184l-0.4308 -0.75384c-0.1069 -0.18482 -0.2664 -0.33366 -0.4582 -0.42762 -0.1917 -0.09396 -0.4071 -0.1288 -0.6187 -0.10008l-1.2707 0.19385 -1.57235 -0.90461L8.44307 0.689231c-0.0781 -0.202393 -0.2155 -0.376481 -0.39421 -0.499464C7.87015 0.0667842 7.65847 0.00064083 7.44153 0h-0.88308c-0.21693 0.00064083 -0.42862 0.0667842 -0.60733 0.189767 -0.17871 0.122983 -0.31611 0.297071 -0.3942 0.499464ZM7 9.25c1.24264 0 2.25 -1.00736 2.25 -2.25S8.24264 4.75 7 4.75 4.75 5.75736 4.75 7 5.75736 9.25 7 9.25Z",clipRule:"evenodd"})})}},86540(e,t,s){s.d(t,{k:()=>a});var r=s(74848);const i=["fill","size"];function a(e){let t=e.fill,s=void 0===t?"currentColor":t,a=e.size,n=void 0===a?16:a,l=function(e,t){if(null==e)return{};var s,r,i=function(e,t){if(null==e)return{};var s={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;s[r]=e[r]}return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)s=a[r],-1===t.indexOf(s)&&{}.propertyIsEnumerable.call(e,s)&&(i[s]=e[s])}return i}(e,i);return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:n,fill:"currentColor",viewBox:"0 0 16 16",style:{fill:s},...l,children:(0,r.jsx)("path",{d:"M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z",style:{transform:"scale(1.75)",transformOrigin:"center"}})})}},93508(e,t,s){s.d(t,{e:()=>a});var r=s(74848);const i=["fill","size"];function a(e){let t=e.fill,s=void 0===t?"currentColor":t,a=e.size,n=void 0===a?16:a,l=function(e,t){if(null==e)return{};var s,r,i=function(e,t){if(null==e)return{};var s={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;s[r]=e[r]}return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)s=a[r],-1===t.indexOf(s)&&{}.propertyIsEnumerable.call(e,s)&&(i[s]=e[s])}return i}(e,i);return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:n,fill:"currentColor",viewBox:"0 0 16 16",style:{fill:s},...l,children:(0,r.jsx)("path",{d:"m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z",style:{transform:"scale(1.75)",transformOrigin:"center"}})})}},61459(e,t,s){s.d(t,{D:()=>a});var r=s(74848);const i=["fill","size"];function a(e){let t=e.fill,s=void 0===t?"currentColor":t,a=e.size,n=void 0===a?16:a,l=function(e,t){if(null==e)return{};var s,r,i=function(e,t){if(null==e)return{};var s={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;s[r]=e[r]}return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)s=a[r],-1===t.indexOf(s)&&{}.propertyIsEnumerable.call(e,s)&&(i[s]=e[s])}return i}(e,i);return(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:n,fill:"currentColor",viewBox:"0 0 16 16",style:{fill:s},...l,children:[(0,r.jsx)("path",{d:"M4.1201 4.11332C4.83495 3.39961 5.73315 2.89737 6.71551 2.66207C7.69787 2.42678 8.72615 2.46759 9.68677 2.77999C9.79212 2.81784 9.90402 2.83407 10.0158 2.82772C10.1275 2.82137 10.2369 2.79256 10.3373 2.74302C10.4377 2.69349 10.527 2.62423 10.6001 2.53939C10.6731 2.45455 10.7283 2.35586 10.7623 2.24922C10.7964 2.14258 10.8086 2.03018 10.7983 1.91871C10.7879 1.80724 10.7552 1.69901 10.7021 1.60046C10.649 1.5019 10.5766 1.41506 10.4892 1.34511C10.4018 1.27516 10.3012 1.22354 10.1934 1.19332C8.90098 0.783849 7.51889 0.749385 6.20763 1.09393C4.89638 1.43848 3.70975 2.1479 2.78553 3.13983C1.86131 4.13176 1.23742 5.36551 0.986283 6.69781C0.735152 8.03012 0.867086 9.40633 1.36677 10.6667C1.38041 10.7026 1.38122 10.7421 1.36907 10.7785C1.35693 10.815 1.33256 10.8461 1.3001 10.8667L0.366768 11.4867C0.2597 11.5582 0.17565 11.6593 0.124778 11.7776C0.0739052 11.8959 0.0583879 12.0264 0.0801013 12.1533C0.105051 12.2827 0.167756 12.4017 0.260303 12.4954C0.35285 12.5892 0.471091 12.6534 0.600101 12.68L3.5401 13.3333H3.67343C3.80412 13.3323 3.93163 13.2929 4.0401 13.22C4.18739 13.1234 4.29046 12.9724 4.32677 12.8L4.93343 9.85999C4.95583 9.73371 4.94133 9.60365 4.89167 9.4854C4.84201 9.36715 4.75929 9.26574 4.65343 9.19332C4.54388 9.12023 4.41513 9.08122 4.28343 9.08122C4.15174 9.08122 4.02299 9.12023 3.91343 9.19332L3.0201 9.77999C2.97311 9.79925 2.92043 9.79925 2.87343 9.77999C2.84921 9.77061 2.82721 9.75628 2.80885 9.73791C2.79048 9.71955 2.77615 9.69755 2.76677 9.67332C2.46273 8.71138 2.42812 7.6845 2.66672 6.70427C2.90531 5.72403 3.40798 4.82793 4.1201 4.11332Z"}),(0,r.jsx)("path",{d:"M15.9201 3.8867C15.8973 3.7579 15.8371 3.63866 15.747 3.54383C15.6569 3.44899 15.5409 3.38276 15.4134 3.35337L12.4868 2.6667C12.4014 2.64695 12.313 2.64421 12.2266 2.65866C12.1402 2.6731 12.0574 2.70443 11.9831 2.75087C11.9088 2.79731 11.8444 2.85794 11.7936 2.92929C11.7427 3.00064 11.7064 3.08132 11.6868 3.1667L11.0201 6.0867C10.9963 6.21169 11.0088 6.34087 11.056 6.459C11.1033 6.57713 11.1833 6.67928 11.2868 6.75337C11.3993 6.83485 11.5345 6.87914 11.6734 6.88004C11.7993 6.88076 11.9224 6.84359 12.0268 6.77337L12.9868 6.17337C13.0338 6.15411 13.0864 6.15411 13.1334 6.17337C13.1577 6.18275 13.1797 6.19708 13.198 6.21545C13.2164 6.23382 13.2307 6.25581 13.2401 6.28004C13.5567 7.23995 13.6026 8.26853 13.3728 9.25284C13.143 10.2371 12.6464 11.1391 11.9376 11.8596C11.2288 12.5802 10.3351 13.0915 9.35468 13.3373C8.37427 13.5832 7.34508 13.5542 6.3801 13.2534C6.27506 13.2205 6.16454 13.2087 6.05491 13.2187C5.94529 13.2287 5.83874 13.2604 5.74142 13.3119C5.64411 13.3633 5.55794 13.4335 5.48792 13.5185C5.41789 13.6034 5.36539 13.7014 5.33344 13.8067C5.30048 13.9109 5.28849 14.0205 5.29818 14.1294C5.30786 14.2382 5.33902 14.344 5.38985 14.4407C5.44069 14.5374 5.51019 14.6231 5.59434 14.6928C5.67849 14.7625 5.77561 14.8148 5.8801 14.8467C6.56852 15.0612 7.28571 15.1692 8.00677 15.1667C9.17907 15.168 10.3338 14.8817 11.3697 14.3329C12.4056 13.7841 13.2911 12.9896 13.9485 12.0189C14.6059 11.0483 15.0151 9.93121 15.1404 8.76561C15.2656 7.60002 15.103 6.4215 14.6668 5.33337C14.6539 5.29636 14.6534 5.25615 14.6654 5.21885C14.6775 5.18155 14.7013 5.1492 14.7334 5.1267L15.6334 4.5667C15.7429 4.49418 15.8284 4.39095 15.8794 4.26998C15.9304 4.14901 15.9446 4.01568 15.9201 3.8867Z"})]})}},76474(e,t,s){var r=s(31601),i=s.n(r),a=s(76314),n=s.n(a)()(i());
1n.push([e.id,"*{transition:opacity .4s}.page-load__main-content-container{padding:15px;padding-top:0}@media screen and (max-width: 800px){.page-load__main-content-container{padding:7px}}.highcharts-plot-band{cursor:pointer}.highcharts-plot-background{cursor:pointer}.big-number{background:#36487d;color:#fff;margin-right:10px;border-radius:4px;padding:5px;text-align:center}@media screen and (min-width: 801px){.big-number{min-width:150px}}.deemphasized-metric .big-number{background:#eee;color:#333}.big-number__value{font-size:20px;line-height:1.2em;font-weight:bold}.big-number__unit{font-size:12px}.big-number__title{font-size:12px;letter-spacing:1px}.archive-tab__screenshot-container{margin-top:20px;margin-bottom:20px}.archive-tab__screenshot-container .pageload__screenshot{box-shadow:0px 0px 5px #ccc}@media screen and (min-width: 801px){.archive-tab__screenshot-container{max-width:100%}}.pageload__screenshot{height:400px;width:640px;border-radius:4px;margin-right:10px}@media screen and (max-width: 800px){.pageload__screenshot{width:100%;height:auto;margin-bottom:10px}}.load-archive-button__step-title{color:#777;font-size:12px}.console-output .d2h-file-header{display:none}.max-content-height__button-container{background:rgba(255,255,255,.75);position:absolute;bottom:0px;width:100%;text-align:center;padding-top:50px;padding-bottom:40px}.pageload-signup-cta{padding-top:120px;padding-bottom:120px;text-align:center}@media screen and (max-width: 800px){.pageload-signup-cta{padding-top:20px;padding-bottom:30px}}.highcharts-area{pointer-events:none}.page-load__small-chart-container{overflow:hidden;position:relative}.page-load__small-chart-container [data-highcharts-chart]{margin-right:-1px}.page-load__small-chart-container:not(:hover) .more-info-hover-element-container{display:none !important}.open-tested-page-button{display:inline-block;margin-left:4px}.open-tested-page-button:hover{opacity:1}.pageload__delete-test-result-link{opacity:.7}.pageload__delete-test-result-link:hover{opacity:1}.pageload__return-to-primary-tests-button{padding-top:5px;padding-bottom:4px}",""]);const l=n;s.d(t,["A",0,l])},82292(e,t,s){var r=s(31601),i=s.n(r),a=s(76314),n=s.n(a)()(i());n.push([e.id,"",""]);const l=n;s.d(t,["A",0,l])},35866(e,t,s){var r=s(31601),i=s.n(r),a=s(76314),n=s.n(a)()(i());n.push([e.id,".pageload-settings-dropdown__delete-btn svg{opacity:.5}.pageload-settings-dropdown__delete-btn:hover{background-color:#eff6ff}.dark-mode .pageload-settings-dropdown__delete-btn:hover{background-color:#0a76a7}.pageload-settings-dropdown__delete-btn:hover svg{opacity:1}",""]);const l=n;s.d(t,["A",0,l])},29187(e,t,s){var r=s(31601),i=s.n(r),a=s(76314),n=s.n(a)()(i());n.push([e.id,".space-children-2>*+*{margin-top:.5rem}.result-selector-arrows__icon-actions{display:inline-flex;margin-left:.5rem}.result-selector-arrows__icon-actions>*+*{margin-left:.5rem}.result-selector-arrows__icon-action{background:none;border:none;line-height:1px;border:1px solid #1f5c7a;border-radius:50%;width:2rem;height:2rem;padding:6px}@media screen and (min-width: 1031px){.result-selector-arrows__icon-action{width:auto;height:auto}}.result-selector-arrows__icon-action:focus{outline:none}.result-selector-arrows__icon-action:disabled{opacity:.4}.result-selector-arrows__icon-action:hover:not(:disabled){opacity:1;cursor:pointer;background-color:#07496a}.result-selector-arrows__icon-action.icon-button{color:rgba(255,255,255,.8)}.result-selector-arrows__icon-action.icon-button:hover:not(:disabled){color:#fff}",""]);const l=n;s.d(t,["A",0,l])},42180(e,t,s){var r=s(31601),i=s.n(r),a=s(76314),n=s.n(a)()(i());n.push([e.id,'.space-children-2>*+*{margin-top:.5rem}.playerContainer{flex-grow:1;display:flex;flex-direction:column;position:relative;background:#ecf2f5;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dark-mode .playerContainer{background:#171923}@media(min-width: 768px){.playerContainer{max-height:750px}}.playerContainer .play-button{background:#044262}.frameNavButton{align-items:center;color:#7d8b97;background-color:rgba(0,0,0,0)}.frameNavButton:disabled{opacity:.5}.separator{display:flex}.separator:before{content:"";display:inline-block;width:1px;height:1.5rem;margin-left:.5rem;margin-right:.5rem;background-color:rgba(125,139,151,.2)}',""]);const l=n;s.d(t,["A",0,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.