https://www.nordicnest.de/static/4266.c984c60ff634f76c.js

1"use strict";(self.webpackChunknestcom=self.webpackChunknestcom||[]).push([["4266"],{9258:function(e,t,n){n.d(t,{r:()=>d});var r=n(8931),a=n(6003),i=n(3587),l=n(2063),o=n(2562),s=n(3516),c=n(2454);let d=(0,a.I4)(e=>(0,r.jsx)(x,{children:(0,r.jsx)(g,{children:(e?.segments??[]).map((t,n)=>(0,r.jsxs)(i.Fragment,{children:[0===n?(0,r.jsx)(m,{css:n+1===e.segments.length&&p,children:n<e.segments.length-1||e.isProductPage?(0,r.jsx)(h,{to:t.url,...c.Sv.BreadCrumbLink,children:t.name}):t.name}):(0,r.jsx)(u,{css:n+1===e.segments.length&&p,children:n<e.segments.length-1||e.isProductPage?(0,r.jsx)(h,{to:t.url,...c.Sv.BreadCrumbLink,children:t.name}):t.name}),n<e.segments.length-1&&"/"]},t.url))})})),x=a.I4.div(s.cX,s.qA,(0,l.$f)({fontSize:e=>e.breadcrumbs.fontSizeLargeViewport,margin:{y:e=>e.spacing.m}}),{display:"flex",alignItems:"center",flexDirection:"row",fontSize:e=>e.breadcrumbs.fontSizeBase,margin:{y:e=>e.spacing.xs}}),h=(0,a.I4)(o.A,{textDecoration:"none"}),g=a.I4.div({display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap",fontWeight:e=>e.breadcrumbs.segmentFontWeight}),p=(0,a.I4)({fontWeight:"normal",color:e=>e.breadcrumbs.lastSegmentColor}),u=a.I4.span({color:e=>e.breadcrumbs.color,margin:{x:4}}),m=(0,a.I4)(u,{marginLeft:0})},4401:function(e,t,n){n.r(t),n.d(t,{useRootCategory:()=>M,RootCategory:()=>O});var r=n(8931),a=n(3587),i=n(2018),l=n(6003),o=n(2063),s=n(9258),c=n(7016),d=n(7630),x=n(3514),h=n(7348),g=n(8201),p=n(8725);let u=a.memo(e=>{let{allChildLinks:t,onSearch:n}=M(),[l,o]=a.useState(""),s=a.useRef(void 0),[c,x]=a.useState(!1),h=a.useCallback(e=>{let n=t,r=e.toLowerCase();return n.filter(e=>e.name.toLowerCase().includes(r))},[t]),g=a.useCallback(e=>{n(h(e))},[h,n]),u=a.useCallback(e=>{e.preventDefault(),g(l)},[g,l]),j=a.useCallback(()=>{clearTimeout(s.current)},[]),I=a.useCallback(e=>{j(),s.current=window.setTimeout(()=>{g(e)},500)},[j,g]),k=a.useCallback(e=>{e!==l&&(o(e),I(e))},[I,l]),v=a.useCallback(e=>{k(e.currentTarget.value)},[k]),w=a.useCallback(e=>{let t=e.currentTarget.value;e.currentTarget.selectionStart=t.length,x(!0),o?.(t)},[o]),T=a.useCallback(()=>{l.length>0&&(o(""),n(h("")))},[h,n,l.length]);return(0,r.jsx)(m,{onSubmit:u,children:(0,r.jsxs)(f,{css:c&&b,children:[(0,r.jsx)(C,{as:d.Sx.Transparent,type:"submit",disableRippleEffect:!0,square:!0,"aria-label":(0,i.Tl)(e=>e.quickSearchPlaceholderText),children:(0,r.jsx)(p.WI,{})}),(0,r.jsx)(S,{placeholder:e.placeholderTranslation,autoComplete:"off",value:l,onChange:v,onFocus:w,onBlur:()=>x(!1),"aria-label":e.placeholderTranslation}),(0,r.jsx)(C,{onClick:T,as:d.Sx.Transparent,disableRippleEffect:!0,"aria-label":(0,i.Tl)(e=>e.ariaLabelCloseButton),square:!0,children:(0,r.jsx)(y,{css:{opacity:+(l.length>0)}})})]})})}),m=l.I4.form((0,o.H_)({maxWidth:645}),{width:"100%",margin:{x:"auto",top:e=>e.sharedSpacing.xxxl}}),f=l.I4.div((0,h.K)(d.Sx.White),(0,o.Ob)({border:{x:{width:0}}}),{display:"flex",justifyContent:"space-between",alignItems:"center",height:48}),b=(0,l.I4)({outline:{color:e=>e.inputFocusOutlineColor,width:1,style:"solid"},border:{xy:{color:e=>e.inputFocusOutlineColor}}}),S=l.I4.input({width:"100%",backgroundColor:"inherit",border:{xy:{style:"none"}},":focus":{border:{xy:{style:"none"}},outline:{style:"none"}}}),C=(0,l.I4)(g.$n,(0,x.U)({backgroundColor:"transparent"}),{padding:{left:e=>e.sharedSpacing.m}}),y=(0,l.I4)(p.US,{transition:{property:"opacity",timingFunction:"ease-in-out",duration:200}});var j=n(7108),I=n(2562);let k=a.memo(()=>{let{filteredChildLinks:e,allChildLinks:t}=M(),[n,l]=a.useState(null),o=((e=[])=>a.useMemo(()=>{let t={};return e.filter(e=>!!e.name).forEach(e=>{let n=e.name.charAt(0).toUpperCase();t[n]?t[n].push(e):t[n]=[e]}),t},[e]))(e),s=Object.keys(o).sort(),c=a.useMemo(()=>[...new Set(t.filter(e=>!!e.name).map(({name:e})=>e.charAt(0).toUpperCase()).sort())],[t]);return(0,r.jsxs)(v,{children:[(0,r.jsxs)(w,{children:[(0,r.jsx)(z,{as:null===n?d.Sx.Monochrome:d.Sx.White,onClick:()=>l(null),children:(0,i.Tl)(e=>e.rootCategory.showAllButtonText)}),c.map(e=>(0,r.jsx)(T,{as:n===e?d.Sx.Monochrome:d.Sx.White,onClick:()=>l(e.toUpperCase()),children:e},e))]}),s.filter(e=>!n||e===n).map(e=>(0,r.jsxs)(B,{children:[(0,r.jsx)(_,{children:e}),(0,r.jsx)(H,{children:o[e].map(({name:e,url:t})=>(0,r.jsx)(W,{children:(0,r.jsx)(A,{to:t,children:e})},t))})]},e))]})}),v=l.I4.div((0,o.H_)({marginBottom:e=>e.sharedSpacing.xxxxl}),{marginBottom:e=>e.sharedSpacing.xxxl}),w=l.I4.div((0,o.TG)({padding:{x:e=>e.sharedSpacing.m}}),(0,o.H_)({flexWrap:"wrap",overflowX:"visible"}),{display:"flex",alignItems:"center",gap:e=>e.sharedSpacing.m,padding:{y:e=>e.sharedSpacing.xl},overflowX:"scroll",borderBottom:{color:e=>e.borderColor,style:"solid",width:1}}),T=(0,l.I4)(g.$n,{flexShrink:0,padding:{x:e=>e.sharedSpacing.m}}),z=(0,l.I4)(T,{textTransform:"capitalize"}),B=l.I4.div((0,o.TG)({padding:{xy:e=>e.sharedSpacing.m}}),(0,o.H_)({flexDirection:"row",alignItems:"flex-start"}),{display:"flex",flexDirection:"column",padding:{y:e=>e.sharedSpacing.l},borderBottom:{color:e=>e.borderColor,style:"solid",width:1}}),_=l.I4.div((0,o.H_)({fontSize:e=>e.fontSize.xxl,width:"36px",margin:{right:e=>e.spacing.xxxxl,bottom:0}}),{fontSize:e=>e.fontSize.s,fontWeight:700,lineHeight:1,margin:{bottom:e=>e.spacing.xxs},flexShrink:0}),H=l.I4.ul(j.y,(0,o.H_)({display:"grid",gridTemplateColumns:"repeat(4, 1fr)",columnGap:e=>e.spacing.xs,rowGap:e=>e.spacing.xs}),{flexGrow:1}),W=l.I4.li((0,o.H_)({alignSelf:"center",padding:{y:0}}),{padding:{y:e=>e.spacing.xxs}}),A=(0,l.I4)(I.A,{":hover":{textDecoration:"underline"}});var P=n(3516),F=n(6752),L=n(4750),q=n(6730),D=n(257);let G=a.memo(function({spotlightElements:e=[]}){return(0,r.jsx)(R,{children:e.map(({id:e,name:t,url:n,image:a})=>a&&(0,r.jsx)(U,{to:n,title:t,onClick:()=>(0,L.p)({id:e,type:"spotlight",link:n}

1),children:(0,r.jsx)(E,{preset:"tiny",sizes:"40vw",alt:t,image:a})},n))})}),R=l.I4.div((0,o.TG)({gridTemplateColumns:"repeat(2, 1fr)",gap:e=>e.sharedSpacing.m}),{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:e=>e.sharedSpacing.m}),E=(0,l.I4)(F.Ay,D.Ie,{objectFit:"contain",maxHeight:"100%",maxWidth:"100%"}),U=(0,l.I4)(I.A,(0,q.Xf)(q.gl["16:9"]),{display:"flex",alignItems:"center",overflow:"hidden"});var X=n(4665);let $=a.createContext(void 0);function M(){let e=a.useContext($);if(!e)throw Error("Root Category Context was not provided");return e}let O=(0,i.Nj)(({page:e,childLinks:t,breadcrumbs:n,spotlight:i})=>{let[l,o]=a.useState(t),d=K(e.subType);return(0,r.jsxs)($.Provider,{value:{allChildLinks:t,filteredChildLinks:l,onSearch:o},children:[(0,r.jsx)(s.r,{...n}),(0,r.jsxs)(N,{children:[(0,r.jsx)(V,{children:e.name}),(0,r.jsx)(J,{children:(0,r.jsx)(c.yo,{...e.description,styleDecorators:Q})}),i&&(0,r.jsx)(G,{spotlightElements:i}),e.topContent&&(0,r.jsx)(c.uH,{...e.topContent}),(0,r.jsx)(u,{searchCategory:e.name,placeholderTranslation:d}),(0,r.jsx)(k,{}),e.bottomContent&&(0,r.jsx)(c.uH,{...e.bottomContent})]})]})}),K=e=>{let t={brand:(0,i.Tl)(e=>e.brandSearchPlaceholderText),designer:(0,i.Tl)(e=>e.designerSearchPlaceholderText),quickSearch:(0,i.Tl)(e=>e.quickSearchPlaceholderText)},n=(0,X.I)(t.quickSearch)?t.quickSearch:"";switch(e){case"brand":return(0,X.I)(t.brand)?t.brand:n;case"designer":return(0,X.I)(t.designer)?t.designer:n;default:return n}},N=(0,l.I4)(P.eB,P.cX,(0,o.$f)({padding:{x:e=>e.sharedSpacing.xxxl}})),V=l.I4.h1({textAlign:"center",marginBottom:e=>e.sharedSpacing.l}),J=l.I4.div({maxWidth:645,margin:{x:"auto"},padding:{x:e=>e.sharedSpacing.m}}),Q={p:(0,l.I4)((0,o.$f)({marginBottom:0}),(0,o.H_)({fontSize:e=>e.sharedFontSize.s}),{marginBottom:0,textAlign:"center",lineHeight:"normal",fontSize:e=>e.sharedFontSize.xs})}},4750:function(e,t,n){n.d(t,{p:()=>i});var r=n(5996),a=n(2333);function i(e){let t={event:"select_content",ecommerce:{content_id:e.id,content_link:e.link,content_type:e.type,content_action:e.action,copy_content:e.content,...(0,r.uA)(),items:[]}};(0,a.KP)(t)}}}]);
2//# sourceMappingURL=4266.c984c60ff634f76c.js.map