{"version":3,"file":"ContentCardListBlock.chunk.adb636b38e67965cb8e7.js","mappings":"ycAYO,MAAMA,EAAmEC,IAC5E,MAAM,QAAEC,EAAO,iBAAEC,EAAgB,UAAEC,GAAcH,GAC3C,aAAEI,EAAY,iBAAEC,EAAgB,eAAEC,IAAmBC,EAAAA,EAAAA,KACrDC,GAAQC,EAAAA,EAAAA,MACR,mBAAEC,EAAkB,cAAEC,GAAkBH,EAE9C,OACII,EAAAA,cAAA,OACIC,UAAWC,IACPC,EAAAA,EAAO,YAADC,OAAaf,IACnBS,GAAsBK,EAAAA,EAAO,oBAC7BJ,GAAiBI,EAAAA,EAAO,sBACxBb,aAAgB,EAAhBA,EAAkBe,OAAQ,CAACF,EAAAA,EAAO,oBAAqBG,EAAAA,EAAaC,cACpEhB,GAAaY,EAAAA,EAAO,uBAExBK,YAAaf,EACbgB,UAAWf,EACXgB,KAAK,QAELV,EAAAA,cAACW,EAAAA,EAAiBC,EAAA,GAAKxB,EAAK,CAAEyB,QAASrB,KACrC,C,mLC/Bd,GAAgB,qBAAuB,uBAAuB,MAAQ,uBAAuB,KAAO,uBAAuB,qBAAqB,uBAAuB,sBAAsB,uBAAuB,wBAAwB,uBAAuB,QAAU,uBAAuB,YAAc,uBAAuB,gBAAgB,uBAAuB,iBAAiB,wB,wNCS1X,MAAMsB,EAAqF1B,IAC9F,MAAM,kBAAE2B,EAAiB,aAAEC,GAAiB5B,EAEtC6B,EAAyBC,IAC3B,OAAQA,GACJ,KAAK,EACD,OAAOf,EAAO,yBAClB,KAAK,EACD,OAAOA,EAAO,uBAClB,QACI,OAAOA,EAAO,sBACtB,EAeJ,OACIH,EAAAA,cAAA,OAAKC,UAAWC,IAAWC,EAAOW,qBAAsBX,EAAO,YAADC,OAAaW,MACvEf,EAAAA,cAAA,OAAKC,UAAWE,EAAOgB,OACnBnB,EAAAA,cAACoB,EAAAA,EAAI,CACDnB,UAAWE,EAAOiB,KAClBC,MAAOC,IAAMN,EAAc,GAC3BO,WAAYC,GACRxB,EAAAA,cAAA,MAAIyB,IAAKC,IAAS,UAnBZF,IACtBxB,EAAAA,cAACoB,EAAAA,EAAI,CACDnB,UAAWC,IAAWC,EAAOwB,QAASV,EAAsBO,EAAkBN,SAC9EG,MAAOG,EACPD,WAAYK,GACR5B,EAAAA,cAAA,MAAIyB,IAAKC,IAAS,aAAczB,UAAWE,EAAO0B,aAC9C7B,EAAAA,cAACb,EAAAA,YAAWyB,EAAA,GAAKgB,EAAW,CAAErC,WAAS,QAaNuC,CAAiBN,OAIxD,C","sources":["webpack://Kristiania.Web/./Features/Blocks/ContentCard/ContentCard.tsx","webpack://Kristiania.Web/./Features/Blocks/ContentCardListBlock/ContentCardListBlock.module.css?7c33","webpack://Kristiania.Web/./Features/Blocks/ContentCardListBlock/ContentCardListBlock.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\nimport { useTheme } from '../../Layouts/Theme/Context/ThemeContextProvider';\nimport styles from '../ContentCardLayout/ContentCardBase.module.css';\nimport type { ContentCardLayoutProps } from '../ContentCardLayout/ContentCardLayout';\nimport { ContentCardLayout } from '../ContentCardLayout/ContentCardLayout';\nimport layoutStyles from '../ContentCardLayout/ContentCardLayout.module.css';\nimport type { ContentCardViewModel } from '~/Blocks/ContentCard/ContentCardViewModel.csharp';\nimport { useClickProxyAllowingTextSelection } from '~/Utils/Hooks/useClickProxyAllowingTextSelection';\n\nexport type ContentCardProps = ContentCardViewModel & Pick<ContentCardLayoutProps, 'stretched'>;\n\nexport const ContentCard: React.FC<React.PropsWithChildren<ContentCardProps>> = props => {\n    const { variant, callToActionLink, stretched } = props;\n    const { clickableRef, onProxyMouseDown, onProxyMouseUp } = useClickProxyAllowingTextSelection<HTMLAnchorElement>();\n    const theme = useTheme();\n    const { withRoundedCorners, withBoxShadow } = theme;\n\n    return (\n        <div\n            className={classNames(\n                styles[`Variant--${variant}`],\n                withRoundedCorners && styles['Variant--rounded'],\n                withBoxShadow && styles['Variant--shadowed'],\n                callToActionLink?.href && [styles['Variant--hasLink'], layoutStyles.CardWithLink],\n                stretched && styles['Variant--stretched']\n            )}\n            onMouseDown={onProxyMouseDown}\n            onMouseUp={onProxyMouseUp}\n            role=\"none\"\n        >\n            <ContentCardLayout {...props} linkRef={clickableRef} />\n        </div>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"ContentCardListBlock\":\"re7lhSNl15rHkStNWfpr\",\"Inner\":\"fPnbW2LIDDXkLu7Sd2DI\",\"List\":\"qKN9QYrNs0tc2hac6kse\",\"ListRow--oneColumn\":\"qr9XN5fqlIAczQqaknON\",\"ListRow--twoColumns\":\"a8MbRkCPF9NiG9lTnQah\",\"ListRow--threeColumns\":\"Q2QchAPLIgi9KO9i4PnS\",\"ListRow\":\"jtkkgzPbbPs4wbvpUNch\",\"ListRowItem\":\"ybbVqLS47JjhpbRWgQDU\",\"Variant--grey\":\"Yu3F73n71NBxoM1sj0uf\",\"Variant--white\":\"_DmNksM03MW0imTZ92Zj\"};","import classNames from 'classnames';\nimport chunk from 'lodash/chunk';\nimport uniqueId from 'lodash/uniqueId';\nimport * as React from 'react';\nimport type { ContentCardProps } from '../ContentCard/ContentCard';\nimport { ContentCard } from '../ContentCard/ContentCard';\nimport { List } from '~/Partials/List/List';\nimport styles from './ContentCardListBlock.module.css';\nimport type { ContentCardListBlockProps } from './ViewModel/ContentCardListBlockProps.csharp';\n\nexport const ContentCardListBlock: React.FC<React.PropsWithChildren<ContentCardListBlockProps>> = props => {\n    const { backgroundVariant, contentCards } = props;\n\n    const getRowLayoutClassName = (length: number) => {\n        switch (length) {\n            case 3:\n                return styles['ListRow--threeColumns'];\n            case 2:\n                return styles['ListRow--twoColumns'];\n            default:\n                return styles['ListRow--oneColumn'];\n        }\n    };\n\n    const renderRowContent = (contentCardsChunk: ContentCardProps[]) => (\n        <List\n            className={classNames(styles.ListRow, getRowLayoutClassName(contentCardsChunk.length))}\n            items={contentCardsChunk}\n            renderItem={contentCard => (\n                <li key={uniqueId('rowItem__')} className={styles.ListRowItem}>\n                    <ContentCard {...contentCard} stretched />\n                </li>\n            )}\n        />\n    );\n\n    return (\n        <div className={classNames(styles.ContentCardListBlock, styles[`Variant--${backgroundVariant}`])}>\n            <div className={styles.Inner}>\n                <List\n                    className={styles.List}\n                    items={chunk(contentCards, 3)}\n                    renderItem={contentCardsChunk => (\n                        <li key={uniqueId('row__')}>{renderRowContent(contentCardsChunk)}</li>\n                    )}\n                />\n            </div>\n        </div>\n    );\n};\n"],"names":["ContentCard","props","variant","callToActionLink","stretched","clickableRef","onProxyMouseDown","onProxyMouseUp","useClickProxyAllowingTextSelection","theme","useTheme","withRoundedCorners","withBoxShadow","React","className","classNames","styles","concat","href","layoutStyles","CardWithLink","onMouseDown","onMouseUp","role","ContentCardLayout","_extends","linkRef","ContentCardListBlock","backgroundVariant","contentCards","getRowLayoutClassName","length","Inner","List","items","chunk","renderItem","contentCardsChunk","key","uniqueId","ListRow","contentCard","ListRowItem","renderRowContent"],"sourceRoot":""}