PageSourceSearch
Opt out API access

https://www.bonprix.de/bff_resources/header-new-B97UzGRF.js

js bonprix.de collected 2026-09-24 08:58:05 UTC 64,634 bytes, 5 lines download raw bytes 

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["bff_resources/RecommendationContainer-W5MxGKPg.js","bff_resources/rolldown-runtime-B0Z9INg1.js","bff_resources/message-broker-DRci_Yxm.js","bff_resources/messages-BBXpSxxD.js","bff_resources/messages-DQmwGg8c.js","bff_resources/fetch-with-csrf-BhX0S57R.js","bff_resources/meta-BC0KrhgT.js","bff_resources/model-container-Dbo0RwXr.js","bff_resources/react-DVplv7_D.js","bff_resources/jsx-runtime-B74pBk57.js","bff_resources/dist-DTKG3l-t.js","bff_resources/useQuery-3HMuV50F.js","bff_resources/carousel-types-CNRqmjau.js","bff_resources/window-manager-CAj78M2Q.js","bff_resources/json-parser-CjcQ10Ws.js","bff_resources/logger-DB0jBlfJ.js","bff_resources/uuid-BlHRxBhj.js","bff_resources/landmark-adapter-Dcc5XE8-.js","bff_resources/device-D6wZ_9I4.js","bff_resources/breakpoint-B4WAxsCU.js","bff_resources/helper-CW5L2mZl.js","bff_resources/cookie-wbKPadIE.js","bff_resources/js.cookie-LuQ0sRX_.js","bff_resources/landmark-trigger-5AEOmsPN.js","bff_resources/carousel-events-C4sIX00m.js","bff_resources/trinity-adapter-DFoCd5gO.js","bff_resources/ThorRecommendations-zL0lMmcb.js","bff_resources/dist-DWZrBbLW.js","bff_resources/dist-BtmfNJdA.js","bff_resources/bundle-mjs-D7QTbxyK.js","bff_resources/ProductCard-Ca-XDgN2.js","bff_resources/dist-DjUJ6yKI.js","bff_resources/react-dom-_LrxgvjW.js","bff_resources/dist-BVHEeRV8.js","bff_resources/Link-Ce35TY45.js","bff_resources/dist-CD94pLpt.js","bff_resources/dist-BKsmwSsn.js","bff_resources/algolia-tracking-Bsuq8lEw.js","bff_resources/url-CuOZUmTE.js","bff_resources/WishlistHeart-YmWhZGhB.js","bff_resources/Button-D3P24TDE.js","bff_resources/messages-48HjpJlW.js","bff_resources/trinity-Wx5-C78z.js","bff_resources/dist-6UYe0cFT.js","bff_resources/dist-R47tVnVB.js","bff_resources/dist-31XoNyHc.js","bff_resources/dist-BlGwqYUB.js","bff_resources/dist-C45aQH-i.js","bff_resources/dist-DCuyKOy5.js","bff_resources/dist-DOzuY-VZ.js","bff_resources/classnames-AIqlengG.js","bff_resources/CarouselV2-DcPx8ROR.js","bff_resources/recommendation-utils-B4Yr4Iz7.js","bff_resources/use-scroll-restoration-BOYYWlzy.js"])))=>i.map(i=>d[i]);
2import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{t}from"./message-broker-DRci_Yxm.js";import{t as n}from"./messages-BBXpSxxD.js";import{t as r}from"./json-parser-CjcQ10Ws.js";import{t as i}from"./what-input-5dLnAHgB.js";import{t as a}from"./device-D6wZ_9I4.js";import{t as o}from"./model-container-Dbo0RwXr.js";import{t as s}from"./landmark-adapter-Dcc5XE8-.js";import{t as c}from"./trinity-adapter-DFoCd5gO.js";import{t as l}from"./fetch-with-csrf-BhX0S57R.js";import{t as u}from"./url-CuOZUmTE.js";import{t as d}from"./jsh-module-DkUSoj5t.js";import f from"./toggles-DAHSgj8J.js";import{t as p}from"./react-DVplv7_D.js";import{t as m}from"./client-msFgu0UU.js";import{t as h}from"./jsx-runtime-B74pBk57.js";import g,{ExperimentVariant as _}from"./expi-wPCDUx2F.js";import{c as v,m as y,n as b}from"./dist-DTKG3l-t.js";import{t as x}from"./dist-BVHEeRV8.js";import{t as S}from"./dist-DWZrBbLW.js";import{t as C}from"./dist-CD94pLpt.js";import{t as w}from"./Link-Ce35TY45.js";import{t as T}from"./dist-CHjEURmf.js";import{n as E,t as D}from"./history-7Y-zRs09.js";import{i as O,n as k,r as A,t as j}from"./WishlistNavigationHeader-DFZOKKRX.js";import{C as M,g as N,t as P,w as F,y as I}from"./useQuery-3HMuV50F.js";import{t as L}from"./queryClient-CFwTcjwW.js";import{t as R}from"./fetch-cart-summary-tDTMJbSx.js";import{t as z}from"./string-validator-CUb7pUq6.js";import{t as B}from"./preload-helper-Czpn1I53.js";import{t as ee}from"./voucherTrinity-fwVSAMQa.js";var V=m(),H=e(p(),1),U=h(),W=({children:e,navigationItem:t,currentHoveredItemId:n,isShopActive:r,lightMode:i})=>{let[a,o]=(0,H.useState)(t.active);return(0,H.useLayoutEffect)(()=>{n===t.id?o(!0):o(!n&&r?t.active:!1)},[n,t.id,t.active,r]),(0,U.jsx)(`div`,{className:`${a?`navigation__item-underlined`:``} ${i?`text-clr-on-primary-high`:`text-clr-primary`}`,children:e})},G=(0,H.createContext)(),te=({children:e})=>{let[t,n]=(0,H.useState)({firstLevelTriggerElement:null,secondLevelTriggerElement:null,focusedLevel:null,focusFirst:!1});return(0,U.jsx)(G.Provider,{value:{navigationFocus:t,setFocusedLevel:e=>n(t=>

2({...t,focusedLevel:e})),setFocusFirst:e=>n(t=>({...t,focusFirst:e})),toSecondLevel:e=>{n(t=>({...t,focusFirst:!0,firstLevelTriggerElement:e,focusedLevel:`second`}))},toThirdLevel:e=>{n(t=>({...t,secondLevelTriggerElement:e,focusedLevel:`third`,focusFirst:!0}))},reset:()=>{n({firstLevelTriggerElement:null,secondLevelTriggerElement:null,focusedLevel:null,focusFirst:!1})}},children:e})};function ne({navigationItem:e,setCurrentHoveredItemId:t,currentHoveredItemId:n,thirdLevelEmpty:r=!1}){let{toThirdLevel:i}=(0,H.useContext)(G),o=(0,H.useRef)(null),c=(0,H.useRef)(a.isTouch()||matchMedia(`(hover: none)`).matches),l=!n&&e.active||n===e.id,u=e.fontColor||`primary`;function d(){t(e.id)}let f=()=>{c.current||d()},p=t=>{if(c.current&&!l){t.preventDefault(),d();return}let n=`hn\\${e.id}\\\\`;s.sendUserInterfaceLandmark({navi:n})},m=()=>{d()};return(0,U.jsx)(`div`,{onPointerEnter:f,onKeyDown:e=>{e.key!==`ArrowRight`||r||(e.preventDefault(),i(o.current))},className:`navigation__item -level:second ${l?`is-hovered`:``}`,children:(0,U.jsxs)(`div`,{className:`flex flex-col w-full static`,children:[(0,U.jsx)(`a`,{href:e.url,className:`navigation__item-label`,onClick:p,onFocus:m,children:(0,U.jsx)(W,{navigationItem:e,currentHoveredItemId:n,isShopActive:!0,children:(0,U.jsx)(S,{color:u,variant:`bonprix-h6`,component:`span`,children:e.title})})}),!r&&(0,U.jsx)(`button`,{ref:o,className:`navigation__next-btn`,onClick:e=>{i(e.currentTarget)},onFocus:m,"aria-label":`${e.title}, Unterkategorien anzeigen`,"aria-haspopup":`true`,"aria-expanded":!!n,"aria-controls":`desktop-navigation-third-level`,children:l&&(0,U.jsx)(C,{variant:`back`,className:`icon`})})]})})}var re=e(i(),1),ie=`second`,ae=`.navigation__container-new`,oe=(e,t,n,r=!1,i=null)=>{let{navigationFocus:a,setFocusedLevel:o,setFocusFirst:s,reset:c}=(0,H.useContext)(G),l=()=>{n(),c()};(0,H.useEffect)(()=>{if(r||re.default.ask(`intent`)!==`keyboard`||a.focusedLevel!==t)return;let n=e.current;if(!n)return;let i=document.activeElement===document.body;(a.focusFirst||i)&&(K(n)[0]?.focus(),s(!1));function c(e){if(e.key!==`Tab`)return;let r=K(n),i=document.activeElement,s=r[0],c=r[r.length-1],u=t===ie?a.firstLevelTriggerElement:a.secondLevelTriggerElement;e.shiftKey&&i===s?(e.preventDefault(),u?.focus(),t===ie&&l(),o(ie)):!e.shiftKey&&i===c&&(e.preventDefault(),l(),se())}return n.addEventListener(`keydown`,c),()=>n.removeEventListener(`keydown`,c)},[a,n,i])};function K(e){return e?Array.from(e.querySelectorAll(`button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])`)).filter(e=>!e.hasAttribute(`disabled`)&&!e.getAttribute(`aria-hidden`)):[]}function se(){let e=document.querySelector(ae);if(!e)return;let t=K(document.body).filter(t=>!e.contains(t)&&e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING);for(let e of t)if(e.focus(),document.activeElement===e)return}function ce({secondLevelNavigationItems:e,currentHoveredItemId:t,setCurrentHoveredItemId:n,thirdLevelEmpty:r,closeLayer:i,disableFocusTrap:a=!1}){let o=(0,H.useRef)(null);return oe(o,`second`,i,a),(0,U.jsx)(`div`,{ref:o,className:`navigation__level-column -level:second bg-clr-bg-main-light`,tabIndex:-1,children:e.filter(e=>!e.overviewItem).map((e,i)=>(0,U.jsx)(ne,{navigationItem:e,setCurrentHoveredItemId:n,currentHoveredItemId:t,thirdLevelEmpty:r},i))},`secon-level-items`)}function le({secondLevelNavigationItems:e}){let t=e.filter(e=>!e.overviewItem),n=t.filter(e=>e.active)[0]||t[0];return(0,U.jsx)(`div`,{className:`navigation__layer`,style:{visibility:`hidden`,pointerEvents:`none`,width:`0px`},children:(0,U.jsx)(ce,{secondLevelNavigationItems:e,currentHoveredItemId:n?.id,thirdLevelEmpty:!0,disableFocusTrap:!0})})}var ue=e=>{let t=e?.slicedTopSubNavigationItemIds;return t?t.map(t=>e.subNavigationItems.find(e=>e.id===t)):[]},q=e=>{let t=e?.subNavigationItems??[],n=t.filter(e=>e.overviewItem),r=t.filter(e=>!e.overviewItem);return n.length===1&&r.length===1&&!(r[0].subNavigationItems??[]).some(e=>!e.overviewItem)?r:[...n,...r]},de=e=>{let t=e?.subNavigationItems?.filter(e=>!e.overviewItem)??[];if(t.length!==1)return null;let n=t[0];return(n.subNavigationItems??[]).some(e=>!e.overviewItem)?null:n};function fe({navigationItem:e,setCurrentHoveredItemId:t,currentHoveredItemId:n,isShopActive:r,delayedExecution:i}){let{headerLightMode:o}=(0,H.useContext)(A),{toSecondLevel:c}=(0,H.useContext)(G),l=b(`xl`),u=b(`xxl`),d=l&&!u,f=(0,H.useRef)(a.isTouch()||matchMedia(`(hover: none)`).matches),p=!de(e),m=()=>{p&&i(()=>{t(e.id)})},h=()=>{p&&i(()=>{t(void 0)})},g=n=>{if(f.current)n.preventDefault(),t(e.id);else{let t=`hn\\${e.id}\\`;s.sendUserInterfaceLandmark({navi:t})}},_=r=>{p&&(r.preventDefault(),n?t(void 0):(c(r.currentTarget),t(e.id)))},v=o?`on-primary-high`:`primary`,y=p&&!n&&e.active;return(0,U.jsxs)(`li`,{onMouseEnter:m,onPointerLeave:h,className:`navigation__item -level:first ${p?``:`navigation__item--direct-link`}`,"data-navigation-item-id":e.id,children:[(0,U.jsxs)(`div`,{className:`flex flex-col w-full static`,children:[(0,U.jsx)(`a`,{href:e.url,className:`navigation__item-label -level:first`,onClick:g,children:(0,U.jsx)(W,{navigationItem:e,currentHoveredItemId:n,isShopActive:r,lightMode:o,children:(0,U.jsx)(S,{color:v,variant:d?`bonprix-h6`:`bonprix-h5`,component:`span`,children:e.title})})}),p&&(0,U.jsx)(`button`,{className:`navigation__open-button`,onClick:_,"aria-label":`${e.title}, Unterkategorien anzeigen`,"aria-haspopup":`true`,"aria-expanded":!!n,"aria-controls":`desktop-navigation-layer`,children:(0,U.jsx)(C,{variant:`arrow-down`,className:`icon`})})]}),y&&(0,U.jsx)(le,{secondLevelNavigationItems:e.subNavigationItems})]})}var J=6e5;function pe(e,t){return l(e,t).then(e=>e.json())}function Y(e){let t;if(e.then(e=>(t=e,e),I)?.catch?.(I),t!==void 0)return{data:t}}function X(e){return{mutationKey:e.options.mutationKey,state:e.state,...e.options.scope&&{scope:e.options.scope},...e.meta&&{meta:e.meta}}}

2function me(e,t,n){let r=e.promise?.then(t).catch(e=>n?.(e)===!1?Promise.reject(e):Promise.reject(Error(`redacted`)));return r?.catch(I),r}function he(e,t,n){return{dehydratedAt:Date.now(),state:{...e.state,...e.state.data!==void 0&&{data:t?t(e.state.data):e.state.data}},queryKey:e.queryKey,queryHash:e.queryHash,...e.state.status===`pending`&&{promise:me(e,t,n)},...e.meta&&{meta:e.meta},...e.queryType&&{queryType:e.queryType}}}function ge(e){return e.state.isPaused}function _e(e){return e.state.status===`success`}function ve(e,t={}){let n=t.shouldDehydrateMutation??e.getDefaultOptions().dehydrate?.shouldDehydrateMutation??ge,r=e.getMutationCache().getAll().flatMap(e=>n(e)?[X(e)]:[]),i=t.shouldDehydrateQuery??e.getDefaultOptions().dehydrate?.shouldDehydrateQuery??_e,a=t.shouldRedactErrors??e.getDefaultOptions().dehydrate?.shouldRedactErrors,o=t.serializeData??e.getDefaultOptions().dehydrate?.serializeData;return{mutations:r,queries:e.getQueryCache().getAll().flatMap(e=>i(e)?[he(e,o,a)]:[])}}function ye(e,t,n){let r=e.getMutationCache(),i=e.getQueryCache(),a=n?.defaultOptions?.deserializeData??e.getDefaultOptions().hydrate?.deserializeData;t.mutations?.forEach(({state:t,...i})=>{r.build(e,{...e.getDefaultOptions().hydrate?.mutations,...n?.defaultOptions?.mutations,...i},t)}),t.queries?.forEach(({queryKey:t,state:r,queryHash:o,meta:s,promise:c,dehydratedAt:l,queryType:u})=>{let d=c?Y(c):void 0,f=r.data===void 0?d?.data:r.data,p=f===void 0?f:a?a(f):f,m=i.get(o),h=m?.state.status===`pending`,g=m?.state.fetchStatus===`fetching`;if(m){let e=d&&l!==void 0&&l>m.state.dataUpdatedAt;if(r.dataUpdatedAt>m.state.dataUpdatedAt||e){let{fetchStatus:e,...t}=r;m.setState({...t,data:p,...r.status===`pending`&&p!==void 0&&{status:`success`,dataUpdatedAt:l??Date.now(),...!g&&{fetchStatus:`idle`}}})}}else m=i.build(e,{...e.getDefaultOptions().hydrate?.queries,...n?.defaultOptions?.queries,queryKey:t,queryHash:o,meta:s,_type:u},{...r,data:p,fetchStatus:`idle`,status:r.status===`pending`&&p!==void 0?`success`:r.status,...r.status===`pending`&&p!==void 0&&{dataUpdatedAt:l??Date.now()}});c&&!d&&!h&&!g&&(l===void 0||l>m.state.dataUpdatedAt)&&m.fetch(void 0,{initialPromise:Promise.resolve(c).then(a)}).catch(I)})}var be=()=>(0,U.jsx)(`span`,{className:`navigation__item-flag`,children:`Neu`}),xe=({thirdLevelItem:e,texts:t})=>{let n=ue(e),r=e=>{let t=`hn\\${e}\\\\`;s.sendUserInterfaceLandmark({navi:t})};return(0,U.jsxs)(`div`,{className:`navigation__level -level:fourth`,children:[n.filter(e=>!e.overviewItem).map(e=>{let t=e.fontColor||`primary`;return(0,U.jsx)(`div`,{className:`navigation__item -level:fourth ${e.active?`is-active`:``}`,children:(0,U.jsxs)(`a`,{className:`navigation__item-label navigation__item-link text-clr-${t}`,href:e.url,onClick:()=>r(e.id),children:[e.hasNewFlag&&(0,U.jsx)(be,{}),(0,U.jsx)(`p`,{children:e.title})]})},e.id)}),e.maximumTopNaviSubItemCount>0&&(0,U.jsx)(`a`,{className:`navigation__item navigation__item--more-shops`,href:e.url,children:t.more_shops_label})]})};function Se({texts:e,thirdLevelItems:t,closeLayer:n}){let r=(0,H.useRef)(null);oe(r,`third`,n,!1,t);let i=(0,H.useMemo)(()=>{let e=new Map,n=0;return t.length>0&&(e.set(n,[]),t.forEach(t=>{t.showInNextColumn?(n++,e.set(n,[t])):e.set(n,[...e.get(n),t])})),e},[t]),a=(0,H.useMemo)(()=>Array.from(i).map(([e,t])=>({key:e,value:t})),[i]),o=e=>{let t=`hn\\${e}\\\\`;s.sendUserInterfaceLandmark({navi:t})};return(0,U.jsx)(`div`,{id:`desktop-navigation-third-level`,ref:r,style:{display:`flex`},children:a?.map(t=>(0,U.jsx)(`div`,{className:`navigation__level-column`,children:t.value.filter(e=>!e.overviewItem).map((t,n)=>{let r=t.fontColor||`primary`;return(0,U.jsxs)(`div`,{className:`navigation__item -level:third
3                                    ${t.active?`is-active`:``}
4                                    ${t.extraSpacing&&n!==0?`-spacing:extra`:``}`,onClick:()=>o(t.id),children:[(0,U.jsxs)(`a`,{href:t.url,className:`navigation__item-label navigation__item-link text-clr-${r}`,children:[t.hasNewFlag&&(0,U.jsx)(be,{}),t.title]}),t.slicedTopSubNavigationItemIds&&t.slicedTopSubNavigationItemIds.length>0&&(0,U.jsx)(xe,{thirdLevelItem:t,texts:e})]},t.id)})},t.key))})}function Ce({currentPage:e,texts:t,secondLevelNavigationItems:n,changeThirdLevelItemsWithHoverDelay:r,onHandlePointerEnter:i,onHandlePointerLeave:o,onHandleCloseLayer:s}){let c=(0,H.useRef)(!0),l=(0,H.useRef)(new Date),d=(0,H.useRef)(null),f=n.filter(e=>!e.overviewItem),p=f.filter(e=>e.active)[0]||f[0],[m,h]=(0,H.useState)(p?.id),[g,_]=(0,H.useState)(void 0),[v,y]=(0,H.useState)(n),b=P({queryKey:[`navigation`,`level`,`third`,m,e],queryFn:()=>x(m,e),staleTime:J,enabled:!!m,placeholderData:N}),x=async(e,t)=>pe(u.toAbsolute(`/ajax/navigation-level/third/json/?shopId=${e}&currentPage=${t}`),{method:`GET`,headers:new Headers({"Content-Type":`application/json`})}).then(e=>{if(!e)throw Error(`Failed to fetch third level navigation items`);return e}).then(e=>e);(0,H.useEffect)(()=>{h(p?.id),c.current=!0},[n]),(0,H.useEffect)(()=>

4{l.current=new Date,m===void 0&&p?.active&&h(p.id)},[m]),(0,H.useEffect)(()=>{b.data&&r(()=>{y(n),_(b.data)},l.current,S())},[b.data]);let S=()=>c.current?(c.current=!1,!0):!1;if(!n?.length||!g)return(0,U.jsx)(U.Fragment,{});let w=g?.length===0;return(0,U.jsx)(U.Fragment,{children:(0,U.jsxs)(`div`,{id:`desktop-navigation-layer`,className:`navigation__layer`,onPointerEnter:i,onMouseLeave:o,ref:d,children:[(0,U.jsx)(ce,{secondLevelNavigationItems:v,currentHoveredItemId:m,setCurrentHoveredItemId:h,thirdLevelEmpty:w,closeLayer:s}),(0,U.jsx)(Se,{thirdLevelItems:g,texts:t,closeLayer:s}),a.isTouch()&&!w&&(0,U.jsx)(`button`,{className:`navigation__layer-closer`,onClick:s,children:(0,U.jsx)(C,{variant:`closer`})})]})})}var we=`.navigation__container-new`,Te=`:scope > div > .navigation__item-label`,Ee=`:scope > div > .navigation__open-button`,De=()=>!!document.activeElement?.closest(we),Oe=(e,t)=>{let{toSecondLevel:n,reset:r}=(0,H.useContext)(G);(0,H.useEffect)(()=>{if(!e)return;let i=document.querySelector(`[data-navigation-item-id="${e}"]`),a=()=>{let e=De();t(),r(),e&&i?.querySelector(Te)?.focus()},o=e=>{if(De())return;let t=i?.querySelector(Ee);t&&(e.preventDefault(),n(t))},s=e=>{e.key===`Escape`?a():e.key===`Tab`&&!e.shiftKey&&o(e)};return document.addEventListener(`keydown`,s),()=>document.removeEventListener(`keydown`,s)},[e,t])};function ke(e){return(0,U.jsx)(te,{children:(0,U.jsx)(Ae,{...e})})}function Ae({navigationItems:e,currentPage:t,texts:n}){let[r,i]=(0,H.useState)(),a=e.filter(e=>e.active).length===1,o=b(`xl`),s,c=e=>{s&&clearTimeout(s),s=setTimeout(()=>{e()},400)},l=(e,t,n)=>{s&&clearTimeout(s);let r=(n?0:100)-(new Date-t);r>0?s=setTimeout(()=>{e()},r):e()},u=r?e.find(e=>e.id===r):null,d=()=>{setTimeout(()=>{c(()=>{})},0)},f=()=>{c(()=>{i(void 0)})},p=(0,H.useCallback)(()=>{i(void 0)},[]);return Oe(r,p),(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`ul`,{className:`navigation__level -level:first ${o?``:`-hide`}`,children:e.map(e=>(0,U.jsx)(fe,{navigationItem:e,setCurrentHoveredItemId:i,currentHoveredItemId:r,isShopActive:a,delayedExecution:c},e.id))}),u&&(0,U.jsx)(Ce,{currentPage:t,texts:n,secondLevelNavigationItems:u.subNavigationItems,changeThirdLevelItemsWithHoverDelay:l,onHandlePointerEnter:d,onHandlePointerLeave:f,onHandleCloseLayer:p})]})}var je=({items:e,activeId:t,setActiveId:n,setNextActiveId:r,ref:i,texts:a})=>{let o=e.filter(e=>!e.overviewItem),c=(0,H.useRef)(new Map),l=(0,H.useRef)(new Map),d=(0,H.useRef)(!0),f=(0,H.useRef)(null),[p,m]=(0,H.useState)(!1),[h,g]=(0,H.useState)(!1),_=(0,H.useCallback)(()=>{let e=f.current;if(e){let t=e.scrollLeft>0,n=e.scrollLeft+e.clientWidth<e.scrollWidth-1;m(t),g(n)}else m(!1),g(!1)},[]);(0,H.useEffect)(()=>{if(d.current&&t){let e=c.current.get(t);e&&b(e)}d.current=!0},[t]),(0,H.useEffect)(()=>{_()},[e]);let v=(0,H.useCallback)(()=>{let e=f.current;e&&e.scrollBy({left:e.clientWidth,behavior:`smooth`})},[]),y=(0,H.useCallback)(()=>{let e=f.current;if(e){let t=Math.max(0,e.scrollLeft-e.clientWidth);e.scrollTo({left:t,behavior:`smooth`})}},[]),b=e=>{let t=e.parentNode,n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=n.left+n.width/2-r.width/2,a=r.left-i;(n.left!==0||r.right>n.width||r.left<n.left||r.left<0)&&t.scrollBy(a,0)},C=(e,i)=>{e.preventDefault();let a=i.id===t,o=`hn\\${i.id}${a?`\\allSelect\\`:`\\\\`}`;if(s.sendUserInterfaceLandmark({navi:o}),a)window.location.href=u.toAbsolute(i.url);else{r(i.id);let e=l.current.get(t),a=w(e,i.id),o=c.current.get(i.id),s=o.getBoundingClientRect().width;e.style.transition=`width 0.35s ease, transform 0.3s ease`,e.style.transform=`translateX(${a}px)`,e.style.width=`${s}px`,d.current=!1,b(o),setTimeout(()=>{n(i.id),r(null)},300)}},w=(e,t)=>c.current.get(t).getBoundingClientRect().x-e.getBoundingClientRect().x;return(0,U.jsxs)(`div`,{className:`navigation__items-slider-wrapper`,ref:i,children:[p&&(0,U.jsx)(`div`,{className:`navigation__slider-btn bg-clr-on-primary-high -prev`,children:(0,U.jsx)(x,{icon:`arrow-left`,variant:`tertiary`,"aria-label":a.slider_prev_aria_label,onClick:y})}),(0,U.jsx)(`div`,{className:`navigation__items-slider`,ref:f,onScroll:_,children:o.map(e=>{let n=e.fontColor||`primary`;return(0,U.jsxs)(`a`,{ref:t=>

4c.current.set(e.id,t),href:e.url,className:`navigation__items-slider-item`,onClick:t=>C(t,e),children:[(0,U.jsx)(S,{color:n,variant:`bonprix-h6`,children:e.title}),t===e.id&&(0,U.jsx)(`div`,{ref:t=>l.current.set(e.id,t),className:`navigation__slider-active-line`})]},e.id)})}),h&&(0,U.jsx)(`div`,{className:`navigation__slider-btn bg-clr-on-primary-high -next`,children:(0,U.jsx)(x,{icon:`arrow-right`,variant:`tertiary`,"aria-label":a.slider_next_aria_label,onClick:v})})]})},Me=`SALE`,Ne=`Wow!-Preise`,Pe=`Nachhaltigkeit`;function Fe({teaserImageSource:e,title:t,textVariant:n}){let[r,i]=(0,H.useState)(!1);return(0,U.jsx)(U.Fragment,{children:(0,U.jsxs)(`div`,{className:`navigation__second-level-item-image-wrapper`,children:[(()=>{let e=``,r=t===Me||t===Ne;return(r||t===Pe)&&(e=r?`bg-clr-sale`:`bg-clr-sustainable`),(0,U.jsx)(`div`,{className:`navigation__second-level-item-picture-title ${e}`,children:(0,U.jsx)(`div`,{className:`px-4`,children:(0,U.jsx)(S,{component:`div`,color:`on-primary-high`,variant:n,align:`center`,children:t})})})})(),!r&&e?.src&&(0,U.jsx)(`img`,{alt:e?.altText,className:`navigation__second-level-item-image`,onError:()=>{i(!0)},src:e?.src,srcSet:e?.srcSet,width:`480`,height:`320`})]})})}function Ie({secondLevelItems:e,selectSecondLevelItem:t,activeFirstLevelIndex:n}){let r=(0,H.useCallback)((e,n)=>{let r=n.id,i=`pn\\${r}\\\\`;s.sendUserInterfaceLandmark({navi:i});let a=n.subNavigationItems??[];n.overviewItem||a.length===0||a.every(e=>e.overviewItem)?window.location.href=n.url:t(r)},[t]),i=e=>{e.preventDefault()};return(0,U.jsx)(`div`,{className:`navigation__second-level`,children:e.map((e,t)=>{let n=e.fontColor||`primary`;return(0,U.jsxs)(`div`,{className:`navigation__second-level-item`,onClick:()=>r(t,e),children:[(0,U.jsx)(Fe,{teaserImageSource:e.teaserImageSource,title:e.title,textVariant:`bonprix-h5`}),(0,U.jsx)(`a`,{onClick:i,href:e.url,className:`navigation__second-level-item-title`,children:(0,U.jsx)(S,{variant:`h5`,component:`span`,color:n,children:e.title})})]},e.id)})})}var Le=async()=>{let e=u.toAbsolute(`/ajax/navigation/mobile/`),t=await l(e,{method:`GET`,headers:new Headers({"Content-Type":`application/json`})});if(!t.ok)throw Error(`Failed to fetch navigation items`);return t.json()},Re=()=>P({queryKey:[`navigation/mobile`],queryFn:()=>Le(),staleTime:J}),ze=async(e,t)=>{let n=`${u.toAbsolute(`/ajax/navigation/mobile/active/`)}?currentPage=${t}${e?`&shopId=${e}`:``}`,r=await l(n,{method:`GET`,headers:new Headers({"Content-Type":`application/json`})});if(!r.ok)throw Error(`Failed to fetch navigation items`);return r.json()},Be=async(e,t,n)=>({activeIds:await ze(t,n),navigationItems:e.navigationItems,texts:e.texts}),Ve=(e,t)=>{let{data:n}=Re();return P({queryKey:[`navigation/mobile/active`,e,t],queryFn:()=>Be(n,e,t),enabled:!!n,staleTime:J})},He=(0,H.createContext)({}),Ue=({children:e,currentShopId:t,currentPage:n})=>{let r=Ve(t,n);return r.isLoading||r.isError||!r.data?null:(0,U.jsx)(He.Provider,{value:r.data,children:e})},We=()=>(0,H.useContext)(He);function Ge({activeFirstLevelId:e,setActiveFirstLevelId:t,selectSecondLevelItem:n,visible:r}){let{navigationItems:i,texts:a}=We(),[o,c]=(0,H.useState)(null);(0,H.useEffect)(()=>{if(r){let t={view:`pictureNaviLayer\\${i.find(t=>t.id===e).id}`};s.sendActionLandmark(t)}},[r]);let l=i.findIndex(t=>t.id===e),u=o?i.findIndex(e=>e.id===o):null,d=u!=null&&u<l,f=u!=null&&u>l,p=()=>d?`swipe-left`:f?`swipe-right`:``,m=o?q(i.find(e=>e.id===o)):[],h=q(i.find(t=>t.id===e));return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(je,{items:i,activeId:e,setActiveId:t,setNextActiveId:c,texts:a}),(0,U.jsxs)(`div`,{className:`navigation__second-level-wrapper`,children:[d&&(0,U.jsx)(`div`,{className:`navigation__sub-navigation-slide swipe-left`,children:(0,U.jsx)(Ie,{secondLevelItems:m})}),(0,U.jsx)(`div`,{className:`navigation__sub-navigation-slide ${p()}`,children:(0,U.jsx)(Ie,{secondLevelItems:h,selectSecondLevelItem:n,activeFirstLevelId:e})}),f&&(0,U.jsx)(`div`,{className:`navigation__sub-navigation-slide swipe-right`,children:(0,U.jsx)(Ie,{secondLevelItems:m})})]})]})}function Ke({className:e=``}){let{headerLightMode:n,mobileNaviOpened:r,openMobileNavi:i,closeMobileNavi:a}=(0,H.useContext)(A),o=()=>{r?(t.publish(`PRODUCT.MAKE_BUTTON_STICKY`,{hideStickyAddToBagButton:!1}),a()):(t.publish(`PRODUCT.HIDE_STICKY_BUTTON`,{hideStickyAddToBagButton:!0}),i())},s=r?`closer`:`menu`;return(0,U.jsx)(`button`,{className:`hamburger-menu__icon-wrapper ${e}`,onClick:o,"aria-label":`Navigation`,children:(0,U.jsx)(C,{variant:s,className:`${n?`fill-clr-on-primary-high`:``}`})})}var qe=()=>{let{activeIds:e}=We();return(0,H.useCallback)(t=>!!t&&e.includes(t.id)&&!t.overviewItem,[e])};function Je({items:e,currentSecondLevelItem:t,texts:n}){let r=qe(),i=e.find(e=>e.overviewItem),a=e.filter(e=>!e.overviewItem),o=v(`l`);if(e.length===0){let e=t.fontColor||`primary`;return(0,U.jsx)(`div`,{className:`grid ${o?`grid-cols-2`:`grid-cols-3`} gap-1`,children:(0,U.jsx)(`a`,{href:t.url,className:`bg-clr-bg-main col-span-full hyphens-auto content-center py-6 px-4 bg-white${r(i)?` underline underline-offset-1`:``}`,children:(0,U.jsx)(S,{color:e,variant:`h5`,component:`span`,children:n.overview_text_label})})})}return(0,U.jsxs)(`div`,{className:`grid ${o?`grid-cols-2`:`grid-cols-3`} gap-1`,children:[i&&(0,U.jsx)(`a`,{href:i.url,className:`bg-clr-bg-main col-span-full hyphens-auto content-center py-6 px-4 bg-white${r(i)?` underline underline-offset-1`:``}`,children:(0,U.jsx)(S,{color:i.fontColor||`primary`,variant:`h5`,component:`span`,children:i.title})}),a.map((e,t)=>{let n=e.fontColor||`primary`;return(0,U.jsx)(`a`,{href:e.url,className:`bg-clr-bg-main min-h-[68px] hyphens-auto py-3 px-4 content-center bg-white${r(e)?` underline underline-offset-1`:``}`,children:(0,U.jsx)(S,{color:n,variant:`h5`,component:`span`,children:e.title})},e.id)})]})}function Ye({backToFirstLayer:e,firstLevelTitle:t,firstLevelId:n,secondLevelItems:r,selectSecondLevelId:i,visible:a,texts:o,secondLayerRef:c}){let[l,u]=(0,H.useState)(i),[d,f]=(0,H.useState)(null),p=(0,H.useRef)(null),m=(0,H.useRef)(null),h=(0,H.useRef)(null);(0,H.useEffect)(()=>{u(i)},[i]),(0,H.useEffect)(()=>{E()},[l]),(0,H.useEffect)(()=>

4{if(a){let e=r.find(e=>e.id===l);if(e){let t={view:`pictureNaviLayer\\${e.id}`};s.sendActionLandmark(t)}}},[a]);let g=r.findIndex(e=>e.id===l),_=d?r.findIndex(e=>e.id===d):null,v=_!=null&&_<g,y=_!=null&&_>g,b=()=>v?`swipe-left`:y?`swipe-right`:``,x=r[g],w,T;return g!=null&&(w=x.subNavigationItems),_!=null&&(T=r[_].subNavigationItems),(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(`div`,{className:`navigation__second-layer-header-wrapper`,ref:p,children:[(0,U.jsx)(`a`,{href:x.url,onClick:()=>{let e=`pn\\${x.id}\\all\\`;s.sendUserInterfaceLandmark({navi:e})},children:(0,U.jsx)(Fe,{teaserImageSource:x.teaserImageSource,title:x.title,textVariant:`bonprix-h4`},`teaserImage_${g}`)}),(0,U.jsx)(Ke,{className:`navigation__second-layer-closer`})]}),(0,U.jsxs)(`div`,{className:`navigation__back`,onClick:()=>{let t=`hn\\${n}\\close\\`;s.sendUserInterfaceLandmark({navi:t}),e()},ref:m,children:[(0,U.jsx)(`div`,{className:`navigation__back-icon`,children:(0,U.jsx)(C,{variant:`arrow-left`})}),(0,U.jsx)(S,{color:`primary`,component:`div`,variant:`body1`,children:t})]}),(0,U.jsx)(je,{items:r,activeId:l,setActiveId:u,setNextActiveId:f,ref:h,texts:o}),(0,U.jsxs)(`div`,{className:`navigation__third-level-wrapper`,children:[v&&(0,U.jsx)(`div`,{className:`navigation__sub-navigation-slide swipe-left`,children:(0,U.jsx)(Je,{items:T,currentSecondLevelItem:x,texts:o})}),(0,U.jsx)(`div`,{className:`navigation__sub-navigation-slide ${b()}`,children:(0,U.jsx)(Je,{items:w,currentSecondLevelItem:x,texts:o})}),y&&(0,U.jsx)(`div`,{className:`navigation__sub-navigation-slide swipe-right`,children:(0,U.jsx)(Je,{items:T,currentSecondLevelItem:x,texts:o})})]})]});function E(){if(c.current&&p.current&&m.current){let e=p.current.getBoundingClientRect().height,t=m.current.getBoundingClientRect().height,n=h.current.getBoundingClientRect().height,r=e+t+n;c.current.scrollTop>r&&c.current.scrollTo({top:r,behavior:`smooth`})}}}function Xe({moveContainerToTop:e,moveContainerBelowHeader:r}){let{navigationItems:i,texts:a}=We(),{closeMobileNavi:o}=(0,H.useContext)(A),c=qe(),l=(0,H.useMemo)(()=>i.find(e=>c(e)),[]),u=l?.id||i[0]?.id,d=q(l||i[0]),f=(0,H.useMemo)(()=>d.find(e=>c(e)),[]),p=d.find(e=>!e.overviewItem),m=f?.id||p?.id||d[0]?.id,[h,g]=(0,H.useState)({firstLevel:u,secondLevel:m}),[_,v]=(0,H.useState)(!f),y=(0,H.useRef)(),b=(0,H.useRef)(null),x=(0,H.useRef)(!0),S=(0,H.useRef)(!0),C=(0,H.useRef)(null);(0,H.useRef)(null),(0,H.useEffect)(()=>(C.current=document.body.querySelector(`.header__banderole`)?.parentElement,w(),()=>{T()}),[]);let w=()=>{C.current&&C.current.remove()},T=()=>{if(C.current&&!document.body.contains(C.current)){let e=document.querySelector(`header`);e&&document.body.insertBefore(C.current,e)}};(0,H.useEffect)(()=>{_?r():e();let i=[t.subscribe(`${E.HISTORY}.menu`,()=>{o()}),t.subscribe(`${E.HISTORY}.menuChannel`,()=>{x.current?j():o()})];return y.current&&(y.current.addEventListener(`scroll`,e=>{let{scrollHeight:t,scrollTop:n,clientHeight:r}=e.target;Math.abs(t-r-n)<1?S.current&&(S.current=!1,s.sendActionLandmark({view:`pictureNaviLayer\\bottom`})):S.current=!0}),x.current=_,t.publish(n.NAVIGATION_ACCORDION.RENDERED,{firstLayer:_})),()=>{y.current&&y.current.removeEventListener(`scroll`,()=>{}),i.forEach(e=>t.unsubscribe(e))}},[]),(0,H.useEffect)(()=>{_?D.remove(`menuChannel`):D.push(`menuChannel`)},[_]);let O=e=>{let t=q(i.find(t=>t.id===e));g({firstLevel:e,secondLevel:t[0]?.id})},k=t=>{g(e=>({...e,secondLevel:t})),v(!1),e()},j=()=>{v(!0),r()},M=_?``:`-slide`,N=i.find(e=>e.id===h.firstLevel),P=q(N);return(0,U.jsxs)(`div`,{className:`navigation__layers-wrapper`,children:[(0,U.jsx)(`div`,{ref:y,className:`navigation__first-layer `+M,"jsh-first-navi-layer":``,children:(0,U.jsx)(Ge,{activeFirstLevelId:h.firstLevel,setActiveFirstLevelId:O,selectSecondLevelItem:k,visible:_})}),(0,U.jsx)(`div`,{className:`navigation__second-layer `+M,ref:b,children:(0,U.jsx)(Ye,{backToFirstLayer:j,firstLevelTitle:N?.title,firstLevelId:N?.id,secondLevelItems:P,selectSecondLevelId:h.secondLevel,visible:!_,texts:a,secondLayerRef:b},`${h.firstLevel}-${h.secondLevel}`)})]})}function Ze({currentShopId:e,currentPage:r,headerRef:i}){let{mobileNaviOpened:a}=(0,H.useContext)(A),[o,s]=(0,H.useState)(a),c=(0,H.useRef)();(0,H.useEffect)(()=>{let e=[t.subscribe(n.APP_BANNER.CLOSE,l)];return()=>

4{e.forEach(e=>t.unsubscribe(e))}},[]),(0,H.useEffect)(()=>{a?s(!0):setTimeout(()=>s(!1),300)},[a]);let l=()=>{let e=i.current.getBoundingClientRect().bottom;c.current.style.top=`${e}px`};return(0,U.jsx)(`div`,{ref:c,className:`navigation__mobile-container${a?` -open`:``}`,children:(0,U.jsx)(Ue,{currentShopId:e,currentPage:r,children:o&&(0,U.jsx)(Xe,{moveContainerBelowHeader:l,moveContainerToTop:()=>{c.current.style.top=`0`}})})})}function Qe({navigation:e,currentShopId:t,currentPage:n,headerRef:r}){let i=y(`s`,`xl`);return(0,U.jsxs)(U.Fragment,{children:[i&&(0,U.jsx)(Ke,{}),(0,U.jsx)(`nav`,{className:`navigation__container-new`,children:(0,U.jsx)(ke,{currentPage:n,navigationItems:e.navigationItems,texts:e.texts})}),i&&(0,U.jsx)(Ze,{currentShopId:t,currentPage:n,headerRef:r})]})}function $e({url:e,title:r,deviceType:i}){let[a,o]=(0,H.useState)(0);return(0,H.useEffect)(()=>{let e=[t.subscribe(n.CART.ITEM_CHANGE_SUCCESS,e=>{o(e.data?.cart?.cartTop?.cartCount)}),t.subscribe(n.CART.ITEM_ADD_SUCCESS,({cartSummary:e})=>{o(e?.count)})];return R(e=>o(e?.count)),()=>e.forEach(e=>t.unsubscribe(e))},[]),(0,U.jsx)(`a`,{href:e,className:`header__icon-box`,title:r,onClick:()=>{let e={navi:`tn\\basket\\\\${i}\\`};s.sendUserInterfaceLandmark(e)},children:(0,U.jsx)(k,{count:a,iconName:`shopping-bag`})})}function et({user:e}){let{linkTarget:t,loggedIn:n,texts:r}=e,i=n?r.cus__header_user_logged_in_accessibility:r.cus__header_user_not_logged_in_accessibility;return(0,U.jsx)(`div`,{className:`header__user-wrapper`,children:(0,U.jsx)(`a`,{href:t,className:`header__icon-box block`,children:(0,U.jsx)(k,{iconName:`user`,checked:n,accessibleText:i})})})}var tt=async e=>{let t=u.toAbsolute(`/ajax/search/suggests/`),n=u.addUrlParam(t,`query`,e),r=await l(n,{method:`GET`,headers:new Headers({"Content-Type":`application/json`})});if(!r.ok)throw Error(`Failed to fetch suggestions`);return r.json()},nt=e=>P({queryKey:[`search`,`suggestions`,e],placeholderData:e=>e,queryFn:()=>tt(e)});function rt(e,t){let[n,r]=(0,H.useState)(e);return(0,H.useEffect)(()=>{let n=setTimeout(()=>r(e),t);return()=>clearTimeout(n)},[e,t]),n}var it=`searchHistory`,at=10,ot=()=>{try{return localStorage.getItem(it)}catch{return null}},st=e=>{try{localStorage.setItem(it,JSON.stringify(e))}catch{}},ct=()=>{try{localStorage.removeItem(it)}catch{}},lt=()=>{let e=ot();if(!e)return[];let t=r.tryParseJSON(e);return Array.isArray(t)?t.filter(e=>typeof e==`string`):(ct(),[])},ut=e=>[...e].reverse().slice(0,at);function dt(){let[e,t]=(0,H.useState)([]);return(0,H.useEffect)(()=>{t(ut(lt()))},[]),{recentSearches:e,addToSearchHistory:e=>{let n=typeof e==`string`?e.trim():``;if(!n)return;let r=lt().filter(e=>e.toLowerCase()!==n.toLowerCase());r.push(n);let i=r.slice(-10);st(i),t(ut(i))},clearSearchHistory:()=>{ct(),t([])}}}var ft=`focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-clr-on-bg-high`,pt=()=>{let[e,t]=(0,H.useState)(!1);return{isKeyboardFocus:e,onFocusCapture:()=>t(re.default.ask()===`keyboard`),onBlurCapture:()=>t(!1)}},mt=/([^\p{L}\d ()/,.\-+]+)/gu,ht=/(((http|www)[^ ]*( |$))|[\\p{IsAlphabetic}\\d-]+\\.[\\p{IsAlphabetic}\\d-]{2,})/g,gt=/(( |^)[^ ]*@[^ ]*)/g,_t=/((?!9)[+0]?[\d /-]{8,}\d)/g,vt=e=>e.replace(ht,``).replace(gt,``).replace(_t,``).replace(mt,``).trim(),yt=e=>new z(e).isNotEmpty().isValid(),bt=/(^|[\s-])(\p{L})/gu,Z=e=>e.replace(bt,(e,t,n)=>t+n.toUpperCase()),xt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),St=({text:e,highlight:t})=>{let n=t?.trim();if(!n)return(0,U.jsx)(`span`,{children:e});let r=e.split(RegExp(`(${xt(n)})`,`gi`)),i=n.toLowerCase();return(0,U.jsx)(U.Fragment,{children:r.map((e,t)=>e.toLowerCase()===i?(0,U.jsx)(`strong`,{children:e},t):(0,U.jsx)(`span`,{children:e},t))})},Ct=({searchTerm:e,value:t,listMode:n,isActive:r,selectionMode:i,onSelect:a,id:o,onMouseOver:s})=>{let c=``;return r&&(i===`HOVER`&&(c=`hover`),i===`SELECT`&&(c=`active`)),(0,U.jsx)(`li`,{id:o,role:`option`,"aria-selected":r,className:`search__result-item ${c}`,onClick:e=>{e.preventDefault(),a(t)},onMouseDown:e=>e.preventDefault(),onMouseEnter:s,children:(0,U.jsxs)(`div`,{className:`search__result-item-container`,children:[(0,U.jsx)(C,{variant:`search`}),(0,U.jsx)(`div`,{className:`search__result_item-label`,children:(0,U.jsx)(S,{variant:`subt

4itle1`,component:`span`,children:n===`SUGGESTIONS`?(0,U.jsx)(St,{text:Z(t),highlight:e}):Z(t)})})]})})},wt=({products:e,searchTerm:t,allArticlesLabel:n,onViewAll:r,onProductClick:i})=>!e||e.length===0?null:(0,U.jsxs)(`div`,{className:`search__product-suggestions !mt-[22px] xl:!mt-0`,children:[(0,U.jsxs)(`button`,{className:`search__all-articles-link px-4 xl:px-0`,onClick:r,onMouseDown:e=>e.preventDefault(),children:[(0,U.jsx)(S,{variant:`body1`,component:`span`,children:Tt(n,t)}),(0,U.jsx)(C,{variant:`arrow-right`,className:`search__all-articles-arrow`})]}),(0,U.jsx)(`ul`,{className:`search__product-suggestions-list`,role:`list`,children:e.map(e=>(0,U.jsx)(`li`,{className:`search__product-suggestion`,children:(0,U.jsxs)(`a`,{className:`search__product-suggestion-link`,href:e.link,onMouseDown:e=>e.preventDefault(),onClick:()=>i?.(e),children:[e.imageUrl&&(0,U.jsx)(`img`,{className:`search__product-suggestion-image`,src:e.imageUrl,alt:e.name,loading:`lazy`}),(0,U.jsx)(`div`,{className:`mx-3`,children:(0,U.jsx)(S,{variant:`body1`,component:`span`,className:`search__product-suggestion-name`,children:e.name})})]})},e.id))})]}),Tt=(e,t)=>{let n=(0,U.jsxs)(`strong`,{children:[`"`,t,`"`]},`term`),[r,i=``]=(e||`Alle Artikel für {term} ansehen`).split(`{term}`);return(0,U.jsxs)(U.Fragment,{children:[r,n,i]})},Et=2,Dt=({header:e,terms:t,showMoreLabel:n,showLessLabel:r,renderChip:i,onToggleExpanded:a})=>{let o=t||[],s=y(`s`,`xl`),c=(0,H.useRef)([]),[l,u]=(0,H.useState)(!1),[d,f]=(0,H.useState)(!1),[p,m]=(0,H.useState)(null),[h,g]=(0,H.useState)(o.length),_=(0,H.useCallback)(()=>{let e=c.current.filter(Boolean);if(!s||e.length===0){f(!1),m(null),g(e.length);return}let t=e.map(e=>e.offsetTop),n=[...new Set(t)].sort((e,t)=>e-t);if(n.length>Et){let e=n[Et];f(!0),m(e-n[0]),g(t.findIndex(t=>t>=e))}else f(!1),m(null),g(e.length)},[s]);if((0,H.useLayoutEffect)(()=>{_()},[_,o.length]),(0,H.useEffect)(()=>{let e=()=>_();return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[_]),o.length===0)return null;let v=d&&!l,b=()=>{let e=!l;u(e),a?.(e)};return(0,U.jsxs)(`div`,{children:[e,(0,U.jsx)(`div`,{className:`flex flex-wrap gap-x-2${v?` overflow-hidden`:``}`,style:v&&p!=null?{maxHeight:`${p}px`}:void 0,role:`list`,children:o.map((e,t)=>{let n=v&&t>=h;return(0,U.jsx)(`div`,{ref:e=>c.current[t]=e,className:`flex items-center py-1.5 max-w-full`,role:`listitem`,"aria-hidden":n?`true`:void 0,children:i(e,n,t)},`${e}-${t}`)})}),d&&(0,U.jsxs)(`div`,{className:`mt-2 inline-flex items-center gap-1`,children:[(0,U.jsx)(w,{small:!0,component:`button`,onClick:b,children:l?r||`weniger anzeigen`:n||`mehr anzeigen`}),(0,U.jsx)(`span`,{className:`inline-flex items-center cursor-pointer [&_svg]:w-4 [&_svg]:h-4`,onClick:b,onMouseDown:e=>e.preventDefault(),"aria-hidden":`true`,children:(0,U.jsx)(C,{variant:l?`arrow-up`:`arrow-down`})})]})]})},Q={sendSearchIconClick:()=>{c.sendTrinityEvent({schema:{version:2,name:`CLICK_HEADER_ICON`},attributes:{clickName:`search`,object:`icon`}})},sendSearchLayerView:()=>{c.sendTrinityEvent({schema:{version:1,name:`LAYERVIEW_SEARCH_LAYER`},attributes:{layerViewName:`searchLayer`}})},sendSearchLayerCloseX:()=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_LAYER`},attributes:{clickName:`searchLayerCloseX`,object:`xIcon`}})},sendSearchLayerCloseBackground:()=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_LAYER`},attributes:{clickName:`searchLayerCloseBackground`,object:`backdrop`}})},sendSearchLayerAllResults:()=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_LAYER`},attributes:{clickName:`allSearchResults`,object:`link`}})},sendSearchInputEnterTerm:e=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_LAYER_INPUT`},attributes:{clickName:`enterSearchTerm`,searchTerm:e}})},sendSearchInputSubmit:e=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_LAYER_INPUT`},attributes:{clickName:`submitSearch`,searchTerm:e,object:`button`}})},sendSearchInputDeleteTerm:e=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_LAYER_INPUT`}

4,attributes:{clickName:`deleteSearchTerm`,searchTerm:e,object:`link`}})},sendSearchSuggestionTermView:(e,t)=>{c.sendTrinityEvent({schema:{version:1,name:`VIEW_SEARCH_SUGGESTION_TERM`},attributes:{viewName:`searchSuggestionTerm`,suggestedTerm:e,currentSearchInput:t}})},sendSearchSuggestionTermClick:(e,t,n)=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_SUGGESTION_TERM`},attributes:{clickName:`clickSuggestedTerm`,suggestedTerm:e,currentSearchInput:t,amountOfSearchResult:n,object:`link`}})},sendSearchSuggestionProductView:(e,t)=>{c.sendTrinityEvent({schema:{version:1,name:`VIEW_SEARCH_SUGGESTION_PRODUCT`},attributes:{viewName:`searchSuggestionProduct`,itemId:e,currentSearchInput:t}})},sendSearchSuggestionProductClick:(e,t)=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_SUGGESTION_PRODUCT`},attributes:{clickName:`clickSuggestedProduct`,itemId:e,currentSearchInput:t,object:`link`}})},sendSearchRecentSearchesView:e=>{c.sendTrinityEvent({schema:{version:1,name:`VIEW_SEARCH_RECENT_SEARCHES`},attributes:{viewName:`recentSearchesSection`,visibleSearchTerms:e}})},sendSearchPopularSearchesView:e=>{c.sendTrinityEvent({schema:{version:1,name:`VIEW_SEARCH_POPULAR_SEARCHES`},attributes:{viewName:`popularSearchesSection`,visibleSearchTerms:e}})},sendSearchRecentSearchesAction:(e,t=``,n=-1)=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_RECENT_SEARCHES_ACTION`},attributes:{clickName:e,searchTerm:t,position:n,object:`link`}})},sendSearchPopularSearchesAction:(e,t=``,n=-1)=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_SEARCH_POPULAR_SEARCHES_ACTION`},attributes:{clickName:e,searchTerm:t,position:n,object:`link`}})}},Ot=10,kt=`flex items-center gap-2 min-h-8 max-w-full px-3 py-1 rounded border border-solid border-clr-on-bg-high has-[:focus-visible]:outline has-[:focus-visible]:outline-1 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-clr-on-bg-high`,At=`border-0 bg-transparent p-0 cursor-pointer text-left text-sm text-clr-on-bg-high [@media(hover:hover)]:hover:underline`,jt=`flex items-center shrink-0 border-0 bg-transparent p-0 cursor-pointer [&_svg]:w-3.5 [&_svg]:h-3.5`,Mt=({recentSearches:e,historyHeader:t,clearLabel:n,showMoreLabel:r,showLessLabel:i,insertLabel:a,onSelectTerm:o,onInsertTerm:s,clearSearchHistory:c})=>{let l=(e||[]).slice(0,Ot),u=e=>(a||`„{term}“ in das Suchfeld übernehmen`).replace(`{term}`,Z(e)),d=(e,t)=>{Q.sendSearchRecentSearchesAction(`clickRecentSearchTerm`,e,t),o(e)},f=(e,t)=>{Q.sendSearchRecentSearchesAction(`copyRecentSearchTerm`,e,t),s(e)};return(0,U.jsx)(Dt,{terms:l,showMoreLabel:r,showLessLabel:i,onToggleExpanded:e=>{Q.sendSearchRecentSearchesAction(e?`showMoreRecentSearches`:`showLessRecentSearches`)},header:(0,U.jsxs)(`div`,{className:`flex items-baseline justify-start gap-3 mb-2`,children:[(0,U.jsx)(S,{variant:`h6`,component:`span`,className:`text-clr-on-bg-mid`,children:t||`Deine letzten Suchen`}),(0,U.jsx)(w,{small:!0,component:`button`,onClick:()=>{Q.sendSearchRecentSearchesAction(`deleteAllRecentSearches`),c()},children:n||`löschen`})]}),renderChip:(e,t,n)=>(0,U.jsxs)(`div`,{className:kt,children:[(0,U.jsx)(`button`,{type:`button`,className:At,tabIndex:t?-1:0,onClick:()=>d(e,n),onMouseDown:e=>e.preventDefault(),children:Z(e)}),(0,U.jsx)(`button`,{type:`button`,className:jt,tabIndex:t?-1:0,"aria-label":u(e),onClick:()=>f(e,n),onMouseDown:e=>e.preventDefault(),children:(0,U.jsx)(C,{variant:`search-form-arrow`})})]})})},Nt=10,Pt=`flex items-center rounded border border-solid border-clr-on-bg-high bg-transparent px-3 py-1.5 max-w-full text-left text-sm text-clr-on-bg-high cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-clr-on-bg-high [@media(hover:hover)]:hover:underline`,Ft=({popularSearches:e,header:t,showMoreLabel:n,showLessLabel:r,onSelectTerm:i})=>{let a=(e||[]).slice(0,Nt),o=(e,t)=>{Q.sendSearchPopularSearchesAction(`clickPopularSearchTerm`,e,t),i(e)};return(0,U.jsx)(Dt,{terms:a,showMoreLabel:n,showLessLabel:r,onToggleExpanded:e=>{Q.sendSearchPopularSearchesAction(e?`showMorePopularSearches`:`showLessPopularSearches`)},header:(0,U.jsx)(`div`,{className:`mb-2`,children:(0,U.jsx)(S,{variant:`h6`,component:`span`,className:`text-clr-on-bg-mid`,children:t||`Beliebte Suchen`})}),renderChip:(e,t,n)=>(0,U.jsx)(`button`,{type:`button`,className:Pt,tabIndex:t?-1:0,onClick:()=>o(e,n),onMouseDown:e=>e.preventDefault(),children:Z(e)})})},It=async()=>{let e=u.toAbsolute(`/ajax/search/texts/`),t=await l(e,{method:`GET`,headers:new Headers({"Content-Type":`application/json`})});if(!t.ok)throw Error(`Failed to fetch suggestions`);return t.json()},Lt=()=>P({queryKey:[`search`,`texts`],staleTime:36e5,queryFn:()=>It()}),Rt=(0,H.lazy)(()=>B(()=>import(`./RecommendationContainer-W5MxGKPg.js`).then(e=>e.n),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53]))),zt=()=>JSON.stringify({dataUrl:u.toAbsolute(`/ajax/recommendation/search/`),paramString:``}),Bt=({listMode:e,currentList:t,productSuggestions:n,deferredSearchTerm:r,selectedIndex:i,selectionMode:a,handleSelectItem:o,handleSearchResultItemHover:s,handleViewAllResults:c,handleProductSuggestionClick:l,handleInsertTerm:u,onRecommendationPointerDown:d,unselectField:f,clearSearchHistory:p,showPopular:m,popularSearches:h,popularHeader:g,showMoreLabel:_,showLessLabel:v})=>{let{data:y}=Lt(),b=`HISTORY`;return(0,U.jsxs)(`div`,{className:`search__input-dropdown ${e===b?`!pt-6`:`!pt-2`} xl:!pt-0 xl:!mt-6`,onMouseLeave:f,onMouseDown:e=>{e.preventDefault()},children:[(0,U.jsx)(`div`,{className:`search__input-dropdown-content px-4 xl:px-0${e===b?` xl:flex-auto xl:min-w-0`:``}`,children:e===b?(0,U.jsxs)(U.Fragment,{children:[m?(0,U.jsx)(Ft,{popularSearches:h,header:g,showMoreLabel:_,showLessLabel:v,onSelectTerm:o}):(0,U.jsx)(Mt,{recentSearches:t,historyHeader:y?.searchHistoryHeader,clearLabel:y?.clearSearchHistory,showMoreLabel:y?.showMoreRecentSearches,showLessLabel:y?.showLessRecentSearches,insertLabel:y?.insertSearchTerm,onSelectTerm:o,onInsertTerm:u,clearSearchHistory:p}),(0,U.jsxs)(`div`,{className:`mt-8 xl:mt-5`,onPointerDown:d,onMouseDown:e=>e.preventDefault(),children:[(0,U.jsx)(`div`,{className:`mb-2`,children:(0,U.jsx)(S,{variant:`h6`,component:`span`,className:`text-clr-on-bg-mid`,children:y?.recommendationHeader||`Unsere Lieblingsteile für Dich`})}),(0,U.jsx)(H.Suspense,{fallback:(0,U.jsx)(`div`,{}),children:(0,U.jsx)(`div`,{className:`[&>div]:!pb-0 [&>div]:!mb-0 [&>div>div:first-child]:hidden`,children:(0,U.jsx)(Rt,{ajaxSwiperData:zt(),texts:y,page:`search`})})})]})]}):(0,U.jsx)(`ul`,{className:`search__input__dropdown-list [&>li:first-child]:!mt-2 xl:[&>li:first-child]:!mt-3`,role:`listbox`,id:`search-suggestions-listbox`,"aria-label":y?.searchHistoryHeader,onMouseLeave:f,children:t.map((t,n)=>(0,U.jsx)(Ct,{searchTerm:r,value:t,listMode:e,isActive:n===i,selectionMode:a,onSelect:o,id:`search-option-${n}`,onMouseOver:()=>{s(n)}},n))})}),e===`SUGGESTIONS`&&(0,U.jsx)(wt,{products:n,searchTerm:r,allArticlesLabel:y?.allArticlesLink,onViewAll:c,onProductClick:l})]})},Vt=async()=>{let e=u.toAbsolute(`/ajax/search/popular/`),t=await l(e,{method:`GET`,headers:new Headers({"Content-Type":`application/json`})});if(!t.ok)throw Error(`Failed to fetch popular searches`);let n=await t.json();return Array.isArray(n)?n.filter(e=>typeof e==`string`):[]},Ht=()=>P({queryKey:[`search`,`popular`],staleTime:36e5,queryFn:()=>Vt()}),Ut=`textfield`,Wt=`suggest`,Gt=`lastsearch`,Kt=`popularsearch`,$=`SUGGESTIONS`,qt=`HISTORY`,Jt=({searchUrl:e,hideLogo:t,showLogo:n})=>{let r=new URL(window.location.href).searchParams,[i,a]=(0,H.useState)(!1),[o,s]=(0,H.useState)(r.get(`originQuery`)||r.get(`qu`)||``),[c,l]=(0,H.useState)(!1),[u,d]=(0,H.useState)(-1),[f,p]=(0,H.useState)(`HOVER`),m=rt(o,300),{recentSearches:h,addToSearchHistory:g,clearSearchHistory:_}=dt(),v=y(`s`,`xl`),b=y(`xl`,`xxl`),{data:S}=Lt(),{data:C}=nt(m),{data:T}=Ht(),{headerLightMode:E}=(0,H.useContext)(A),D=pt(),O=(0,H.useMemo)(()=>(T||[]).slice(0,10),[T]),k=h.length===0&&O.length>0,j=(0,H.useRef)(null),M=(0,H.useRef)(null),N=(0,H.useRef)(!1),P=(0,H.useRef)(!1),F=(0,H.useRef)(!1),I=(0,H.useRef)(!1),L=(0,H.useRef)(!1),R=(0,H.useMemo)(()=>o?$:qt,[o]);(0,H.useEffect)(()=>{a(!1),n()},[v]),(0,H.useEffect)(()=>{F.current=!1,i&&M.current&&M.current.focus()},[i]),(0,H.useEffect)(()=>

4{if(!i){I.current=!1,L.current=!1;return}R===qt&&(k&&!L.current?(L.current=!0,Q.sendSearchPopularSearchesView(O)):!k&&h.length>0&&!I.current&&(I.current=!0,Q.sendSearchRecentSearchesView(h)))},[i,R,k,h,O]),(0,H.useEffect)(()=>{if(!i||!v)return;window.history.pushState({searchOverlay:!0},``),N.current=!0;let e=()=>{N.current=!1,de()};return window.addEventListener(`popstate`,e),()=>window.removeEventListener(`popstate`,e)},[i,v]),(0,H.useEffect)(()=>{if(!i||!v)return;let{body:e}=document,t=window.scrollY;return e.classList.add(`search-overlay-open`),e.style.position=`fixed`,e.style.top=`-${t}px`,e.style.left=`0`,e.style.right=`0`,e.style.width=`100%`,()=>{e.classList.remove(`search-overlay-open`),e.style.position=``,e.style.top=``,e.style.left=``,e.style.right=``,e.style.width=``,window.scrollTo(0,t)}},[i,v]);let z=(0,H.useMemo)(()=>{if(R===qt)return h.length>0?h:O;let e=Array.isArray(C?.termSuggestions)?C.termSuggestions.filter(e=>typeof e?.value==`string`).map(e=>e.value):[];return v?e.slice(0,5):e},[R,h,O,C,v]),B=(0,H.useMemo)(()=>{if(R!==$)return[];let e=Array.isArray(C?.productSuggestions)?C.productSuggestions.filter(e=>e?.link):[],t=v?6:b?2:3;return e.slice(0,t)},[R,C,v,b]),ee=z.length>0||B.length>0,V=C?.searchTerm||``,W=R===$&&i&&V.length>0&&z.length>0?JSON.stringify(z):``;(0,H.useEffect)(()=>{W&&!P.current&&Q.sendSearchSuggestionTermView(z,V)},[W]);let G=R===$&&i&&V.length>0&&B.length>0?JSON.stringify(B.map(e=>e.itemId)):``;(0,H.useEffect)(()=>{G&&!P.current&&Q.sendSearchSuggestionProductView(B.map(e=>e.itemId),V)},[G]);let te=e=>{Q.sendSearchSuggestionProductClick(Number(e.itemId),o)},ne=e=>{P.current=!1,s(e),d(-1)},re=()=>{Q.sendSearchInputEnterTerm(o)},ie=()=>{l(!0)},ae=()=>{setTimeout(()=>{F.current||j.current?.contains(document.activeElement)||(l(!1),d(-1),v&&(a(!1),n()))},0)},oe=e=>{e.pointerType!==`mouse`&&document.activeElement===M.current&&(F.current=!0,M.current.blur())},K=e=>{if(R!==$){e.key===`Escape`?(l(!1),d(-1)):e.key===`Enter`&&X();return}let t=c&&z.length>0,n=()=>{t?d(e=>(e+1)%z.length):(l(!0),d(0))},r=()=>{t&&d(e=>(e-1+z.length)%z.length)},i=()=>{if(u>=0&&t){e.preventDefault();let t=z[u];se(t)}else X()},a=()=>{l(!1),d(-1)};switch(e.key){case`ArrowDown`:e.preventDefault(),p(`SELECT`),n();break;case`ArrowUp`:e.preventDefault(),p(`SELECT`),r();break;case`Enter`:i();break;case`Escape`:a();break;case`Tab`:if(e.shiftKey){if(u<=0||!t){a();return}e.preventDefault(),p(`SELECT`),r();return}if(u===z.length-1){a();return}e.preventDefault(),p(`SELECT`),n()}},se=e=>{P.current=!0,s(e);let t=Ut;R===$?(t=Wt,Q.sendSearchSuggestionTermClick(e,o,B.length)):R===qt&&(t=k?Kt:Gt),l(!1),d(-1),Y(e,t)};function ce(e){d(e),p(`HOVER`)}function le(){d(-1)}let ue=()=>{Q.sendSearchInputDeleteTerm(o),s(``),d(-1),M.current?.focus()},q=e=>{s(e),d(-1),l(!0),M.current?.focus()},de=()=>{l(!1),d(-1),a(!1),v&&n()},fe=()=>{if(N.current){N.current=!1,window.history.back();return}de()},J=()=>{Q.sendSearchLayerAllResults(),Y(o,Ut)},pe=e=>{e.preventDefault(),Q.sendSearchIconClick(),i?X():(a(!0),Q.sendSearchLayerView(),v&&t())},Y=(t,n)=>{let r=vt(t);r.length===0||!yt(r)||(M.current.value=r,s(r),n!==Gt&&g(r),window.location.href=`${e}?qu=${encodeURIComponent(r)}&searchmode=m&search_origin=${n}`)},X=()=>{let e=vt(o);e.length===0||!yt(e)||(Q.sendSearchInputSubmit(e),Y(o,Ut))},me=i?`Suche abschicken`:`Suche öffnen`;return(0,U.jsxs)(U.Fragment,{children:[i&&(0,U.jsx)(`div`,{className:`search__scrim`,"aria-hidden":`true`,onMouseDown:e=>e.preventDefault(),onClick:()=>{Q.sendSearchLayerCloseBackground(),fe()}}),(0,U.jsx)(`div`,{ref:j,className:`search__container${i?` -open`:``}${E?` -light`:``}`,onBlur:ae,children:(0,U.jsxs)(`div`,{className:`search__panel`,children:[(0,U.jsxs)(`div`,{className:`search__bar px-4 xl:px-0`,children:[(0,U.jsxs)(`div`,{className:`search__field-group`,children:[(0,U.jsxs)(`div`,{className:`search__input-field-wrapper`,children:[(0,U.jsx)(`input`,{id:`search`,ref:M,type:`text`,inputMode:`search`,enterKeyHint:`search`,className:`search__input-field ${`text-clr-${E?`on-primary-high`:`primary`}`} ${D.isKeyboardFocus?ft:``} rounded`,placeholder:` `,onFocus:ie,onBlur:ae,onFocusCapture:D.onFocusCapture,onBlurCapture:D.onBlurCapture,onClick:re,autoComplete:`off`,value:o,onKeyDown:K,onChange:e=>ne(e.target.value)}),(0,U.jsx)(`label`,{htmlFor:`search`,className:`search__input-field-label text-clr-on-bg-low`,children:S?.searchPlaceholder||`Wonach suchst Du?`})]}

4),o&&(i||c)&&(0,U.jsx)(`span`,{className:`search__clear`,onMouseDown:e=>e.preventDefault(),children:(0,U.jsx)(w,{small:!0,component:`button`,onClick:ue,children:S?.clearSearch||`löschen`})}),(0,U.jsx)(`span`,{className:`search__submit`,onMouseDown:e=>e.preventDefault(),children:(0,U.jsx)(x,{icon:`search`,label:me,variant:o&&i?`primary`:`tertiary`,onClick:pe})})]}),(0,U.jsx)(`span`,{className:`search__close`,onMouseDown:e=>e.preventDefault(),children:(0,U.jsx)(x,{icon:`closer`,label:S?.closeButtonLabel||`Suche schließen`,variant:`tertiary`,onClick:()=>{Q.sendSearchLayerCloseX(),fe()}})})]}),i&&ee&&(0,U.jsx)(Bt,{listMode:R,currentList:z,productSuggestions:B,deferredSearchTerm:m,selectedIndex:u,selectionMode:f,handleSelectItem:se,handleSearchResultItemHover:ce,handleViewAllResults:J,handleProductSuggestionClick:te,handleInsertTerm:q,onRecommendationPointerDown:oe,unselectField:le,clearSearchHistory:_,showPopular:k,popularSearches:O,popularHeader:S?.popularSearchesHeader,showMoreLabel:S?.showMoreRecentSearches,showLessLabel:S?.showLessRecentSearches})]})})]})},Yt=({searchTerm:e,value:t,listMode:n,isActive:r,selectionMode:i,onSelect:a,id:o,onMouseOver:s})=>{let c=``;return r&&(i===`HOVER`&&(c=`hover`),i===`SELECT`&&(c=`active`)),(0,U.jsx)(`li`,{id:o,role:`option`,"aria-selected":r,className:`search-legacy__result-item ${c}`,onClick:e=>{e.preventDefault(),a(t)},onMouseDown:e=>e.preventDefault(),onMouseEnter:s,children:(0,U.jsxs)(`div`,{className:`search-legacy__result-item-container`,children:[(0,U.jsx)(C,{variant:`search`}),(0,U.jsx)(`div`,{className:`search-legacy__result_item-label`,children:(0,U.jsx)(S,{variant:`subtitle1`,component:`span`,children:n===`SUGGESTIONS`?(0,U.jsx)(St,{text:Z(t),highlight:e}):Z(t)})})]})})},Xt=({listMode:e,currentList:t,deferredSearchTerm:n,selectedIndex:r,selectionMode:i,handleSelectItem:a,handleSearchResultItemHover:o,unselectField:s,clearSearchHistory:c})=>{let{data:l}=Lt();return(0,U.jsxs)(`div`,{className:`search-legacy__input-dropdown xl:border-solid xl:border xl:border-clr-on-primary-mid`,onMouseLeave:s,onMouseDown:e=>{e.preventDefault()},children:[e===`HISTORY`&&(0,U.jsxs)(`div`,{className:`search-legacy__input__dropdown-header`,children:[(0,U.jsx)(S,{variant:`bonprix-h5`,component:`span`,children:l?.searchHistoryHeader}),(0,U.jsx)(`button`,{className:`search-legacy__input__dropdown__clear__history-button`,onClick:c,children:l?.clearSearchHistory})]}),(0,U.jsx)(`ul`,{className:`search-legacy__input__dropdown-list`,role:`listbox`,id:`search-suggestions-listbox`,"aria-label":l?.searchHistoryHeader,children:t.map((t,s)=>(0,U.jsx)(Yt,{searchTerm:n,value:t,listMode:e,isActive:s===r,selectionMode:i,onSelect:a,id:`search-option-${s}`,onMouseOver:()=>{o(s)}},s))})]})},Zt=`textfield`,Qt=`suggest`,$t=`lastsearch`,en=`SUGGESTIONS`,tn=`HISTORY`,nn=({searchUrl:e,noResultsFound:t,hideLogo:n,showLogo:r})=>{let i=new URL(window.location.href).searchParams,[a,o]=(0,H.useState)(!1),[s,c]=(0,H.useState)(i.get(`originQuery`)||i.get(`qu`)||``),[l,u]=(0,H.useState)(!1),[d,f]=(0,H.useState)(-1),[p,m]=(0,H.useState)(`HOVER`),h=rt(s,300),{recentSearches:g,addToSearchHistory:_,clearSearchHistory:v}=dt(),b=y(`s`,`xl`),{data:x}=Lt(),{data:S}=nt(h),{headerLightMode:w}=(0,H.useContext)(A),T=pt(),E=(0,H.useRef)(null),D=(0,H.useRef)(null),O=(0,H.useMemo)(()=>s?en:tn,[s]);(0,H.useEffect)(()=>{t&&b?(o(!0),n()):(o(!1),r())},[b]),(0,H.useEffect)(()=>{a&&b&&D.current&&D.current.focus()},[a,b]);let k=(0,H.useMemo)(()=>O===tn?g:Array.isArray(S?.termSuggestions)?S.termSuggestions.filter(e=>typeof e?.value==`string`).map(e=>e.value):[],[O,g,S]),j=e=>{c(e),f(-1)},M=()=>{u(!0)},N=()=>{setTimeout(()=>{E.current?.contains(document.activeElement)||(u(!1),f(-1),b&&(o(!1),r()))},0)},P=e=>{let t=l&&k.length>0,n=()=>{t?f(e=>(e+1)%k.length):(u(!0),f(0))},r=()=>{t&&f(e=>(e-1+k.length)%k.length)},i=()=>{if(d>=0&&t){e.preventDefault();let t=k[d];F(t)}else z(s,Zt)},a=()=>{u(!1),f(-1)};switch(e.key){case`ArrowDown`:e.preventDefault(),m(`SELECT`),n();break;case`ArrowUp`:e.preventDefault(),m(`SELECT`),r();break;case`Enter`:i();break;case`Escape`:a();break;case`Tab`:if(e.shiftKey){if(d<=0||!t){a();return}e.preventDefault(),m(`SELECT`),r();return}if(d===k.length-1){a();return}e.preventDefault(),m(`SELECT`),n()}},F=e=>{c(e);let t=Zt;O===en?t=Qt:O===tn&&(t=$t),u(!1),f(-1),z(e,t)};function I(e){f(e),m(`HOVER`)}function L(){f(-1)}let R=e=>{b?(e.preventDefault(),a?z(s,Zt):(o(!0),n())):z(s,Zt)},z=(t,n)=>{let r=vt(t);r.length===0||!yt(r)||(D.current.value=r,c(r),n!==$t&&_(r),window.location.href=`${e}?qu=${encodeURIComponent(r)}&searchmode=m&search_origin=${n}`)},B=`text-clr-${w?`on-primary-high`:`primary`}`;return(0,U.jsxs)(`div`,{ref:E,className:`search-legacy__container${a?` -open`:``}${w?` -light`:``}`,onBlur:N,children:[(0,U.jsxs)(`div`,{className:`search-legacy__input-field-wrapper`,children:[(0,U.jsx)(`input`,{id:`search`,ref:D,type:`text`,inputMode:`search`,enterKeyHint:`search`,className:`search-legacy__input-field ${B} ${T.isKeyboardFocus?ft:``} rounded`,placeholder:` `,onFocus:M,onBlur:N,onFocusCapture:T.onFocusCapture,onBlurCapture:T.onBlurCapture,autoComplete:`off`,value:s,onKeyDown:P,onChange:e=>j(e.target.value)}),(0,U.jsx)(`label`,{htmlFor:`search`,className:`search-legacy__input-field-label ${B}`,children:x?.searchPlaceholder})]}),(0,U.jsx)(`button`,{className:`search-legacy__search-button`,onClick:R,"aria-label":`Suche abschicken`,children:(0,U.jsx)(C,{variant:`search`,className:`${w?`fill-clr-on-primary-high`:``}`})}),(0,U.jsx)(`button`,{className:`search-legacy__close-button`,onClick:()=>o(!1),"aria-label":`Suche schließen`,children:(0,U.jsx)(C,{variant:`closer`,className:`${w?`fill-clr-on-primary-high`:``}`})}),l&&k.length>0&&(0,U.jsx)(Xt,{listMode:O,currentList:k,deferredSearchTerm:h,selectedIndex:d,selectionMode:p,handleSelectItem:F,handleSearchResultItemHover:I,unselectField:L,clearSearchHistory:v})]})};function rn({rootUrl:e}){let{headerLightMode:t}=(0,H.useContext)(A);return(0,U.jsx)(`a`,{className:`header__bp-logo`,href:e,title:`Zur bonprix Startseite`,"aria-label":`Zur bonprix Startseite`,onClick:()=>{s.sendClickLandmark(`logo`)},children:(0,U.jsx)(T,{variant:`bonprix`,className:`logo-img${t?`-light`:``}`})})}

4var an=(0,H.forwardRef)(function({onClick:e,ariaControls:t=`voucher-dialog`,showBadge:n=!1},r){return(0,U.jsx)(`button`,{ref:r,className:`header__icon-box voucher-button`,title:`Gutscheine & Rabatte`,type:`button`,onClick:e,"aria-haspopup":`dialog`,"aria-controls":t,children:(0,U.jsxs)(`div`,{className:`header__icon-with-badge`,children:[(0,U.jsx)(C,{variant:`voucher`,className:`fill-current`}),n&&(0,U.jsx)(`span`,{className:`header-icon__badge`,"aria-hidden":`true`})]})})});function on({isOpen:e,onClose:t,ariaLabel:n,children:r,popoverSeen:i,popoverRight:a}){let o=(0,H.useRef)(null);return(0,H.useEffect)(()=>{if(!e)return;let n=e=>{e.key===`Escape`&&t?.()};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[e,t]),(0,H.useEffect)(()=>{e&&i?.()},[]),e?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`div`,{className:`intro-popover__arrow`,"aria-hidden":`true`}),(0,U.jsxs)(`div`,{ref:o,className:`intro-popover`,role:`dialog`,"aria-modal":`false`,"aria-label":n,style:{"--popover-right":a},children:[(0,U.jsx)(`button`,{type:`button`,className:`intro-popover__close`,"aria-label":`Schließen`,onClick:t,children:`×`}),(0,U.jsx)(`div`,{className:`intro-popover__content`,children:r})]})]}):null}var sn=typeof window<`u`;function cn(e,t){if(!sn||!e)return null;try{return e.getItem(t)}catch{return null}}

4function ln(e,t,n){if(!sn||!e)return!1;try{return e.setItem(t,n),!0}catch{return!1}}function un({rootUrl:e,navigation:t,wishlist:n,cart:r,user:i,deviceType:a,notifications:o,currentPage:s,currentShopId:l,search:u}){let[d,p]=(0,H.useState)(!1),[m,h]=(0,H.useState)(!1),[v,y]=(0,H.useState)(!1),[b,x]=(0,H.useState)(null),S=(0,H.useRef)(),C=(0,H.useRef)(null),w=`voucherBadgeSeen`,T=g.getVariant(`EXPI-186`)===_.VARIANT_B,E=f.isEnabled(`SEARCH_REDESIGN_ONSITE_SEARCH`);(0,H.useEffect)(()=>{let e=cn(window?.localStorage,w)===`true`,t=T&&!e;h(t),y(t),t?x(`voucher`):o?.cartItemsPresentInNewSessionCount>0?x(`cart`):o?.wishlistItemsPresentInNewSessionCount>0&&x(`wishlist`)},[]);let D=()=>{T&&(m&&h(!1),v&&y(!1),b===`voucher`&&x(null),ln(window?.localStorage,w,`true`))},O=()=>{p(!0)},k=()=>{p(!1)},A=()=>{D(),ee.sendWalletIconClick(),window.dispatchEvent(new CustomEvent(`voucher-modal:open`))},M=e=>{c.sendTrinityEvent({schema:{version:1,name:`CLICK_HEADER_HINT_CLOSE`},attributes:{clickName:`closeHint`,icon:e}}),x(null)},N=e=>{c.sendTrinityEvent({schema:{version:2,name:`VIEW_HEADER_HINT`},attributes:{viewName:`headerHint`,hintType:`savedStyles`,icon:e}})};return(0,U.jsxs)(`div`,{className:`header__inner-wrapper`,ref:S,children:[(0,U.jsxs)(`div`,{className:`header__left`,children:[!d&&(0,U.jsx)(rn,{rootUrl:e}),(0,U.jsx)(Qe,{navigation:t,currentPage:s,currentShopId:l,headerRef:S})]}),(0,U.jsxs)(`div`,{className:`header__right`,children:[E?(0,U.jsx)(Jt,{searchUrl:u.url,noResultsFound:u.noResultsFound,hideLogo:O,showLogo:k}):(0,U.jsx)(nn,{searchUrl:u.url,noResultsFound:u.noResultsFound,hideLogo:O,showLogo:k}),(0,U.jsx)(et,{user:i}),T&&(0,U.jsxs)(`div`,{className:`header__voucher-wrapper`,children:[(0,U.jsx)(an,{ref:C,onClick:A,ariaControls:`voucher-dialog`,showBadge:m}),b===`voucher`&&(0,U.jsxs)(on,{popoverSeen:()=>N(`wallet`),isOpen:!0,onClose:D,ariaLabel:`Gutschein-Einführung`,children:[(0,U.jsx)(`div`,{className:`intro-popover__title`,onClick:A,children:`Deine neue Gutscheinübersicht ist da!`}),(0,U.jsxs)(`div`,{onClick:A,children:[`Ab sofort findest Du `,(0,U.jsx)(`span`,{className:`intro-popover__text-link`,children:`hier`}),` all Deine Rabatte.`]})]})]}),(0,U.jsxs)(`div`,{className:`relative flex items-center`,children:[(0,U.jsx)(j,{wishlistUrl:n.url,wishlistCount:n.count,deviceType:a,texts:n.texts,enabled:n.enabled}),b===`wishlist`&&(0,U.jsxs)(on,{popoverSeen:()=>N(`wishlist`),isOpen:!0,popoverRight:`-1.8rem`,onClose:()=>M(`wishlist`),ariaLabel:`Hinweis zur Wunschliste`,children:[(0,U.jsx)(`div`,{className:`intro-popover__title`,children:`Du hast Artikel auf Deiner Wunschliste!`}),(0,U.jsx)(`div`,{children:`Schau sie Dir jetzt an.`})]})]}),(0,U.jsxs)(`div`,{className:`relative flex items-center`,children:[(0,U.jsx)($e,{url:r.url,title:r.title,deviceType:a}),b===`cart`&&(0,U.jsxs)(on,{popoverSeen:()=>N(`cart`),isOpen:!0,popoverRight:`0.2rem`,onClose:()=>M(`cart`),ariaLabel:`Hinweis zum Warenkorb`,children:[(0,U.jsx)(`div`,{className:`intro-popover__title`,children:`Du hast noch Artikel im Warenkorb!`}),(0,U.jsx)(`div`,{children:`Schließe Deinen Einkauf jetzt ab.`})]})]})]})]})}function dn(){return{navigationModel:o.get(`navigation`),userModel:o.get(`headerUserModel`),wishlistModel:o.get(`wishlistGlobalModel`),notificationsModel:o.get(`personalNotificationsModel`)}}var fn={load:dn},pn=[`added`,`removed`,`updated`];function mn(e){return pn.includes(e)}async function hn({queryClient:e,persister:t,maxAge:n=864e5,buster:r=``,hydrateOptions:i}){try{let a=await t.restoreClient();if(a){if(a.timestamp){let o=Date.now()-a.timestamp>n,s=a.buster!==r;if(o||s)return t.removeClient();ye(e,a.clientState,i)}else return t.removeClient()}}catch(e){throw await t.removeClient(),e}}async function gn({queryClient:e,persister:t,buster:n=``,dehydrateOptions:r}){let i={buster:n,timestamp:Date.now(),clientState:ve(e,r)};await t.persistClient(i)}function _n(e){let t=e.queryClient.getQueryCache().subscribe(t=>{mn(t.type)&&gn(e)}),n=e.queryClient.getMutationCache().subscribe(t=>{mn(t.type)&&gn(e)});return()=>{t(),n()}}function vn(e){let t=!1,n;return[()=>{t=!0,n?.()},hn(e).then(()=>{t||(n=_n(e))})]}function yn(){}function bn(e,{interval:t=1e3,onError:n=yn}={}){if(typeof e!=`function`)throw Error(`argument is not function.`);let r=0,i=null,a=!1,o=!1;return async(...s)=>{if(i=s,!o){for(o=!0;a;)await new Promise(e=>M.setTimeout(e,t));for(;Date.now()<r;)await new Promise(e=>M.setTimeout(e,r-Date.now()));o=!1,a=!0;try{await e(...i)}catch(e){try{n(e)}catch{}}r=Date.now()+t,a=!1}}}var xn=({storage:e,key:t=`REACT_QUERY_OFFLINE_CACHE`,throttleTime:n=1e3,serialize:r=JSON.stringify,deserialize:i=JSON.parse,retry:a})=>{if(e){let o=async n=>{try{let i=await r(n);await e.setItem(t,i);return}catch(e){return e}};return{persistClient:bn(async e=>{let t=e,n=await o(t),r=0;for(;n&&t;)r++,t=await a?.({persistedClient:t,error:n,errorCount:r}),t&&(n=await o(t))},{interval:n}),restoreClient:async()=>{let n=await e.getItem(t);if(n)return await i(n)},removeClient:()=>e.removeItem(t)}}return{persistClient:yn,restoreClient:()=>Promise.resolve(void 0),removeClient:yn}},{moduleScope:Sn,config:Cn}=d(`header-new`),{currentPage:wn,deviceType:Tn,currentShopId:En,cartUrl:Dn,cartTitle:On,searchUrl:kn,searchNoResultsFound:An,rootUrl:jn,lightColorScheme:Mn,transparentHeader:Nn}=Cn,Pn={title:On,url:Dn},Fn={url:kn,noResultsFound:An},In=fn.load(),Ln=new L;vn({queryClient:Ln,persister:xn({storage:window.sessionStorage,key:`BONPRIX_HEADER_QUERY_CLIENT`})}),(0,V.createRoot)(Sn).render((0,U.jsx)(F,{client:Ln,children:(0,U.jsx)(O,{isTransparent:Nn===`true`,lightMode:Mn===`true`,headerWrapper:Sn,children:(0,U.jsx)(un,{moduleScope:Sn,wishlist:In.wishlistModel,cart:Pn,navigation:In.navigationModel,notifications:In.notificationsModel,deviceType:Tn,currentPage:wn,currentShopId:En,user:In.userModel,search:Fn,rootUrl:jn})})}));
5//# sourceMappingURL=header-new-B97UzGRF.js.map

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.