{"version":3,"file":"spa~Block-ContentListBlock.chunk.ecf3844573da05620fb5.js","mappings":"iNACA,GAAgB,gBAAkB,uBAAuB,kBAAoB,uBAAuB,aAAe,uBAAuB,MAAQ,uBAAuB,KAAO,uBAAuB,SAAW,uBAAuB,aAAe,uBAAuB,MAAQ,uBAAuB,YAAc,uBAAuB,sBAAsB,uBAAuB,2BAA2B,uBAAuB,mBAAmB,uBAAuB,eAAe,uBAAuB,iBAAiB,uBAAuB,gBAAgB,uBAAuB,gBAAgB,uBAAuB,uBAAuB,wB,wNCuBxoB,MAAMA,EAETC,IACA,MAAM,MACFC,EAAK,YACLC,EAAW,SACXC,EAAQ,QACRC,EAAO,KACPC,EAAI,SACJC,EAAQ,QACRC,EAAO,UACPC,EAAS,sBACTC,EAAqB,eACrBC,EAAc,qBACdC,EAAoB,MACpBC,EAAQC,EAAAA,IACRb,GACE,mBAAEc,GAAuBF,EAK/B,OACIG,EAAAA,cAAA,OACIP,UAAWQ,IACPC,EAAOlB,gBACPkB,EAAO,YAADC,OAAaZ,IACnBC,GAAWU,EAAO,YAADC,OAAaX,IAC9BO,GAAsBG,EAAO,oBAC7BT,IAGJO,EAAAA,cAAA,OAAKP,UAAWQ,IAAWC,EAAOE,aAAcV,IAC3CL,EACGW,EAAAA,cAACK,EAAAA,EAAOC,EAAA,GAAKjB,EAAO,CAAEI,UAAWS,EAAOK,SAExCP,EAAAA,cAACQ,EAAAA,EAAkB,CAACf,UAAWS,EAAOK,SAG9CP,EAAAA,cAAA,OAAKP,UAAWS,EAAOO,MAClBrB,GAAYY,EAAAA,cAAA,QAAMP,UAAWS,EAAOQ,UAAWtB,GAChDY,EAAAA,cAAA,OAAKP,UAAWS,EAAOS,cACnBX,EAAAA,cAAA,MAAIP,UAtBhBQ,IAAWC,EAAOU,MAAOtB,GAAQA,EAAKuB,MAAQX,EAAOY,kBAAmBnB,IAsBvBT,IAExCC,GACGa,EAAAA,cAACe,EAAAA,EAAO,CAACtB,UAAWQ,IAAWC,EAAOc,YAAapB,GAAuBqB,KAAM9B,KAGvFG,GAAQA,EAAKuB,MACVb,EAAAA,cAAA,KAAGa,KAAMvB,EAAKuB,KAAMpB,UAAU,gCAC1BO,EAAAA,cAAA,QAAMP,UAAU,kBAAkBH,EAAK4B,QAG7C,C","sources":["webpack://Kristiania.Web/./Features/Partials/ContentListItem/ContentListItem.module.css?3b40","webpack://Kristiania.Web/./Features/Partials/ContentListItem/ContentListItem.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"ContentListItem\":\"fZJVSAOhjE5zCRGyxzhi\",\"LinkTextUnderline\":\"d_REHRglxAIojeV7lyDw\",\"ImageWrapper\":\"N7q9ZTHSSFbVGFD_J2I2\",\"Image\":\"IEs38zzV4ZJHZFpJJdhd\",\"Info\":\"zOoeSOkOom859N3cCBqY\",\"Category\":\"TU_pgLgsSXmSqRrkGhN2\",\"TitleWrapper\":\"ZGOqWTR6X5XVdPOGhaPU\",\"Title\":\"XdNev0WrxmeriTSwiCJG\",\"Description\":\"u5K49m8sCAFQhMpYrwdt\",\"Variant--horizontal\":\"hgXjRFNZg2WBePSvKAm6\",\"Variant--verticalNoImage\":\"VM92AIHEP3bABFucDFDZ\",\"Variant--rounded\":\"nc7TSgJW7v4obbaNE8Dk\",\"Variant--red\":\"qkrootWfYQo40qAVnNGX\",\"Variant--white\":\"ZgnxOJuIE4jB4F1vejmt\",\"Variant--dark\":\"F_as4N7ckoDQHikdStXf\",\"Variant--grey\":\"IeGb_X3nJ4kdizBP7Kt0\",\"Variant--transparent\":\"bN4kmaT2UReooWdl5OHO\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport { HtmlDiv } from '../Controls/HtmlDiv';\nimport { Picture } from '../Picture/Picture';\nimport type { BackgroundVariant } from '~/Blocks/ContentListBlock/BackgroundVariant.csharp';\nimport { PicturePlaceholder } from '~/Partials/Picture/Placeholder/PicturePlaceholder';\nimport type { Theme } from '~/Utils/Theme';\nimport { themeDefaultValues } from '~/Utils/Theme';\nimport styles from './ContentListItem.module.css';\nimport type { ContentListItemProps } from './ContentListItemProps.csharp';\n\ntype ContentListItemType = 'horizontal' | 'vertical' | 'verticalNoImage';\ntype ContentListItemVariant = BackgroundVariant;\n\ninterface ContentListItemVariantProps {\n    itemType: ContentListItemType;\n    variant?: ContentListItemVariant;\n    theme?: Pick<Theme, 'withRoundedCorners'>;\n    className?: string;\n    imageWrapperClassName?: string;\n    titleClassName?: string;\n    descriptionClassName?: string;\n}\n\nexport const ContentListItem: React.FC<\n    React.PropsWithChildren<ContentListItemProps & ContentListItemVariantProps>\n> = props => {\n    const {\n        title,\n        description,\n        category,\n        picture,\n        link,\n        itemType,\n        variant,\n        className,\n        imageWrapperClassName,\n        titleClassName,\n        descriptionClassName,\n        theme = themeDefaultValues,\n    } = props;\n    const { withRoundedCorners } = theme;\n\n    const getTitleClassName = () =>\n        classNames(styles.Title, link && link.href && styles.LinkTextUnderline, titleClassName);\n\n    return (\n        <div\n            className={classNames(\n                styles.ContentListItem,\n                styles[`Variant--${itemType}`],\n                variant && styles[`Variant--${variant}`],\n                withRoundedCorners && styles['Variant--rounded'],\n                className\n            )}\n        >\n            <div className={classNames(styles.ImageWrapper, imageWrapperClassName)}>\n                {picture ? (\n                    <Picture {...picture} className={styles.Image} />\n                ) : (\n                    <PicturePlaceholder className={styles.Image} />\n                )}\n            </div>\n            <div className={styles.Info}>\n                {category && <span className={styles.Category}>{category}</span>}\n                <div className={styles.TitleWrapper}>\n                    <h3 className={getTitleClassName()}>{title}</h3>\n                </div>\n                {description && (\n                    <HtmlDiv className={classNames(styles.Description, descriptionClassName)} html={description} />\n                )}\n            </div>\n            {link && link.href && (\n                <a href={link.href} className=\"ContentListItem__linkOverlay\">\n                    <span className=\"visuallyHidden\">{link.label}</span>\n                </a>\n            )}\n        </div>\n    );\n};\n"],"names":["ContentListItem","props","title","description","category","picture","link","itemType","variant","className","imageWrapperClassName","titleClassName","descriptionClassName","theme","themeDefaultValues","withRoundedCorners","React","classNames","styles","concat","ImageWrapper","Picture","_extends","Image","PicturePlaceholder","Info","Category","TitleWrapper","Title","href","LinkTextUnderline","HtmlDiv","Description","html","label"],"sourceRoot":""}