{"version":3,"file":"SourceSetPictureSource-haW7FBjx-chunk.js","sources":["../../../GSDClient/Scripts/Components/SourceSetPictureSource.tsx"],"sourcesContent":["import { dpr } from 'Utils/dpr';\nimport tailwindBreakpoints from 'Utils/tailwindBreakpoints';\n\nimport { ISrcSetSize } from 'Components/ProductCard/ProductCardImage';\n\ninterface ISourceSetPictureSourceProps {\n    srcSetSizes: ISrcSetSize;\n    src: string;\n}\n\nconst SourceSetPictureSource = ({\n    srcSetSizes,\n    src,\n}: ISourceSetPictureSourceProps) =>\n    Object.entries(srcSetSizes).map(([key, value]) => {\n        if (tailwindBreakpoints[key] === undefined) return false;\n        const sizeValue = value as ISrcSetSize['default'];\n        return (\n            <source\n                key={key}\n                width={sizeValue.width}\n                height={sizeValue.height}\n                media={`(min-width: ${tailwindBreakpoints[key]})`}\n                srcSet={\n                    !src\n                        ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdjmLxn8X8ABsoC8muPGUAAAAAASUVORK5CYII='\n                        : dpr(\n                              `${src}?format=webp&fit=crop&height=${sizeValue.height}&width=${sizeValue.width}`\n                          )\n                }\n            />\n        );\n    });\n\nexport default SourceSetPictureSource;\n"],"names":["SourceSetPictureSource","srcSetSizes","src","key","value","tailwindBreakpoints","sizeValue","jsx","dpr"],"mappings":"4JAUA,MAAMA,EAAyB,CAAC,CAC5B,YAAAC,EACA,IAAAC,CACJ,IACI,OAAO,QAAQD,CAAW,EAAE,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,CAC9C,GAAIC,EAAoBF,CAAG,IAAM,OAAkB,MAAA,GACnD,MAAMG,EAAYF,EAEd,OAAAG,EAAA,IAAC,SAAA,CAEG,MAAOD,EAAU,MACjB,OAAQA,EAAU,OAClB,MAAO,eAAeD,EAAoBF,CAAG,CAAC,IAC9C,OACKD,EAEKM,EACI,GAAGN,CAAG,gCAAgCI,EAAU,MAAM,UAAUA,EAAU,KAAK,EACnF,EAHA,wIAGA,EATLH,CAAA,CAajB,CAAC"}