{"version":3,"sources":["webpack:///./Scripts/Components/SliderBlock.js"],"names":["responsive","all","breakpoint","max","min","items","slidesToSlide","Slider","slider","JSON","parse","hasMoreThanOneSlide","length","useState","autoPlay","setAutoPlay","touchStartX","useRef","touchStartY","touchMoveX","touchMoveY","useEffect","handleTouchStart","e","current","touches","clientX","clientY","handleTouchMove","deltaX","deltaY","Math","abs","cancelable","preventDefault","handleTouchEnd","carouselElement","document","querySelector","addEventListener","passive","removeEventListener","swipeable","draggable","showDots","containerClass","dotListClass","itemClass","keyBoardControl","infinite","arrows","autoPlaySpeed","pauseOnHover","item","index","textColor","FontColor","showOnMobile","ShowOnlyOnMobile","isWideScreen","setIsWideScreen","checkWindowWidth","window","innerWidth","LinkUrl","href","className","key","style","Overlay","Video","MobileVideo","playsInline","webkit-playsinline","muted","loop","src","VideoUrl","Url","type","VideoFormat","media","VideoMobileUrl","Image","MobileImage","dangerouslySetInnerHTML","__html","ImageUrl","ImageMobileUrl","BannerDesign","toLowerCase","background","BannerBackgroundColor","Title","MainTitle","Text","Value","ActionText","role","ButtonDesign","ButtonSize"],"mappings":"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","file":"1.86d1e9cd4223e0962115.js","sourcesContent":["import React , { useEffect, useState, useRef }from 'react';\r\nimport Carousel from 'react-multi-carousel';\r\n\r\nconst responsive = {\r\n    all: {\r\n        breakpoint: { max: 9999, min: 0 },\r\n        items: 1,\r\n        slidesToSlide: 1,\r\n    },\r\n};\r\nconst Slider = ({ slider }) => {\r\n    const items = JSON.parse(slider);\r\n    const hasMoreThanOneSlide = items.length > 1;\r\n\r\n    const [autoPlay, setAutoPlay] = useState(true);\r\n    const touchStartX = useRef(0);\r\n    const touchStartY = useRef(0);\r\n    const touchMoveX = useRef(0);\r\n    const touchMoveY = useRef(0);\r\n\r\n    useEffect(() => {\r\n        const handleTouchStart = (e) => {\r\n            setAutoPlay(false);\r\n            touchStartX.current = e.touches[0].clientX;\r\n            touchStartY.current = e.touches[0].clientY;\r\n        };\r\n\r\n        const handleTouchMove = (e) => {\r\n            touchMoveX.current = e.touches[0].clientX;\r\n            touchMoveY.current = e.touches[0].clientY;\r\n\r\n            const deltaX = touchMoveX.current - touchStartX.current;\r\n            const deltaY = touchMoveY.current - touchStartY.current;\r\n\r\n            if (Math.abs(deltaX) > Math.abs(deltaY) && e.cancelable) {\r\n                e.preventDefault();\r\n            }\r\n        };\r\n\r\n        const handleTouchEnd = () => {\r\n            setAutoPlay(true);\r\n        };\r\n\r\n        const carouselElement = document.querySelector('.slider-block');\r\n\r\n        if (carouselElement) {\r\n            carouselElement.addEventListener('touchstart', handleTouchStart);\r\n            carouselElement.addEventListener('touchmove', handleTouchMove, { passive: false });\r\n            carouselElement.addEventListener('touchend', handleTouchEnd);\r\n        }\r\n\r\n        return () => {\r\n            if (carouselElement) {\r\n                carouselElement.removeEventListener('touchstart', handleTouchStart);\r\n                carouselElement.removeEventListener('touchmove', handleTouchMove);\r\n                carouselElement.removeEventListener('touchend', handleTouchEnd);\r\n            }\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <Carousel\r\n            swipeable={true}\r\n            draggable={false}\r\n            showDots={true}\r\n            responsive={responsive}\r\n            containerClass=\"slider-block\"\r\n            dotListClass=\"slider-block__dots\"\r\n            itemClass=\"slider-block__item\"\r\n            keyBoardControl={true}\r\n            infinite={hasMoreThanOneSlide}\r\n            arrows={true}\r\n            autoPlay={autoPlay}\r\n            autoPlaySpeed={5000}\r\n            pauseOnHover={true}\r\n        >\r\n            {items.map((item, index) => {\r\n                const textColor = item.FontColor ? item.FontColor : \"#fff\";\r\n                const showOnMobile = item.ShowOnlyOnMobile ? \"show-only-mobile\" : \"\";\r\n                const [isWideScreen, setIsWideScreen] = useState(false);\r\n\r\n                useEffect(() => {\r\n                  const checkWindowWidth = () => {\r\n                    setIsWideScreen(window.innerWidth > 640);\r\n                  };\r\n                  checkWindowWidth();\r\n                  window.addEventListener('resize', checkWindowWidth);\r\n                  return () => {\r\n                    window.removeEventListener('resize', checkWindowWidth);\r\n                  };\r\n                }, []);\r\n\r\n                return (\r\n                    <>\r\n                    {item.LinkUrl && isWideScreen && showOnMobile ?\r\n                    <a href={item.LinkUrl}>\r\n                        <div className=\"slider-block__item-inner\" key={`figure${index}`} style={{ \"--text-color\": textColor }}>\r\n                            <div className={`slider-block__media-wrapper ${item.Overlay ? \"slider-block__media-wrapper--overlay\" : \"\"}`}>\r\n                                {item.Video &&\r\n                                    <>\r\n                                        <video className={`slider-block__video ${item.MobileVideo ? \"slider-block__video--hide-in-mobile\" : \"\"} `} playsInline webkit-playsinline=\"true\" autoPlay muted loop >\r\n                                            <source src={item.VideoUrl.Url} type={item.VideoUrl.VideoFormat} media=\"(max-width:639px)\" />\r\n                                        </video>\r\n                                        {item.MobileVideo &&\r\n                                        <video className='slider-block__video slider-block__video--hide-in-desktop ' playsInline webkit-playsinline=\"true\" autoPlay muted loop >\r\n                                            <source src={item.VideoMobileUrl.Url} type={item.VideoMobileUrl.VideoFormat} media=\"(max-width:639px)\" />\r\n                                        </video>}\r\n                                    </>\r\n                                }\r\n                                {item.Image &&\r\n                                    <>\r\n                                        <figure className={`slider-block__figure ${item.MobileImage ? \"slider-block__figure--hide-in-mobile\" : \"\"} `} dangerouslySetInnerHTML={{ __html: item.ImageUrl.Url }}></figure>\r\n                                        {item.MobileImage &&\r\n                                            <figure className='slider-block__figure slider-block__figure--hide-in-desktop'\r\n                                            dangerouslySetInnerHTML={{ __html: item.ImageMobileUrl.Url }}></figure>\r\n                                        }\r\n                                    </>\r\n                                }\r\n                            </div>\r\n                            <div className={`slider-block__content ${item.BannerDesign ? \"slider-block__content--\" + item.BannerDesign.toLowerCase() : \"\"} `} >\r\n                                <div className={`slider-block__plate ${showOnMobile}`} style={{ background: item.BannerBackgroundColor }} />\r\n                                {item.Title && item.MainTitle && (\r\n                                    <h1 className={`slider-block__title ${showOnMobile}`}\r\n                                    >{item.Title}</h1>\r\n                                )}\r\n                                {item.Title && !item.MainTitle && (\r\n                                    <h2 className={`slider-block__title ${showOnMobile}`}>{item.Title}</h2>\r\n                                )}\r\n                                {item.Text && (\r\n                                    <div dangerouslySetInnerHTML={{ __html: item.Text.Value }} className={`slider-block__text ${showOnMobile}`}\r\n                                    ></div>\r\n                                )}\r\n                                {item.ActionText && item.LinkUrl &&\r\n                                    <a\r\n                                        href={item.LinkUrl}\r\n                                        role=\"button\"\r\n                                        className={`button \r\n                                        ${item.ButtonDesign} \r\n                                        ${item.ButtonSize}\r\n                                        ${showOnMobile}\r\n                                        `}\r\n                                    >\r\n                                        {item.ActionText}\r\n                                    </a>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                    : \r\n                    <div className=\"slider-block__item-inner\" key={`figure${index}`} style={{ \"--text-color\": textColor }}>\r\n                    {item.LinkUrl && !item.ActionText ? \r\n                        <a href={item.LinkUrl}>\r\n                            <div className={`slider-block__media-wrapper ${item.Overlay ? \"slider-block__media-wrapper--overlay\" : \"\"}`}>\r\n                                {item.Video &&\r\n                                    <>\r\n                                        <video className={`slider-block__video ${item.MobileVideo ? \"slider-block__video--hide-in-mobile\" : \"\"} `} playsInline webkit-playsinline=\"true\" autoPlay muted loop >\r\n                                            <source src={item.VideoUrl.Url} type={item.VideoUrl.VideoFormat} media=\"(max-width:639px)\" />\r\n                                        </video>\r\n                                        {item.MobileVideo &&\r\n                                        <video className='slider-block__video slider-block__video--hide-in-desktop ' playsInline webkit-playsinline=\"true\" autoPlay muted loop >\r\n                                            <source src={item.VideoMobileUrl.Url} type={item.VideoMobileUrl.VideoFormat} media=\"(max-width:639px)\" />\r\n                                        </video>}\r\n                                    </>\r\n                                }\r\n                                {item.Image &&\r\n                                    <>\r\n                                        <figure className={`slider-block__figure ${item.MobileImage ? \"slider-block__figure--hide-in-mobile\" : \"\"} `} dangerouslySetInnerHTML={{ __html: item.ImageUrl.Url }}></figure>\r\n                                        {item.MobileImage &&\r\n                                            <figure className='slider-block__figure slider-block__figure--hide-in-desktop'\r\n                                            dangerouslySetInnerHTML={{ __html: item.ImageMobileUrl.Url }}></figure>\r\n                                        }\r\n                                    </>\r\n                                }\r\n                            </div>\r\n                        </a>\r\n                        : \r\n                        <div className={`slider-block__media-wrapper ${item.Overlay ? \"slider-block__media-wrapper--overlay\" : \"\"}`}>\r\n                                {item.Video &&\r\n                                    <>\r\n                                        <video className={`slider-block__video ${item.MobileVideo ? \"slider-block__video--hide-in-mobile\" : \"\"} `} playsInline webkit-playsinline=\"true\" autoPlay muted loop >\r\n                                            <source src={item.VideoUrl.Url} type={item.VideoUrl.VideoFormat} media=\"(max-width:639px)\" />\r\n                                        </video>\r\n                                        {item.MobileVideo &&\r\n                                        <video className='slider-block__video slider-block__video--hide-in-desktop ' playsInline webkit-playsinline=\"true\" autoPlay muted loop >\r\n                                            <source src={item.VideoMobileUrl.Url} type={item.VideoMobileUrl.VideoFormat} media=\"(max-width:639px)\" />\r\n                                        </video>}\r\n                                    </>\r\n                                }\r\n                                {item.Image &&\r\n                                    <>\r\n                                        <figure className={`slider-block__figure ${item.MobileImage ? \"slider-block__figure--hide-in-mobile\" : \"\"} `} dangerouslySetInnerHTML={{ __html: item.ImageUrl.Url }}></figure>\r\n                                        {item.MobileImage &&\r\n                                            <figure className='slider-block__figure slider-block__figure--hide-in-desktop'\r\n                                            dangerouslySetInnerHTML={{ __html: item.ImageMobileUrl.Url }}></figure>\r\n                                        }\r\n                                    </>\r\n                                }\r\n                            </div>\r\n                        }\r\n                        {item.LinkUrl && !item.ActionText ? \r\n                            <a href={item.LinkUrl}>\r\n                        <div className={`slider-block__content ${item.BannerDesign ? \"slider-block__content--\" + item.BannerDesign.toLowerCase() : \"\"} `} >\r\n                            <div className={`slider-block__plate ${showOnMobile}`} style={{ background: item.BannerBackgroundColor }} />\r\n                            {item.Title && item.MainTitle && (\r\n                                <h1 className={`slider-block__title ${showOnMobile}`}\r\n                                >{item.Title}</h1>\r\n                            )}\r\n                            {item.Title && !item.MainTitle && (\r\n                                <h2 className={`slider-block__title ${showOnMobile}`}\r\n                                >{item.Title}</h2>\r\n                            )}\r\n                            {item.Text && (\r\n                                <div dangerouslySetInnerHTML={{ __html: item.Text.Value }} className={`slider-block__text ${showOnMobile}`}\r\n                                ></div>\r\n                            )}\r\n                            {item.ActionText && item.LinkUrl &&\r\n                                <a\r\n                                    href={item.LinkUrl}\r\n                                    role=\"button\"\r\n                                    className={`button \r\n                                    ${item.ButtonDesign} \r\n                                    ${item.ButtonSize}\r\n                                    ${showOnMobile}\r\n                                    `}\r\n                                >\r\n                                    {item.ActionText}\r\n                                </a>\r\n                            }\r\n                        </div>\r\n                        </a>\r\n                        : \r\n                        <div className={`slider-block__content ${item.BannerDesign ? \"slider-block__content--\" + item.BannerDesign.toLowerCase() : \"\"} `} >\r\n                            <div className={`slider-block__plate ${showOnMobile}`} style={{ background: item.BannerBackgroundColor }} />\r\n                            {item.Title && item.MainTitle && (\r\n                                <h1 className={`slider-block__title ${showOnMobile}`}\r\n                                >{item.Title}</h1>\r\n                            )}\r\n                            {item.Title && !item.MainTitle && (\r\n                                <h2 className={`slider-block__title ${showOnMobile}`}\r\n                                >{item.Title}</h2>\r\n                            )}\r\n                            {item.Text && (\r\n                                <div dangerouslySetInnerHTML={{ __html: item.Text.Value }} className={`slider-block__text ${showOnMobile}`}\r\n                                ></div>\r\n                            )}\r\n                            {item.ActionText && item.LinkUrl &&\r\n                                <a\r\n                                    href={item.LinkUrl}\r\n                                    role=\"button\"\r\n                                    className={`button \r\n                                    ${item.ButtonDesign} \r\n                                    ${item.ButtonSize}\r\n                                    ${showOnMobile}\r\n                                    `}\r\n                                >\r\n                                    {item.ActionText}\r\n                                </a>\r\n                            }\r\n                        </div>}\r\n                    </div>\r\n                }\r\n                </>\r\n                )\r\n            }\r\n            )\r\n            }\r\n        </Carousel >\r\n    );\r\n};\r\nexport default Slider;\r\n\r\n"],"sourceRoot":""}