1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69844],{69844:function(e,r,t){t.d(r,{$0:function(){return c},$s:function(){return F},DR:function(){return y},Od:function(){return w},Vp:function(){return b},YS:function(){return m},ZP:function(){return g},Zb:function(){return u},al:function(){return W},cg:function(){return B},eX:function(){return d},iA:function(){return _},jr:function(){return C},kN:function(){return p},mQ:function(){return S},mr:function(){return o},nv:function(){return j},qX:function(){return N},rj:function(){return x},ub:function(){return k},zx:function(){return f}});var l=t(57437),n=t(2265),s=t(27648),a=t(93448);let i="min-h-[44px] sm:min-h-0";function o(e){let{title:r,blurb:t,action:n,meta:s}=e;return(0,l.jsxs)("header",{className:"mb-8 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",children:[(0,l.jsxs)("div",{className:"min-w-0 max-w-2xl",children:[(0,l.jsx)("h1",{className:"leading-tight",style:{fontFamily:"var(--ab-display)",fontSize:"clamp(25px, 4.5vw, 33px)",color:"var(--text)",fontWeight:500},children:r}),t&&(0,l.jsx)("p",{className:"mt-2 text-[17px] leading-relaxed",style:{color:"var(--text-muted)"},children:t}),s&&(0,l.jsx)("div",{className:"mt-3",children:s})]}),n&&(0,l.jsx)("div",{className:"flex flex-shrink-0 flex-wrap items-center gap-2",children:n})]})}function c(e){let{label:r,title:t,blurb:n,action:s,children:i,className:o}=e;return(0,l.jsxs)("section",{className:(0,a.cn)("mb-10",o),children:[(r||t||s)&&(0,l.jsxs)("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between",children:[(0,l.jsxs)("div",{className:"min-w-0",children:[r&&(0,l.jsx)(d,{children:r}),t&&(0,l.jsx)("h2",{className:"mt-1.5 text-[20px] leading-snug",style:{fontFamily:"var(--ab-display)",color:"var(--text)",fontWeight:500},children:t}),n&&(0,l.jsx)("p",{className:"mt-1.5 text-[15px] leading-relaxed",style:{color:"var(--text-muted)"},children:n})]}),s&&(0,l.jsx)("div",{className:"flex-shrink-0",children:s})]}),i]})}function d(e){let{children:r}=e;return(0,l.jsx)("p",{className:"text-[12px] uppercase",style:{color:"var(--label)",letterSpacing:"0.12em",fontWeight:500},children:r})}function x(e){let{cols:r=3,children:t,className:n}=e;return(0,l.jsx)("div",{className:(0,a.cn)("grid grid-cols-1 gap-3.5",{2:"sm:grid-cols-2",3:"sm:grid-cols-2 lg:grid-cols-3",4:"sm:grid-cols-2 lg:grid-cols-4"}[r],n),children:t})}function u(e){let{children:r,className:t,padded:n=!0}=e;return(0,l.jsx)("div",{className:(0,a.cn)("rounded-xl",n&&"p-4 sm:p-5",t),style:{background:"var(--paper-raised)",border:"0.5px solid var(--hairline)"},children:r})}function m(e){let{href:r,children:t,className:n}=e;return(0,l.jsx)(s.default,{href:r,className:(0,a.cn)("ab-focus block rounded-xl p-4 transition-colors sm:p-5","hover:[background:var(--row-selected)]",n),style:{background:"var(--paper-raised)",border:"0.5px solid var(--hairline)"},children:t})}function p(e){let{label:r,value:t,hint:n,tone:s="neutral"}=e;return(0,l.jsxs)(u,{children:[(0,l.jsx)(d,{children:r}),(0,l.jsx)("p",{className:"mt-2.5 leading-none",style:{fontFamily:"var(--ab-display)",fontSize:"clamp(32px, 7vw, 38px)",fontWeight:500,color:"attention"===s?"var(--error)":"var(--text)"},children:t}),n&&(0,l.jsx)("p",{className:"mt-2.5 text-[14px] leading-snug",style:{color:"var(--text-muted)"},children:n})]})}let h={primary:{background:"var(--ink)",color:"var(--paper)",fontWeight:500},secondary:{border:"0.5px solid var(--hairline)",color:"var(--text)",fontWeight:400},quiet:{color:"var(--text-muted)",fontWeight:400}},v=(0,a.cn)("ab-focus inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-[15px] transition-colors","disabled:cursor-not-allowed disabled:opacity-50",i),f=(0,n.forwardRef)(function(e,r){let{variant:t="secondary",className:n,...s}=e;return(0,l.jsx)("button",{ref:r,className:(0,a.cn)(v,"primary"!==t&&"hover:[background:var(--row-selected)]",n),style:h[t],...s})});function g(e){let{href:r,variant:t="secondary",external:n,className:i,children:o}=e,c=(0,a.cn)(v,"primary"!==t&&"hover:[background:var(--row-selected)]",i);return n?(0,l.jsx)("a",{href:r,className:c,style:h[t],target:"_blank",rel:"noreferrer",children:o}):(0,l.jsx)(s.default,{href:r,className:c,style:h[t],children:o})}function y(e){let{selected:r,children:t,onClick:n}=e;return(0,l.jsx)("button",{onClick:n,className:"ab-focus inline-flex min-h-[38px] items-center rounded-full px-3.5 py-1.5 text-[14px] transition-colors",style:r?{background:"var(--ink-tint)",color:"var(--ink)",fontWeight:500}:{border:"0.5px solid var(--hairline)",color:"var(--text-muted)",fontWeight:400},children:t})}function b(e){let{children:r,tone:t="neutral"}=e;return(0,l.jsx)("span",{className:"inline-flex items-center whitespace-nowrap rounded-full px-2.5 py-0.5 text-[12px] leading-normal",style:{neutral:{border:"0.5px solid var(--hairline)",color:"var(--text-muted)"},positive:{background:"var(--ink-tint)",color:"var(--ink)"},attention:{border:"0.5px solid var(--error)",color:"var(--error)"}}[t],children:r})}function j(e){let{value:r,onChange:t,onBlur:n,onKeyDown:s,placeholder:o,className:c,ariaLabel:d,autoFocus:x}=e;return(0,l.jsx)("input",{value:r,onChange:e=>t(e.target.value),onBlur:n,onKeyDown:s,placeholder:o,"aria-label":null!=d?d:o,autoFocus:x,className:(0,a.cn)("ab-focus rounded-lg px-3 py-2.5 text-[15px]",i,c),style:{border:"0.5px solid var(--hairline)",background:"#ffffff",color:"var(--text)"}})}function N(e){let{children:r,tone:t="neutral"}=e;return(0,l.jsx)("div",{className:"rounded-lg px-3.5 py-3 text-[15px] leading-relaxed",style:{background:"var(--paper-raised)",border:"0.5px solid ".concat("error"===t?"var(--error)":"var(--hairline)"),color:"error"===t?"var(--error)":"var(--text-muted)"},children:r})}function k(e){let{title:r,blurb:t,action:n}=e;return(0,l.jsxs)(u,{className:"py-12 text-center",children:[(0,l.jsx)("p",{className:"text-[19px]",style:{fontFamily:"var(--ab-display)",color:"var(--text)",fontWeight:500},children:r}),t&&(0,l.jsx)("p",{className:"mx-auto mt-2.5 max-w-md text-[15px] leading-relaxed",style:{color:"var(--text-muted)"},children:t}),n&&(0,l.jsx)("div",{className:"mt-6 flex justify-center",children:n})]})}function w(e){let{className:r}=e;return(0,l.jsx)("div",{className:(0,a.cn)("ab-pulse rounded-md",r),style:{background:"var(--row-selected)"}})}
1function W(e){let{count:r=4}=e;return(0,l.jsx)(x,{cols:4,children:Array.from({length:r}).map((e,r)=>(0,l.jsxs)(u,{children:[(0,l.jsx)(w,{className:"h-3.5 w-24"}),(0,l.jsx)(w,{className:"mt-3 h-9 w-16"}),(0,l.jsx)(w,{className:"mt-3 h-3.5 w-full"})]},r))})}function S(e){let{tabs:r,active:t,onChange:n}=e;return(0,l.jsx)("div",{role:"tablist",className:"-mx-4 mb-6 flex gap-1 overflow-x-auto px-4 pb-1 sm:mx-0 sm:px-0",style:{borderBottom:"0.5px solid var(--hairline)"},children:r.map(e=>{let r=e.id===t;return(0,l.jsxs)("button",{role:"tab","aria-selected":r,onClick:()=>n(e.id),className:"ab-focus relative flex min-h-[44px] flex-shrink-0 items-center gap-2 rounded-t-lg px-3.5 text-[15px] transition-colors",style:{color:r?"var(--ink)":"var(--text-muted)",fontWeight:r?500:400,boxShadow:r?"inset 0 -2px 0 0 var(--ink)":void 0},children:[e.label,"number"==typeof e.count&&(0,l.jsx)("span",{className:"rounded-full px-2 text-[12px] tabular-nums",style:{background:r?"var(--ink-tint)":"var(--row-selected)",color:r?"var(--ink)":"var(--label)"},children:e.count})]},e.id)})})}let M="color-mix(in srgb, var(--ink) 55%, var(--paper))";function F(e){let{rows:r,total:t,emptyLabel:n="Nothing recorded yet",formatKey:s,showConversions:a=!0}=e;if(0===r.length)return(0,l.jsx)("p",{className:"py-6 text-center text-[15px]",style:{color:"var(--text-muted)"},children:n});let i=Math.max(...r.map(e=>e.sessions),1),o=t&&t>0?t:i;return(0,l.jsx)("ul",{className:"space-y-2.5",children:r.map(e=>
1{let r=s?s(e.key):e.key;return(0,l.jsxs)("li",{children:[(0,l.jsxs)("div",{className:"flex items-baseline justify-between gap-3",children:[(0,l.jsx)("span",{className:"min-w-0 truncate text-[15px]",style:{color:"var(--text)"},title:r,children:r}),(0,l.jsxs)("span",{className:"flex flex-shrink-0 items-baseline gap-2.5 tabular-nums",children:[a&&"number"==typeof e.conversions&&e.conversions>0&&(0,l.jsxs)("span",{className:"text-[13px]",style:{color:"var(--ink)"},children:[e.conversions," conv"]}),(0,l.jsx)("span",{className:"text-[15px]",style:{color:"var(--text)"},children:e.sessions}),(0,l.jsxs)("span",{className:"w-11 text-right text-[13px]",style:{color:"var(--label)"},children:[Math.round(e.sessions/o*100),"%"]})]})]}),(0,l.jsx)("div",{className:"mt-1.5 h-1.5 overflow-hidden rounded-full",style:{background:"var(--row-selected)"},children:(0,l.jsx)("div",{style:{width:"".concat(Math.max(2,e.sessions/i*100),"%"),height:"100%",background:M}})})]},e.key)})})}function C(e){let{points:r,valueKey:t="sessions",height:s=120}=e,[a,i]=(0,n.useState)(null);if(0===r.length)return(0,l.jsx)("p",{className:"py-8 text-center text-[15px]",style:{color:"var(--text-muted)"},children:"No traffic recorded in this window"});let o=r.map(e=>{var r;return Number(null!==(r=e[t])&&void 0!==r?r:0)}),c=Math.max(...o,1),d=e=>new Date("".concat(e,"T00:00:00Z")).toLocaleDateString("en-GB",{day:"numeric",month:"short"}),x=null!=a?r[a]:null,u=null!=a?o[a]:null;return(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"flex items-end gap-[3px]",style:{height:s},children:r.map((e,r)=>{let t=o[r];return(0,l.jsx)("div",{className:"flex h-full min-w-[8px] flex-1 cursor-default flex-col justify-end",onMouseEnter:()=>i(r),onMouseLeave:()=>i(null),children:(0,l.jsx)("div",{className:"w-full rounded-t-sm",style:{height:"".concat(Math.max(2,t/c*100),"%"),background:0===t?"var(--row-selected)":M,opacity:null==a||a===r?1:.35}})},e.date)})}),(0,l.jsxs)("div",{className:"mt-2 flex justify-between gap-3 text-[13px] tabular-nums",style:{color:"var(--label)",borderTop:"0.5px solid var(--hairline)",paddingTop:6},children:[(0,l.jsx)("span",{children:d(r[0].date)}),(0,l.jsx)("span",{style:{color:x?"var(--text)":"var(--label)"},children:x&&null!=u?"".concat(d(x.date),": ").concat(u.toLocaleString("en-GB")," ").concat(t):"Peak ".concat(c.toLocaleString("en-GB")," ").concat(t)}),(0,l.jsx)("span",{children:d(r[r.length-1].date)})]})]})}function B(e){var r,t;let{steps:n}=e,s=Math.max(null!==(t=null===(r=n[0])||void 0===r?void 0:r.sessions)&&void 0!==t?t:0,1);return(0,l.jsx)("ul",{className:"space-y-3",children:n.map((e,r)=>(0,l.jsxs)("li",{children:[(0,l.jsxs)("div",{className:"flex items-baseline justify-between gap-3",children:[(0,l.jsx)("span",{className:"min-w-0 truncate text-[15px]",style:{color:"var(--text)"},children:e.label}),(0,l.jsxs)("span",{className:"flex flex-shrink-0 items-baseline gap-2.5 tabular-nums",children:[r>0&&e.dropFromPrevious>0&&(0,l.jsxs)("span",{className:"text-[13px]",style:{color:"var(--error)"},children:["lost ",e.dropFromPrevious]}),(0,l.jsx)("span",{className:"text-[16px]",style:{color:"var(--text)",fontWeight:500},children:e.sessions}),(0,l.jsxs)("span",{className:"w-12 text-right text-[13px]",style:{color:"var(--label)"},children:[e.pctOfArrived,"%"]})]})]}),(0,l.jsx)("div",{className:"mt-1.5 h-2.5 overflow-hidden rounded-full",style:{background:"var(--row-selected)"},children:(0,l.jsx)("div",{style:{width:"".concat(Math.max(1,e.sessions/s*100),"%"),height:"100%",background:M}})})]},e.key))})}function _(e){var r;let{columns:t,rows:n,rowKey:s,onRowClick:i,selectedKey:o,empty:c}=e;if(0===n.length&&c)return(0,l.jsx)(l.Fragment,{children:c});let d=null!==(r=t.find(e=>e.primary))&&void 0!==r?r:t[0],x=t.filter(e=>e!==d&&!e.hideOnMobile);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"space-y-3 md:hidden",children:n.map(e=>{let r=s(e);return(0,l.jsxs)("div",{onClick:i?()=>i(e):void 0,className:(0,a.cn)("rounded-xl p-4",i&&"cursor-pointer"),style:{background:o===r?"var(--row-selected)":"var(--paper-raised)",border:"0.5px solid var(--hairline)"},children:[(0,l.jsx)("div",{className:"text-[16px]",style:{color:"var(--text)",fontWeight:500},children:d.render(e)}),(0,l.jsx)("dl",{className:"mt-3 space-y-2.5",children:x.map(r=>(0,l.jsxs)("div",{children:[(0,l.jsx)("dt",{className:"text-[12px] uppercase",style:{color:"var(--label)",letterSpacing:"0.12em",fontWeight:500},children:r.header}),(0,l.jsx)("dd",{className:"mt-0.5 text-[15px]",style:{color:"var(--text)"},children:r.render(e)})]},r.key))})]},r)})}),(0,l.jsx)("div",{className:"hidden overflow-x-auto rounded-xl md:block",style:{background:"var(--paper-raised)",border:"0.5px solid var(--hairline)"},children:(0,l.jsxs)("table",{className:"w-full border-collapse text-[15px]",children:[(0,l.jsx)("thead",{children:(0,l.jsx)("tr",{children:t.map(e=>(0,l.jsx)("th",{className:(0,a.cn)("whitespace-nowrap px-4 py-3 text-[12px] uppercase",e.numeric?"text-right":"text-left"),style:{color:"var(--label)",letterSpacing:"0.12em",fontWeight:500,borderBottom:"0.5px solid var(--hairline)"},children:e.header},e.key))})}),(0,l.jsx)("tbody",{children:n.map((e,r)=>{let n=s(e),c=o===n;return(0,l.jsx)("tr",{onClick:i?()=>i(e):void 0,className:(0,a.cn)(i&&"cursor-pointer hover:[background:var(--row-selected)]"),style:{background:c?"var(--row-selected)":void 0,borderTop:0===r?void 0:"0.5px solid var(--hairline)"},children:t.map(r=>(0,l.jsx)("td",{className:(0,a.cn)("px-4 py-3 align-top",r.numeric&&"text-right tabular-nums"),style:{color:"var(--text)"},children:r.render(e)}
1,r.key))},n)})})]})})]})}}}]);
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.