{"version":3,"file":"static/js/NewsCarousel.8b478f16.js","mappings":"2PAyBA,MAAMA,EAAeA,EACjBC,QACAC,aACAC,YACAC,OACAC,uBAEA,MAAOC,EAAcC,IAAmBC,EAAAA,EAAAA,WAAkB,GAE1D,IAAIC,EACJ,QAAQC,EAAAA,EAAAA,OACJ,IAAK,KACDD,EAAgB,MAChB,MACJ,IAAK,IACL,IAAK,IACDA,EAAgB,MAChB,MACJ,QACIA,EAAgB,KAGxB,OACIE,EAAAA,EAAAA,KAACC,EAAAA,EAAO,CACJC,MAAM,YACNC,WAAW,SACXC,GAAIb,EAEJC,UAAWA,EAAUa,UAErBL,EAAAA,EAAAA,KAACM,EAAAA,GAAO,CACJC,cAAeZ,MACXa,EAAAA,EAAAA,IAAkBd,GAAiBW,UAEvCL,EAAAA,EAAAA,KAACS,EAAAA,GAAM,CACHC,cAAe,EACfC,WAAY,CAAEC,WAAW,GACzBC,MAAM,EACNC,MAAO,IACPC,SAAU,CACNC,MAAO,IACPC,mBAAmB,EACnBC,sBAAsB,GAE1BC,gBAAiBA,KACbvB,GAAgB,EAAK,EAEzBwB,iBAAkBA,KACdxB,GAAgB,EAAM,EAE1ByB,QAAS,CAACC,EAAAA,GAAUC,EAAAA,IAAYlB,SAE1B,OAALf,QAAK,IAALA,OAAK,EAALA,EAAOkC,KAAI,CAACC,EAAMC,KAAW,IAADC,EAAAC,EAWzB,OAVIH,EAAKI,OAASJ,EAAKI,MAAMC,MACzBL,EAAKI,MAAME,QAASC,EAAAA,EAAAA,IAAe,CAC/BH,MAAOJ,EAAKI,MAAMC,IAClBG,WAAYR,EAAKI,MAAMI,WACvBC,QAASC,EAAAA,GAAiBC,MAC1BC,SAAUZ,EAAKI,MAAMS,cACrBC,UAAWd,EAAKI,MAAMW,eACtBC,OAAQ,UAIZzC,EAAAA,EAAAA,KAAC0C,EAAAA,GAAW,CAAArC,UACRL,EAAAA,EAAAA,KAAC2C,EAAAA,cAAa,CACVzC,MAAO,CAAE0C,WAAsB,QAAXjB,EAACF,EAAKI,aAAK,IAAAF,IAAVA,EAAYG,MAAMzB,UAEvCL,EAAAA,EAAAA,KAAC6C,EAAAA,GAAY,CAAAxC,UACTyC,EAAAA,EAAAA,MAACC,EAAAA,GAAY,CAAA1C,SAAA,EACE,QAAVuB,EAAAH,EAAKI,aAAK,IAAAD,OAAA,EAAVA,EAAYE,OACT9B,EAAAA,EAAAA,KAACgD,EAAAA,EAAK,IACEvB,EAAKI,MACToB,QAAQ,EACRC,OAAO,IAGdzB,EAAK0B,aACFnD,EAAAA,EAAAA,KAACoD,EAAAA,GAAU,CAAA/C,SACNoB,EAAK0B,aAGb1B,EAAK4B,UACFrD,EAAAA,EAAAA,KAACsD,EAAAA,GAAO,CACJC,GAAG,KACHC,wBAAyB,CACrBC,OACIhC,EAAK4B,SAAW,MAI/B5B,EAAKiC,YACF1D,EAAAA,EAAAA,KAAC2D,EAAAA,GAAS,CAINC,KAAO,GAAEnC,EAAKiC,YAAY5D,KAHpB,aACF2B,EAAKiC,aACL5D,GAAiB,MAI5B2B,EAAKoC,eACDpC,EAAKqC,mBACF9D,EAAAA,EAAAA,KAAC+D,EAAAA,GAAS,CAAA1D,SACLoB,EAAKoC,eAGjBpC,EAAKuC,eACFhE,EAAAA,EAAAA,KAACiE,EAAAA,GAAI,CAACV,GAAG,MAAKlD,SACToB,EAAKuC,eAGbvC,EAAKK,MACF9B,EAAAA,EAAAA,KAACkE,EAAAA,GAAQ,CACLpC,IAAKL,EAAKK,IACVqC,YAAY,QAAO9D,UAEd,OAAJZ,QAAI,IAAJA,OAAI,EAAJA,EAAM2E,WACH,sBApDT,SAAQ1C,IA0Db,SA/FzBnC,EAoGC,EAIlB,UAAe8E,EAAAA,KAAWhF,E","sources":["components/NewsCarousel/NewsCarousel.tsx"],"sourcesContent":["import React, { ReactElement, useState } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport { Autoplay, Pagination } from \"swiper\";\nimport { SwiperSlide } from \"swiper/react\"; /* eslint-disable-line import/no-unresolved */\n\nimport Image from \"components/Image\";\nimport Section from \"components/Section\";\nimport { useBreakpoint } from \"hooks\";\nimport generateSrcSet, { commonSourceSets } from \"style/generateSrcSet\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport {\n    Wrapper,\n    Heading,\n    Text,\n    Watermark,\n    Categories,\n    Published,\n    Slides,\n    SlideContent,\n    SlideWrapper,\n    ReadMore,\n} from \"./NewsCarousel.styled\";\nimport NewsCarouselProps from \"./NewsCarouselProps\";\n\nconst NewsCarousel = ({\n    items,\n    identifier,\n    className,\n    l18n,\n    editPropertyName,\n}: NewsCarouselProps): ReactElement => {\n    const [sliderPaused, setSliderPaused] = useState<boolean>(false);\n\n    let watermarkSize: string;\n    switch (useBreakpoint()) {\n        case \"XL\":\n            watermarkSize = \"140\";\n            break;\n        case \"L\":\n        case \"M\":\n            watermarkSize = \"105\";\n            break;\n        default:\n            watermarkSize = \"56\";\n    }\n\n    return (\n        <Section\n            theme=\"lightgray\"\n            alignItems=\"center\"\n            id={identifier}\n            key={identifier}\n            className={className}\n        >\n            <Wrapper\n                $sliderPaused={sliderPaused}\n                {...addEditAttributes(editPropertyName)}\n            >\n                <Slides\n                    slidesPerView={1}\n                    pagination={{ clickable: true }}\n                    loop={true}\n                    speed={200}\n                    autoplay={{\n                        delay: 5000,\n                        pauseOnMouseEnter: true,\n                        disableOnInteraction: false,\n                    }}\n                    onAutoplayPause={() => {\n                        setSliderPaused(true);\n                    }}\n                    onAutoplayResume={() => {\n                        setSliderPaused(false);\n                    }}\n                    modules={[Autoplay, Pagination]}\n                >\n                    {items?.map((item, index) => {\n                        if (item.image && item.image.url)\n                            item.image.srcSet = generateSrcSet({\n                                image: item.image.url,\n                                focalPoint: item.image.focalPoint,\n                                content: commonSourceSets.large,\n                                maxWidth: item.image.uploadedWidth,\n                                maxHeight: item.image.uploadedHeight,\n                                format: \"jpg\",\n                            });\n\n                        return (\n                            <SwiperSlide key={`slide-${index}`}>\n                                <ThemeProvider\n                                    theme={{ hasImage: !!item.image?.url }}\n                                >\n                                    <SlideWrapper>\n                                        <SlideContent>\n                                            {item.image?.url && (\n                                                <Image\n                                                    {...item.image}\n                                                    darken={true}\n                                                    cover={true}\n                                                />\n                                            )}\n                                            {item.categories && (\n                                                <Categories>\n                                                    {item.categories}\n                                                </Categories>\n                                            )}\n                                            {item.heading && (\n                                                <Heading\n                                                    as=\"h2\"\n                                                    dangerouslySetInnerHTML={{\n                                                        __html:\n                                                            item.heading || \"\",\n                                                    }}\n                                                />\n                                            )}\n                                            {item.watermark && (\n                                                <Watermark\n                                                    key={`Watermark-${\n                                                        item.watermark\n                                                    }-${watermarkSize || \"\"}`}\n                                                    icon={`${item.watermark}${watermarkSize}`}\n                                                />\n                                            )}\n                                            {item.startPublish &&\n                                                !item.hideStartPublish && (\n                                                    <Published>\n                                                        {item.startPublish}\n                                                    </Published>\n                                                )}\n                                            {item.introduction && (\n                                                <Text as=\"div\">\n                                                    {item.introduction}\n                                                </Text>\n                                            )}\n                                            {item.url && (\n                                                <ReadMore\n                                                    url={item.url}\n                                                    actionTheme=\"white\"\n                                                >\n                                                    {l18n?.readMore ||\n                                                        \"READ MORE\"}\n                                                </ReadMore>\n                                            )}\n                                        </SlideContent>\n                                    </SlideWrapper>\n                                </ThemeProvider>\n                            </SwiperSlide>\n                        );\n                    })}\n                </Slides>\n            </Wrapper>\n        </Section>\n    );\n};\n\nexport default React.memo(NewsCarousel);\n"],"names":["NewsCarousel","items","identifier","className","l18n","editPropertyName","sliderPaused","setSliderPaused","useState","watermarkSize","useBreakpoint","_jsx","Section","theme","alignItems","id","children","Wrapper","$sliderPaused","addEditAttributes","Slides","slidesPerView","pagination","clickable","loop","speed","autoplay","delay","pauseOnMouseEnter","disableOnInteraction","onAutoplayPause","onAutoplayResume","modules","Autoplay","Pagination","map","item","index","_item$image","_item$image2","image","url","srcSet","generateSrcSet","focalPoint","content","commonSourceSets","large","maxWidth","uploadedWidth","maxHeight","uploadedHeight","format","SwiperSlide","ThemeProvider","hasImage","SlideWrapper","_jsxs","SlideContent","Image","darken","cover","categories","Categories","heading","Heading","as","dangerouslySetInnerHTML","__html","watermark","Watermark","icon","startPublish","hideStartPublish","Published","introduction","Text","ReadMore","actionTheme","readMore","React"],"sourceRoot":""}