{"version":3,"file":"static/chunks/9885.46f540e85f523d80.js","mappings":"8NAEA,IAAMA,EAAYC,CAAAA,EAAAA,EAAAA,EAAAA,IAAa,CAACC,EAAOC,EAASC,IAAa,EACzDC,iBAAkB,CACdC,MAAO,OACPC,SAAU,WACVC,QAAS,OACTC,cAAe,SACfC,UAAW,OACXC,aAAcT,EAAMU,eAAe,CAAG,MAAQC,KAAAA,EAC9CC,UAAW,OACXC,OAAQ,OACRC,OAAQ,eACRC,UAAW,OACXC,UAAW,QACX,CAAChB,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BF,UAAW,OACf,EACA,CAAChB,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BJ,OAAQ,EACRE,UAAW,OACf,EACA,CAAChB,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BC,SAAU,QACVH,UAAW,OACf,EACAI,OAAQ,SACZ,EACAC,oBAAqB,CACjBjB,MAAO,OACPC,SAAU,WACVQ,OAAQ,QACR,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,OACZ,EACA,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,kBACZ,EACA,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,kBACZ,EACA,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,kBACZ,EACA,uBAAwB,CACpBT,MAAO,kBACPS,OAAQ,iBACZ,EACA,QAAS,CACLA,OAAQ,QACR,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,OACZ,EACA,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,kBACZ,EACA,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,kBACZ,EACA,CAACb,EAAMiB,WAAW,CAACC,EAAE,CAAC,MAAM,CAAE,CAC1BL,OAAQ,kBACZ,CACJ,CACJ,EACAS,eAAgB,CACZC,UAAW,OACf,EACAC,YAAa,CACTC,QAAS,aAA2BC,MAAA,CAAdC,EAAAA,EAAOA,CAACC,KAAK,CAAC,SACpCtB,QAAS,OACTC,cAAe,SACfsB,SAAU,CACd,EACAC,sBAAuB,CACnBjB,OAAQ,OACRkB,aAAc,QACdxB,cAAe,QACnB,EACAyB,kBAAmB,CACflB,OAAQ,EACRW,QAAS,OACTQ,UAAW,OACf,EACAC,aAAcC,OAAOC,MAAM,CAACD,OAAOC,MAAM,CAAC,CAAC,EAAGpC,EAAMqC,UAAU,CAACC,WAAW,EAAGtC,EAAMuC,iBAAiB,CAACC,cAAc,EACnHC,YAAaN,OAAOC,MAAM,CAACD,OAAOC,MAAM,CAACD,OAAOC,MAAM,CAAC,CAAC,EAAGpC,EAAMqC,UAAU,CAACK,aAAa,EAAG1C,EAAMuC,iBAAiB,CAACI,gBAAgB,EAAG,CAAEC,MAAOC,EAAAA,EAAMA,CAACC,IAAI,CAACC,KAAK,GACjKC,KAAM,CACFC,SAAW,OACf,EACAC,kBAAmB,CACfC,gBAAiB,cACjB9C,SAAU,WACV+C,IAAK,MACLC,KAAM,MACNC,YAAa,OACbC,UAAW,wBACX,CAAC,MAAmB7B,MAAA,CAAbxB,EAAQ8C,IAAI,EAAG,CAAE,CACpBC,SAAU,OACVL,MAAOC,EAAAA,EAAMA,CAACW,aAAa,CAACC,KAAK,CACjCrC,OAAQ,UACRkC,YAAa,EACb,SAAU,CACNL,SAAU,SACd,CACJ,CACJ,EACAS,iBAAkB,CAAC,EACnBC,qBAAsB,CAAC,CAC3B,IC3FA,IAAAC,EAVyB,IACrB,IAAIC,EAAIC,EAAIC,EAAIC,EAChB,GAAM,CAAEC,QAAAA,CAAO,CAAExB,YAAAA,CAAW,CAAEyB,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAEC,cAAAA,CAAa,CAAEC,MAAAA,CAAK,CAAEC,qBAAAA,CAAoB,CAAE,CAAGC,EACpF,CAAErE,QAAAA,CAAO,CAAE,CAAGJ,IAId0E,EAAeL,UAAAA,EAAmB,OAACN,CAAAA,EAAKQ,MAAAA,EAAqC,KAAK,EAAIA,EAAMI,YAAY,GAAcZ,KAAY,IAAZA,EAAgBA,EAAK,GAAK,OAACC,CAAAA,EAAKI,MAAAA,EAAqC,KAAK,EAAIA,EAAMQ,GAAG,GAAcZ,KAAY,IAAZA,EAAgBA,EAAK,GACtP,MAAQa,CAAAA,EAAAA,EAAAA,IAAAA,EAAMC,EAAAA,CAAIA,CAAE,CAAEC,UAAW3E,EAAQC,gBAAgB,CAAE2E,QAJ5B,KAC3BR,EAAqBF,EACzB,EAE4FW,SAAU,CAACJ,CAAAA,EAAAA,EAAAA,IAAAA,EAAM,MAAO,CAAEE,UAAWG,CAAAA,EAAAA,EAAAA,CAAAA,EAAK9E,EAAQmB,mBAAmB,EAAG0D,SAAU,CAACE,CAAAA,EAAAA,EAAAA,GAAAA,EAAKC,EAAAA,CAAKA,CAAE,CAAEC,SAAUX,EAAcY,QAAS,OAACpB,CAAAA,EAAK,OAACD,CAAAA,EAAKG,MAAAA,EAAqC,KAAK,EAAIA,EAAMkB,OAAO,GAAcrB,KAAY,IAAZA,EAAgBA,EAAKE,CAAAA,GAAqBD,KAAY,IAAZA,EAAgBA,EAAK,GAAIa,UAAW3E,EAAQoB,cAAc,CAAET,OAAQ,IAAKT,MAAO,GAAI,GAAI+D,UAAAA,GAAqBc,CAAAA,EAAAA,EAAAA,GAAAA,EAAK,MAAO,CAAEJ,UAAW3E,EAAQgD,iBAAiB,CAAE6B,SAAUE,CAAAA,EAAAA,EAAAA,GAAAA,EAAKI,EAAAA,CAAIA,CAAE,CAAErC,KAAM,sBAAuB6B,UAAW3E,EAAQ8C,IAAI,EAAI,GAAI,GAAK2B,CAAAA,EAAAA,EAAAA,IAAAA,EAAM,MAAO,CAAEE,UAAW3E,EAAQsB,WAAW,CAAEuD,SAAU,CAACd,GAAYgB,CAAAA,EAAAA,EAAAA,GAAAA,EAAK,MAAO,CAAEJ,UAAW3E,EAAQwD,gBAAgB,CAAEqB,SAAUE,CAAAA,EAAAA,EAAAA,GAAAA,EAAK,OAAQ,CAAEJ,UAAW3E,EAAQgC,YAAY,CAAE6C,SAAUd,CAAQ,EAAG,GAAKxB,GAAgBwC,CAAAA,EAAAA,EAAAA,GAAAA,EAAK,MAAO,CAAEJ,UAAW3E,EAAQyD,oBAAoB,CAAEoB,SAAUE,CAAAA,EAAAA,EAAAA,GAAAA,EAAK,OAAQ,CAAEJ,UAAW3E,EAAQuC,WAAW,CAAEsC,SAAUtC,CAAY,EAAG,GAAI,GAAI,EACx8B,wBCNA6C,EAL8B,IAC1B,GAAM,CAAEC,MAAAA,CAAK,CAAE,CAAGhB,EAElB,MADAiB,CAAAA,EAAAA,EAAAA,CAAAA,EAAUjB,GACFU,CAAAA,EAAAA,EAAAA,GAAAA,EAAKQ,EAAAA,QAASA,CAAE,CAAEV,SAAU,CAACQ,MAAAA,EAAqC,KAAK,EAAIA,EAAMG,MAAM,GAAMT,CAAAA,EAAAA,EAAAA,GAAAA,EAAKU,EAAAA,CAAsBA,CAAE,CAAEC,cAAeC,EAAkBC,MAAOP,EAAOQ,mBAAoB,GAAMC,4BAA6B,EAAK,EAAI,EACvP","sources":["webpack://_N_E/../ui-components/build/components/MediaGalleryItem/MediaGalleryItem.styles.js","webpack://_N_E/../ui-components/build/components/MediaGalleryItem/MediaGalleryItem.js","webpack://_N_E/../ui-components/build/components/MediaGallery/MediaGallery.js"],"sourcesContent":["import { makeStyles } from 'tss-react/mui';\nimport { spacing, colors } from '../../styles/jss/variables';\nconst useStyles = makeStyles()((theme, _params, classes) => ({\n    mediaGalleryCard: {\n        width: '100%',\n        position: 'relative',\n        display: 'flex',\n        flexDirection: 'column',\n        textAlign: 'left',\n        borderRadius: theme.isFlyingFlowers ? '0px' : undefined,\n        boxShadow: 'none',\n        height: 'auto',\n        margin: '0 !important',\n        minHeight: 'auto',\n        maxHeight: '364px',\n        [theme.breakpoints.up('sm')]: {\n            maxHeight: '352px',\n        },\n        [theme.breakpoints.up('md')]: {\n            margin: 0,\n            maxHeight: '372px',\n        },\n        [theme.breakpoints.up('lg')]: {\n            maxWidth: '536px',\n            maxHeight: '460px',\n        },\n        cursor: 'pointer',\n    },\n    mediaImageContainer: {\n        width: '100%',\n        position: 'relative',\n        height: '184px',\n        [theme.breakpoints.up('sm')]: {\n            height: '172px',\n        },\n        [theme.breakpoints.up('md')]: {\n            height: '168px !important',\n        },\n        [theme.breakpoints.up('lg')]: {\n            height: '216px !important',\n        },\n        [theme.breakpoints.up('xl')]: {\n            height: '288px !important',\n        },\n        '& > span:first-child': {\n            width: '100% !important',\n            height: '100% !important',\n        },\n        '& img': {\n            height: '184px',\n            [theme.breakpoints.up('sm')]: {\n                height: '172px',\n            },\n            [theme.breakpoints.up('md')]: {\n                height: '168px !important',\n            },\n            [theme.breakpoints.up('lg')]: {\n                height: '216px !important',\n            },\n            [theme.breakpoints.up('xl')]: {\n                height: '288px !important',\n            },\n        },\n    },\n    imageContainer: {\n        objectFit: 'cover',\n    },\n    textContent: {\n        padding: `12px 12px ${spacing.small} 12px`,\n        display: 'flex',\n        flexDirection: 'column',\n        flexGrow: 1,\n    },\n    mediaGalleryContainer: {\n        height: '100%',\n        placeContent: 'unset',\n        flexDirection: 'column',\n    },\n    mediaContentInner: {\n        margin: 0,\n        padding: '16px',\n        alignSelf: 'start',\n    },\n    mediaHeading: Object.assign(Object.assign({}, theme.typography.medium_bold), theme.typographySpacing.medium_bold_sm),\n    description: Object.assign(Object.assign(Object.assign({}, theme.typography.small_regular), theme.typographySpacing.small_regular_sm), { color: colors.grey.grey6 }),\n    icon: {\n        fontSize: `100px`,\n    },\n    controlsContainer: {\n        backgroundColor: 'transparent',\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        marginRight: '-50%',\n        transform: 'translate(-50%, -50%)',\n        [`& .${classes.icon}`]: {\n            fontSize: '5rem',\n            color: colors.supplementary.white,\n            cursor: 'pointer',\n            marginRight: 0,\n            '& span': {\n                fontSize: 'inherit',\n            },\n        },\n    },\n    headingContainer: {},\n    descriptionContainer: {},\n}));\nexport default useStyles;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nimport Icon from '../Icon/Icon';\nimport Image from '../Image/Image';\nimport { Card } from '@mui/material';\nimport useStyles from './MediaGalleryItem.styles';\nconst MediaGalleryItem = (props) => {\n    var _a, _b, _c, _d;\n    const { heading, description, image, type, selectedIndex, video, handleMediaCardClick } = props;\n    const { classes } = useStyles();\n    const handleGalleryCardClick = () => {\n        handleMediaCardClick(selectedIndex);\n    };\n    const cardImageUrl = type === 'video' ? (_a = video === null || video === void 0 ? void 0 : video.thumbnailURL) !== null && _a !== void 0 ? _a : '' : (_b = image === null || image === void 0 ? void 0 : image.url) !== null && _b !== void 0 ? _b : '';\n    return (_jsxs(Card, { className: classes.mediaGalleryCard, onClick: handleGalleryCardClick, children: [_jsxs(\"div\", { className: clsx(classes.mediaImageContainer), children: [_jsx(Image, { imageUrl: cardImageUrl, altText: (_d = (_c = image === null || image === void 0 ? void 0 : image.altText) !== null && _c !== void 0 ? _c : heading) !== null && _d !== void 0 ? _d : '', className: classes.imageContainer, height: 288, width: 528 }), type === 'video' && (_jsx(\"div\", { className: classes.controlsContainer, children: _jsx(Icon, { icon: \"play_circle_outline\", className: classes.icon }) }))] }), _jsxs(\"div\", { className: classes.textContent, children: [heading && (_jsx(\"div\", { className: classes.headingContainer, children: _jsx(\"span\", { className: classes.mediaHeading, children: heading }) })), description && (_jsx(\"div\", { className: classes.descriptionContainer, children: _jsx(\"span\", { className: classes.description, children: description }) }))] })] }));\n};\nexport default MediaGalleryItem;\n","import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport MediaGalleryItem from '../MediaGalleryItem/MediaGalleryItem';\nimport GenericGalleryCarousel from '../GenericGalleryCarousel/GenericGalleryCarousel';\nimport { useLoaded } from '../MainContent/useComponentLoading';\nconst RelatedContentGallery = (props) => {\n    const { media } = props;\n    useLoaded(props);\n    return (_jsx(_Fragment, { children: (media === null || media === void 0 ? void 0 : media.length) && (_jsx(GenericGalleryCarousel, { ItemComponent: MediaGalleryItem, items: media, isFromMediaGallery: true, isFromRelatedContentGallery: true })) }));\n};\nexport default RelatedContentGallery;\n"],"names":["useStyles","makeStyles","theme","_params","classes","mediaGalleryCard","width","position","display","flexDirection","textAlign","borderRadius","isFlyingFlowers","undefined","boxShadow","height","margin","minHeight","maxHeight","breakpoints","up","maxWidth","cursor","mediaImageContainer","imageContainer","objectFit","textContent","padding","concat","spacing","small","flexGrow","mediaGalleryContainer","placeContent","mediaContentInner","alignSelf","mediaHeading","Object","assign","typography","medium_bold","typographySpacing","medium_bold_sm","description","small_regular","small_regular_sm","color","colors","grey","grey6","icon","fontSize","controlsContainer","backgroundColor","top","left","marginRight","transform","supplementary","white","headingContainer","descriptionContainer","MediaGalleryItem_MediaGalleryItem","_a","_b","_c","_d","heading","image","type","selectedIndex","video","handleMediaCardClick","props","cardImageUrl","thumbnailURL","url","_jsxs","Card","className","onClick","children","clsx","_jsx","Image","imageUrl","altText","Icon","MediaGallery","media","useLoaded","_Fragment","length","GenericGalleryCarousel","ItemComponent","MediaGalleryItem","items","isFromMediaGallery","isFromRelatedContentGallery"],"sourceRoot":""}