1import{j as t,C as D,c as E,e as K}from"./chunks-1-index-mDynDTrg.js";import{r as s,c as O}from"./main-CKVurIpm.js";import{B as W}from"./chunks-6-index-CpuhOssL.js";import{H as X}from"./Back-DmVOHpws.js";import{H as I}from"./chunks-2-index-Bo12ymgJ.js";import{A as Y}from"./AnimatedGraphic-CVWDyeLA.js";import{C as Z}from"./Card-yQQRE3qW.js";import{F as T}from"./Filter-B_EHZMv0.js";import{Group as A}from"./Group-index-DTQEXmdq.js";import"./Warning-BIZbMxgn.js";import"./AnimatedLinesSVG-DPDVcpCA.js";import"./CheckboxList-Cymd4bUj.js";import"./Popup-0QFzi-Dd.js";import"./leerweg-BYHFBXmg.js";import"./Shadow-D9b1B_VG.js";import"./chunks-11-index-Z7DsWL7j.js";import"./Slider-D4o66Bn9.js";import"./CardTags-ndI5hm77.js";import"./Thumbsup-DmUAwDZ6.js";import"./Steps-B7GU2O_w.js";import"./chunks-5-index-9L4YrNqi.js";const P=r=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...r},s.createElement("path",{fillRule:"evenodd",d:"M2 3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 6V4h16v5zM2 14a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 6v-5h16v5z",clipRule:"evenodd"})),$=(r,e,l,o)=>{var S;const c=e!=null&&e.length?(S=e[l])==null?void 0:S.items:r;if((c==null?void 0:c.length)>0)return c[o]},ee=(r,e)=>{const[l,o]=s.useState([!0]),[c,S]=s.useState([]);s.useLayoutEffect(()=>{o([!0]);const i=[];for(let n=0;n<((e==null?void 0:e.length)??1);n++){const a=$(r,e,n,0);if(!a)break;i.push(a.imageSources)}S(i)},[e,r]);const[g,u]=s.useState(),F=s.useMemo(()=>{if(g)return g;let i=l.findIndex(n=>n);return i===-1&&(i=0),c[i]},[g,l,c]),k=s.useCallback((i,n)=>o(a=>{if(n===a[i])return a;const d=a.map(f=>f);return d[i]=n,d}),[]),p=s.useCallback((i,n=0)=>{const a=$(r,e,i,n);S(d=>{const f=d.map(y=>y);return f[i]=a==null?void 0:a.imageSources,f})},[e,r]),j=s.useRef(),w=s.useCallback((i,n)=>{var d;j.current&&clearTimeout(j.current);const a=n===void 0||(d=$(r,e,i,n))==null?void 0:d.imageSources;j.current=setTimeout(()=>u(a),200)},[e,r]);return{listsFirstImageSources:c,imageSources:F,onListVisibiltyChange:k,onItemFirst:p,onItemHoverChange:w}},te=(r,e)=>e?r.map(l=>({...l,favoriteButton:l.favoriteButtonId?{...e,id:l.favoriteButtonId}:void 0})):r,se=(r,e,l,o,c,S)=>{const g=s.useMemo(()=>te(r,c),[r,c]),[u,F]=s.useState(g),k=s.useCallback((m,L)=>{F(L)},[]),p=s.useMemo(()=>{if(!(!(o!=null&&o.length)||!u.length))return o==null?void 0:o.map(m=>{const L=u.filter(v=>v[m.name]===m.value).map(v=>{var C,H;return{...v,shouldShowPin:((H=(C=v.pinned)==null?void 0:C.groups)==null?void 0:H.includes(m.value))??!1}}).sort((v,C)=>v.shouldShowPin!==C.shouldShowPin?v.shouldShowPin?-1:1:v.shouldShowPin?v.title.localeCompare(C.title):0);return{name:m.name,value:m.value,label:m.label,tooltip:m.tooltip,items:L}}).filter(m=>m.items.length>0)},[o,u]),j=s.useMemo(()=>u.length===1?e:l==null?void 0:l.replace("{0}",u.length.toString()),[u.length,e,l]),[w,i]=s.useState(!0);s.useLayoutEffect(()=>{O&&i(!1)},[]);const{imageSources:n,listsFirstImageSources:a,onListVisibiltyChange:d,onItemFirst:f,onItemHoverChange:y}=ee(u,p),[N,x]=s.useState(S),b=s.useCallback(m=>{x(m)},[]);return{resultsText:j,filterableItems:g,items:u,groupedItems:p,onFilterChange:k,imageSources:n,onListVisibiltyChange:d,listsFirstImageSources:a,onItemFirst:f,onItemHoverChange:y,isFirstRender:w,listStyle:N,handleChangeListStyle:b}},ae=s.memo(T),Q=s.memo(A),ke=({id:r,title:e,text:l,arrow:o=!0,filter:c,resultText:S,resultsText:g,items:u,baseFavoriteButton:F,groups:k,nextText:p,prevText:j,noItemsText:w,listStyle:i="grid",desktopListStyle:n="grid",displayImageOfActiveItem:a,warning:d,bcPosition:f,typeToggle:y})=>{const{resultsText:N,groupedItems:x,items:b,filterableItems:m,imageSources:L,onFilterChange:v,onListVisibiltyChange:C,listsFirstImageSources:H,onItemFirst:G,onItemHoverChange:B,isFirstRender:V,listStyle:R,handleChangeListStyle:U}=se(u,S,g,k,F,i);return t.jsxs(t.Fragment,{children:[t.jsxs(D,{className:"space-y-20","data-ktc-search-exclude":!0,children:[(e||l)&&t.jsxs("div",{className:"relative mb-32 flex items-end",children:[t.jsxs("div",{className:"flex max-w-[51.5rem] flex-col gap-y-8 md:gap-y-16",children:[e&&t.jsx(X,{variation:"h1",i
1d:r??e,children:e}),l&&t.jsx(I,{html:l})]}),o&&t.jsx("div",{className:"relative h-[5.5rem] w-[10.6rem] shrink-0 pl-40 text-primary md:mb-8 md:ml-40",children:t.jsx(Y,{className:"absolute rotate-12 -scale-x-100",type:"arrow"})})]}),c&&t.jsx(ae,{...c,titleTag:e?"h3":"h2",items:m,onChange:v,syncQueryString:!0,countOptionResults:!0}),(N||y)&&t.jsxs("div",{className:"flex flex-wrap items-center justify-between",children:[N&&(((x==null?void 0:x.length)??0)>0||b.length>0)&&t.jsx("p",{className:"text-14 font-500 text-titanium-dark",children:N}),y&&t.jsx("div",{className:"flex gap-20 md:hidden",children:y.mobile.map(h=>t.jsx(W,{title:h.label,onClick:()=>U(h.value),disabled:h.value===R,icon:t.jsx(P,{className:E(h.value==="slider"&&"rotate-90",h.value===R&&"fill-secondary")})},h.value))})]})]}),f&&t.jsx("span",{"data-bc-position":`${f}-top`}),t.jsxs(D,{className:"flex flex-col gap-16","data-ktc-search-exclude":!0,children:[t.jsxs("div",{className:"flex gap-16",children:[a&&b.length>0&&t.jsx(K,{sources:L,className:E("pointer-events-none sticky z-0","top-16 -ml-10 mb-32 mr-[-8rem]","h-[min(48.4rem,100svh_-_3.2rem)] max-h-full min-h-[30rem] w-[calc(40%+2.8rem)] lg:h-[min(89.6rem,100svh_-_3.2rem)]","hidden shrink-0 overflow-hidden rounded-16 md:block",a&&n==="grid"&&"md:mr-[-11rem]")}),t.jsx("div",{className:"relative z-10 grow space-y-64 md:space-y-80",children:x&&((x==null?void 0:x.length)??0)>0?x.filter((h,_)=>!V||_===0).map(({items:h,label:_,value:z,tooltip:q},M)=>t.jsx(Q,{title:_??z,titleTag:e?"h3":"h2",tooltip:q,imageSources:H[M],items:V?h.filter((ne,J)=>J<4):h,style:R,desktopStyle:n,prevText:j,nextText:p,noItemsText:w,onChangeIndex:M,displayImageOfActiveItem:a,onVisibiltyChange:C,onItemFirst:G,onItemHoverChange:B},`${M}-${M>1?h.length:0}`)):b.length>0?[b].map(h=>t.jsx(Q,{items:V?h.filter((_,z)=>z<4):h,imageSources:H[0],style:R,desktopStyle:n,prevText:j,nextText:p,noItemsText:w,onChangeIndex:0,displayImageOfActiveItem:a,onVisibiltyChange:C,onItemFirst:G,onItemHoverChange:B},"0")):t.jsx(Z,{variation:"titanium/25",className:"w-fit p-16 text-black md:p-24",children:w})})]}),d&&t.jsx("div",{className:E("max-w-[95.2rem] space-y-8 rounded-16 bg-titanium-light p-24 text-black",a&&"md:ml-[calc(40%-7.6rem)]"),children:t.jsx(I,{html:d})})]}),f&&t.jsx("span",{"data-bc-position":`${f}-bottom`})]})};export{ke as Overview};
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.