1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2112],{6278:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var r=a(55490);let o="undefined"!=typeof document?document.querySelector("html").dataset:{},{imageOptimizingOrigin:l}=o,n=o?o.mediaBackend:"https://backend.yumeko.nl/media/";n||(n=(0,r.Ah)()?"https://backend.yumeko.nl/pub/media/":"https://backend.test/media/");let s=!!(0,r.Ah)()||"backend"===l,c=/^(data|http|https)?:/i,i=new Map().set("image-product","catalog/product/").set("image-category","catalog/category/"),d=function(e){let{type:t,...a}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t||!t.startsWith("image-"))return e;let{origin:o}=(0,r.Ah)()?{origin:""}:window.location,l=c.test(e),d="https://backend.yumeko.nl",h=new URL(e,n);if(!l&&i.has(t)){let a=i.get(t);h.pathname.includes(a)||(h=new URL((a.endsWith("/")?a.slice(0,-1):a)+"/"+(e&&e.startsWith("/")?e.slice(1):e),n))}h.href.startsWith(d)&&!s&&(h=new URL(h.href.slice(d.length),o));let u=new URLSearchParams(h.search);return(u.set("auto","webp"),u.set("format","pjpg"),Object.entries(a).forEach(e=>{let[t,a]=e;null!=a&&u.set(t,a)}),h.search=u.toString(),h.origin===o)?h.href.slice(h.origin.length):h.href}},12112:(e,t,a)=>{"use strict";a.d(t,{A:()=>A});var r=a(95155),o=a(12115);let l="default";var n=a(95637),s=a.n(n);let c=e=>{let{alt:t,className:a,handleError:o,handleLoad:l,height:n,src:s,width:c,...i}=e;return(0,r.jsx)("img",{loading:"lazy",...i,alt:t,className:a,height:n,onError:o,onLoad:l,src:s,width:c})},i=e=>{let{alt:t,classes:a,displayPlaceholder:o,height:l,imageHasError:n,imageIsLoaded:s,src:i,width:d,...h}=e,{shouldRenderPlaceholder:u}=(e=>{let{displayPlaceholder:t,imageHasError:a,imageIsLoaded:r}=e;return{shouldRenderPlaceholder:!(!t||r&&!a)}})({displayPlaceholder:o,imageHasError:n,imageIsLoaded:s}),g=u?a.placeholder:a.placeholder_layoutOnly,m="".concat(a.image," ").concat(g);return(0,r.jsx)(c,{loading:"eager",height:l,width:d,...h,alt:t,className:m,src:null!=i?i:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAQAAADIpIVQAAAADklEQVR42mNkgAJGIhgAALQABsHyMOcAAAAASUVORK5CYII="})};var d=a(6278);let h=new Map(Object.entries({ICON:40,THUMBNAIL:80,SMALL:160,REGULAR:320,LARGE:640,LARGER:960,XLARGE:1280,XXLARGE:1600,XXXLARGE:2560})),u=(e,t)=>(a,r)=>(0,d.A)(e,{type:t,width:a,height:r,fit:"cover"}),g=(e,t)=>{if(!e||!t)return"";let a=u(e,t);return Array.from(h,e=>{let[,t]=e;return t}).map(e=>"".concat(a(e,Math.round(e/.8))," ").concat(e,"w")).join(",\n")},m=e=>{let{alt:t,className:a,handleError:n,handleLoad:s,height:c,resource:i,type:d,width:h,widths:m,...p}=e,{sizes:A,src:_,srcSet:f}=(e=>{let{generateSrcset:t,generateUrl:a,height:r,resource:n,type:s,width:c,widths:i}=e,d=(0,o.useMemo)(()=>a(n,s)(c,r),[a,r,n,s,c]),h=(0,o.useMemo)(()=>t(n,s),[t,n,s]);return{sizes:(0,o.useMemo)(()=>{if(!i)return c?"".concat(c,"px"):"";let e=[];for(let[t,a]of i)t!==l&&e.push("(max-width: ".concat(t,"px) ").concat(a,"px"));return e.push("".concat(i.get(l),"px")),e.join(", ")},[c,i]),src:d,srcSet:h}})({generateSrcset:g,generateUrl:u,height:c,resource:i,typeimages:d||"image-product",width:h,widths:m});return _&&_.replace("https://dev.yumeko.nl","https://backend.yumeko.nl"),(0,r.jsx)("img",{loading:"lazy",...p,alt:t,className:a,height:c,onError:n,onLoad:s,sizes:A,src:_,srcSet:f,width:h})};var p=a(55490);let A=e=>{let{alt:t,classes:a,displayPlaceholder:n,height:d,onError:h,onLoad:u,placeholder:g,resource:A,src:_,type:f,width:y,widths:L,...w}=e,{handleError:k,handleImageLoad:E,hasError:R,isLoaded:b,resourceWidth:x}=(e=>
1{let{onError:t,onLoad:a,width:r,widths:n}=e,[s,c]=(0,o.useState)(!1),[i,d]=(0,o.useState)(!1),h=(0,o.useCallback)(()=>{c(!0),"function"==typeof a&&a()},[a]);return{handleError:(0,o.useCallback)(()=>{d(!0),"function"==typeof t&&t()},[t]),handleImageLoad:h,hasError:i,isLoaded:s,resourceWidth:(0,o.useMemo)(()=>r||(n?n.get(l):void 0),[r,n])}})({onError:h,onLoad:u,width:y,widths:L}),S="".concat(s().root," ").concat(s().container),j=b||(0,p.Ah)()?s().loaded:s().notLoaded,v="".concat(s().image," ").concat(j),N=_?(0,r.jsx)(c,{alt:t,className:v,handleError:k,handleLoad:E,height:d,src:_,width:y,...w}):(0,r.jsx)(m,{alt:t,className:v,handleError:k,handleLoad:E,height:d,resource:A,type:f,width:x,widths:L,...w});return(0,r.jsxs)("div",{className:S,children:[(0,r.jsx)(i,{alt:t,classes:s(),displayPlaceholder:!n||n,height:d,imageHasError:R,imageIsLoaded:b,src:g,width:x,...w}),N]})}},95637:e=>{e.exports={root:"image_root__a3G3g",container:"image_container__ZgGVP",image:"image_image__Ado5T",loaded:"image_loaded__1SZvA",notLoaded:"image_notLoaded__qB7SQ image_loaded__1SZvA",placeholder:"image_placeholder__sOfpP",placeholder_layoutOnly:"image_placeholder_layoutOnly__m74f_ image_placeholder__sOfpP"}}}]);
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.