1"use strict";(self.webpackChunkjonas_frontend=self.webpackChunkjonas_frontend||[]).push([[962],{339:(e,a,t)=>{t.r(a),t.d(a,{default:()=>p});var i={};t.r(i),t.d(i,{active:()=>n,imageLoaded:()=>d,image_loaded:()=>c,productSiblingsImage:()=>l,product_siblings__image:()=>g});var o=t(4848),r=t(7164),s=t(6540),n="active__HU2K0",d="image_loaded__nNWM7",c="image_loaded__nNWM7",l="product_siblings__image__gn7Fv",g="product_siblings__image__gn7Fv",u=t(5222),_=t(2397);const m=({data:e,active:a})=>{const t=e,n=window.location.origin,[d,c]=(0,s.useState)({});return(0,o.jsx)("div",{className:"cell text-center pad-half-sides pad-half-bottom",children:(0,o.jsx)("a",{href:`/${t.catstock_page_url}`,children:(0,o.jsx)(_.A,{title:(()=>{const e=t.title,a=(null==t?void 0:t.colour_id)>0?t.colour_name:"";return a&&e.toLowerCase().includes(a.toLowerCase())?e:a&&"None"!=a?`${e} - ${a}`:e})(),placement:"bottom",arrow:!0,children:(0,o.jsx)(r.A,{component:"img",onLoad:()=>{return e=t.id,void c(a=>Object.assign(Object.assign({},a),{[e]:!0}));var e},className:`\n ${(0,u.u)(i,"productSiblingsImage")} \n ${d[t.id]?(0,u.u)(i,"imageLoaded"):""}\n ${a==t.id?(0,u.u)(i,"active"):""}\n `,src:`${n}${t.catstock_image_url.replace("/siteimg/prodhires/","/siteimg/prodthumb/")}`,alt:t.catalogue_code,sx:{display:"block",width:"100%",height:"auto",objectFit:"cover",backgroundColor:e=>e.palette.background.default},onError:e=>{e.target.src="/stdimg/comingsoon.jpg"}})})})},t.id)},p=({current:e,products:a})=>(0,o.jsx)(r.A,{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"center",width:"100%",className:"grid-x small-up-5 medium-up-6",children:a&&a.length>0?a.map(a=>(0,o.jsx)(m,{data:a,active:e},a.id)):(0,o.jsx)("p",{children:"No products available"})})}}]);
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.