{"version":3,"file":"ImageStripe-Bs6oteZF-chunk.js","sources":["../../../GSDClient/Scripts/Components/PageElements/ImageStripe.tsx"],"sourcesContent":["import { IImageBaseViewModel } from 'Types/Litium';\nimport { dpr } from 'Utils/dpr';\nimport { getNewDimensionsWithAspectRatio } from 'Utils/getNewDimensionsWithAspectRatio';\nimport tailwindBreakpoints from 'Utils/tailwindBreakpoints';\n\nconst ImageStripe = ({\n    imageStripe,\n    className = '',\n}: {\n    imageStripe: IImageBaseViewModel;\n    className?: string;\n}) =>\n    imageStripe?.src && (\n        <figure className={`-:w-full ${className}`}>\n            <picture className=\"h-full w-full\">\n                <source\n                    width={parseInt(tailwindBreakpoints.xxxl)}\n                    height={getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.xxxl),\n                        'height'\n                    )}\n                    media={`(min-width: ${tailwindBreakpoints.xxxl})`}\n                    srcSet={dpr(\n                        `${imageStripe.src}?format=webp&width=${parseInt(\n                            tailwindBreakpoints.xxxl\n                        )}&height=${getNewDimensionsWithAspectRatio(\n                            imageStripe.width,\n                            imageStripe.height,\n                            parseInt(tailwindBreakpoints.xxxl),\n                            'height'\n                        )}`\n                    )}\n                />\n                <source\n                    width={parseInt(tailwindBreakpoints.xxl)}\n                    height={getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.xxl),\n                        'height'\n                    )}\n                    media={`(min-width: ${tailwindBreakpoints.xxl})`}\n                    srcSet={dpr(\n                        `${imageStripe.src}?format=webp&width=${parseInt(\n                            tailwindBreakpoints.xxl\n                        )}&height=${getNewDimensionsWithAspectRatio(\n                            imageStripe.width,\n                            imageStripe.height,\n                            parseInt(tailwindBreakpoints.xxl),\n                            'height'\n                        )}`\n                    )}\n                />\n                <source\n                    width={parseInt(tailwindBreakpoints.xl)}\n                    height={getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.xl),\n                        'height'\n                    )}\n                    media={`(min-width: ${tailwindBreakpoints.xl})`}\n                    srcSet={dpr(\n                        `${imageStripe.src}?format=webp&width=${parseInt(\n                            tailwindBreakpoints.xl\n                        )}&height=${getNewDimensionsWithAspectRatio(\n                            imageStripe.width,\n                            imageStripe.height,\n                            parseInt(tailwindBreakpoints.xl),\n                            'height'\n                        )}`\n                    )}\n                />\n                <source\n                    width={parseInt(tailwindBreakpoints.lg)}\n                    height={getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.lg),\n                        'height'\n                    )}\n                    media={`(min-width: ${tailwindBreakpoints.lg})`}\n                    srcSet={dpr(\n                        `${imageStripe.src}?format=webp&width=${parseInt(\n                            tailwindBreakpoints.lg\n                        )}&height=${getNewDimensionsWithAspectRatio(\n                            imageStripe.width,\n                            imageStripe.height,\n                            parseInt(tailwindBreakpoints.lg),\n                            'height'\n                        )}`\n                    )}\n                />\n                <source\n                    width={parseInt(tailwindBreakpoints.md)}\n                    height={getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.md),\n                        'height'\n                    )}\n                    media={`(min-width: ${tailwindBreakpoints.md})`}\n                    srcSet={dpr(\n                        `${imageStripe.src}?format=webp&width=${parseInt(\n                            tailwindBreakpoints.md\n                        )}&height=${getNewDimensionsWithAspectRatio(\n                            imageStripe.width,\n                            imageStripe.height,\n                            parseInt(tailwindBreakpoints.md),\n                            'height'\n                        )}`\n                    )}\n                />\n                <img\n                    className=\"h-auto w-full\"\n                    src={`${imageStripe.src}?format=webp&width=${parseInt(\n                        tailwindBreakpoints.sm\n                    )}&height=${getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.sm),\n                        'height'\n                    )}`}\n                    srcSet={dpr(\n                        `${imageStripe.src}?format=webp&width=${parseInt(\n                            tailwindBreakpoints.sm\n                        )}&height=${getNewDimensionsWithAspectRatio(\n                            imageStripe.width,\n                            imageStripe.height,\n                            parseInt(tailwindBreakpoints.sm),\n                            'height'\n                        )}`\n                    )}\n                    width={parseInt(tailwindBreakpoints.sm)}\n                    height={getNewDimensionsWithAspectRatio(\n                        imageStripe.width,\n                        imageStripe.height,\n                        parseInt(tailwindBreakpoints.sm),\n                        'height'\n                    )}\n                    alt={imageStripe.altText}\n                />\n            </picture>\n        </figure>\n    );\n\nexport default ImageStripe;\n"],"names":["ImageStripe","imageStripe","className","jsx","jsxs","tailwindBreakpoints","getNewDimensionsWithAspectRatio","dpr"],"mappings":"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"}