{"version":3,"file":"7760.chunk.6b4c633591941e9e8cee.js","mappings":"sMACA,GAAgB,uBAAyB,uBAAuB,QAAU,uBAAuB,gBAAgB,uBAAuB,QAAU,uBAAuB,MAAQ,uBAAuB,uBAAyB,uBAAuB,uBAAuB,uBAAuB,OAAS,uBAAuB,oBAAoB,uBAAuB,qBAAqB,uBAAuB,mCAAmC,uBAAuB,uCAAuC,uBAAuB,wCAAwC,wB,wNCuBtjB,MAAMA,EAAyFC,IAClG,MAAM,SACFC,EAAQ,GACRC,EAAE,MACFC,EAAK,MACLC,EAAK,QACLC,EAAO,OACPC,EAAM,UACNC,EAAS,iBACTC,EAAgB,iBAChBC,EAAgB,eAChBC,EAAc,OACdC,EAAS,UAAS,eAClBC,EAAiB,2BACjBZ,EAEEa,EAAkBA,KACpB,MAAMC,EAAaC,IAAWC,EAAOC,MAAOP,GAE5C,OAAIN,EAEIc,EAAAA,cAAA,OAAKX,UAAWO,GACZI,EAAAA,cAAA,SAAOC,IAAKf,EAAOgB,UAAQ,EAACC,aAAW,EAACC,OAAK,EAACC,MAAI,EAACC,QAAQ,UAKnErB,EACOe,EAAAA,cAACO,EAAAA,EAAOC,EAAA,GAAKvB,EAAK,CAAEwB,QAASC,EAAAA,EAAgBC,UAAWtB,UAAWO,KAGvEI,EAAAA,cAACY,EAAAA,EAAkB,CAACvB,UAAWO,EAAYiB,qBAAsBf,EAAOgB,wBAA0B,EAiBvGC,EAAe5B,GAAWC,EAdG4B,MAC/B,MAAMC,EAAetB,IAErB,OACIK,EAAAA,cAAA,UAAQX,UAAWS,EAAOoB,QACrBD,EACDjB,EAAAA,cAAA,kBACKb,GAAWa,EAAAA,cAAA,YAAOb,GAClBC,GAAUY,EAAAA,cAAA,YAAOZ,IAEjB,EAIwB4B,GAA+BrB,IAExE,OACIK,EAAAA,cAAA,OACIhB,GAAIA,EACJK,UAAWQ,IACPC,EAAOjB,uBACY,gBAAnBa,GAAoCI,EAAO,YAADqB,OAAazB,KACtDP,GAAWC,IAAWU,EAAO,wBAC9BT,IAGJW,EAAAA,cAAA,OACIX,UAAWQ,IACPC,EAAOsB,QACI,SAAX3B,GAAqBK,EAAO,YAADqB,OAAa1B,IACxCH,IAGJU,EAAAA,cAAA,OAAKX,UAAWQ,IAAWC,EAAOuB,QAAS9B,IAAoBR,IAElEgC,EACC,C","sources":["webpack://Kristiania.Web/./Features/Partials/BackgroundMediaSection/BackgroundMediaSection.module.css?b2a6","webpack://Kristiania.Web/./Features/Partials/BackgroundMediaSection/BackgroundMediaSection.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"BackgroundMediaSection\":\"BHZEJUDSIPpKa0oPrsHx\",\"Wrapper\":\"bLAdaCckoHBaiIC97_jU\",\"Wrapper--grid\":\"uwdDbr8iIUnkWFMVwpIF\",\"Content\":\"eh99tHo126OqTC2jRbLr\",\"Media\":\"dabmDRgUTnFwXNJ_grkU\",\"PlaceholderLogoWrapper\":\"ao2rID4I7z5HbixkFtUo\",\"Variant--withCaption\":\"HX85CpiEVtHWECQTXiNh\",\"Figure\":\"jEirhd8enG4d6AOhcLDQ\",\"Variant--fullDark\":\"xy4iFrsV2Sz8Qp0apyvq\",\"Variant--fullLight\":\"mpJQGg0dDaijqjuWkH6Z\",\"Variant--topToBottomGreyGradient\":\"AAvVhuWR4ZqvJONVflO9\",\"Variant--leftToRightDarkGreyGradient\":\"HKWJI6twVeF2fy35QptA\",\"Variant--upperTransparentLineGradient\":\"X4a8TM_Yrz4vY4qRwPCe\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport type { BaseImage } from '../Picture/Picture';\nimport { Picture } from '../Picture/Picture';\nimport { PictureProfiles } from '../Picture/PictureProfiles';\nimport { PicturePlaceholder } from '~/Partials/Picture/Placeholder/PicturePlaceholder';\nimport type { BackgroundMediaLayoutVariant } from './BackgroundMediaLayoutVariant';\nimport type { BackgroundMediaOverlayVariant } from './BackgroundMediaOverlayVariant';\nimport styles from './BackgroundMediaSection.module.css';\n\nexport interface BackgroundMediaSectionProps {\n    id?: string;\n    image?: BaseImage;\n    video?: string;\n    caption?: string;\n    author?: string;\n    overlayVariant?: BackgroundMediaOverlayVariant;\n    layout?: BackgroundMediaLayoutVariant;\n    className?: string;\n    wrapperClassName?: string;\n    contentClassName?: string;\n    mediaClassName?: string;\n}\n\nexport const BackgroundMediaSection: React.FC<React.PropsWithChildren<BackgroundMediaSectionProps>> = props => {\n    const {\n        children,\n        id,\n        image,\n        video,\n        caption,\n        author,\n        className,\n        wrapperClassName,\n        contentClassName,\n        mediaClassName,\n        layout = 'default',\n        overlayVariant = 'topToBottomGreyGradient',\n    } = props;\n\n    const getMediaElement = () => {\n        const mediaClass = classNames(styles.Media, mediaClassName);\n\n        if (video) {\n            return (\n                <div className={mediaClass}>\n                    <video src={video} autoPlay playsInline muted loop preload=\"auto\" />\n                </div>\n            );\n        }\n\n        if (image) {\n            return <Picture {...image} profile={PictureProfiles.fullWidth} className={mediaClass} />;\n        }\n\n        return <PicturePlaceholder className={mediaClass} logoWrapperClassName={styles.PlaceholderLogoWrapper} />;\n    };\n\n    const getMediaElementWithCaption = () => {\n        const mediaElement = getMediaElement();\n\n        return (\n            <figure className={styles.Figure}>\n                {mediaElement}\n                <figcaption>\n                    {caption && <span>{caption}</span>}\n                    {author && <span>{author}</span>}\n                </figcaption>\n            </figure>\n        );\n    };\n\n    const mediaContent = caption || author ? getMediaElementWithCaption() : getMediaElement();\n\n    return (\n        <div\n            id={id}\n            className={classNames(\n                styles.BackgroundMediaSection,\n                overlayVariant !== 'transparent' && styles[`Variant--${overlayVariant}`],\n                (caption || author) && styles['Variant--withCaption'],\n                className\n            )}\n        >\n            <div\n                className={classNames(\n                    styles.Wrapper,\n                    layout === 'grid' && styles[`Wrapper--${layout}`],\n                    wrapperClassName\n                )}\n            >\n                <div className={classNames(styles.Content, contentClassName)}>{children}</div>\n            </div>\n            {mediaContent}\n        </div>\n    );\n};\n"],"names":["BackgroundMediaSection","props","children","id","image","video","caption","author","className","wrapperClassName","contentClassName","mediaClassName","layout","overlayVariant","getMediaElement","mediaClass","classNames","styles","Media","React","src","autoPlay","playsInline","muted","loop","preload","Picture","_extends","profile","PictureProfiles","fullWidth","PicturePlaceholder","logoWrapperClassName","PlaceholderLogoWrapper","mediaContent","getMediaElementWithCaption","mediaElement","Figure","concat","Wrapper","Content"],"sourceRoot":""}