{"version":3,"file":"HeroBlock.chunk.4de8369c8e1cd3804637.js","mappings":"gOACA,GAAgB,KAAO,uBAAuB,+BAA+B,uBAAuB,QAAU,uBAAuB,YAAc,uBAAuB,MAAQ,uBAAuB,cAAgB,uBAAuB,QAAU,uBAAuB,iBAAiB,uBAAuB,kBAAkB,uBAAuB,iBAAiB,uBAAuB,YAAc,uBAAuB,iBAAiB,uBAAuB,gBAAgB,uBAAuB,eAAe,uBAAuB,QAAU,wB,wNCwBviB,MAAMA,EAAqDC,IAC9D,MAAM,aACFC,EAAe,OAAM,QACrBC,EAAO,YACPC,EAAc,QAAO,YACrBC,EAAW,MACXC,EAAK,MACLC,EAAK,QACLC,EAAO,OACPC,EAAM,YACNC,GACAT,EAkBEU,EAfFC,EAAAA,cAAA,OAAKC,UAAWC,EAAOC,SACnBH,EAAAA,cAACI,EAAAA,YAAWC,EAAA,CAACJ,UAAWC,EAAOE,aAAiBN,IAChDE,EAAAA,cAAA,OAAKC,UAAWC,EAAOI,OACnBN,EAAAA,cAAA,OAAKC,UAAWC,EAAOK,eACnBP,EAAAA,cAACQ,EAAAA,EAAW,CACRC,KAAK,KACLR,UAAWS,IAAWR,EAAOS,QAAST,EAAO,YAADU,OAAapB,KACzDqB,KAAMtB,IAETE,GAAeO,EAAAA,cAACc,EAAAA,EAAO,CAACD,KAAMpB,EAAaQ,UAAWC,EAAOa,iBAQ9E,OAAIpB,GAASD,EAELM,EAAAA,cAACgB,EAAAA,EAAsB,CACnBtB,MAAOA,EACPC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRI,UAAWS,IACPR,EAAOd,KACPc,EAAO,gCACPA,EAAO,YAADU,OAAatB,KAEvB2B,iBAAkBf,EAAOgB,QACzBC,eAAiC,UAAjB7B,EAA2B,YAAc,YAExDS,GAKNC,EAAAA,cAAA,OAAKC,UAAWS,IAAWR,EAAOd,KAAMc,EAAO,YAADU,OAAatB,MAAmBS,EAAkB,ECxE9FqB,EAA0C/B,IACnD,MAAM,QAAEE,EAAO,MAAE8B,EAAK,YAAE7B,EAAW,QAAE8B,EAAO,MAAE5B,EAAK,SAAE6B,EAAQ,YAAEzB,GAAgBT,EAE/E,OACIW,EAAAA,cAACZ,EAAI,CACDE,aAAcgC,EACd/B,QAASA,EACTC,YAAaA,EACbC,YAAa4B,EACbvB,YAAaA,EACbJ,MAAOA,EACPC,MAAO4B,EACP3B,QAASF,aAAK,EAALA,EAAOE,QAChBC,OAAQH,aAAK,EAALA,EAAOG,QACjB,C","sources":["webpack://Kristiania.Web/./Features/Partials/Hero/Hero.module.css?8dca","webpack://Kristiania.Web/./Features/Partials/Hero/Hero.tsx","webpack://Kristiania.Web/./Features/Blocks/HeroBlock/View/HeroBlock.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"Hero\":\"KL9_OjJF_WIv4QAJIRsp\",\"Variant--withMediaBackground\":\"wGdptzOmQMiOATX3lnBc\",\"Content\":\"VzZYZpe50JO2h5FBr4N5\",\"Breadcrumbs\":\"ElJvRYAzb3LOesAtWOY3\",\"Inner\":\"_F4aP0i0hzV9vBAPo3P7\",\"TextContainer\":\"cPhlwLgkNO_8rPuimnOV\",\"Heading\":\"j3qgdNbfXpLB3KO3Z2Hg\",\"Heading--large\":\"tj0RGZ9PWQ0Q8Xf5IQZy\",\"Heading--medium\":\"eA1uKeTzBrhrjsSLuTEs\",\"Heading--small\":\"UnDlz38kezJ57VccfoD_\",\"Description\":\"oW0xSqTqKcSkxv2BQAiF\",\"Variant--light\":\"pKZ77EEbjOH8KWtjmdbF\",\"Variant--dark\":\"tP9jeto69JEg_oB6AYPl\",\"Variant--red\":\"NBcU6wm7Ql3ucaRy0EDH\",\"Wrapper\":\"xkhMLuVVk6wWWHYY98W6\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport { BackgroundMediaSection } from '../BackgroundMediaSection/BackgroundMediaSection';\nimport type { BreadcrumbsViewModel } from '~/Features/Breadcrumbs/BreadcrumbsViewModel.csharp';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { Breadcrumbs } from '~/Partials/Breadcrumbs/Breadcrumbs';\nimport { HtmlDiv } from '~/Partials/Controls/HtmlDiv';\nimport { HtmlHeading } from '~/Partials/Controls/HtmlHeading';\nimport type { BaseImage } from '~/Partials/Picture/Picture';\nimport styles from './Hero.module.css';\nimport type { HeroColorVariant } from './HeroColorVariant';\nimport type { HeroHeadingSize } from './HeroHeadingSize';\n\ninterface HeroProps {\n    colorVariant: HeroColorVariant;\n    heading: HtmlString;\n    headingSize: HeroHeadingSize;\n    breadcrumbs: BreadcrumbsViewModel;\n    description?: HtmlString;\n    image?: BaseImage;\n    video?: string;\n    caption?: string;\n    author?: string;\n}\n\nexport const Hero: React.FC<React.PropsWithChildren<HeroProps>> = props => {\n    const {\n        colorVariant = 'dark',\n        heading,\n        headingSize = 'large',\n        description,\n        image,\n        video,\n        caption,\n        author,\n        breadcrumbs,\n    } = props;\n\n    const getHeroContent = () => (\n        <div className={styles.Content}>\n            <Breadcrumbs className={styles.Breadcrumbs} {...breadcrumbs} />\n            <div className={styles.Inner}>\n                <div className={styles.TextContainer}>\n                    <HtmlHeading\n                        type=\"h1\"\n                        className={classNames(styles.Heading, styles[`Heading--${headingSize}`])}\n                        html={heading}\n                    />\n                    {description && <HtmlDiv html={description} className={styles.Description} />}\n                </div>\n            </div>\n        </div>\n    );\n\n    const heroContent = getHeroContent();\n\n    if (video || image) {\n        return (\n            <BackgroundMediaSection\n                image={image}\n                video={video}\n                caption={caption}\n                author={author}\n                className={classNames(\n                    styles.Hero,\n                    styles[`Variant--withMediaBackground`],\n                    styles[`Variant--${colorVariant}`]\n                )}\n                wrapperClassName={styles.Wrapper}\n                overlayVariant={colorVariant === 'light' ? 'fullLight' : 'fullDark'}\n            >\n                {heroContent}\n            </BackgroundMediaSection>\n        );\n    }\n\n    return <div className={classNames(styles.Hero, styles[`Variant--${colorVariant}`])}>{heroContent}</div>;\n};\n","import * as React from 'react';\nimport type { HeroBlockViewModel } from '../ViewModel/HeroBlockViewModel.csharp';\nimport { Hero } from '~/Partials/Hero/Hero';\n\nexport const HeroBlock: React.FC<HeroBlockViewModel> = props => {\n    const { heading, intro, headingSize, variant, image, videoUrl, breadcrumbs } = props;\n\n    return (\n        <Hero\n            colorVariant={variant}\n            heading={heading}\n            headingSize={headingSize}\n            description={intro}\n            breadcrumbs={breadcrumbs}\n            image={image}\n            video={videoUrl}\n            caption={image?.caption}\n            author={image?.author}\n        />\n    );\n};\n"],"names":["Hero","props","colorVariant","heading","headingSize","description","image","video","caption","author","breadcrumbs","heroContent","React","className","styles","Content","Breadcrumbs","_extends","Inner","TextContainer","HtmlHeading","type","classNames","Heading","concat","html","HtmlDiv","Description","BackgroundMediaSection","wrapperClassName","Wrapper","overlayVariant","HeroBlock","intro","variant","videoUrl"],"sourceRoot":""}