https://www.fibers-foams.nl/_next/static/chunks/1257-b99b25ee734b6348.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1257],{16992:(e,t,r)=>{r.d(t,{A:()=>s});var n=r(9055),a=r(28830),i=r(78769);let o=(0,a.I4)("div",{position:"relative",width:"100%",defaultVariants:{margin:"4",background:"white"},variants:{background:{white:{backgroundColor:"$white"},blue:{backgroundColor:"$gray1",[".".concat(a.ix," &")]:{backgroundColor:"$gray2"}},gray:{backgroundColor:"$gray1",[".".concat(a.P2," &")]:{backgroundColor:"$colors$primaryLighter"}},wobble:{[".".concat(a._0," &, .").concat(a.P2," &")]:{overflow:"hidden","&::before":{content:"",position:"absolute",inset:0,backgroundColor:"$white",zIndex:0},"&::after":{content:"",position:"absolute",top:"-50px",right:"-250px",width:"1027px",height:"1267px",backgroundRepeat:"no-repeat",backgroundSize:"1027px 1267px",backgroundPosition:"-100px -100px",backgroundImage:"url(/assets/images/wobble.svg)",transform:"rotate(35deg)",zIndex:1}}},primary:{[".".concat(a._0," &, .").concat(a.P2," &")]:{color:"$white",overflow:"hidden","&::before":{content:"",position:"absolute",inset:0,backgroundColor:"$primary",zIndex:0},"&::after":{content:"",position:"absolute",top:0,left:0,width:"552px",height:"622px",backgroundRepeat:"no-repeat",backgroundSize:"552px 622px",backgroundPosition:"-55px 0",backgroundImage:"url(/assets/images/wobble.svg)",transform:"rotate(165deg) scaleX(-1)",zIndex:1}},[".".concat(a.P2," &")]:{"&::before":{backgroundColor:"$primaryDark"}},[".".concat(a.VN," &")]:{backgroundColor:"$primary"}}},padding:{true:{paddingVertical:"$4","@mdDown":{paddingVertical:"$3"}},...(0,a.yr)("space",e=>({paddingVertical:e,"@mdDown":{paddingVertical:"$3"}}))},margin:{true:{marginVertical:"$4","@mdDown":{marginVertical:"$3"}},...(0,a.yr)("space",e=>({marginVertical:e,"@mdDown":{marginVertical:"$3"}}))}}}),l=(0,a.I4)(i.A,{position:"relative",zIndex:2});function s(e){let{children:t,...r}=e;return(0,n.jsx)(o,{...r,children:(0,n.jsx)(l,{children:t})})}try{s.displayName="Section"}catch(e){}},39263:(e,t,r)=>{r.d(t,{A:()=>g});var n=r(9055),a=r(63572),i=r(42470),o=r(28830),l=r(10748);(0,o.I4)("div",{});let s=(0,o.I4)(l.A,{textAlign:"center",alignSelf:"center",fontWeight:"$bold",[".".concat(o.ix)]:{color:"$body"},[".".concat(o.VN," &")]:{fontWeight:"$light"}}),c=(0,o.I4)(l.A.Small,{textAlign:"center",alignSelf:"center"});function d(e){let{title:t,subtitle:r,image:o,href:l,onClick:d,unoptimized:g,...u}=e,{isEasyFelt:p,isEarendelGroup:h}=(0,a.Qp)();return t?(0,n.jsxs)(i.A,{as:"link",href:null!=l?l:"/",onClick:e=>{d&&(e.preventDefault(),d())},image:o,width:800,unoptimized:g,height:p?800:600,...u,children:[(0,n.jsx)(s,{children:t}),!!r&&(0,n.jsx)(c,{children:r})]}):(0,n.jsx)(i.A,{as:"link",href:null!=l?l:"/",onClick:e=>{d&&(e.preventDefault(),d())},image:o,width:800,unoptimized:g,hasBorder:!0,hasShadow:!h,height:p?800:600,...u})}try{d.displayName="ThumbnailCard"}catch(e){}let g=d},41397:(e,t,r)=>{r.d(t,{d:()=>a});var n=r(80543);function a(e){let t=(0,n.useRef)(void 0);return{debounce:(0,n.useCallback)(r=>{clearTimeout(t.current),t.current=setTimeout(r,e)},[e])}}},51257:(e,t,r)=>{r.r(t),r.d(t,{default:()=>E});var n=r(9055),a=r(80543),i=r(28667),o=r(63676),l=r(67801),s=r(16992),c=r(41397),d=r(58804),g=r(20137),u=r(48745),p=r(78769),h=r(25143),m=r(10748),x=r(65221),b=r(62038),y=r(42868),f=r(70678),j=r(29218),v=r(93832);function C(e){let{image:t,onBack:r,onConfirm:a}=e,i=(0,b.useTranslations)("components");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v._,{src:t,height:"400",width:"400",objectFit:"contain"}),(0,n.jsxs)(u.A,{marginTop:"$4",flexDirection:"row",gap:"$2",justifyContent:"space-between",css:{"@smDown":{flexDirection:"column"}},children:[(0,n.jsx)(j.A,{variant:"inspiration",onClick:r,icon:f.A,children:i("preprImageCollectionSection.other")}),(0,n.jsx)(j.A,{onClick:()=>a(t),icon:y.A,children:i("preprImageCollectionSection.confirm")})]})]})}try{C.displayName="Preview"}catch(e){}var $=r(61210),k=r(25016);function w(e){let{value:t,onChange:r,isLoading:a}=e,i=(0,b.useTranslations)("components");return(0,n.jsx)(k.A,{value:t,onChange:e=>{r(e.target.value)},icon:$.A,placeholder:i("preprImageCollectionSection.placeholder"),isLoading:a})}try{w.displayName="Search"}catch(e){}var A=r(38400),I=r(7694);function S(e){let{isSection:t,onBack:r,tag:a,onTag:i,tags:o}=e,l=(0,b.useTranslations)("global");return(0,n.jsxs)(u.A,{marginBottom:t?"$5":"$1",alignItems:"center",flexDirection:"row",gap:"$2",justifyContent:"space-between",children:[(0,n.jsx)(A.A,{type:"button",icon:f.A,as:"button",onClick:r,css:{marginVertical:"$1_5"},children:l("previous")}),o&&(0,n.jsx)(I.A,{value:a,onChange:i,options:o.map(e=>({label:e.body,value:e.slug}))})]})}try{S.displayName="Tags"}catch(e){}var T=r(39263),N=r(94320),z=r(28830),D=r(88871);let P=(0,z.I4)(D.A,{display:"flex",alignItems:"center",marginHorizontal:"$6"});try{P.displayName="Pages"}catch(e){}let V=(0,z.I4)("button",m.A.Body,{size:"$$height",lineHeight:"$$height",borderRadius:"$round",textAlign:"center",cursor:"pointer",border:"1px solid $gray2",[".".concat(z.l2," &")]:{border:"1px solid $gray1"}});try{V.displayName="Button"}catch(e){}let B=(0,z.I4)(V,{variants:{isActive:{true:{color:"$white",backgroundColor:"$primary",borderColor:"$primary",[".".concat(z.P2," &")]:{backgroundColor:"$primaryDark",borderColor:"$primaryDark"},[".".concat(z.VN," &")]:{backgroundColor:"$gray4",borderColor:"$gray4"}},false:{"&:focus, &:hover":{borderColor:"$gray4"}}}}});try{B.displayName="Page"}catch(e){}let _=(0,z.I4)("div",V,{cursor:"auto"});try{_.displayName="Dots"}catch(e){}let L=(0,z.I4)("div",{$$height:"30px",display:"flex",alignItems:"center","@xsDown":{flexWrap:"wrap",justifyContent:"space-between",["& ".concat(P.toString())]:{flex:"0 1 100%",justifyContent:"center",margin:"0 auto",order:-1}}});try{L.displayName="Wrapper"}catch(e){}function R(e){let{currentPage:t=1,totalPages:r,onChange:a,...i}=e,o=(0,N.n)(t,r),l=(0,b.useTranslations)("global");if(0===t||o.length<2)return;let s=e=>({onClick:()=>{window.scrollTo({top:0}),a(e)}});return(0,n.jsxs)(L,{"data-testid":"pagination",...i,children:[t>1&&(0,n.jsx)(m.A.Body,{type:"button",as:"button","data-testid":"previous",...s(t-1),children:l("previous")}),(0,n.jsx)(P,{spacing:"1_5",children:o.map((e,r)=>"number"==typeof e?(0,n.jsx)(B,{"data-testid":"page",isActive:t===e,...s(e),children:e},r):(0,n.jsx)(_,{children:"…"},r))}),t<r&&(0,n.jsx)(m.A.Body,{type:"button",as:"button","data-testid":"next",...s(t+1),children:l("next")})]})}try{R.displayName="Pagination"}catch(e){}let W=(0,z.I4)("div",{display:"grid",gap:"$1_5",gridTemplateColumns:"repeat(5, 1fr)","@mdDown":{gridTemplateColumns:"repeat(3, 1fr)"},"@xsDown":{gridTemplateColumns:"repeat(2, 1fr)"}});function F(e){let{images:t,pagination:r}=e;return(0,n.jsxs)(n.Fragment,{children:[t&&(0,n.jsx)(W,{children:t.map((e,t)=>{let{image:r,onClick:a}=e;return(0,n.jsx)(T.A,{unoptimized:r.unoptimized,title:r.title,image:{src:r.url},onClick:()=>a(r)},t)})}),r&&(0,n.jsx)(R,{css:{marginTop:"$5",justifyContent:"center"},...r})]})}

1try{F.displayName="Thumbnails"}catch(e){}function H(e){let{element:t,variant:r="section",open:b,onOpenChange:y,onClick:f,...j}=e,{productDetail:v}=(0,d.Y)(),$=(0,i.useRouter)(),[k,A]=(0,a.useState)(""),[I,T]=(0,a.useState)(""),[N,z]=(0,a.useState)(1),[D,P]=(0,a.useState)(),[V,B]=(0,a.useState)(),[_,L]=(0,a.useState)(),{debounce:R}=(0,c.d)(500);(0,a.useEffect)(()=>{R(()=>{z(1),T(k),P(void 0),B(void 0)})},[R,k]);let{data:W,isLoading:H,isFetching:E}=g.i.oneTwoThreeRF.search.useQuery({query:V?"".concat(V.title).concat(D?" ".concat(D):""):I,page:N},{enabled:!!I||!!V&&V.images&&0===V.images.length,placeholderData:x.rX}),M=()=>{B(void 0),L(void 0),P(void 0),A("")},O=(0,a.useMemo)(()=>(null==V?void 0:V.images)&&V.images.length>0?{images:V.images.filter(e=>{var t;return!D||(null==(t=e.tags)?void 0:t.some(e=>{let{body:t}=e;return D===t}))}).slice((N-1)*o.p3,N*o.p3).map(e=>{let{image:t}=e;return{image:{id:t._id,url:t.url},onClick:L}}),pagination:{totalPages:V.images.length/o.p3,currentPage:N,onChange:z}}:W&&(I||V)?{images:W.images.map(e=>({image:{unoptimized:!0,id:e.id,url:e.url},onClick:L})),pagination:{totalPages:W.attributes.pages,currentPage:W.attributes.page,onChange:z}}:{images:t.categories.map(e=>({image:{id:e.image._id,title:e.title,url:e.image.url},onClick:()=>{B(e),P(void 0),z(1)}}))},[V,W,t.categories,N,I,D]),Q=!!I&&(H||E);return"modal"===r?(0,n.jsx)(l.A,{open:b,onOpenChange:e=>{B(void 0),L(void 0),P(void 0),A(""),null==y||y(e)},children:(0,n.jsxs)(l.A.Content,{size:"xl",children:[(0,n.jsxs)(u.A,{alignItems:"center",children:[(0,n.jsx)(m.A.H2,{as:"h2",children:t.title}),(0,n.jsx)(u.A,{marginTop:"$5",marginBottom:"$2",maxWidth:"$64",width:"100%",children:(0,n.jsx)(w,{value:k,onChange:A,isLoading:Q})})]}),(!!V||!!I)&&!_&&(0,n.jsx)(S,{tags:null==V?void 0:V.tags,tag:D,onTag:e=>{P(e),z(1)},onBack:M}),_?(0,n.jsx)(u.A,{marginTop:"$2",children:(0,n.jsx)(C,{image:_.url,onBack:()=>L(void 0),onConfirm:()=>{M(),null==f||f(_)}})}):(0,n.jsx)(h.A,{isLoading:E,children:(0,n.jsx)(F,{...O})})]})}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.A,{...j,children:(0,n.jsx)(p.A.Row,{children:(0,n.jsx)(p.A.Column,{lg:12,children:(0,n.jsxs)(u.A,{alignItems:"center",children:[(0,n.jsx)(m.A.H1,{as:"h2",children:t.title}),(0,n.jsx)(u.A,{marginTop:"$5",maxWidth:"$64",width:"100%",children:(0,n.jsx)(w,{value:k,onChange:A,isLoading:Q})})]})})})}),(0,n.jsx)(h.A,{isLoading:E,children:(0,n.jsxs)(s.A,{margin:0,background:"blue",css:{paddingVertical:"$5"},children:[(!!V||!!I)&&(0,n.jsx)(S,{isSection:!0,tags:null==V?void 0:V.tags,tag:D,onTag:e=>{P(e),z(1)},onBack:M}),(0,n.jsx)(F,{...O})]})}),_&&(0,n.jsx)(l.A,{open:!!_,onOpenChange:()=>L(void 0),children:(0,n.jsx)(l.A.Content,{size:"lg",children:(0,n.jsx)(C,{image:_.url,onBack:()=>L(void 0),onConfirm:()=>$.push({pathname:"".concat(v.getHref(t.configurator),"/image:").concat(_.id)})})})})]})}try{H.displayName="PreprImageCollectionSection"}catch(e){}let E=H},61210:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(9055);function a(e){return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",width:"1em",height:"1em",fill:"currentColor",...e,children:(0,n.jsx)("path",{d:"M368 208a160 160 0 1 0-320 0 160 160 0 1 0 320 0zm-30.9 163.1C301.7 399.2 256.8 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-134-133.8z"})})}try{a.displayName="IconSearch"}catch(e){}let i=a}}]);