{"version":3,"file":"static/chunks/146-9209f9d2fe970607.js","mappings":"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","sources":["webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/Components/HeroSlide.js","webpack://_N_E/./src/cms/components/CMSPage/CorePage/Blocks/HeroSlides.js"],"sourcesContent":["import { css, jsx } from '@emotion/core';\nimport Link from 'next/link';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport btnStyle from '@/src/shared/components/Button/style';\nimport { bp } from '@/styles';\n\nconst getContentPos = align => {\n if (align === 'left') {\n return 'flex-start';\n }\n if (align === 'right') {\n return 'flex-end';\n }\n return 'center';\n};\n\nconst style = {\n container: home => css`\n position: relative;\n z-index: 5;\n ${home\n ? css`\n background-image: linear-gradient(287.06deg, rgba(238, 238, 238, 0) 0%, #00407d 100%);\n `\n : css``}\n `,\n size: home => css`\n min-height: 375px;\n @media ${bp.md} {\n height: ${home ? '70vh' : '435px'};\n }\n `,\n slide: css`\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n `,\n contentContainer: css`\n font-family: 'Lato', sans-serif;\n width: 100%;\n color: white;\n position: absolute;\n top: 0;\n left: 0;\n `,\n content: position => css`\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: ${position};\n `,\n title: css`\n font-size: 3rem;\n line-height: 1.2;\n font-weight: 900;\n margin-bottom: 1.6rem;\n @media ${bp.md} {\n font-size: 4rem;\n }\n @media ${bp.lg} {\n font-size: 5rem;\n }\n @media ${bp.xl} {\n font-size: 6rem;\n }\n `,\n subTitle: css`\n font-size: 2rem;\n line-height: 1.2;\n font-weight: 800;\n margin-bottom: 3.2rem;\n @media ${bp.md} {\n font-size: 2.4rem;\n }\n @media ${bp.lg} {\n font-size: 3rem;\n }\n @media ${bp.xl} {\n font-size: 3.6rem;\n }\n `,\n link: css`\n height: auto;\n `,\n};\n\nconst HeroSlide = ({ componentData, homeHero, align }) => {\n const {\n ImageId,\n Title,\n Subheading,\n ButtonText,\n ButtonUrl,\n AddButton,\n OpenInNewTab,\n } = componentData;\n const imageUrl = `${process.env.NEW_API_URL}image/file?area=c&id=${ImageId}`;\n const linkProp = OpenInNewTab === 'Y' ? { target: '_blank' } : {};\n\n // position should get from componentData after backend support\n const position = getContentPos(align);\n const sizeStyle = style.size(homeHero);\n\n return (\n
\n
\n
\n {Title &&
{Title}
}\n {Subheading &&
{Subheading}
}\n {AddButton === 'Y' && (\n \n \n {ButtonText}\n \n \n )}\n
\n
\n
\n
\n );\n};\n\nHeroSlide.propTypes = {};\n\nexport default HeroSlide;\n","import { css } from '@emotion/core';\nimport { Carousel, Icon } from 'antd';\nimport React, { useRef } from 'react';\n\nimport HeroSlide from './Components/HeroSlide';\n\nconst carouselConfig = {\n dots: true,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n swipeToSlide: true,\n draggable: true,\n};\n\nconst style = {\n arrow: css`\n position: absolute;\n font-size: 40px;\n cursor: pointer;\n top: 45%;\n color: white;\n @media (max-width: 850px) {\n display: none;\n }\n `,\n arrowLeft: css`\n left: 20px;\n @media (min-width: 1400px) {\n left: calc(50% - 650px);\n }\n `,\n arrowRight: css`\n right: 20px;\n @media (min-width: 1400px) {\n right: calc(50% - 650px);\n }\n `,\n};\n\nconst HeroSlides = ({ blockData, entities, homeHero }) => {\n const carouselRef = useRef();\n\n const components =\n blockData && blockData.Components && Array.isArray(blockData.Components)\n ? blockData.Components\n : [];\n\n const slides = components.filter(c => entities.Components[c] && entities.Components[c].ImageId);\n\n return (\n \n \n {slides.map(c => (\n \n ))}\n \n {slides.length > 1 && (\n <>\n carouselRef.current.prev()}\n />\n carouselRef.current.next()}\n />\n \n )}\n \n );\n};\n\nexport default HeroSlides;\n"],"names":["style","container","home","css","size","bp","slide","contentContainer","content","position","title","subTitle","link","componentData","homeHero","align","ImageId","Title","Subheading","ButtonText","ButtonUrl","AddButton","OpenInNewTab","imageUrl","process","linkProp","target","getContentPos","sizeStyle","href","passHref","btnStyle","backgroundImage","carouselConfig","dots","infinite","slidesToShow","slidesToScroll","swipeToSlide","draggable","arrow","arrowLeft","arrowRight","blockData","entities","carouselRef","useRef","slides","Components","Array","isArray","filter","c","ref","map","AlignPosition","key","length","type","onClick","current","prev","next"],"sourceRoot":""}