{"version":3,"file":"static/js/blocks19.1a65f92b.chunk.js","mappings":"oOACA,SAAgB,QAAU,uBAAuB,MAAQ,qBAAqB,aAAe,4BAA4B,WAAa,0BAA0B,YAAc,2BAA2B,WAAa,0BAA0B,QAAU,wB,cCS1P,MA+BA,EA/BoBA,IAChB,MAAM,qBAAEC,EAAoB,mBAAEC,IAAuBC,EAAAA,EAAAA,GAAmBH,EAAMI,kBACxE,aAAEC,IAAiBC,EAAAA,EAAAA,GAAWN,EAAMO,UAAWL,IAC/C,uBAAEM,IAA2BC,EAAAA,EAAAA,GAAqBT,EAAMU,kBAAmBC,GAEjF,OACIC,EAAAA,EAAAA,KAAA,OAAKC,WAAWC,EAAAA,EAAAA,IAAGH,EAAEI,QAASV,EAAcJ,EAAsBO,GAAwBQ,UACtFJ,EAAAA,EAAAA,KAACK,EAAAA,EAAY,CAACC,mBAAiB,EAAAF,UAC3BJ,EAAAA,EAAAA,KAAA,OAAKC,UAAWF,EAAEQ,MAAMH,SAEnBhB,EAAMoB,OACHC,EAAAA,EAAAA,MAAA,OAAKR,UAAWF,EAAEW,aAAaN,SAAA,EAC3BJ,EAAAA,EAAAA,KAACW,EAAAA,EAAW,CACRC,IAAKxB,EAAMoB,MAAMK,IACjBC,aAAc1B,EAAMoB,MAAMO,MAC1BC,aAAc5B,EAAMoB,MAAMS,OAC1BC,YAAa9B,EAAMoB,MAAMU,cAI5B9B,EAAMoB,MAAMW,SACTnB,EAAAA,EAAAA,KAAA,OAAKC,UAAWF,EAAEoB,QAAQf,SAAEhB,EAAMoB,MAAMW,UACxC,QAER,UAGV,C,gDCnCP,MAAMtB,EAAuBA,CAACuB,EAA2BrB,KAmBrD,CACHH,wBAd2ByB,EAAAA,EAAAA,UAAQ,KACnC,OAAQD,GACJ,IAAK,MACD,OAAOrB,EAAEuB,WACb,IAAK,MACD,OAAOvB,EAAEwB,YAGb,QACI,OAAOxB,EAAEyB,WACjB,GACD,CAACJ,EAAmBrB,K","sources":["webpack://@danishagro/cms/./src/blocks/components/Image/Image.module.scss?b2c3","blocks/components/Image/Image.component.tsx","blocks/hooks/useDropdownImageSize/useDropdownImageSize.hook.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Image_wrapper__OMxta\",\"inner\":\"Image_inner__zpdzT\",\"imageWrapper\":\"Image_imageWrapper__WqvAj\",\"imageSmall\":\"Image_imageSmall__Bmuh8\",\"imageMedium\":\"Image_imageMedium__+dJSU\",\"imageLarge\":\"Image_imageLarge__NTB1y\",\"caption\":\"Image_caption__ClYaS\"};","import React from \"react\";\nimport { cn } from \"@danishagro/shared/src/helpers/classNames.helper\";\nimport { DA_Container } from \"@danishagro/shared/src/components/atoms/Container/Container.component\";\nimport { ImageViewer } from \"@danishagro/cms/src/components/ImageViewer/ImageViewer.component\";\nimport { useBackgroundColor } from \"@danishagro/cms/src/blocks/hooks/useBackgroundColor/useBackgroundColor.hook\";\nimport { usePadding } from \"@danishagro/cms/src/blocks/hooks/usePadding/usePadding.hook\";\nimport { useDropdownImageSize } from \"src/blocks/hooks/useDropdownImageSize/useDropdownImageSize.hook\";\nimport { BlockImageProps } from \"./Image.interface\";\nimport S from \"./Image.module.scss\";\n\nconst BlockImage = (props: BlockImageProps) => {\n    const { backgroundColorClass, hasBackgroundColor } = useBackgroundColor(props.backgroundColor);\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n    const { imageDropdownSizeClass } = useDropdownImageSize(props.dropdownImageSize, S);\n\n    return (\n        <div className={cn(S.wrapper, paddingClass, backgroundColorClass, imageDropdownSizeClass)}>\n            <DA_Container noVerticalPadding>\n                <div className={S.inner}>\n                    {/** Image */}\n                    {props.image ? (\n                        <div className={S.imageWrapper}>\n                            <ImageViewer\n                                src={props.image.url}\n                                aspectRatioX={props.image.width}\n                                aspectRatioY={props.image.height}\n                                alternative={props.image.alternative}\n                            />\n\n                            {/** Caption */}\n                            {props.image.caption ? (\n                                <div className={S.caption}>{props.image.caption}</div>\n                            ) : null}\n                        </div>\n                    ) : null}\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default BlockImage;\n","import { useMemo } from \"react\";\n\nexport const useDropdownImageSize = (imageDropdownSize: string, S: { [key: string]: string }) => {\n    //Image size from dropdown in Umbraco\n    //imageSmall === 25%\n    //imageMedium === 50%\n    //imageLarge === 100%\n\n    const imageDropdownSizeClass = useMemo(() => {\n        switch (imageDropdownSize) {\n            case \"25%\":\n                return S.imageSmall;\n            case \"50%\":\n                return S.imageMedium;\n            case \"100%\":\n                return S.imageLarge;\n            default:\n                return S.imageLarge; // Default case\n        }\n    }, [imageDropdownSize, S]);\n\n    return {\n        imageDropdownSizeClass,\n    };\n};\n"],"names":["props","backgroundColorClass","hasBackgroundColor","useBackgroundColor","backgroundColor","paddingClass","usePadding","isCompact","imageDropdownSizeClass","useDropdownImageSize","dropdownImageSize","S","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","inner","image","_jsxs","imageWrapper","ImageViewer","src","url","aspectRatioX","width","aspectRatioY","height","alternative","caption","imageDropdownSize","useMemo","imageSmall","imageMedium","imageLarge"],"sourceRoot":""}