{"version":3,"file":"static/js/blocks28.d0e20d2a.chunk.js","mappings":"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","sources":["webpack://@danishagro/cms/./src/blocks/components/Spots/hooks/useIconColor/useIconColor.module.scss?570f","blocks/components/Spots/hooks/useAlignment.hook.ts","webpack://@danishagro/cms/./src/blocks/components/Spots/Spots.module.scss?80ef","blocks/components/Spots/Spots.component.tsx","blocks/components/Spots/hooks/useIconColor/useIconColor.hook.ts","blocks/components/Spots/components/hooks/useAlignment.hook.ts","webpack://@danishagro/cms/./src/blocks/components/Spots/components/Spot.module.scss?834d","blocks/components/Spots/components/Spot.component.tsx","blocks/components/Spots/components/components/BasicLinkWrapper.component.tsx","blocks/hooks/useDropdownImageSize/useDropdownImageSize.hook.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"iconColorSecondary\":\"useIconColor_iconColorSecondary__nEOyu\"};","import { useMemo } from \"react\";\n\nexport const useAlignment = (headerAlignment: string, S: { [key: string]: string }) => {\n    const alignmentClass = useMemo(() => {\n        switch (headerAlignment) {\n            case \"ALIGNMENT_LEFT\":\n                return S.alignmentLeft;\n        }\n    }, [headerAlignment, S]);\n\n    return {\n        alignmentClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Spots_wrapper__7EklA\",\"inner\":\"Spots_inner__UUflE\",\"header\":\"Spots_header__BqtoC\",\"alignmentLeft\":\"Spots_alignmentLeft__rbh-v\",\"tagline\":\"Spots_tagline__5EpQC\",\"items\":\"Spots_items__9LdRf\",\"imageSmall\":\"Spots_imageSmall__akKDi\",\"imageMedium\":\"Spots_imageMedium__40LBq\",\"imageLarge\":\"Spots_imageLarge__o+QLC\"};","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 { DA_Text } from \"@danishagro/shared/src/components/atoms/Text/Text.component\";\nimport {\n    DA_Title,\n    DA_TitleTag,\n} from \"@danishagro/shared/src/components/atoms/Title/Title.component\";\nimport { useBackgroundColor } from \"@danishagro/cms/src/blocks/hooks/useBackgroundColor/useBackgroundColor.hook\";\nimport { usePadding } from \"src/blocks/hooks/usePadding/usePadding.hook\";\nimport { SpotsProps } from \"./Spots.interface\";\nimport { useIconColor } from \"./hooks/useIconColor/useIconColor.hook\";\nimport Spot from \"./components/Spot.component\";\nimport { useAlignment } from \"./hooks/useAlignment.hook\";\nimport S from \"./Spots.module.scss\";\n\nconst Spots = (props: SpotsProps) => {\n    // Settings\n\n    const { alignmentClass } = useAlignment(props.headerAlignment, S);\n    const { backgroundColorClass, hasBackgroundColor, alternativeButtonTheme } = useBackgroundColor(\n        props.backgroundColor\n    );\n\n    const { iconColorClassName } = useIconColor(props.iconColor);\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n\n    return (\n        <div\n            className={cn(\n                S.wrapper,\n                backgroundColorClass,\n                paddingClass,\n                iconColorClassName,\n                alignmentClass\n            )}\n        >\n            <DA_Container noVerticalPadding>\n                <div className={S.inner}>\n                    {/** Content */}\n                    <div className={S.header}>\n                        {/** Tagline */}\n                        {props.tagline ? <span className={S.tagline}>{props.tagline}</span> : null}\n\n                        {/** Title */}\n                        {props.headline ? (\n                            <DA_Title h2 tag={DA_TitleTag.H2} noMargin fullWidth>\n                                {props.headline}\n                            </DA_Title>\n                        ) : null}\n\n                        {/** Text */}\n                        {props.text ? <DA_Text html={props.text} noPadding /> : null}\n                    </div>\n\n                    {/** Spots */}\n                    <div className={S.items}>\n                        {props.items?.map((item, index) => {\n                            return (\n                                <Spot\n                                    {...item}\n                                    alignment={props.itemAlignment}\n                                    key={index}\n                                    alternativeButtonTheme={alternativeButtonTheme}\n                                />\n                            );\n                        })}\n                    </div>\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default Spots;\n","import { useMemo } from \"react\";\nimport S from \"./useIconColor.module.scss\";\n\nexport const useIconColor = (iconColor: string) => {\n    const iconColorClassName = useMemo(() => {\n        switch (iconColor) {\n            case \"SECONDARY_ICON_COLOR\":\n                return S.iconColorSecondary;\n        }\n    }, [iconColor]);\n\n    return { iconColorClassName };\n};\n","import { useMemo } from \"react\";\n\nexport const useAlignment = (alignment: string, S: { [key: string]: string }) => {\n    const alignmentClass = useMemo(() => {\n        switch (alignment) {\n            case \"ITEMS_ALIGNMENT_LEFT\":\n                return S.alignmentLeft;\n            case \"ITEMS_ALIGNMENT_TOP\":\n                return S.alignmentTop;\n        }\n    }, [alignment, S]);\n\n    return {\n        alignmentClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Spot_wrapper__+Dc9M\",\"alignmentLeft\":\"Spot_alignmentLeft__KXGEu\",\"alignmentTop\":\"Spot_alignmentTop__UnlkY\",\"icon\":\"Spot_icon__t3kJn\",\"imageWrapper\":\"Spot_imageWrapper__S6naE\",\"imageSmall\":\"Spot_imageSmall__eC6+4\",\"imageMedium\":\"Spot_imageMedium__BOsEm\",\"imageLarge\":\"Spot_imageLarge__Jb0zR\",\"textWrapper\":\"Spot_textWrapper__s+PXU\",\"image\":\"Spot_image__bLwy+\",\"link\":\"Spot_link__6uhZk\"};","import React from \"react\";\nimport { Buttons } from \"@danishagro/cms/src/components/Buttons/Buttons.component\";\nimport { cn } from \"@danishagro/shared/src/helpers/classNames.helper\";\nimport { DA_Icon } from \"@danishagro/shared/src/components/atoms/Icon/Icon.component\";\nimport { DA_Text } from \"@danishagro/shared/src/components/atoms/Text/Text.component\";\nimport {\n    DA_Title,\n    DA_TitleTag,\n} from \"@danishagro/shared/src/components/atoms/Title/Title.component\";\nimport { ImageViewer } from \"@danishagro/cms/src/components/ImageViewer/ImageViewer.component\";\nimport { useDropdownImageSize } from \"src/blocks/hooks/useDropdownImageSize/useDropdownImageSize.hook\";\nimport { DA_BasicLinkWrapper } from \"./components/BasicLinkWrapper.component\";\nimport { SpotProps } from \"./Spot.interface\";\nimport { useAlignment } from \"./hooks/useAlignment.hook\";\nimport S from \"./Spot.module.scss\";\n\nconst Spot = (props: SpotProps) => {\n    const { alignmentClass } = useAlignment(props.alignment, S);\n    const { imageDropdownSizeClass } = useDropdownImageSize(props?.image?.dropdownImageSize, S);\n\n    return (\n        <div className={cn(S.wrapper, alignmentClass)}>\n            {/** Image */}\n            {props.image ? (\n                <DA_BasicLinkWrapper\n                    href={props.link?.url}\n                    target={props.link?.target}\n                    className={cn(S.link, S.imageWrapper, imageDropdownSizeClass)}\n                >\n                    <ImageViewer\n                        src={props.image.url}\n                        className={S.image}\n                        aspectRatioY={200}\n                        aspectRatioX={300}\n                        alternative={props.image.alternative}\n                    />\n                </DA_BasicLinkWrapper>\n            ) : null}\n\n            {/** Icon */}\n            {!props.image && props.icon ? (\n                <DA_BasicLinkWrapper\n                    href={props.link?.url}\n                    target={props.link?.target}\n                    className={S.link}\n                >\n                    <DA_Icon name={props.icon} className={S.icon} />\n                </DA_BasicLinkWrapper>\n            ) : null}\n\n            {/** Headline */}\n            {props.headline ? (\n                <DA_BasicLinkWrapper\n                    href={props.link?.url}\n                    target={props.link?.target}\n                    className={S.link}\n                >\n                    <DA_Title h3 tag={DA_TitleTag.H3} noMargin fullWidth>\n                        {props.headline}\n                    </DA_Title>\n                </DA_BasicLinkWrapper>\n            ) : null}\n\n            {/** Text */}\n            {props.text ? (\n                <DA_BasicLinkWrapper\n                    href={props.link?.url}\n                    target={props.link?.target}\n                    className={cn(S.link, S.textWrapper)}\n                >\n                    <DA_Text html={props.text} noPadding />\n                </DA_BasicLinkWrapper>\n            ) : null}\n\n            {/** Buttons */}\n            <Buttons buttons={props.buttons} theme={props.alternativeButtonTheme} />\n        </div>\n    );\n};\n\nexport default Spot;\n","import React from \"react\";\nimport { DA_BasicLink } from \"@danishagro/shared/src/components/atoms/BasicLink/BasicLink.component\";\n\ninterface DA_BasicLinkWrapperProps {\n    href?: string;\n    target?: \"_blank\" | \"_self\";\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport const DA_BasicLinkWrapper = ({ href, ...props }: DA_BasicLinkWrapperProps) => {\n    if (href) {\n        return <DA_BasicLink href={href} {...props} />;\n    }\n\n    return <div {...props} />;\n};\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","_props$items","alignmentClass","headerAlignment","S","useMemo","alignmentLeft","useAlignment","backgroundColorClass","hasBackgroundColor","alternativeButtonTheme","useBackgroundColor","backgroundColor","iconColorClassName","iconColor","paddingClass","usePadding","isCompact","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","_jsxs","inner","header","tagline","headline","DA_Title","h2","tag","DA_TitleTag","H2","noMargin","fullWidth","text","DA_Text","html","noPadding","items","map","item","index","_createElement","Spot","alignment","itemAlignment","key","_props$image","_props$link","_props$link2","_props$link3","_props$link4","_props$link5","_props$link6","_props$link7","_props$link8","alignmentTop","imageDropdownSizeClass","useDropdownImageSize","image","dropdownImageSize","DA_BasicLinkWrapper","href","link","url","target","imageWrapper","ImageViewer","src","aspectRatioY","aspectRatioX","alternative","icon","DA_Icon","name","h3","H3","textWrapper","Buttons","buttons","theme","_ref","DA_BasicLink","imageDropdownSize","imageSmall","imageMedium","imageLarge"],"sourceRoot":""}