{"version":3,"file":"static/js/blocks1.0e3688fd.chunk.js","mappings":"2QAEO,MCDP,GAAgB,QAAU,6BAA6B,MAAQ,2BAA2B,OAAS,4BAA4B,cAAgB,mCAAmC,QAAU,6BAA6B,YAAc,iCAAiC,SAAW,8BAA8B,KAAO,0BAA0B,mBAAqB,wCAAwC,eAAiB,oCAAoC,cAAgB,mCAAmC,mBAAqB,yC,cCergB,MAAMA,EAAeC,IAA6B,IAADC,EACpD,MAAM,qBAAEC,EAAoB,mBAAEC,IAAuBC,EAAAA,EAAAA,GAAmBJ,EAAMK,kBACxE,cAAEC,IChBgBC,EDgBcP,EAAMQ,SChBNC,EDgBgBA,ECF/C,CACHH,eAdkBI,EAAAA,EAAAA,UAAQ,KAC1B,OAAQH,GACJ,IAAK,wBACD,OAAOE,EAAEE,mBACb,IAAK,mBACD,OAAOF,EAAEG,eACb,IAAK,kBACD,OAAOH,EAAEI,cACb,IAAK,wBACD,OAAOJ,EAAEK,mBACjB,GACD,CAACP,EAAME,MAZaM,IAACR,EAAcE,EDiBtC,MAAM,aAAEO,IAAiBC,EAAAA,EAAAA,GAAWjB,EAAMkB,UAAWf,IAC/C,eAAEgB,GFlBgBC,EAACC,EAAmBZ,KAQrC,CACHU,gBARmBT,EAAAA,EAAAA,UAAQ,KAC3B,GACS,mBADDW,EAEA,OAAOZ,EAAEa,aACjB,GACD,CAACD,EAAWZ,MEYYW,CAAapB,EAAMqB,UAAWZ,GAEzD,OACIc,EAAAA,EAAAA,KAAA,OACIC,WAAWC,EAAAA,EAAAA,IACPhB,EAAEiB,QACFpB,EACAU,EACAd,EACAiB,GACFQ,UAEFJ,EAAAA,EAAAA,KAACK,EAAAA,EAAY,CAACC,mBAAiB,EAAAF,UAC3BG,EAAAA,EAAAA,MAAA,OAAKN,UAAWf,EAAEsB,MAAMJ,SAAA,EAEpBG,EAAAA,EAAAA,MAAA,OAAKN,UAAWf,EAAEuB,OAAOL,SAAA,CAEpB3B,EAAMiC,SAAUV,EAAAA,EAAAA,KAAA,QAAMC,UAAWf,EAAEwB,QAAQN,SAAE3B,EAAMiC,UAAkB,KAGrEjC,EAAMkC,UACHX,EAAAA,EAAAA,KAACY,EAAAA,GAAQ,CAACC,IAAE,EAACC,IAAKC,EAAAA,GAAYC,GAAIC,UAAQ,EAACC,WAAS,EAAAd,SAC/C3B,EAAMkC,WAEX,KAGHlC,EAAM0C,MAAOnB,EAAAA,EAAAA,KAACoB,EAAAA,EAAO,CAACC,KAAM5C,EAAM0C,KAAMG,WAAS,IAAM,SAI5Df,EAAAA,EAAAA,MAAA,OAAKN,UAAWf,EAAEqC,YAAYnB,SAAA,CACzB3B,EAAM+C,YACHxB,EAAAA,EAAAA,KAAA,OAAKC,UAAWf,EAAEuC,SAASrB,UACvBJ,EAAAA,EAAAA,KAACY,EAAAA,GAAQ,CAACc,IAAE,EAACT,UAAQ,EAACC,WAAS,EAAAd,SAC1B3B,EAAM+C,eAGf,MAEJxB,EAAAA,EAAAA,KAAA,OAAKC,UAAWf,EAAEyC,KAAKvB,SACP,QADO1B,EAClBD,EAAMmD,aAAK,IAAAlD,OAAA,EAAXA,EAAamD,KAAI,CAACC,EAAMC,KACrB/B,EAAAA,EAAAA,KAACgC,EAAAA,QAAI,IAEGF,EACJG,kBAAmBxD,EAAMyD,eAFpBH,gBAS3B,EAId,G,mGE3EA,QAAsB,iBAAtB,EAAmD,uBAAnD,EAAwF,yBAAxF,EAA6H,uBAA7H,EAA2J,kBAA3J,EAAuL,qBAAvL,EAAkN,iBAAlN,EAA6O,qBAA7O,EAAuR,gCAAvR,EAA6U,iCAA7U,EAAsX,mB,cCgB/W,MAAMI,EAAU1D,IACnB,MAAM2D,EAAqD,CACvDC,KAAMnD,EACNoD,QAASpD,EACTqD,IAAKrD,EACLsD,MAAOtD,EACPuD,QAASvD,EACTwD,mBAAoBxD,EACpByD,oBAAqBzD,GAGnB0D,EAAiD,CACnDC,MAAO3D,EACP4D,MAAO5D,EACP6D,QAAS7D,GAGb,OACIc,EAAAA,EAAAA,KAAA,QAAMC,WAAWC,EAAAA,EAAAA,IAAGhB,EAAOkD,EAAa3D,EAAMuE,OAAQJ,EAAUnE,EAAMO,MAAQ,YAAYoB,SACrF3B,EAAM2B,UACJ,E,cCpCf,QAA0B,sBAA1B,EAA+D,2BAA/D,EAAkG,oBAAlG,EAAsI,4BAAtI,EAAgL,0BAAhL,EAAsN,wBAAtN,EAA2R,yBCyD3R,EA7Cc3B,IAAsB,IAADwE,EAC/B,OACI1C,EAAAA,EAAAA,MAAA,OAAKN,WAAWC,EAAAA,EAAAA,IAAGhB,EAAWT,EAAMwB,WAAWG,SAAA,CAE/B,QAAX6C,EAAAxE,EAAMyE,aAAK,IAAAD,GAAXA,EAAaE,KACVnD,EAAAA,EAAAA,KAAA,OAAKC,UAAWf,EAAekB,UAC3BJ,EAAAA,EAAAA,KAACoD,EAAAA,EAAW,CACRC,IAAK5E,EAAMyE,MAAMC,IACjBlD,WAAWC,EAAAA,EAAAA,IAAGhB,EAAS,CAAE,CAACA,GAAkBT,EAAMwD,kBAClDqB,aAAc7E,EAAMwD,gBAAkB,IAAM,IAC5CsB,cAAc9E,EAAMwD,gBAAkB,KACtCuB,YAAa/E,EAAM+E,gBAG3B,MAEJjD,EAAAA,EAAAA,MAAA,OAAKN,UAAWf,EAAckB,SAAA,EAC1BG,EAAAA,EAAAA,MAAA,OAAKN,UAAWf,EAAYkB,SAAA,CAEvB3B,EAAMqC,MACHd,EAAAA,EAAAA,KAAA,OAAKC,UAAWf,EAAakB,UACzBJ,EAAAA,EAAAA,KAACmC,EAAM,CAACa,MAAM,OAAM5C,UAChBJ,EAAAA,EAAAA,KAAA,QAAAI,SAAO3B,EAAMqC,UAMxBrC,EAAMkC,UACHX,EAAAA,EAAAA,KAACY,EAAAA,GAAQ,CAAC6C,IAAE,EAAC3C,IAAKC,EAAAA,GAAY2C,GAAIzC,UAAQ,EAACC,WAAS,EAAAd,SAC/C3B,EAAMkC,WAEX,KAGHlC,EAAM0C,MAAOnB,EAAAA,EAAAA,KAACoB,EAAAA,EAAO,CAACC,KAAM5C,EAAM0C,KAAMG,WAAS,IAAM,SAI5DtB,EAAAA,EAAAA,KAAC2D,EAAAA,EAAO,CAACC,QAASnF,EAAMmF,eAE1B,C","sources":["blocks/components/ContentList/hooks/useAlignment.hook.ts","webpack://@danishagro/cms/./src/blocks/components/ContentList/ContentList.module.scss?7fd3","blocks/components/ContentList/ContentList.component.tsx","blocks/components/ContentList/hooks/useCardSize.hook.ts","webpack://@danishagro/cms/../shared/src/components/atoms/Tag/Tag.module.scss?7736","../../shared/src/components/atoms/Tag/Tag.component.tsx","webpack://@danishagro/cms/./src/blocks/components/ContentList/components/Card/Card.module.scss?0315","blocks/components/ContentList/components/Card/Card.component.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const useAlignment = (alignment: string, S: { [key: string]: string }) => {\n    const alignmentClass = useMemo(() => {\n        switch (alignment) {\n            case \"ALIGNMENT_LEFT\":\n                return S.alignmentLeft;\n        }\n    }, [alignment, S]);\n\n    return {\n        alignmentClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"ContentList_wrapper__MoZU0\",\"inner\":\"ContentList_inner__6jU1u\",\"header\":\"ContentList_header__sLI5b\",\"alignmentLeft\":\"ContentList_alignmentLeft__ocgPQ\",\"tagline\":\"ContentList_tagline__h6nMM\",\"listWrapper\":\"ContentList_listWrapper__58l9L\",\"subTitle\":\"ContentList_subTitle__44fGp\",\"list\":\"ContentList_list__gb1-r\",\"cardSizeExtraSmall\":\"ContentList_cardSizeExtraSmall__W2Qt1\",\"cardSizeMedium\":\"ContentList_cardSizeMedium__se6qC\",\"cardSizeLarge\":\"ContentList_cardSizeLarge__y70dh\",\"cardSizeExtraLarge\":\"ContentList_cardSizeExtraLarge__YwXqQ\"};","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 \"@danishagro/cms/src/blocks/hooks/usePadding/usePadding.hook\";\nimport { ContentListProps } from \"./ContentList.interface\";\nimport { useCardSize } from \"./hooks/useCardSize.hook\";\nimport Card from \"./components/Card/Card.component\";\nimport { useAlignment } from \"./hooks/useAlignment.hook\";\nimport S from \"./ContentList.module.scss\";\n\nexport const ContentList = (props: ContentListProps) => {\n    const { backgroundColorClass, hasBackgroundColor } = useBackgroundColor(props.backgroundColor);\n    const { cardSizeClass } = useCardSize(props.cardSize, S);\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n    const { alignmentClass } = useAlignment(props.alignment, S);\n\n    return (\n        <div\n            className={cn(\n                S.wrapper,\n                cardSizeClass,\n                paddingClass,\n                backgroundColorClass,\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                    {/** Card List */}\n                    <div className={S.listWrapper}>\n                        {props.subHeading ? (\n                            <div className={S.subTitle}>\n                                <DA_Title h3 noMargin fullWidth>\n                                    {props.subHeading}\n                                </DA_Title>\n                            </div>\n                        ) : null}\n\n                        <div className={S.list}>\n                            {props.items?.map((item, index) => (\n                                <Card\n                                    key={index}\n                                    {...item}\n                                    isVerticalImage={!!props.verticalImage}\n                                />\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default ContentList;\n","import { useMemo } from \"react\";\n\nexport const useCardSize = (size: string, S: { [key: string]: string }) => {\n    const cardSizeClass = useMemo(() => {\n        switch (size) {\n            case \"CARD_SIZE_EXTRA_SMALL\":\n                return S.cardSizeExtraSmall;\n            case \"CARD_SIZE_MEDIUM\":\n                return S.cardSizeMedium;\n            case \"CARD_SIZE_LARGE\":\n                return S.cardSizeLarge;\n            case \"CARD_SIZE_EXTRA_LARGE\":\n                return S.cardSizeExtraLarge;\n        }\n    }, [size, S]);\n\n    return {\n        cardSizeClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"Tag_tag__9CJXl\",\"sizeSmall\":\"Tag_sizeSmall__rWriH\",\"sizeDynamic\":\"Tag_sizeDynamic__Ac3A-\",\"sizeLarge\":\"Tag_sizeLarge__zGdv0\",\"good\":\"Tag_good__4bTX5\",\"warning\":\"Tag_warning__MK6Ht\",\"bad\":\"Tag_bad__6idbV\",\"neutral\":\"Tag_neutral__YgJB2\",\"alternativeNeutral\":\"Tag_alternativeNeutral__id7-t\",\"alternativeNeutral2\":\"Tag_alternativeNeutral2__dSUz3\",\"pause\":\"Tag_pause__Ysz0d\"};","import React from \"react\";\nimport { cn } from \"@danishagro/shared/src/helpers/classNames.helper\";\nimport S from \"./Tag.module.scss\";\n\nexport interface DA_TagProps {\n    size?: \"small\" | \"large\" | \"dynamic\";\n    color:\n        | \"good\"\n        | \"warning\"\n        | \"bad\"\n        | \"neutral\"\n        | \"pause\"\n        | \"alternativeNeutral\"\n        | \"alternativeNeutral2\";\n    children: React.ReactNode;\n}\n\nexport const DA_Tag = (props: DA_TagProps) => {\n    const colorClasses: Record<DA_TagProps[\"color\"], string> = {\n        good: S.good,\n        warning: S.warning,\n        bad: S.bad,\n        pause: S.pause,\n        neutral: S.neutral,\n        alternativeNeutral: S.alternativeNeutral,\n        alternativeNeutral2: S.alternativeNeutral2,\n    };\n\n    const sizeClass: Record<DA_TagProps[\"size\"], string> = {\n        small: S.sizeSmall,\n        large: S.sizeLarge,\n        dynamic: S.sizeDynamic,\n    };\n\n    return (\n        <span className={cn(S.tag, colorClasses[props.color], sizeClass[props.size || \"dynamic\"])}>\n            {props.children}\n        </span>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Card_wrapper__+wQjj\",\"imageWrapper\":\"Card_imageWrapper__iu5Gv\",\"image\":\"Card_image__xgjkH\",\"verticalImage\":\"Card_verticalImage__KMReO\",\"textWrapper\":\"Card_textWrapper__WNkqM\",\"textInner\":\"Card_textInner__r2A-z\",\"tagline\":\"Card_tagline__zg72R\",\"tagWrapper\":\"Card_tagWrapper__ra3Zl\"};","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_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 { DA_Tag } from \"@danishagro/shared/src/components/atoms/Tag/Tag.component\";\nimport { ImageViewer } from \"@danishagro/cms/src/components/ImageViewer/ImageViewer.component\";\nimport { CardProps } from \"./Card.interface\";\nimport S from \"./Card.module.scss\";\n\nconst Card = (props: CardProps) => {\n    return (\n        <div className={cn(S.wrapper, props.className)}>\n            {/** Image */}\n            {props.image?.url ? (\n                <div className={S.imageWrapper}>\n                    <ImageViewer\n                        src={props.image.url}\n                        className={cn(S.image, { [S.verticalImage]: props.isVerticalImage })}\n                        aspectRatioY={props.isVerticalImage ? 300 : 200}\n                        aspectRatioX={props.isVerticalImage ? 400 : 400}\n                        alternative={props.alternative}\n                    />\n                </div>\n            ) : null}\n\n            <div className={S.textWrapper}>\n                <div className={S.textInner}>\n                    {/* Tag */}\n                    {props.tag && (\n                        <div className={S.tagWrapper}>\n                            <DA_Tag color=\"good\">\n                                <span>{props.tag}</span>\n                            </DA_Tag>\n                        </div>\n                    )}\n\n                    {/** Headline */}\n                    {props.headline ? (\n                        <DA_Title h4 tag={DA_TitleTag.H4} 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                {/** Buttons */}\n                <Buttons buttons={props.buttons} />\n            </div>\n        </div>\n    );\n};\n\nexport default Card;\n"],"names":["ContentList","props","_props$items","backgroundColorClass","hasBackgroundColor","useBackgroundColor","backgroundColor","cardSizeClass","size","cardSize","S","useMemo","cardSizeExtraSmall","cardSizeMedium","cardSizeLarge","cardSizeExtraLarge","useCardSize","paddingClass","usePadding","isCompact","alignmentClass","useAlignment","alignment","alignmentLeft","_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","listWrapper","subHeading","subTitle","h3","list","items","map","item","index","Card","isVerticalImage","verticalImage","DA_Tag","colorClasses","good","warning","bad","pause","neutral","alternativeNeutral","alternativeNeutral2","sizeClass","small","large","dynamic","color","_props$image","image","url","ImageViewer","src","aspectRatioY","aspectRatioX","alternative","h4","H4","Buttons","buttons"],"sourceRoot":""}