{"version":3,"file":"ContentCardWithImage.chunk.7364a3e93eab58a70f2d.js","mappings":"sRACA,GAAgB,qBAAuB,uBAAuB,mBAAmB,uBAAuB,MAAQ,uBAAuB,aAAe,uBAAuB,sBAAsB,uBAAuB,OAAS,uBAAuB,mBAAmB,uBAAuB,+BAA+B,uBAAuB,2BAA2B,uBAAuB,4BAA4B,uBAAuB,qBAAqB,wB,wNCe7c,MAAMA,EAAqFC,IAAS,IAAAC,EACvG,MAAM,MAAEC,EAAK,iBAAEC,EAAgB,eAAEC,EAAc,YAAEC,EAAW,qBAAEC,EAAoB,UAAEC,GAAcP,GAE5F,QAAEQ,GAAYF,EAEdG,GAAQC,EAAAA,EAAAA,MACR,mBAAEC,EAAkB,cAAEC,GAAkBH,GACxC,aAAEI,EAAY,iBAAEC,EAAgB,eAAEC,IAAmBC,EAAAA,EAAAA,KAErDC,EACFT,IAAYU,EAAAA,EAAwBC,iBAAmBX,IAAYU,EAAAA,EAAwBE,iBAE/F,OACIC,EAAAA,cAAA,OACIC,UAAWC,IACPC,EAAAA,EAAW,YAADC,OAAajB,IACvBG,GAAsBa,EAAAA,EAAW,oBACjCb,GAAsBe,EAAO,oBAC7Bd,GAAiB,4BACjBc,EAAO3B,sBAC8B,QAArCE,EAAAK,EAAqBqB,wBAAgB,IAAA1B,OAAA,EAArCA,EAAuC2B,OAAQ,CAC3CJ,EAAAA,EAAW,oBACXE,EAAO,oBACPG,EAAAA,EAAaC,cAEjBJ,EAAO,YAADD,OAAarB,EAAc,mBACjCsB,EAAO,YAADD,OAAatB,EAAgB,aACnCuB,EAAO,YAADD,OAAapB,IACnBE,GAAamB,EAAO,uBAExBK,KAAK,OACLC,YAAalB,EACbmB,UAAWlB,GAEXM,EAAAA,cAAA,OAAKC,UAAWC,IAAWG,EAAOQ,aAAcjB,GAAiBS,EAAO,+BACnExB,EACGmB,EAAAA,cAACc,EAAAA,EAAOC,EAAA,GAAKlC,EAAK,CAAEoB,UAAWI,EAAOW,SAEtChB,EAAAA,cAACiB,EAAAA,EAAkB,CAAChB,UAAWI,EAAOW,SAG9ChB,EAAAA,cAAA,OAAKC,UAAWI,EAAOa,QACnBlB,EAAAA,cAACmB,EAAAA,EAAiBJ,EAAA,GAAK9B,EAAoB,CAAEC,UAAWA,EAAWkC,QAAS5B,MAE9E,C","sources":["webpack://Kristiania.Web/./Features/Partials/ContentCardWithImage/ContentCardWithImage.module.css?5d32","webpack://Kristiania.Web/./Features/Partials/ContentCardWithImage/ContentCardWithImage.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"ContentCardWithImage\":\"dRL3syNqwxAMSfJcjgPS\",\"Variant--hasLink\":\"qwPq3mKKd77HSnPCVCWg\",\"Image\":\"GelTlugjDlqROsEpS6Tz\",\"ImageWrapper\":\"aF5b1xTlFkv6HfFub_RV\",\"Variant--horizontal\":\"nuydYi_Wd6zwyeTcuMig\",\"Layout\":\"zTp7C_PMR93tainVWKZM\",\"Variant--rounded\":\"kysUYaVXrWoTAEshqCHx\",\"Variant--rightImageAlignment\":\"xYQo22CVUbne62uHl6zy\",\"Variant--containBehavior\":\"g4CzzD5olox6KbGY6XMP\",\"ImageWrapper--transparent\":\"fVpr9NOhprgyM4So4r6u\",\"Variant--stretched\":\"AHXY6KuZSDnpZWG0CfLj\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useTheme } from '../../Layouts/Theme/Context/ThemeContextProvider';\nimport { Picture } from '../Picture/Picture';\nimport { ContentCardBlockVariant } from '~/Blocks/ContentCard/ContentCardBlockVariant.csharp';\nimport type { ContentCardLayoutProps } from '~/Blocks/ContentCardLayout/ContentCardLayout';\nimport { ContentCardLayout } from '~/Blocks/ContentCardLayout/ContentCardLayout';\nimport baseStyles from '~/Features/Blocks/ContentCardLayout/ContentCardBase.module.css';\nimport layoutStyles from '~/Features/Blocks/ContentCardLayout/ContentCardLayout.module.css';\nimport type { ContentCardWithImageViewModel } from '~/Partials/ContentCardWithImage/ContentCardWithImageViewModel.csharp';\nimport { PicturePlaceholder } from '~/Partials/Picture/Placeholder/PicturePlaceholder';\nimport { useClickProxyAllowingTextSelection } from '~/Utils/Hooks/useClickProxyAllowingTextSelection';\nimport styles from './ContentCardWithImage.module.css';\n\nexport type ContentCardWithImageProps = ContentCardWithImageViewModel & Pick<ContentCardLayoutProps, 'stretched'>;\n\nexport const ContentCardWithImage: React.FC<React.PropsWithChildren<ContentCardWithImageProps>> = props => {\n    const { image, imageFitBehavior, imageAlignment, orientation, contentCardViewModel, stretched } = props;\n\n    const { variant } = contentCardViewModel;\n\n    const theme = useTheme();\n    const { withRoundedCorners, withBoxShadow } = theme;\n    const { clickableRef, onProxyMouseDown, onProxyMouseUp } = useClickProxyAllowingTextSelection<HTMLAnchorElement>();\n\n    const isTransparent =\n        variant === ContentCardBlockVariant.DarkTransparent || variant === ContentCardBlockVariant.LightTransparent;\n\n    return (\n        <div\n            className={classNames(\n                baseStyles[`Variant--${variant}`],\n                withRoundedCorners && baseStyles['Variant--rounded'],\n                withRoundedCorners && styles['Variant--rounded'],\n                withBoxShadow && 'ContentCardBase--shadowed',\n                styles.ContentCardWithImage,\n                contentCardViewModel.callToActionLink?.href && [\n                    baseStyles['Variant--hasLink'],\n                    styles['Variant--hasLink'],\n                    layoutStyles.CardWithLink,\n                ],\n                styles[`Variant--${imageAlignment}ImageAlignment`],\n                styles[`Variant--${imageFitBehavior}Behavior`],\n                styles[`Variant--${orientation}`],\n                stretched && styles['Variant--stretched']\n            )}\n            role=\"none\"\n            onMouseDown={onProxyMouseDown}\n            onMouseUp={onProxyMouseUp}\n        >\n            <div className={classNames(styles.ImageWrapper, isTransparent && styles['ImageWrapper--transparent'])}>\n                {image ? (\n                    <Picture {...image} className={styles.Image} />\n                ) : (\n                    <PicturePlaceholder className={styles.Image} />\n                )}\n            </div>\n            <div className={styles.Layout}>\n                <ContentCardLayout {...contentCardViewModel} stretched={stretched} linkRef={clickableRef} />\n            </div>\n        </div>\n    );\n};\n"],"names":["ContentCardWithImage","props","_contentCardViewModel","image","imageFitBehavior","imageAlignment","orientation","contentCardViewModel","stretched","variant","theme","useTheme","withRoundedCorners","withBoxShadow","clickableRef","onProxyMouseDown","onProxyMouseUp","useClickProxyAllowingTextSelection","isTransparent","ContentCardBlockVariant","DarkTransparent","LightTransparent","React","className","classNames","baseStyles","concat","styles","callToActionLink","href","layoutStyles","CardWithLink","role","onMouseDown","onMouseUp","ImageWrapper","Picture","_extends","Image","PicturePlaceholder","Layout","ContentCardLayout","linkRef"],"sourceRoot":""}