\r\n \r\n \r\n \r\n \r\n \r\n \r\n {slide.stamp && \r\n \r\n {slide?.cta?.isPreorder ? (\r\n \r\n \r\n {slide.title}\r\n \r\n {slide?.subtitle && (\r\n \r\n {slide.subtitle}\r\n \r\n )}\r\n \r\n {!slide.link &&\r\n cta &&\r\n cta.productCode &&\r\n !slide?.ecommerce_item_is_active && (\r\n \r\n \r\n {cta.text}\r\n \r\n \r\n )}\r\n {!slide.link &&\r\n cta &&\r\n cta.productCode &&\r\n slide?.ecommerce_item_is_active && (\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n GTMEvent(tracking, \"Slider\", \"Buy Now\")\r\n GTMEventAddToCart(\r\n tracking ?? \"\",\r\n slide?.first_figure_ecommerce_code ?? \"\",\r\n slide?.first_figure_ecommerce_price ?? \"\",\r\n slide?.first_figure_ecommerce_currency_code ?? \"\"\r\n )\r\n }}\r\n >\r\n {slide?.ecommerce_item_btn_text}\r\n \r\n \r\n \r\n {cta?.text}\r\n \r\n \r\n )}\r\n {/*HOTFIX 26-07*/}\r\n {slide?.link && TEMPORARY_FIX && (\r\n \r\n \r\n {slide?.link?.title}\r\n \r\n \r\n )}\r\n {/*HOTFIX 26-07*/}\r\n {slide.link &&\r\n !TEMPORARY_FIX &&\r\n !slide?.ecommerce_item_is_active && (\r\n \r\n {slide?.link?.title}\r\n \r\n )}\r\n {slide.link &&\r\n !TEMPORARY_FIX &&\r\n slide?.ecommerce_item_is_active && (\r\n \r\n \r\n {slide?.ecommerce_item_btn_text}\r\n \r\n \r\n {slide?.link?.title}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {slide.stamp && \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst HeroBannerModule = props => {\r\n const { slides, cta, footer, repo, templateLabel } = props\r\n // console.log(\"+++++++templateLabel\", templateLabel)\r\n const pageFamily = useMemo(() => {\r\n return repo.tracking.dataLayer[0].pageFamily\r\n }, [])\r\n\r\n const classes = useStyles()\r\n\r\n const [masterSliderIndex, setMasterSliderIndex] = React.useState(0)\r\n const [windowSize, setWindowSize] = React.useState({\r\n width: undefined,\r\n height: undefined,\r\n })\r\n const [touchStart, setTouchStart] = React.useState(null)\r\n const [touchEnd, setTouchEnd] = React.useState(null)\r\n\r\n const handleResize = () => {\r\n // Set window width/height to state\r\n setWindowSize({\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n })\r\n }\r\n\r\n React.useEffect(() => {\r\n if (slides.length > 1 && templateLabel !== \"PDP\") {\r\n const sliderAutoplay = setInterval(() => {\r\n changeSlide(1)\r\n }, 8000)\r\n return () => {\r\n clearInterval(sliderAutoplay)\r\n }\r\n }\r\n }, [masterSliderIndex])\r\n\r\n React.useEffect(() => {\r\n // Handler to call on window resize\r\n // Add event listener\r\n window.addEventListener(\"resize\", handleResize)\r\n\r\n // Call handler right away so state gets updated with initial window size\r\n handleResize()\r\n\r\n // Remove event listener on cleanup\r\n return () => window.removeEventListener(\"resize\", handleResize)\r\n }, [])\r\n\r\n const minSwipeDistance = 50\r\n\r\n const onTouchStart = e => {\r\n setTouchEnd(null) // otherwise the swipe is fired even with usual touch events\r\n setTouchStart(e.targetTouches[0].clientX)\r\n }\r\n\r\n const onTouchMove = e => setTouchEnd(e.targetTouches[0].clientX)\r\n\r\n const onTouchEnd = () => {\r\n if (!touchStart || !touchEnd) return\r\n const distance = touchStart - touchEnd\r\n const isLeftSwipe = distance > minSwipeDistance\r\n const isRightSwipe = distance < -minSwipeDistance\r\n if (isLeftSwipe && windowSize.width < 900) {\r\n changeSlide(1)\r\n } else if (isRightSwipe && windowSize.width < 900) {\r\n changeSlide(-1)\r\n }\r\n }\r\n\r\n const changeSlide = index => {\r\n if (masterSliderIndex + index < 0) {\r\n setMasterSliderIndex(slides.length - 1)\r\n } else if (masterSliderIndex + index > slides.length - 1) {\r\n setMasterSliderIndex(0)\r\n } else {\r\n setMasterSliderIndex(masterSliderIndex + index)\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n {slides && (\r\n \r\n 1}\r\n infinite={false}\r\n slidesToShow={1}\r\n slidesToScroll={1}\r\n dark\r\n tracking={repo}\r\n indexSlider={masterSliderIndex}\r\n swipe={false}\r\n >\r\n {(slides || []).map((slide, i) => (\r\n \r\n
\r\n
\r\n {\r\n changeSlide(-1)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"arrow-button\"\r\n aria-label=\"button-left\"\r\n >\r\n {\r\n setMasterSliderIndex(i)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"dot-rectangle\"\r\n >\r\n \r\n \r\n ) : (\r\n
\r\n )\r\n )}\r\n
{\r\n changeSlide(1)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"arrow-button\"\r\n aria-label=\"button-right\"\r\n style={{\r\n transform: \"rotate(180deg)\",\r\n marginBottom: \"5px\",\r\n }}\r\n >\r\n \r\n )\r\n}\r\n\r\nexport default HeroBannerModule\r\n","import React from 'react';\nimport txt from '@src/utils/txt';\n\nimport Box from '@material-ui/core/Box';\nimport { Grid, Hidden, Chip } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from \"clsx\";\nimport Text from '../components/Text';\nimport FluidImage from '../components/FluidImage';\nimport CtaButton from '../components/CtaButton';\nimport Module from '../components/Module';\nimport Stamp from '../components/Stamp';\nimport Icon from '../components/Icon';\n\nconst useStyles = makeStyles((theme) => ({\n package: {\n },\n moduleTitle: {\n marginBottom: 130,\n [theme.breakpoints.down('md')]: {\n marginBottom: theme.spacing(4),\n },\n },\n packageItemContainer: {\n position: 'relative',\n background: theme.customPalette.greyClear,\n [theme.breakpoints.up('lg')]: {\n paddingBottom: theme.spacing(2),\n },\n [theme.breakpoints.down('md')]: {\n marginTop: 0,\n paddingTop: 90,\n height: '100%',\n },\n marginTop: 130,\n },\n packageItem: {\n paddingLeft: theme.spacing(5),\n paddingRight: theme.spacing(5),\n alignItems: 'center',\n justifyContent:\"space-between\",\n display: \"flex\",\n [theme.breakpoints.down('md')]: {\n flexDirection: \"column\",\n position: 'relative',\n paddingLeft: 0,\n paddingRight: 0,\n height: '100%'\n },\n },\n textContent: {\n maxWidth: 500,\n textAlign: 'left',\n position: 'relative',\n paddingTop: 30,\n [theme.breakpoints.down('md')]: {\n maxWidth: \"unset\",\n paddingTop: 24,\n width: \"100%\"\n },\n },\n title: {\n [theme.breakpoints.down('md')]: {\n textAlign: \"center\"\n },\n },\n subtitle: {\n [theme.breakpoints.down('md')]: {\n paddingBottom: theme.spacing(2)\n },\n },\n figureContent: {\n display: 'flex',\n justifyContent: 'flex-end',\n marginTop: -130,\n },\n figure: {\n width: '100%',\n height: 360,\n [theme.breakpoints.down('md')]: {\n //height: 152,\n //marginTop: -40\n height: \"unset\",\n position: \"inherit\"\n }\n },\n chipText: {\n fontSize: 16,\n fontWeight: 500\n },\n stamp: {\n width: 136,\n height: 136,\n //fontSize: 18,\n top: 0,\n ...theme.fonts.faces.bodyS,\n ...theme.fonts.weights.bold,\n lineHeight: '1rem !important',\n [theme.breakpoints.down('md')]: {\n width: 84,\n height: 84,\n left: 0,\n top: 0,\n lineHeight: '1rem !important',\n },\n },\n stampWrapper: {\n position: 'absolute',\n width: 136,\n height: '45%',\n bottom: \"30px\",\n zIndex: 1,\n [theme.breakpoints.down('md')]: {\n width: 136,\n height: 136,\n left: 12,\n bottom: 105,\n marginBottom: \"40px\"\n }\n },\n chip: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"30px\",\n padding: \"4px 16px\",\n [theme.breakpoints.down('md')]: {\n padding: \"8px\",\n minHeight: \"34px\",\n marginBottom: 20\n }\n },\n bigStampTitle: {\n fontSize: 36,\n lineHeight: \"36px\",\n display: \"flex\",\n fontWeight: \"bold\",\n alignItems: \"center\",\n justifyContent: \"center\",\n [theme.breakpoints.down('md')]: {\n fontSize: 29,\n lineHeight: \"29px\",\n }\n },\n smallerStampTitle: {\n fontSize: 19,\n marginTop: 8,\n lineHeight: \"19px\",\n display: \"flex\",\n fontWeight: \"bold\",\n alignItems: \"center\",\n justifyContent: \"center\",\n [theme.breakpoints.down('md')]: {\n fontSize: 14,\n lineHeight: \"14px\",\n }\n },\n figureContainer: {\n //marginTop: -110,\n position: \"absolute\",\n top: \"-40px\",\n [theme.breakpoints.down('md')]: {\n position: \"relative\",\n top: \"unset\",\n backgroundColor: theme.customPalette.greyClear,\n display: 'flex',\n marginTop: 0,\n justifyContent: 'center'\n },\n },\n ctaButtonWrapper: {\n display: 'flex',\n justifyContent: 'initial',\n alignItems: 'center',\n width: '100%',\n marginBottom: theme.spacing(1),\n //marginTop: theme.spacing(6),\n [theme.breakpoints.down('md')]: {\n display: 'flex',\n marginBottom: theme.spacing(0),\n justifyContent: 'center',\n alignItems: 'center',\n width: '100%',\n },\n },\n ctaButton: {\n height: 56,\n width: 300,\n textTransform: 'none',\n [theme.breakpoints.down('md')]: {\n width: '100%',\n },\n },\n imageContainer: {\n display: \"flex\"\n }, \n banner: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginTop: theme.spacing(7),\n padding: theme.spacing(3, 0),\n background: `${theme.customPalette.greyClear}`,\n },\n bannerIcon: {\n height: 57,\n paddingRight: theme.spacing(6),\n },\n container: {\n [theme.breakpoints.down('md')]: {\n padding: \"16px 10px\"\n }\n },\n purpleBanner: {\n backgroundColor: theme.customPalette.darkishPurple,\n color: \"#fff\",\n height: 40,\n alignItems: \"center\",\n justifyContent: \"center\",\n display: \"flex\",\n },\n padding24: {\n marginTop: theme.spacing(3),\n [theme.breakpoints.down('md')]: {\n marginTop: theme.spacing(2)\n }\n },\n noMarginBottom: {\n [theme.breakpoints.down('md')]: {\n paddingBottom: \"0px!important\"\n }\n },\n font24mobile: {\n [theme.breakpoints.down('md')]: {\n fontSize: \"24px!important\"\n }\n },\n noPaddingMobile: {\n [theme.breakpoints.down('md')]: {\n padding: \"0px!important\"\n }\n }\n}));\n\nconst OffersV2Module = ({ image, imageMobile, badge, chip, title, subtitle, text, cta, shippingText, shippingTextMobile, ...others }) => {\n /*if(true){\n image={\"sources\":[\n {\"type\":\"image\\/png\",\n \"srcset\":\"https:\\/\\/s3.eu-west-1.amazonaws.com\\/deatech.snake.assets\\/fh\\/test\\/media\\/group-7-copy-at-3x\\/group-7-copy-at-3x_optmzd_80.png\"},\n {\"type\":\"image\\/webp\",\"srcset\":\"https:\\/\\/s3.eu-west-1.amazonaws.com\\/deatech.snake.assets\\/fh\\/test\\/media\\/group-7-copy-at-3x\\/group-7-copy-at-3x_optmzd_80.webp\"}],\n \"alt\":null,\"title\":null,\n \"src\":\"https:\\/\\/s3.eu-west-1.amazonaws.com\\/deatech.snake.assets\\/fh\\/test\\/media\\/group-7-copy-at-3x\\/group-7-copy-at-3x_optmzd_80.png\"};\n imageMobile={\"sources\":[{\"type\":\"image\\/png\",\"srcset\":\"https:\\/\\/s3.eu-west-1.amazonaws.com\\/deatech.snake.assets\\/fh\\/test\\/media\\/group-7-copy-at-3x\\/group-7-copy-at-3x_optmzd_80.png\"},\n {\"type\":\"image\\/webp\",\"srcset\":\"https:\\/\\/s3.eu-west-1.amazonaws.com\\/deatech.snake.assets\\/fh\\/test\\/media\\/group-7-copy-at-3x\\/group-7-copy-at-3x_optmzd_80.webp\"}],\n \"alt\":null,\"title\":null,\"src\":\"https:\\/\\/s3.eu-west-1.amazonaws.com\\/deatech.snake.assets\\/fh\\/test\\/media\\/group-7-copy-at-3x\\/group-7-copy-at-3x_optmzd_80.png\"};\n badge=\"\\u00a3 0.99
Cancel anytime<\\/p>\";\n title=\"Risk-free trial offer\";\n subtitle=\"Your 1st package\";\n text=\"
In your 1st package you will receive two assembly stages (parts + magazines) to start building your incredible model.<\\/p>\";\n cta={\"text\":\"Start building!\",\"highlightedText\":null,\"productCode\":\"9XF203000000\"};\n shippingText=\"
Free post and packaging on first delivery<\\/p>\";\n shippingTextMobile=\"
FREE SHIPPING<\\/p>\";\n }*/\n const classes = useStyles();\n\n const stampContent = (badge) => {\n let text = \"\";\n let strings = [];\n const firstSplit = badge ? txt.sanifyHtml(badge).split(\"
\n {(strings || []).filter(el=>!!el).map((el, i) =>
\n
\n {txt.sanifyHtml(el).replace(\"&\", \"&\")} \n
\n
)}\n
\n {txt.sanifyHtml(txt.brakeBeforeParentheses(text))} \n \n \n {txt.sanifyHtml(txt.brakeBeforeParentheses(text))} \n \n \n );\n }\n\n return (\n \n \n {/*{title} */}\n \n \n \n {shippingTextMobile} \n
\n \n \n \n
\n \n {title} \n \n {(chip) && (\n \n \n {chip}\n }\n />\n \n )}\n \n
\n
\n \n {stampContent(badge)}\n \n
\n
\n \n \n \n \n \n \n \n
\n
\n \n \n {title} \n \n {(chip) && (\n \n \n {chip}\n } \n />\n \n )}\n \n \n {subtitle} \n \n \n {text} \n \n {cta && \n \n {cta.text}\n \n \n }\n
\n
\n \n \n \n {shippingText} \n
\n \n \n \n );\n};\n\nexport default OffersV2Module;\n","import React from \"react\"\r\nimport { useRef } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport txt from \"@src/utils/txt\"\r\nimport dom from \"@src/utils/dom\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { Container, Grid, Box, Hidden } from \"@material-ui/core\"\r\nimport Module from \"../components/Module\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport Text from \"../components/Text\"\r\nimport Stamp from \"../components/Stamp\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\r\nimport CtaButton from \"../components/CtaButton\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n premiumSubscription: {},\r\n container: {\r\n position: \"relative\",\r\n overflow: \"hidden\",\r\n //minHeight: '400px',\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: 0,\r\n height: \"auto\",\r\n minHeight: \"unset\",\r\n maxHeight: \"unset\",\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n paddingBottom: 0,\r\n },\r\n },\r\n innerContainer: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n margin: 0,\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n },\r\n },\r\n wrappedContent: {\r\n position: \"absolute\",\r\n top: \"50%\",\r\n transform: \"translate3d(0,-50%,0)\",\r\n },\r\n shadowContent: {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n },\r\n shadow: {\r\n position: \"relative !important\",\r\n },\r\n body: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n color: \"white\",\r\n width: \"50%\",\r\n marginLeft: \"auto\",\r\n float: \"right\",\r\n padding: theme.spacing(4, 4),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n float: \"none\",\r\n height: \"auto\",\r\n width: \"100%\",\r\n margin: 0,\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n padding: theme.spacing(4, 2),\r\n },\r\n },\r\n parallaxWrapper: {\r\n position: \"absolute\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n top: 0,\r\n /*display: \"flex\",\r\n flexDirection: \"column\",\r\n alignContent: \"center\",\r\n justifyContent: \"center\",\r\n top: \"0\",\r\n bottom: \"0\",\r\n left: \"0\",\r\n right: \"0\",\r\n margin: \"auto\",*/\r\n zIndex: -1,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n //position: \"relative\", // FIX **\r\n //maxHeight: '100%'\r\n },\r\n },\r\n overlayEffectWrapper: {\r\n position: \"absolute\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n minHeight: 1000,\r\n //background: 'rgba(255,255,255,0.2)',\r\n top: 0,\r\n },\r\n overlayEffect: {\r\n position: \"absolute\",\r\n height: \"100px\",\r\n width: \"100%\",\r\n background: \"white\",\r\n bottom: 0,\r\n },\r\n parallax: {\r\n //height: '100%',\r\n \"& .parallax-inner\": {\r\n zIndex: -1,\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n //position: 'absolute',\r\n width: \"100%\",\r\n //height: '100% !important',\r\n zIndex: -1,\r\n //maxHeight: '1085px',\r\n },\r\n },\r\n parallaxItemWrapper: {\r\n position: \"absolute\",\r\n top: \"50%\",\r\n width: \"50%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n position: \"unset\",\r\n top: \"unset\",\r\n width: \"90%\",\r\n margin: \"0 auto\",\r\n paddingBottom: theme.spacing(4),\r\n },\r\n //top: '50%',\r\n //transform: 'translate3d(0,-50%,0)'\r\n },\r\n imageWrapper: {\r\n position: \"relative\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n maxWidth: \"100%\",\r\n width: \"fit-content\",\r\n margin: \"0 auto\",\r\n maxHeight: 652,\r\n transform: \"translate3d(0,-50%,0)\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n maxWidth: \"100%\",\r\n transform: \"translate3d(0,0,0)\",\r\n //maxHeight: 530,\r\n },\r\n },\r\n stamp: {\r\n width: 115,\r\n height: 115,\r\n //fontSize: 18,\r\n left: 45,\r\n bottom: 0,\r\n ...theme.fonts.faces.bodyS,\r\n ...theme.fonts.weights.bold,\r\n lineHeight: \"1rem !important\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: 95,\r\n height: 95,\r\n left: \"0%\",\r\n lineHeight: \"1rem !important\",\r\n },\r\n },\r\n stampWrapper: {\r\n position: \"absolute\",\r\n width: \"100%\",\r\n height: \"45%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n maxHeight: 360,\r\n },\r\n },\r\n image: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n //transform: 'scale(1.1)',\r\n },\r\n },\r\n gridImageContainer: {\r\n maxHeight: 510,\r\n },\r\n gridTitle: {\r\n padding: theme.spacing(0, 0, 3, 0),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n margin: \"0 auto\",\r\n },\r\n },\r\n grid: {\r\n padding: theme.spacing(0, 0, 1, 0),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n margin: \"0 auto\",\r\n },\r\n },\r\n title: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n subtitle: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n },\r\n description: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n },\r\n bannerCtaButton: {\r\n width: 400,\r\n marginTop: theme.spacing(4),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n}))\r\n\r\nconst PremimuSubscriptionModule = ({\r\n title,\r\n subtitle,\r\n description,\r\n stampText,\r\n backgroundImage,\r\n mobileBackgroundImage,\r\n mobileForegroundImage,\r\n foregroundImage,\r\n cta,\r\n repo,\r\n}) => {\r\n const classes = useStyles()\r\n const moduleRef = useRef(null)\r\n\r\n const Image = ({ image, stampText, mobileImage }) => {\r\n const classes = useStyles()\r\n\r\n const handleOnLoad = imageRef => {\r\n let target = dom.findAncestor(imageRef.current, \"parallax-outer\")\r\n if (target) {\r\n if (\r\n imageRef.current.clientHeight > target.previousSibling.clientHeight\r\n ) {\r\n let css = `padding-top: 0 !important; padding-bottom: 0 !important;`\r\n moduleRef.current.style.cssText = css\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {!!mobileImage ? (\r\n \r\n {stampText && (\r\n
\r\n \r\n {txt.priceUplift(stampText, 2)}\r\n \r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n {subtitle}\r\n \r\n \r\n \r\n \r\n {description}\r\n \r\n \r\n {(cta?.text || cta?.productCode || cta?.href) && (\r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n\r\n const Content = ({ shadow }) => {\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\n}\nexport default KlarnaPlacement\n","import React from \"react\"\nimport { useRef } from \"react\"\nimport clsx from \"clsx\"\nimport txt from \"@src/utils/txt\"\nimport dom from \"@src/utils/dom\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Container, Grid, Chip, Box, Hidden } from \"@material-ui/core\"\nimport Module from \"../components/Module\"\nimport Parallax from \"../components/Parallax\"\nimport Text from \"../components/Text\"\nimport Stamp from \"../components/Stamp\"\nimport FluidImage from \"../components/FluidImage\"\nimport Icon from \"../components/Icon\"\nimport { EqualHeight, EqualHeightElement } from \"../components/EqualHeight\"\nimport HighlightTextContainer from \"../animations/HighlightTextContainer\"\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\n\nconst useStyles = makeStyles(theme => ({\n standardContentWrapper: {\n background: `${theme.customPalette.greyClear}`,\n padding: \"48px 56px 24px 56px\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"24px 16px 24px 16px\",\n },\n },\n moduleTitle: {\n [theme.breakpoints.down(\"sm\")]: {\n marginBottom: theme.spacing(1),\n },\n },\n smallFooterFont: {\n color: `${theme.customPalette.greenishGrey}`,\n [theme.breakpoints.down(\"sm\")]: {\n textAlign: \"center\",\n },\n },\n packageItemContainer: {\n position: \"relative\",\n background: theme.customPalette.greyClear,\n [theme.breakpoints.up(\"md\")]: {\n paddingBottom: theme.spacing(2),\n },\n [theme.breakpoints.down(\"sm\")]: {\n marginTop: 0,\n paddingTop: 90,\n height: \"100%\",\n },\n marginTop: 130,\n },\n premiumSubscription: {\n overflow: \"visible\",\n marginTop: \"40px!important\",\n },\n packageItem: {\n paddingLeft: theme.spacing(5),\n paddingRight: theme.spacing(5),\n alignItems: \"center\",\n [theme.breakpoints.down(\"sm\")]: {\n position: \"relative\",\n paddingLeft: 0,\n paddingRight: 0,\n height: \"100%\",\n },\n },\n textContent: {\n textAlign: \"left\",\n position: \"relative\",\n paddingTop: 30,\n },\n figurePromo: {\n color: \"#fff\",\n backgroundColor: theme.customPalette.darkishPurple,\n ...theme.fonts.faces.bodyM,\n width: 68,\n height: 68,\n borderRadius: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n lineHeight: 1,\n fontSize: 14,\n bottom: \"13%\",\n left: \"10%\",\n position: \"absolute\",\n },\n specialOfferChip: {\n background: theme.customPalette.darkishPurple,\n transform: \"rotate3d(0,0,1,-45deg)\",\n position: \"absolute\",\n textAlign: \"center\",\n top: 26,\n left: -35,\n width: 150,\n [theme.breakpoints.down(\"sm\")]: {\n color: \"#fff\",\n backgroundColor: theme.customPalette.darkishPurple,\n ...theme.fonts.faces.bodyM,\n width: 80,\n height: 80,\n borderRadius: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n lineHeight: 1,\n fontSize: 14,\n top: \"auto\",\n bottom: \"-12%\",\n left: \"-5%\",\n position: \"absolute\",\n zIndex: 1,\n transform: \"none\",\n },\n },\n hideOnMd: {\n [theme.breakpoints.up(\"md\")]: {\n display: \"none\",\n },\n },\n specialOfferText: {\n lineHeight: \"25px !important\",\n },\n originalPrice: {\n color: theme.customPalette.darkishPurple,\n textDecoration: \"line-through\",\n },\n figure: {\n width: \"100%\",\n },\n toBottom: {\n position: \"absolute\",\n bottom: 0,\n margin: \"0 56px 24px 56px\",\n [theme.breakpoints.down(\"sm\")]: {\n position: \"unset\",\n margin: \"0 0 20px 0\",\n width: \"100%\",\n },\n },\n chipImage: {\n width: 20,\n height: 20,\n },\n chipImageWrapper: {\n display: \"flex\",\n alignItems: \"center\",\n paddingRight: 14,\n },\n standardTitleWrapper: {\n margin: \"0px 0px 24px 0px\",\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"0px 0px 8px 0px\",\n },\n },\n chipText: {\n fontSize: 18,\n fontWeight: 500,\n },\n stamp: {\n width: 133,\n height: 133,\n //fontSize: 18,\n bottom: 0,\n right: 0,\n ...theme.fonts.faces.bodyS,\n ...theme.fonts.weights.bold,\n lineHeight: \"1rem !important\",\n [theme.breakpoints.down(\"sm\")]: {\n marginRight: 16,\n width: 84,\n height: 84,\n lineHeight: \"1rem !important\",\n },\n },\n divider: {\n height: 1,\n background: `${theme.customPalette.silver}`,\n margin: \"16px 0\",\n },\n flxColumn: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n maxWidth: \"60%\",\n },\n banner: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginTop: theme.spacing(3),\n padding: theme.spacing(3, 0),\n background: `${theme.customPalette.greyClear}`,\n },\n bannerIcon: {\n height: 57,\n paddingRight: theme.spacing(6),\n },\n stampHeight: {\n marginTop: 20,\n height: 133,\n [theme.breakpoints.down(\"sm\")]: {\n height: 84,\n },\n },\n stampWrapper: {\n position: \"absolute\",\n width: \"100%\",\n height: \"45%\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n height: \"100%\",\n maxHeight: 360,\n },\n },\n chipMobileContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n chip: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"30px\",\n padding: \"4px 16px\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"8px\",\n marginBottom: 20,\n },\n },\n bigStampTitle: {\n fontSize: 36,\n lineHeight: \"36px\",\n display: \"flex\",\n fontWeight: \"bold\",\n alignItems: \"center\",\n justifyContent: \"center\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 24,\n lineHeight: \"24px\",\n },\n },\n preBigStampTitle: {\n fontSize: 24,\n lineHeight: \"24px\",\n fontWeight: \"bold\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 14,\n lineHeight: \"14px\",\n },\n },\n postBigStampTitle: {\n fontSize: 24,\n alignSelf: \"flex-end\",\n marginBottom: 6,\n lineHeight: \"24px\",\n fontWeight: \"bold\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 14,\n marginBottom: 5,\n lineHeight: \"14px\",\n },\n },\n figureContainer: {\n marginTop: -110,\n display: \"flex\",\n [theme.breakpoints.down(\"sm\")]: {\n backgroundColor: theme.customPalette.greyClear,\n display: \"flex\",\n justifyContent: \"center\",\n height: 250,\n },\n },\n flex: {\n display: \"flex\",\n alignItems: \"center\",\n },\n space: {\n margin: \"0 8px\",\n },\n contentContainer: {\n position: \"relative\",\n height: \"100%\",\n },\n container: {\n position: \"relative\",\n overflow: \"visible\",\n maxWidth: \"1392px\",\n //minHeight: '400px',\n [theme.breakpoints.down(\"sm\")]: {\n marginTop: 0,\n height: \"auto\",\n minHeight: \"unset\",\n maxHeight: \"unset\",\n paddingLeft: 0,\n paddingRight: 0,\n paddingBottom: 0,\n },\n },\n innerContainer: {\n [theme.breakpoints.down(\"sm\")]: {\n margin: 0,\n paddingLeft: 0,\n paddingRight: 0,\n },\n },\n wrappedContent: {\n position: \"absolute\",\n top: \"50%\",\n height: \"100%\",\n width: \"100%\",\n transform: \"translate3d(0,-50%,0)\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n },\n },\n shadowContent: {\n visibility: \"hidden\",\n opacity: 0,\n height: \"100%\",\n },\n shadow: {\n position: \"relative !important\",\n },\n body: {\n display: \"flex\",\n flexDirection: \"row\",\n color: \"white\",\n width: \"50%\",\n marginLeft: \"auto\",\n float: \"right\",\n padding: theme.spacing(6, 4, 4, 0),\n [theme.breakpoints.down(\"sm\")]: {\n float: \"none\",\n height: \"auto\",\n width: \"100%\",\n margin: 0,\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: theme.spacing(4, 2),\n },\n },\n parallaxWrapper: {\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\",\n top: 0,\n /*display: \"flex\",\n flexDirection: \"column\",\n alignContent: \"center\",\n justifyContent: \"center\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n margin: \"auto\",*/\n zIndex: -1,\n [theme.breakpoints.down(\"sm\")]: {\n //maxHeight: '100%'\n },\n },\n overlayEffectWrapper: {\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\",\n minHeight: 1300,\n //background: 'rgba(255,255,255,0.2)',\n top: 0,\n },\n overlayEffect: {\n position: \"absolute\",\n height: \"100px\",\n width: \"100%\",\n background: \"white\",\n bottom: 0,\n },\n parallax: {\n height: \"100%\",\n \"& .parallax-inner\": {\n zIndex: -1,\n },\n [theme.breakpoints.down(\"sm\")]: {\n //position: 'absolute',\n width: \"100%\",\n //height: '100% !important',\n zIndex: -1,\n //maxHeight: '1085px',\n },\n },\n parallaxItemWrapper: {\n position: \"absolute\",\n top: \"50%\",\n width: \"50%\",\n [theme.breakpoints.down(\"sm\")]: {\n position: \"unset\",\n top: \"unset\",\n width: \"90%\",\n margin: \"0 auto\",\n paddingBottom: theme.spacing(1),\n },\n //top: '50%',\n //transform: 'translate3d(0,-50%,0)'\n },\n parallaxItemWrapperHorizontal: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"100%\",\n [theme.breakpoints.down(\"sm\")]: {\n position: \"relative\",\n top: 0,\n left: 0,\n transform: \"translate(0,0)\",\n },\n },\n imageWrapper: {\n position: \"relative\",\n display: \"flex\",\n justifyContent: \"center\",\n maxWidth: \"100%\",\n width: \"fit-content\",\n margin: \"0 auto\",\n maxHeight: 652,\n transform: \"translate3d(0,-60%,0)\",\n [theme.breakpoints.down(\"sm\")]: {\n maxWidth: \"100%\",\n transform: \"translate3d(0,0,0)\",\n //maxHeight: 530,\n },\n },\n image: {\n [theme.breakpoints.down(\"sm\")]: {\n //transform: 'scale(1.1)',\n },\n },\n gridImageContainer: {\n maxHeight: 510,\n },\n gridTitle: {\n wordBreak: \"break-word\",\n padding: theme.spacing(0, 0, 3, 0),\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n margin: \"0 auto\",\n },\n },\n grid: {\n padding: theme.spacing(0, 0, 1, 0),\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"0 auto\",\n },\n },\n title: {\n [theme.breakpoints.down(\"sm\")]: {\n textAlign: \"center\",\n },\n \"&:before\": {\n [theme.breakpoints.down(\"sm\")]: {\n marginLeft: \"auto\",\n marginRight: \"auto\",\n },\n },\n },\n subtitle: {\n [theme.breakpoints.down(\"sm\")]: {\n textAlign: \"center\",\n },\n },\n description: {\n fontWeight: \"500\",\n fontSize: \"24px\",\n [theme.breakpoints.down(\"sm\")]: {\n textAlign: \"center\",\n fontWeight: \"700\",\n fontSize: \"16px\",\n },\n },\n flexTitleCentered: {\n display: \"flex\",\n justifyContent: \"center\",\n [theme.breakpoints.down(\"sm\")]: {\n justifyContent: \"center\",\n flexDirection: \"column\",\n },\n },\n flexTitleJustified: {\n display: \"flex\",\n justifyContent: \"space-between\",\n [theme.breakpoints.down(\"sm\")]: {\n justifyContent: \"center\",\n flexDirection: \"column\",\n },\n },\n purpleBanner: {\n backgroundColor: theme.customPalette.darkishPurple,\n color: \"#fff\",\n height: 40,\n alignItems: \"center\",\n justifyContent: \"center\",\n display: \"flex\",\n },\n horizontalContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n flexWrap: \"nowrap\",\n justifyContent: \"space-between\",\n alignContent: \"center\",\n alignItems: \"center\",\n position: \"relative\",\n height: \"100%\",\n color: \"white\",\n padding: theme.spacing(6, 0, 6, 0),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(4, 2),\n },\n },\n horizontalContent: {\n display: \"flex\",\n flexDirection: \"column\",\n flexWrap: \"nowrap\",\n justifyContent: \"space-between\",\n alignContent: \"center\",\n alignItems: \"center\",\n position: \"relative\",\n height: \"100%\",\n padding: \"0 56px 24px 56px\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: 0,\n },\n },\n}))\n\nconst OffersModule = ({\n standard,\n premium,\n shippingText,\n shippingTextMobile,\n}) => {\n const classes = useStyles()\n const moduleRef = useRef(null)\n\n const Image = ({ image, stampText }) => {\n const classes = useStyles()\n\n const handleOnLoad = imageRef => {\n /*let target = dom.findAncestor(imageRef.current, 'parallax-outer');\n if (target) {\n if (imageRef.current.clientHeight > target.previousSibling.clientHeight) {\n let css = `padding-top: 0 !important; padding-bottom: 0 !important;`;\n moduleRef.current.style.cssText = css;\n }\n }*/\n }\n\n return (\n \n
\n {/*stampText &&\n
\n {txt.priceUplift(stampText, 2)} \n
\n */}\n
\n \n \n \n {premium.title}\n \n \n {/*\n \n {premium.text}\n \n */}\n \n \n {premium.text}\n \n \n \n \n )\n const Content = ({ shadow }) => {\n return (\n \n {/* BG */}\n
\n\n {/* Switch between vertical and horizontal */}\n {!premium.horizontal ? (\n // Vertical\n
\n \n \n \n {premium.closureText}\n \n
\n \n
\n \n \n ) : (\n // Horizontal\n
\n \n
\n
\n \n {premium.title}\n \n
\n
\n \n \n\n
\n \n {premium.text}\n \n
\n\n
\n \n \n
\n\n {premium.closureText ? (\n
\n \n {premium.closureText}\n \n
\n ) : null}\n
\n {txt.sanifyHtml([array[0]].join(\"\"))}\n
\n {txt.sanifyHtml(array[1])}\n
\n
{txt.sanifyHtml(array[2])}
\n \n )\n }\n\n const StandardOfferContent = () => {\n return (\n \n
\n \n {standard.title}\n \n {standard.chip && (\n \n \n {txt.sanifyHtml(standard.chip)}\n \n \n \n
\n \n {(standard.issues || []).map((figure, i) => (\n
\n \n \n {figure.title}\n \n \n {figure.priceDiscounted}\n \n {figure.priceOriginal && (\n \n {figure.priceOriginal}\n \n )}\n \n
\n ))}\n
\n \n \n
\n {standard.text}\n \n
\n
\n \n \n {standard.priceDiscounted}\n \n \n
\n
\n \n {standard.priceOriginal}\n \n
\n
\n
\n {stampContent(standard.badge)}\n \n )}\n \n \n
\n \n {standard.closureText}\n \n \n )\n }\n\n const Banner = () => {\n return (\n \n \n \n {shippingText}\n \n
\n \n )\n }\n\n const BannerMobile = ({ text }) => {\n return (\n \n \n {text} \n
\n \n )\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n )\n}\n\nexport default OffersModule\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"\n}), 'AddCircle');\nexports.default = _default;","import React, { useRef, useEffect, useState } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport Portal from \"@material-ui/core/Portal\"\r\nimport withStyles from \"@material-ui/core/styles/withStyles\"\r\nimport SlickSlider from \"react-slick\"\r\nimport Icon from \"./Icon\"\r\nimport { GTMEvent } from \"../utils/gtm\"\r\n\r\nimport \"slick-carousel/slick/slick.css\"\r\nimport \"slick-carousel/slick/slick-theme.css\"\r\n\r\nexport const styles = theme => ({\r\n root: {\r\n position: \"relative\",\r\n \"& .slick-disabled\": {\r\n border: `4px solid transparent`,\r\n opacity: 0.25,\r\n },\r\n overflow: \"hidden\",\r\n },\r\n slider: {\r\n \"& .slick-track\": {\r\n alignItems: \"center\",\r\n },\r\n \"& .slick-prev\": {\r\n left: \"0px\",\r\n zIndex: \"1\",\r\n },\r\n \"& .slick-next\": {\r\n right: \"10px\",\r\n zIndex: \"1\",\r\n },\r\n },\r\n slider2: {\r\n \"& .slick-track\": { padding: \"0 20% 0 0\" },\r\n },\r\n equalHeight: {\r\n \"& .slick-track\": { display: \"flex !important\", alignItems: \"stretch\" },\r\n \"& .slick-slide\": { height: \"auto !important\", display: \"flex\" },\r\n \"& .slick-slide > div\": { height: \"100%\" },\r\n },\r\n arrows: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n width: \"100%\",\r\n },\r\n icon: {\r\n display: \"block\",\r\n height: 32,\r\n width: 32,\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n marginTop: \"calc(50% - 16px)\",\r\n },\r\n arrow: {\r\n cursor: \"pointer\",\r\n marginTop: theme.spacing(2),\r\n marginRight: theme.spacing(2),\r\n },\r\n back: {\r\n height: 60,\r\n width: 60,\r\n border: `4px solid ${theme.customPalette.tangerine}`,\r\n borderRadius: \"50%\",\r\n marginLeft: theme.spacing(4),\r\n boxSizing: \"border-box\",\r\n },\r\n next: {\r\n height: 60,\r\n width: 60,\r\n border: `4px solid ${theme.customPalette.tangerine}`,\r\n borderRadius: \"50%\",\r\n marginLeft: theme.spacing(4),\r\n boxSizing: \"border-box\",\r\n },\r\n})\r\n\r\nconst NextArrow = ({\r\n className,\r\n classes,\r\n dark,\r\n onClick,\r\n container,\r\n arrowBorder,\r\n}) => {\r\n const filteredClasses = className.replace(\"slick-arrow slick-next\", \"\")\r\n const arrow = (\r\n \r\n {arrow} \r\n ) : (\r\n arrow\r\n )\r\n}\r\n\r\nconst PrevArrow = ({\r\n className,\r\n classes,\r\n dark,\r\n onClick,\r\n container,\r\n arrowBorder,\r\n}) => {\r\n const filteredClasses = className.replace(\"slick-arrow slick-prev\", \"\")\r\n const arrow = (\r\n \r\n {arrow} \r\n ) : (\r\n arrow\r\n )\r\n}\r\n\r\nconst Slider = React.forwardRef((props, ref) => {\r\n const {\r\n children,\r\n className,\r\n classes,\r\n showExtraSlides,\r\n prevIcon = \"left\",\r\n nextIcon = \"right\",\r\n disableEqualHeight = false,\r\n dark = false,\r\n initialPos,\r\n arrowBorder,\r\n tracking,\r\n indexSlider,\r\n ...settings\r\n } = props\r\n\r\n const slider = useRef(null)\r\n const arrowContainer = useRef(null)\r\n const [sliderSettings, setSliderSettings] = useState(settings)\r\n\r\n // set initial position\r\n useEffect(() => {\r\n const firstSlide = initialPos || 0\r\n if (slider && slider.current) {\r\n slider.current.slickGoTo(firstSlide, true)\r\n }\r\n }, [initialPos, slider.current])\r\n\r\n useEffect(() => {\r\n if (slider && slider.current) {\r\n slider.current.slickGoTo(indexSlider, true)\r\n //console.log(\"sliderxxxx\", indexSlider, slider?.current)\r\n }\r\n }, [indexSlider])\r\n\r\n return (\r\n \r\n
\r\n {children}\r\n \r\n
\r\n \r\n {title} \r\n {\r\n (icon && (icon)) || (iconName && (\r\n \r\n \r\n \r\n \r\n {text}\r\n \r\n \r\n \r\n \r\n \r\n {link && (\r\n \r\n \r\n GTMEvent(\"product\", \"issuelink\", \"click_DOWNLOAD\")\r\n }\r\n {...link}\r\n />\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default IssueLinkModule\r\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport ListContext from '../List/ListContext';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n minWidth: 56,\n color: theme.palette.action.active,\n flexShrink: 0,\n display: 'inline-flex'\n },\n /* Styles applied to the root element when the parent `ListItem` uses `alignItems=\"flex-start\"`. */\n alignItemsFlexStart: {\n marginTop: 8\n }\n };\n};\n/**\n * A simple wrapper to apply `List` styles to an `Icon` or `SvgIcon`.\n */\n\nvar ListItemIcon = /*#__PURE__*/React.forwardRef(function ListItemIcon(props, ref) {\n var classes = props.classes,\n className = props.className,\n other = _objectWithoutProperties(props, [\"classes\", \"className\"]);\n var context = React.useContext(ListContext);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, className, context.alignItems === 'flex-start' && classes.alignItemsFlexStart),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiListItemIcon'\n})(ListItemIcon);","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://widget.mixcloud.com/media/js/widgetApi.js';\nvar SDK_GLOBAL = 'Mixcloud';\nvar Mixcloud = /*#__PURE__*/function (_Component) {\n _inherits(Mixcloud, _Component);\n var _super = _createSuper(Mixcloud);\n function Mixcloud() {\n var _this;\n _classCallCheck(this, Mixcloud);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"duration\", null);\n _defineProperty(_assertThisInitialized(_this), \"currentTime\", null);\n _defineProperty(_assertThisInitialized(_this), \"secondsLoaded\", null);\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {// No volume support\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {// No volume support\n });\n _defineProperty(_assertThisInitialized(_this), \"ref\", function (iframe) {\n _this.iframe = iframe;\n });\n return _this;\n }\n _createClass(Mixcloud, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url) {\n var _this2 = this;\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function (Mixcloud) {\n _this2.player = Mixcloud.PlayerWidget(_this2.iframe);\n _this2.player.ready.then(function () {\n _this2.player.events.play.on(_this2.props.onPlay);\n _this2.player.events.pause.on(_this2.props.onPause);\n _this2.player.events.ended.on(_this2.props.onEnded);\n _this2.player.events.error.on(_this2.props.error);\n _this2.player.events.progress.on(function (seconds, duration) {\n _this2.currentTime = seconds;\n _this2.duration = duration;\n });\n _this2.props.onReady();\n });\n }, this.props.onError);\n }\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {// Nothing to do\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('seek', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {// No volume support\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.duration;\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.currentTime;\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n url = _this$props.url,\n config = _this$props.config;\n var id = url.match(_patterns.MATCH_URL_MIXCLOUD)[1];\n var style = {\n width: '100%',\n height: '100%'\n };\n var query = (0, _utils.queryString)(_objectSpread(_objectSpread({}, config.options), {}, {\n feed: \"/\".concat(id, \"/\")\n })); // We have to give the iframe a key here to prevent a\n // weird dialog appearing when loading a new track\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"iframe\", {\n key: id,\n ref: this.ref,\n style: style,\n src: \"https://www.mixcloud.com/widget/iframe/?\".concat(query),\n frameBorder: \"0\",\n allow: \"autoplay\"\n });\n }\n }]);\n return Mixcloud;\n}(_react.Component);\nexports[\"default\"] = Mixcloud;\n_defineProperty(Mixcloud, \"displayName\", 'Mixcloud');\n_defineProperty(Mixcloud, \"canPlay\", _patterns.canPlay.mixcloud);\n_defineProperty(Mixcloud, \"loopOnEnded\", true);","import * as React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport clsx from 'clsx';\r\nimport withStyles from '@material-ui/core/styles/withStyles';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport Text from './Text';\r\n\r\nexport const styles = (theme) => ({\r\n /* Styles applied to the root element. */\r\n root: {\r\n position: 'absolute',\r\n overflow: 'hidden',\r\n height: '200px',\r\n width: '150px',\r\n background: 'transparent',\r\n zIndex: '1'\r\n },\r\n ribbon: {\r\n background: theme.customPalette.darkishPurple,\r\n transform: 'rotate3d(0,0,1,-45deg)',\r\n position: 'absolute',\r\n textAlign: 'center',\r\n top: 26,\r\n left: -35,\r\n width: 150,\r\n },\r\n text: {\r\n display: 'inline-block',\r\n height: '100%',\r\n verticalAlign: 'middle',\r\n },\r\n});\r\n\r\nconst Ribbon = React.forwardRef(function Ribbon(props, ref) {\r\n const {\r\n classes,\r\n className,\r\n children\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n {children} \r\n \r\n
\r\n );\r\n});\r\n\r\nRibbon.propTypes = {\r\n /**\r\n * The content of the component.\r\n */\r\n children: PropTypes.node,\r\n /**\r\n * Override or extend the styles applied to the component.\r\n * See [CSS API](#css) below for more details.\r\n */\r\n classes: PropTypes.object.isRequired,\r\n /**\r\n * @ignore\r\n */\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default withStyles(styles, { name: 'FHRibbon' })(Ribbon);","import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Box } from '@material-ui/core';\nimport { webpTry } from '@src/utils/webp';\n\nimport Text from './Text';\nimport Ribbon from './Ribbon';\n\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n backgroundColor: theme.customPalette.greyClear,\n borderBottom: `4px solid ${theme.palette.primary.main}`,\n '&.isBig': {\n display: 'flex',\n height: '100%',\n },\n },\n imageContainer: {\n height: 230,\n position: 'relative',\n '&.isBig': {\n width: '50%',\n flexShrink: 0,\n height: '100%',\n },\n },\n bodyContainer: {\n padding: theme.spacing(2, 3),\n display: 'flex',\n flexDirection: 'column',\n '&.isBig': {\n padding: theme.spacing(6, 4),\n },\n },\n title: {\n marginBottom: theme.spacing(2),\n },\n body: {\n lineHeight: 1.5,\n flexGrow: 1,\n },\n ctaContainer: {\n display: 'flex',\n justifyContent: 'flex-end',\n '&.isBig': {\n justifyContent: 'flex-start',\n },\n },\n ctaBox: {\n paddingBottom: theme.spacing(1 / 2),\n borderBottom: `2px solid ${theme.palette.secondary.main}`,\n '&.isBig': {\n justifyContent: 'flex-start',\n },\n },\n badgeBox: {\n position: 'absolute',\n left: theme.spacing(3),\n bottom: 0,\n padding: theme.spacing(1 / 4, 1 / 2),\n backgroundColor: theme.palette.primary.main,\n color: '#fff',\n '&.isBig': {\n position: 'relative',\n left: 'initial',\n width: 'fit-content',\n marginBottom: theme.spacing(2),\n },\n },\n ribbonRoot: {\n },\n ribbon: {\n top: 42,\n left: -32,\n width: 170\n }\n}));\n\nconst ArticleCard = ({ titleSeoComponent, className, title, text, picture, pictureBig, badgeText, ribbonText, link, isBig }) => {\n const classes = useStyles();\n\n const pic = isBig ? (pictureBig || '') : (picture || '');\n const image = webpTry(pic);\n\n const imageStyle = {\n backgroundSize: 'cover',\n backgroundPosition: \"center center\",\n backgroundRepeat: \"no-repeat\",\n };\n\n return (\n \n \n {!isBig && badgeText && (\n {badgeText} \n )}\n {ribbonText &&\n \n {ribbonText}\n \n }\n \n \n {isBig && badgeText && (\n \n {badgeText}\n \n )}\n \n {title}\n \n {text} \n {link && (\n \n {link.title} \n \n )}\n \n \n );\n};\n\nexport default ArticleCard;\n","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { Container, Box, Hidden } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Module from '../components/Module';\r\nimport Text from '../components/Text';\r\nimport Image from '../components/Image';\r\nimport Video from '../components/Video';\r\n\r\nconst VIDEO_HEIGHT = 35;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n aboutUsHeader: {\r\n position: 'relative',\r\n padding: theme.spacing(12),\r\n paddingBottom: theme.spacing(0),\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(4),\r\n }\r\n },\r\n bottomVideoMargin: {\r\n marginBottom: `25vw`,\r\n },\r\n background: {\r\n top: 0,\r\n left: 0,\r\n position: 'absolute',\r\n backgroundSize: 'cover',\r\n backgroundPosition: \"center top\",\r\n backgroundRepeat: \"no-repeat\",\r\n width: '100%',\r\n height: '100%',\r\n zIndex: -1\r\n },\r\n container: {\r\n display: 'grid',\r\n gridTemplate: 'auto 1fr auto auto / 1fr 1fr 1fr 1fr',\r\n gridGap: theme.spacing(4),\r\n //paddingTop: 77,\r\n [theme.breakpoints.down('sm')]: {\r\n gridTemplate: '1fr / 1fr',\r\n gridGap: 20,\r\n //paddingTop: 30,\r\n },\r\n },\r\n logo: {\r\n height: 74,\r\n cursor: 'pointer',\r\n marginBottom: 150,\r\n [theme.breakpoints.down('sm')]: {\r\n marginBottom: 100,\r\n height: 32\r\n },\r\n },\r\n headerWrapper: {\r\n marginTop: 160,\r\n gridColumn: '1 / 4',\r\n [theme.breakpoints.down('sm')]: {\r\n gridColumn: 'auto / auto',\r\n marginTop: 100,\r\n },\r\n },\r\n firstBoxWrapper: {\r\n gridColumn: '1 / 3',\r\n [theme.breakpoints.down('sm')]: {\r\n gridColumn: 'auto / auto',\r\n },\r\n },\r\n secondBoxWrapper: {\r\n gridColumn: '3 / 5',\r\n [theme.breakpoints.down('sm')]: {\r\n gridColumn: 'auto / auto',\r\n },\r\n },\r\n videoWrapper: {\r\n gridColumn: '1 / 5',\r\n position: 'relative',\r\n [theme.breakpoints.down('sm')]: {\r\n gridColumn: 'auto / auto',\r\n },\r\n },\r\n kicker: {\r\n fontFamily: 'SpeziaExtended',\r\n fontWeight: 'bold',\r\n fontSize: 21.3,\r\n lineHeight: 2.84,\r\n letterSpacing: -0.04,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 10.5,\r\n letterSpacing: -0.02,\r\n },\r\n },\r\n title: {\r\n marginBottom: theme.spacing(4),\r\n fontWeight: 500,\r\n fontSize: 57.7,\r\n lineHeight: 1.05,\r\n letterSpacing: -0.06,\r\n width: '50vw',\r\n ['@media (min-device-width: 1900px) and (max-device-width: 2150px)']: {\r\n width: '40vw'\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n marginBottom: theme.spacing(0),\r\n fontSize: 28.4,\r\n letterSpacing: -0.03,\r\n width: '100%',\r\n },\r\n },\r\n boxTitle: {\r\n marginBottom: theme.spacing(1)\r\n },\r\n boxText: {\r\n fontFamily: 'SpeziaExtended',\r\n fontWeight: 600,\r\n fontSize: 27,\r\n letterSpacing: -0.04,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 15.9,\r\n letterSpacing: -0.02,\r\n },\r\n },\r\n video: {\r\n position: 'absolute',\r\n width: '100%',\r\n height: `${VIDEO_HEIGHT}vw`,\r\n top: 0,\r\n '& .react-player__preview': {\r\n borderRadius: 7,\r\n }\r\n },\r\n box: {\r\n backgroundImage:\r\n \"linear-gradient(to left, rgba(107, 26, 123, 0.25), #390b45)\",\r\n borderRadius: 7,\r\n padding: theme.spacing(5),\r\n width: '100%',\r\n height: '100%'\r\n },\r\n}));\r\n\r\nconst LiftOut = ({ title, text }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n {title} \r\n {text} \r\n \r\n );\r\n}\r\n\r\nconst AboutUsHeader = ({\r\n kicker, title, firstBox, secondBox, video, backgroundImage, mobileBackgroundImage, ...others\r\n}) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {kicker} \r\n {title} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {video && video.src &&\r\n \r\n
\r\n \r\n }\r\n \r\n \r\n );\r\n};\r\n\r\n\r\nexport default AboutUsHeader;\r\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Container, Grid, Chip, Hidden, useMediaQuery } from \"@material-ui/core\"\nimport Box from \"@material-ui/core/Box\"\nimport Module from \"@src/components/Module\"\n\nimport Text from \"@src/components/Text\"\nimport Icon from \"@src/components/Icon\"\nimport Link from \"@material-ui/core/Link\"\n\nconst useStyles = makeStyles(theme => ({\n mainTitle: {\n marginTop: theme.spacing(11),\n marginBottom: theme.spacing(3),\n },\n category: {\n minHeight: \"80px\",\n backgroundColor: theme.customPalette.greyClear,\n marginBottom: theme.spacing(1),\n paddingLeft: theme.spacing(3),\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n position: \"relative\",\n textDecoration: \"none\",\n },\n categoryIcon: {\n width: \"80px\",\n height: \"100%\",\n backgroundColor: theme.customPalette.tangerine,\n position: \"absolute\",\n top: 0,\n right: 0,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n },\n icon: {\n color: theme.customPalette.primaryGrey05,\n },\n link: {\n color: theme.customPalette.black,\n },\n}))\n\nconst InlineMenuFormModule = props => {\n const { inlineMenuItemForm, title } = props\n const classes = useStyles()\n\n return (\n \n \n \n {title}\n \n \n \n {inlineMenuItemForm\n ? inlineMenuItemForm.map((link, index) => {\n return (\n \n \n {link.link.title}\n \n
\n \n
\n \n )\n })\n : null}\n \n \n \n \n )\n}\n\nInlineMenuFormModule.defaultProps = {}\n\nexport default InlineMenuFormModule\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport FluidImage from \"../components/FluidImage\"\nimport Text from \"../components/Text\"\nimport { GTMEvent } from \"../utils/gtm\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Lazy, Autoplay } from \"swiper\"\nimport \"../style/brandModule.css\"\n\nconst useStyles = makeStyles(theme => ({\n picture: {\n display: \"flex\",\n justifyContent: \"center\",\n maxHeight: 98,\n [theme.breakpoints.down(\"xl\")]: {\n maxHeight: 88,\n },\n [theme.breakpoints.down(\"lg\")]: {\n maxHeight: 78,\n },\n [theme.breakpoints.down(\"md\")]: {\n maxHeight: 60,\n },\n },\n clickable: {\n cursor: \"pointer\",\n },\n}))\n\n// install Swiper modules\nSwiperCore.use([Lazy, Autoplay])\n\nconst swiperResponsive = {\n 768: {\n slidesPerView: 3,\n spaceBetween: 16,\n },\n 1024: {\n slidesPerView: 4,\n spaceBetween: 16,\n },\n 1280: {\n slidesPerView: 5,\n spaceBetween: 24,\n },\n 1440: {\n slidesPerView: 6,\n spaceBetween: 24,\n },\n 1600: {\n slidesPerView: 6,\n spaceBetween: 30,\n },\n 1980: {\n slidesPerView: 6,\n spaceBetween: 30,\n },\n 2000: {\n slidesPerView: 8,\n spaceBetween: 30,\n },\n}\n\nconst BrandsModule = ({ title, brands, disable_movement, ...others }) => {\n const classes = useStyles()\n\n return (\n \n \n \n
\n {title}\n \n = 6 ? true : false}\n allowTouchMove\n autoplay={!disable_movement}\n >\n {(brands || []).map((brand, index) => {\n return (\n \n \n {brand.link.href ? (\n
\n GTMEvent(\n others.repo,\n title || \"Brands\",\n \"BrandsModule - \" +\n (brand.link?.label ||\n brand.link?.title ||\n brand.link?.href)\n )\n }\n >\n \n )\n })}\n \n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n brands: [],\n}\n\nBrandsModule.defaultProps = defaultProps\n\nexport default BrandsModule\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _toArray from \"@babel/runtime/helpers/esm/toArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport Collapse from '../Collapse';\nimport Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nimport AccordionContext from './AccordionContext';\nimport useControlled from '../utils/useControlled';\nexport var styles = function styles(theme) {\n var transition = {\n duration: theme.transitions.duration.shortest\n };\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n transition: theme.transitions.create(['margin'], transition),\n '&:before': {\n position: 'absolute',\n left: 0,\n top: -1,\n right: 0,\n height: 1,\n content: '\"\"',\n opacity: 1,\n backgroundColor: theme.palette.divider,\n transition: theme.transitions.create(['opacity', 'background-color'], transition)\n },\n '&:first-child': {\n '&:before': {\n display: 'none'\n }\n },\n '&$expanded': {\n margin: '16px 0',\n '&:first-child': {\n marginTop: 0\n },\n '&:last-child': {\n marginBottom: 0\n },\n '&:before': {\n opacity: 0\n }\n },\n '&$expanded + &': {\n '&:before': {\n display: 'none'\n }\n },\n '&$disabled': {\n backgroundColor: theme.palette.action.disabledBackground\n }\n },\n /* Styles applied to the root element if `square={false}`. */\n rounded: {\n borderRadius: 0,\n '&:first-child': {\n borderTopLeftRadius: theme.shape.borderRadius,\n borderTopRightRadius: theme.shape.borderRadius\n },\n '&:last-child': {\n borderBottomLeftRadius: theme.shape.borderRadius,\n borderBottomRightRadius: theme.shape.borderRadius,\n // Fix a rendering issue on Edge\n '@supports (-ms-ime-align: auto)': {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n }\n },\n /* Styles applied to the root element if `expanded={true}`. */\n expanded: {},\n /* Styles applied to the root element if `disabled={true}`. */\n disabled: {}\n };\n};\nvar Accordion = /*#__PURE__*/React.forwardRef(function Accordion(props, ref) {\n var childrenProp = props.children,\n classes = props.classes,\n className = props.className,\n _props$defaultExpande = props.defaultExpanded,\n defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n expandedProp = props.expanded,\n onChange = props.onChange,\n _props$square = props.square,\n square = _props$square === void 0 ? false : _props$square,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Collapse : _props$TransitionComp,\n TransitionProps = props.TransitionProps,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"defaultExpanded\", \"disabled\", \"expanded\", \"onChange\", \"square\", \"TransitionComponent\", \"TransitionProps\"]);\n var _useControlled = useControlled({\n controlled: expandedProp,\n default: defaultExpanded,\n name: 'Accordion',\n state: 'expanded'\n }),\n _useControlled2 = _slicedToArray(_useControlled, 2),\n expanded = _useControlled2[0],\n setExpandedState = _useControlled2[1];\n var handleChange = React.useCallback(function (event) {\n setExpandedState(!expanded);\n if (onChange) {\n onChange(event, !expanded);\n }\n }, [expanded, onChange, setExpandedState]);\n var _React$Children$toArr = React.Children.toArray(childrenProp),\n _React$Children$toArr2 = _toArray(_React$Children$toArr),\n summary = _React$Children$toArr2[0],\n children = _React$Children$toArr2.slice(1);\n var contextValue = React.useMemo(function () {\n return {\n expanded: expanded,\n disabled: disabled,\n toggle: handleChange\n };\n }, [expanded, disabled, handleChange]);\n return /*#__PURE__*/React.createElement(Paper, _extends({\n className: clsx(classes.root, className, expanded && classes.expanded, disabled && classes.disabled, !square && classes.rounded),\n ref: ref,\n square: square\n }, other), /*#__PURE__*/React.createElement(AccordionContext.Provider, {\n value: contextValue\n }, summary), /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: expanded,\n timeout: \"auto\"\n }, TransitionProps), /*#__PURE__*/React.createElement(\"div\", {\n \"aria-labelledby\": summary.props.id,\n id: summary.props['aria-controls'],\n role: \"region\"\n }, children)));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiAccordion'\n})(Accordion);","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _toArray(arr) {\n return arrayWithHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableRest();\n}","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Module from '@src/components/Module';\n\nconst useStyles = makeStyles((theme) => ({\n prelaunchPrefooter: {\n width: '100%',\n backgroundColor: 'white',\n //paddingTop: theme.spacing(4),\n [theme.breakpoints.up('sm')]: {\n //transform: `translate3d(0, ${theme.spacing(4)}px, 0)`\n },\n [theme.breakpoints.only('xs')]: {\n overflow: 'hidden'\n }\n },\n image: {\n width: '100%',\n position: 'relative',\n transform: 'translate3d(0,10px,0)',\n [theme.breakpoints.only('xs')]: {\n width: '200%',\n marginLeft: '-50%'\n }\n },\n}));\n\nconst PrelaunchPrefooterModule = () => {\n const classes = useStyles();\n\n return (\n <>\n \n \n \n );\n};\n\nexport default PrelaunchPrefooterModule;\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\n\r\nimport Module from '../components/Module';\r\nimport VideoDescription from '../components/VideoDescription';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n videoDescription: {\r\n margin: '120px 0'\r\n },\r\n}));\r\n\r\nconst VideoDescriptionModule = (props) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default VideoDescriptionModule;\r\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createReactPlayer = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _deepmerge = _interopRequireDefault(require(\"deepmerge\"));\nvar _memoizeOne = _interopRequireDefault(require(\"memoize-one\"));\nvar _reactFastCompare = _interopRequireDefault(require(\"react-fast-compare\"));\nvar _props = require(\"./props\");\nvar _utils = require(\"./utils\");\nvar _Player3 = _interopRequireDefault(require(\"./Player\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n return arr2;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nvar Preview = /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Preview'));\n });\n});\nvar IS_BROWSER = typeof window !== 'undefined' && window.document;\nvar IS_GLOBAL = typeof global !== 'undefined' && global.window && global.window.document;\nvar SUPPORTED_PROPS = Object.keys(_props.propTypes); // Return null when rendering on the server\n// as Suspense is not supported yet\n\nvar UniversalSuspense = IS_BROWSER || IS_GLOBAL ? _react.Suspense : function () {\n return null;\n};\nvar customPlayers = [];\nvar createReactPlayer = function createReactPlayer(players, fallback) {\n var _class, _temp;\n return _temp = _class = /*#__PURE__*/function (_Component) {\n _inherits(ReactPlayer, _Component);\n var _super = _createSuper(ReactPlayer);\n function ReactPlayer() {\n var _this;\n _classCallCheck(this, ReactPlayer);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n showPreview: !!_this.props.light\n });\n _defineProperty(_assertThisInitialized(_this), \"references\", {\n wrapper: function wrapper(_wrapper) {\n _this.wrapper = _wrapper;\n },\n player: function player(_player) {\n _this.player = _player;\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"handleClickPreview\", function (e) {\n _this.setState({\n showPreview: false\n });\n _this.props.onClickPreview(e);\n });\n _defineProperty(_assertThisInitialized(_this), \"showPreview\", function () {\n _this.setState({\n showPreview: true\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"getDuration\", function () {\n if (!_this.player) return null;\n return _this.player.getDuration();\n });\n _defineProperty(_assertThisInitialized(_this), \"getCurrentTime\", function () {\n if (!_this.player) return null;\n return _this.player.getCurrentTime();\n });\n _defineProperty(_assertThisInitialized(_this), \"getSecondsLoaded\", function () {\n if (!_this.player) return null;\n return _this.player.getSecondsLoaded();\n });\n _defineProperty(_assertThisInitialized(_this), \"getInternalPlayer\", function () {\n var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'player';\n if (!_this.player) return null;\n return _this.player.getInternalPlayer(key);\n });\n _defineProperty(_assertThisInitialized(_this), \"seekTo\", function (fraction, type, keepPlaying) {\n if (!_this.player) return null;\n _this.player.seekTo(fraction, type, keepPlaying);\n });\n _defineProperty(_assertThisInitialized(_this), \"handleReady\", function () {\n _this.props.onReady(_assertThisInitialized(_this));\n });\n _defineProperty(_assertThisInitialized(_this), \"getActivePlayer\", (0, _memoizeOne[\"default\"])(function (url) {\n for (var _i = 0, _arr = [].concat(customPlayers, _toConsumableArray(players)); _i < _arr.length; _i++) {\n var player = _arr[_i];\n if (player.canPlay(url)) {\n return player;\n }\n }\n if (fallback) {\n return fallback;\n }\n return null;\n }));\n _defineProperty(_assertThisInitialized(_this), \"getConfig\", (0, _memoizeOne[\"default\"])(function (url, key) {\n var config = _this.props.config;\n return _deepmerge[\"default\"].all([_props.defaultProps.config, _props.defaultProps.config[key] || {}, config, config[key] || {}]);\n }));\n _defineProperty(_assertThisInitialized(_this), \"getAttributes\", (0, _memoizeOne[\"default\"])(function (url) {\n return (0, _utils.omit)(_this.props, SUPPORTED_PROPS);\n }));\n _defineProperty(_assertThisInitialized(_this), \"renderActivePlayer\", function (url) {\n if (!url) return null;\n var player = _this.getActivePlayer(url);\n if (!player) return null;\n var config = _this.getConfig(url, player.key);\n return /*#__PURE__*/_react[\"default\"].createElement(_Player3[\"default\"], _extends({}, _this.props, {\n key: player.key,\n ref: _this.references.player,\n config: config,\n activePlayer: player.lazyPlayer || player,\n onReady: _this.handleReady\n }));\n });\n return _this;\n }\n _createClass(ReactPlayer, [{\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps, nextState) {\n return !(0, _reactFastCompare[\"default\"])(this.props, nextProps) || !(0, _reactFastCompare[\"default\"])(this.state, nextState);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var light = this.props.light;\n if (!prevProps.light && light) {\n this.setState({\n showPreview: true\n });\n }\n if (prevProps.light && !light) {\n this.setState({\n showPreview: false\n });\n }\n }\n }, {\n key: \"renderPreview\",\n value: function renderPreview(url) {\n if (!url) return null;\n var _this$props = this.props,\n light = _this$props.light,\n playIcon = _this$props.playIcon,\n previewTabIndex = _this$props.previewTabIndex,\n oEmbedUrl = _this$props.oEmbedUrl;\n return /*#__PURE__*/_react[\"default\"].createElement(Preview, {\n url: url,\n light: light,\n playIcon: playIcon,\n previewTabIndex: previewTabIndex,\n oEmbedUrl: oEmbedUrl,\n onClick: this.handleClickPreview\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n url = _this$props2.url,\n style = _this$props2.style,\n width = _this$props2.width,\n height = _this$props2.height,\n fallback = _this$props2.fallback,\n Wrapper = _this$props2.wrapper;\n var showPreview = this.state.showPreview;\n var attributes = this.getAttributes(url);\n var wrapperRef = typeof Wrapper === 'string' ? this.references.wrapper : undefined;\n return /*#__PURE__*/_react[\"default\"].createElement(Wrapper, _extends({\n ref: wrapperRef,\n style: _objectSpread(_objectSpread({}, style), {}, {\n width: width,\n height: height\n })\n }, attributes), /*#__PURE__*/_react[\"default\"].createElement(UniversalSuspense, {\n fallback: fallback\n }, showPreview ? this.renderPreview(url) : this.renderActivePlayer(url)));\n }\n }]);\n return ReactPlayer;\n }(_react.Component), _defineProperty(_class, \"displayName\", 'ReactPlayer'), _defineProperty(_class, \"propTypes\", _props.propTypes), _defineProperty(_class, \"defaultProps\", _props.defaultProps), _defineProperty(_class, \"addCustomPlayer\", function (player) {\n customPlayers.push(player);\n }), _defineProperty(_class, \"removeCustomPlayers\", function () {\n customPlayers.length = 0;\n }), _defineProperty(_class, \"canPlay\", function (url) {\n for (var _i2 = 0, _arr2 = [].concat(customPlayers, _toConsumableArray(players)); _i2 < _arr2.length; _i2++) {\n var _Player = _arr2[_i2];\n if (_Player.canPlay(url)) {\n return true;\n }\n }\n return false;\n }), _defineProperty(_class, \"canEnablePIP\", function (url) {\n for (var _i3 = 0, _arr3 = [].concat(customPlayers, _toConsumableArray(players)); _i3 < _arr3.length; _i3++) {\n var _Player2 = _arr3[_i3];\n if (_Player2.canEnablePIP && _Player2.canEnablePIP(url)) {\n return true;\n }\n }\n return false;\n }), _temp;\n};\nexports.createReactPlayer = createReactPlayer;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Typography from '../Typography';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n alignItems: 'center',\n padding: 16\n },\n /* Styles applied to the avatar element. */\n avatar: {\n flex: '0 0 auto',\n marginRight: 16\n },\n /* Styles applied to the action element. */\n action: {\n flex: '0 0 auto',\n alignSelf: 'flex-start',\n marginTop: -8,\n marginRight: -8\n },\n /* Styles applied to the content wrapper element. */\n content: {\n flex: '1 1 auto'\n },\n /* Styles applied to the title Typography element. */\n title: {},\n /* Styles applied to the subheader Typography element. */\n subheader: {}\n};\nvar CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(props, ref) {\n var action = props.action,\n avatar = props.avatar,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n _props$disableTypogra = props.disableTypography,\n disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,\n subheaderProp = props.subheader,\n subheaderTypographyProps = props.subheaderTypographyProps,\n titleProp = props.title,\n titleTypographyProps = props.titleTypographyProps,\n other = _objectWithoutProperties(props, [\"action\", \"avatar\", \"classes\", \"className\", \"component\", \"disableTypography\", \"subheader\", \"subheaderTypographyProps\", \"title\", \"titleTypographyProps\"]);\n var title = titleProp;\n if (title != null && title.type !== Typography && !disableTypography) {\n title = /*#__PURE__*/React.createElement(Typography, _extends({\n variant: avatar ? 'body2' : 'h5',\n className: classes.title,\n component: \"span\",\n display: \"block\"\n }, titleTypographyProps), title);\n }\n var subheader = subheaderProp;\n if (subheader != null && subheader.type !== Typography && !disableTypography) {\n subheader = /*#__PURE__*/React.createElement(Typography, _extends({\n variant: avatar ? 'body2' : 'body1',\n className: classes.subheader,\n color: \"textSecondary\",\n component: \"span\",\n display: \"block\"\n }, subheaderTypographyProps), subheader);\n }\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other), avatar && /*#__PURE__*/React.createElement(\"div\", {\n className: classes.avatar\n }, avatar), /*#__PURE__*/React.createElement(\"div\", {\n className: classes.content\n }, title, subheader), action && /*#__PURE__*/React.createElement(\"div\", {\n className: classes.action\n }, action));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardHeader'\n})(CardHeader);","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n}), 'RadioButtonUnchecked');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z\"\n}), 'RadioButtonChecked');","import * as React from 'react';\nimport clsx from 'clsx';\nimport RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';\nimport RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';\nimport withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n return {\n root: {\n position: 'relative',\n display: 'flex',\n '&$checked $layer': {\n transform: 'scale(1)',\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.shortest\n })\n }\n },\n layer: {\n left: 0,\n position: 'absolute',\n transform: 'scale(0)',\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeIn,\n duration: theme.transitions.duration.shortest\n })\n },\n checked: {}\n };\n};\n/**\n * @ignore - internal component.\n */\n\nfunction RadioButtonIcon(props) {\n var checked = props.checked,\n classes = props.classes,\n fontSize = props.fontSize;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.root, checked && classes.checked)\n }, /*#__PURE__*/React.createElement(RadioButtonUncheckedIcon, {\n fontSize: fontSize\n }), /*#__PURE__*/React.createElement(RadioButtonCheckedIcon, {\n fontSize: fontSize,\n className: classes.layer\n }));\n}\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'PrivateRadioButtonIcon'\n})(RadioButtonIcon);","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar RadioGroupContext = React.createContext();\nif (process.env.NODE_ENV !== 'production') {\n RadioGroupContext.displayName = 'RadioGroupContext';\n}\nexport default RadioGroupContext;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { refType } from '@material-ui/utils';\nimport SwitchBase from '../internal/SwitchBase';\nimport RadioButtonIcon from './RadioButtonIcon';\nimport { alpha } from '../styles/colorManipulator';\nimport capitalize from '../utils/capitalize';\nimport createChainedFunction from '../utils/createChainedFunction';\nimport withStyles from '../styles/withStyles';\nimport useRadioGroup from '../RadioGroup/useRadioGroup';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n color: theme.palette.text.secondary\n },\n /* Pseudo-class applied to the root element if `checked={true}`. */\n checked: {},\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n '&$checked': {\n color: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.action.disabled\n }\n },\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n '&$checked': {\n color: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.action.disabled\n }\n }\n };\n};\nvar defaultCheckedIcon = /*#__PURE__*/React.createElement(RadioButtonIcon, {\n checked: true\n});\nvar defaultIcon = /*#__PURE__*/React.createElement(RadioButtonIcon, null);\nvar Radio = /*#__PURE__*/React.forwardRef(function Radio(props, ref) {\n var checkedProp = props.checked,\n classes = props.classes,\n _props$color = props.color,\n color = _props$color === void 0 ? 'secondary' : _props$color,\n nameProp = props.name,\n onChangeProp = props.onChange,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n other = _objectWithoutProperties(props, [\"checked\", \"classes\", \"color\", \"name\", \"onChange\", \"size\"]);\n var radioGroup = useRadioGroup();\n var checked = checkedProp;\n var onChange = createChainedFunction(onChangeProp, radioGroup && radioGroup.onChange);\n var name = nameProp;\n if (radioGroup) {\n if (typeof checked === 'undefined') {\n checked = radioGroup.value === props.value;\n }\n if (typeof name === 'undefined') {\n name = radioGroup.name;\n }\n }\n return /*#__PURE__*/React.createElement(SwitchBase, _extends({\n color: color,\n type: \"radio\",\n icon: /*#__PURE__*/React.cloneElement(defaultIcon, {\n fontSize: size === 'small' ? 'small' : 'medium'\n }),\n checkedIcon: /*#__PURE__*/React.cloneElement(defaultCheckedIcon, {\n fontSize: size === 'small' ? 'small' : 'medium'\n }),\n classes: {\n root: clsx(classes.root, classes[\"color\".concat(capitalize(color))]),\n checked: classes.checked,\n disabled: classes.disabled\n },\n name: name,\n checked: checked,\n onChange: onChange,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiRadio'\n})(Radio);","import * as React from 'react';\nimport RadioGroupContext from './RadioGroupContext';\nexport default function useRadioGroup() {\n return React.useContext(RadioGroupContext);\n}","import React, { useEffect, useState, useContext } from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport clsx from \"clsx\"\r\nimport { ghost } from \"@src/utils/ghost\"\r\nimport withStyles from \"@material-ui/core/styles/withStyles\"\r\nimport { useTranslation } from \"react-i18next\"\r\nimport { Grid, Hidden, Box, TextField } from \"@material-ui/core\"\r\nimport { window } from \"browser-monads\"\r\n\r\nimport Text from \"@src/components/Text\"\r\nimport Button from \"@src/components/Button\"\r\nimport Progress from \"@src/components/Progress\"\r\nimport { detectLocale, detectAlpha2Country } from \"@src/utils/country\"\r\n\r\nimport validation from \"@src/utils/validation\"\r\n\r\nimport { GTMEvent } from \"../utils/gtm\"\r\nimport {\r\n GlobalDispatchContext,\r\n GlobalStateContext,\r\n} from \"../context/GlobalContextProvider\"\r\n\r\nexport const styles = theme => ({\r\n subscribeForm: {},\r\n disclamer: {\r\n padding: \"4px 8px 4px 8px\",\r\n borderRadius: 4.3,\r\n border: \"solid 1px #9e78aa\",\r\n maxHeight: 120,\r\n overflowY: \"scroll\",\r\n letterSpacing: -0.17,\r\n textAlign: \"justify\",\r\n color: \"rgba(255, 255, 255, 0.41)\",\r\n \"& a\": {\r\n textDecoration: \"underline\",\r\n borderBottom: \"none\",\r\n width: \"max-content\",\r\n width: \"fit-content\",\r\n fontFamily: \"Spezia\",\r\n fontSize: \"inherit\",\r\n fontWeight: \"inherit\",\r\n color: \"inherit\",\r\n \"&::visited, &::hover, &::link\": {\r\n color: \"inherit\",\r\n textDecoration: \"underline\",\r\n },\r\n },\r\n },\r\n resultWrapper: {\r\n maxWidth: \"650px\",\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n height: 60,\r\n color: \"#fff\",\r\n borderRadius: \"4.3px\",\r\n border: \"solid 1px #9e78aa\",\r\n display: \"table\",\r\n width: \"100%\",\r\n },\r\n result: {\r\n display: \"table-cell\",\r\n verticalAlign: \"middle\",\r\n textAlign: \"center\",\r\n width: \"100%\",\r\n color: \"white\",\r\n },\r\n subscribeButton: {\r\n height: 60,\r\n width: \"100%\",\r\n ...theme.fonts.faces.bodyM,\r\n ...theme.fonts.weights.medium,\r\n },\r\n buttonBelow: {\r\n width: \"fit-content !important\",\r\n margin: theme.spacing(4, 0, 2, 0),\r\n padding: theme.spacing(2),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100% !important\",\r\n },\r\n },\r\n emailField: {\r\n width: \"100%\",\r\n },\r\n input: {\r\n ...theme.fonts.faces.titleL,\r\n \"&::placeholder\": {\r\n color: \"white\",\r\n },\r\n },\r\n outlinedInput: {\r\n color: \"white\",\r\n \"&$focused $notchedOutline\": {\r\n borderColor: `white !important`,\r\n },\r\n \"&$error $notchedOutline\": {\r\n borderColor: `${theme.palette.error.main} !important`,\r\n },\r\n },\r\n focused: {},\r\n notchedOutline: {\r\n borderWidth: \"1px\",\r\n borderColor: \"white !important\",\r\n },\r\n error: {},\r\n})\r\n\r\nconst SubscriptionStatus = {\r\n UNSUBSCRIBED: \"unsubscribed\",\r\n ERROR: \"error\",\r\n SUCCESS: \"success\",\r\n}\r\n\r\nconst subscribe = (email, audience, flags, productCode) => {\r\n return new Promise(resolve => {\r\n var data = {\r\n email: email,\r\n site: `FH${detectAlpha2Country().toUpperCase()}`,\r\n locale: detectLocale(),\r\n apikey: process.env.GATSBY_GPROXY_NEWSLETTER_URL,\r\n subscriptions: {\r\n marketing: true,\r\n ...flags,\r\n },\r\n audience: {\r\n group: audience,\r\n segment: productCode,\r\n },\r\n callback: function callback(result) {\r\n if (result?.errorCode === 0) {\r\n resolve(SubscriptionStatus.SUCCESS)\r\n } else {\r\n resolve(SubscriptionStatus.ERROR)\r\n }\r\n },\r\n }\r\n window.gproxy.subscriptions.upsert(data)\r\n })\r\n}\r\n\r\nconst SubscribeForm = React.forwardRef(function SubscribeForm(props, ref) {\r\n const {\r\n classes,\r\n audience,\r\n flags,\r\n textFieldProps = {\r\n variant: \"outlined\",\r\n },\r\n labels,\r\n onResult = () => {},\r\n buttonBelow = false,\r\n productCode,\r\n onParent,\r\n others,\r\n } = props\r\n\r\n const { newsletter } = useContext(GlobalStateContext)\r\n\r\n const { i18n, t } = useTranslation()\r\n const [status, setStatus] = useState(SubscriptionStatus.UNSUBSCRIBED)\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [email, setEmail] = useState(\"\")\r\n const [emailError, setEmailError] = useState(\"\")\r\n\r\n const _labels = {\r\n ...t(\"prelaunch.subscribe\", { returnObjects: true }),\r\n ...labels,\r\n }\r\n\r\n const validate = value => {\r\n var valid = true\r\n if (validation.validateEmail(value)) {\r\n setEmailError(\"\")\r\n } else {\r\n valid = false\r\n if (value) {\r\n setEmailError(_labels.invalidEmail)\r\n } else {\r\n setEmailError(_labels.requiredField)\r\n }\r\n }\r\n return valid\r\n }\r\n\r\n const updateEmail = e => {\r\n const newEmail = e.target.value\r\n setEmail(newEmail)\r\n validate(newEmail)\r\n setStatus(SubscriptionStatus.UNSUBSCRIBED)\r\n }\r\n\r\n const handleClick = () => {\r\n GTMEvent(others.repo, \"notify me\", \"try\")\r\n\r\n if (validate(email)) {\r\n setIsLoading(true)\r\n subscribe(email, audience, flags, productCode).then(res => {\r\n setStatus(res)\r\n setIsLoading(false)\r\n onResult(res)\r\n onParent(res)\r\n GTMEvent(others.repo, \"notify me\", res === \"success\" ? \"success\" : \"ko\")\r\n })\r\n }\r\n }\r\n\r\n const handleEnterKey = e => {\r\n if ((e.key === \"Enter\" || e.charCode === 13) && !emailError) {\r\n handleClick()\r\n }\r\n }\r\n\r\n const ConfirmButton = (\r\n \r\n {_labels.button}\r\n \r\n )\r\n\r\n return isLoading ? (\r\n \r\n \r\n \r\n {!buttonBelow && (\r\n \r\n \r\n {ConfirmButton}\r\n \r\n \r\n )}\r\n {/* \r\n \r\n {newsletter && newsletter.text}\r\n \r\n */}\r\n {buttonBelow && (\r\n \r\n \r\n \r\n {ConfirmButton}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {ConfirmButton}\r\n \r\n \r\n \r\n )}\r\n {status === SubscriptionStatus.SUCCESS && (\r\n \r\n \r\n {_labels.success}\r\n \r\n \r\n )}\r\n \r\n )\r\n})\r\n\r\nSubscribeForm.propTypes = {\r\n /**\r\n * Override or extend the styles applied to the component.\r\n * See [CSS API](#css) below for more details.\r\n */\r\n classes: PropTypes.object.isRequired,\r\n /**\r\n * @ignore\r\n */\r\n className: PropTypes.string,\r\n /**\r\n * The audience\r\n */\r\n audience: PropTypes.string,\r\n /**\r\n * flags to set\r\n */\r\n flags: PropTypes.object,\r\n\r\n /**\r\n * button under disclamer\r\n */\r\n buttonBelow: PropTypes.bool,\r\n}\r\n\r\nexport default withStyles(styles, { name: \"FHSubscribeForm\" })(SubscribeForm)\r\n","import React, { useState } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport txt from \"@src/utils/txt\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { Drawer, Collapse, Box, RadioGroup, Divider } from \"@material-ui/core\"\r\nimport { Card, CardHeader, CardContent } from \"@material-ui/core\"\r\nimport { Radio, IconButton } from \"@material-ui/core\"\r\nimport { MenuItem } from \"@material-ui/core\"\r\nimport { Chip } from \"@material-ui/core\"\r\nimport Grid from \"@material-ui/core/Grid\"\r\nimport Text from \"./Text\"\r\nimport Select from \"./Select\"\r\nimport Button from \"./Button\"\r\nimport Icon from \"./Icon\"\r\nimport FluidImage from \"./FluidImage\"\r\nimport Stamp from \"./Stamp\"\r\nimport { useTranslation } from \"react-i18next\"\r\nimport SubscribeFormNotify from \"./SubscribeFormNotify\"\r\nimport { detectAlpha2Country } from \"../utils/country\"\r\n\r\nconst drawerWidth = \"50%\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n drawer: {\r\n position: \"absolute\",\r\n zIndex: \"1400\",\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n [theme.breakpoints.down(\"xs\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n drawerPaper: {\r\n width: drawerWidth,\r\n [theme.breakpoints.down(\"xs\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n drawerHeader: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n padding: \"12px 21px\",\r\n borderBottom: \"1px solid #f0f0f0\",\r\n },\r\n drawerContent: {\r\n padding: theme.spacing(0, 3),\r\n height: \"100%\",\r\n overflowY: \"auto\",\r\n },\r\n drawerActions: {\r\n padding: theme.spacing(2, 3),\r\n marginTop: \"auto\",\r\n background: \"white\",\r\n borderTop: `1px solid ${theme.customPalette.greyClear}`,\r\n },\r\n buttonCheckout: {\r\n width: \"100%\",\r\n },\r\n title: {\r\n lineHeight: 1.29,\r\n },\r\n bodyTitle: {\r\n marginTop: 16,\r\n marginBottom: theme.spacing(3),\r\n },\r\n issuesWrapper: {\r\n marginBottom: theme.spacing(4),\r\n marginTop: theme.spacing(3),\r\n },\r\n selectLabel: {\r\n margin: \"16px 0px 32px 0px\",\r\n fontSize: \"14px!important\",\r\n },\r\n select: {\r\n margin: theme.spacing(2, 0, 4, 0),\r\n fontSize: \"14px!important\",\r\n },\r\n plan: {\r\n position: \"relative\",\r\n width: \"100%\",\r\n marginBottom: theme.spacing(3),\r\n border: \"solid 4px #f5f5f5\",\r\n borderRadius: 0,\r\n cursor: \"pointer\",\r\n overflow: \"visible\",\r\n },\r\n planTitle: {\r\n lineHeight: 1.17,\r\n },\r\n planDescription: {\r\n lineHeight: 1.5,\r\n padding: \"16px\",\r\n },\r\n selected: {\r\n borderColor: theme.customPalette.tangerine,\r\n },\r\n specialItemsTitle: {\r\n marginBottom: theme.spacing(2),\r\n lineHeight: 1.5,\r\n },\r\n specialItem: {\r\n height: \"100%\",\r\n maxWidth: 120,\r\n \"& .MuiCardContent-root:last-child\": {\r\n paddingBottom: theme.spacing(1),\r\n },\r\n },\r\n specialItemImage: {\r\n height: 90,\r\n },\r\n specialItemContent: {\r\n padding: theme.spacing(1),\r\n },\r\n slider: {\r\n marginBottom: theme.spacing(1),\r\n },\r\n carouselItem: {\r\n marginBottom: theme.spacing(1),\r\n },\r\n closeButton: {\r\n height: \"fit-content\",\r\n width: \"fit-content\",\r\n },\r\n icon: {\r\n width: 20,\r\n height: 20,\r\n },\r\n chip: {\r\n position: \"absolute\",\r\n top: -2,\r\n left: theme.spacing(3),\r\n transform: \"translate(0,-50%)\",\r\n },\r\n imageWrapper: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: theme.spacing(3),\r\n },\r\n position: \"relative\",\r\n },\r\n planImage: {\r\n margin: \"auto\",\r\n },\r\n stamp: {\r\n left: \"3%\",\r\n bottom: \"4%\",\r\n //maxWidth: 100,\r\n transform: \"translate(0, -50%)\",\r\n \"& > div\": {\r\n //minWidth: 80\r\n },\r\n },\r\n notifyMeImg: {\r\n height: 170,\r\n marginTop: theme.spacing(3),\r\n \"& img\": {\r\n objectFit: \"cover\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n objectPosition: \"center\",\r\n },\r\n },\r\n newsletterSubscription: {},\r\n formWrapper: {\r\n background: theme.customPalette.greyClear,\r\n padding: theme.spacing(5, 6),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n margin: theme.spacing(0, 2),\r\n padding: theme.spacing(5, 2),\r\n },\r\n },\r\n title: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"auto\",\r\n textAlign: \"center\",\r\n },\r\n },\r\n subtitle: {\r\n //fontSize: 24,\r\n marginTop: theme.spacing(2),\r\n //marginTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(3),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n paddingBottom: theme.spacing(6),\r\n },\r\n },\r\n subscribeForm: {\r\n marginTop: theme.spacing(2),\r\n },\r\n disclamer: {\r\n border: `0px solid ${theme.customPalette.primaryGrey05}`,\r\n background: theme.customPalette.primaryGrey05,\r\n color: \"#7d7d7d\",\r\n },\r\n resultWrapper: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n maxWidth: \"100%\",\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n height: 60,\r\n borderRadius: \"4.3px\",\r\n border: \"solid 0px #9e78aa\",\r\n width: \"100%\",\r\n },\r\n result: {\r\n display: \"block\",\r\n verticalAlign: \"middle\",\r\n textAlign: \"center\",\r\n width: \"100%\",\r\n color: \"black\",\r\n },\r\n subscribeButton: {\r\n height: 60,\r\n width: \"100%\",\r\n ...theme.fonts.faces.bodyM,\r\n ...theme.fonts.weights.medium,\r\n },\r\n emailField: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n },\r\n input: {\r\n ...theme.fonts.faces.titleL,\r\n \"&::placeholder\": {\r\n color: \"black\",\r\n },\r\n },\r\n outlinedInput: {\r\n color: \"black\",\r\n height: \"100%\",\r\n \"&$error $notchedOutline\": {\r\n borderColor: `${theme.palette.error.main} !important`,\r\n },\r\n },\r\n focused: {},\r\n notchedOutline: {},\r\n error: {},\r\n successIcon: {\r\n width: 60,\r\n height: 60,\r\n },\r\n containerOfferType: {\r\n width: \"100%\",\r\n border: \"solid 4px #f5f5f5\",\r\n cursor: \"pointer\",\r\n overflow: \"visible\",\r\n position: \"relative\",\r\n borderRadius: \"0\",\r\n marginBottom: \"24px\",\r\n marginTop: \"32px\",\r\n },\r\n containerOfferTypeSelected: {\r\n width: \"100%\",\r\n border: \"solid 4px #f5f5f5\",\r\n cursor: \"pointer\",\r\n overflow: \"visible\",\r\n position: \"relative\",\r\n borderRadius: \"0\",\r\n marginBottom: \"24px\",\r\n borderColor: \"#f29100\",\r\n marginTop: \"24px\",\r\n },\r\n subscriptionType: {\r\n display: \"flex\",\r\n padding: \"16px\",\r\n alignItems: \"center\",\r\n },\r\n issuesBox: {\r\n margin: \"16px 0px 32px 0px\",\r\n fontSize: \"14px!important\",\r\n margin: theme.spacing(2, 0, 4, 0),\r\n fontSize: \"14px!important\",\r\n },\r\n containerReceiveFaster: {\r\n display: \"flex\",\r\n cursor: \"pointer\",\r\n marginTop: \"16px\",\r\n marginBottom: \"16px\",\r\n alignItems: \"center\",\r\n },\r\n iconReceiveFaster: {\r\n marginLeft: \"16px\",\r\n height: \"16px\",\r\n width: \"16px\",\r\n },\r\n rotateIcon: {\r\n transform: \"rotate(-180deg)\",\r\n },\r\n textFK: {\r\n fontSize: \"16px\",\r\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\r\n fontStyle: \"normal\",\r\n color: \"#000000\",\r\n },\r\n}))\r\nconst Plan = ({ plan, selected, onSelect }) => {\r\n const classes = useStyles()\r\n\r\n return (\r\n {\r\n onSelect(plan)\r\n }}\r\n elevation={0}\r\n >\r\n {plan.chip && (\r\n \r\n {plan.title}\r\n \r\n }\r\n />\r\n {plan.description && plan.image && (\r\n \r\n \r\n \r\n \r\n {plan.description && (\r\n \r\n {plan.description}\r\n \r\n )}\r\n \r\n \r\n {plan.image && (\r\n \r\n \r\n {txt.priceUplift(plan.badgeText, 1.4)}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\nconst OfferDrawer = ({\r\n open,\r\n title,\r\n bodyTitle,\r\n issuesSelectLabel,\r\n buttonText,\r\n openPlanConf,\r\n deliveryPlans,\r\n deliveryPlan,\r\n offerTypes,\r\n offerType,\r\n checkSku,\r\n selectedIssue,\r\n onPlanChange,\r\n onIssueChange,\r\n onClose,\r\n onConfirm,\r\n notifyme,\r\n productCode,\r\n offerData,\r\n others,\r\n issues,\r\n issue,\r\n afterOpenModal,\r\n closeModal,\r\n values,\r\n info,\r\n setIssue,\r\n setOpenPlanConf,\r\n addToCart,\r\n currencyConf,\r\n stockFullKit,\r\n stockFullKitMessage,\r\n}) => {\r\n const customStyles = {\r\n content: {\r\n top: \"50%\",\r\n left: \"50%\",\r\n right: \"auto\",\r\n bottom: \"auto\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n backgroundColor: \"rgba(59, 65, 84, .80)\",\r\n transform: \"translate(-50%, -50%)\",\r\n border: \"none\",\r\n transition: \"all .4s ease-out\",\r\n },\r\n overlay: {\r\n zIndex: \"3000\",\r\n },\r\n \".overlay--after-open\": {\r\n backgroundColor: \"red !important\",\r\n },\r\n }\r\n\r\n // -- debug\r\n //console.debug(\"Inside drawer:\")\r\n //console.log(\"deliveryPlans\", deliveryPlans)\r\n //console.log(\"selectedPlanCode\", deliveryPlan)\r\n //console.log('open', open)\r\n //console.debug(\"Inside drawer OTHERS:\")\r\n //console.log(others)\r\n\r\n if (\r\n deliveryPlan &&\r\n typeof offerData?.offerTypes !== \"undefined\" &&\r\n offerData.offerTypes[deliveryPlan][offerType]?.issues &&\r\n Object.keys(offerData.offerTypes[deliveryPlan][offerType]?.issues).length\r\n ) {\r\n console.log(\r\n \"issues...........\",\r\n offerData?.offerTypes[deliveryPlan][offerType].issues\r\n )\r\n }\r\n\r\n const classes = useStyles()\r\n const country = detectAlpha2Country() ? detectAlpha2Country() : \"uk\"\r\n const [status, setStatus] = useState(null)\r\n const [openPlanFK, setOpenPlanFK] = useState(null)\r\n const { t } = useTranslation()\r\n\r\n const handleResult = res => {\r\n if (res === \"success\") {\r\n } else {\r\n }\r\n }\r\n\r\n const onParent = e => {\r\n setStatus(e)\r\n }\r\n\r\n return !notifyme ? (\r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n\r\n \r\n {/* [BEGIN] -- DELIVERY PLANS */}\r\n {deliveryPlans && Object.keys(deliveryPlans).length > 1 && (\r\n \r\n {bodyTitle}\r\n \r\n )}\r\n\r\n {openPlanConf && (\r\n \r\n {deliveryPlans &&\r\n Object.keys(deliveryPlans)\r\n .sort()\r\n .map((plan, index) => {\r\n if (\r\n plan !== \"M12\" &&\r\n plan !== \"RE\" &&\r\n plan !== \"FK\" &&\r\n plan !== \"PL\"\r\n ) {\r\n return (\r\n checkSku(plan)}\r\n >\r\n \r\n \r\n \r\n {deliveryPlans[plan]?.contents?.title}\r\n \r\n \r\n {\r\n checkSku(e.target.value)\r\n }}\r\n >\r\n \r\n \r\n )\r\n }\r\n })}\r\n \r\n )}\r\n {/* [END] -- DELIVERY PLANS */}\r\n\r\n {/* [BEGIN] -- ISSUES */}\r\n {issues && Object.keys(issues).length > 1 && (\r\n \r\n {/* Start subscription to */}\r\n \r\n {issuesSelectLabel}\r\n \r\n setIssue(JSON.parse(select.target.value))}\r\n required\r\n >\r\n {Object.keys(issues).length > 0 &&\r\n Object.keys(issues).map((value, index) => {\r\n return (\r\n \r\n {issues[value]?.contents?.titleConcat}\r\n \r\n )\r\n })}\r\n \r\n \r\n )}\r\n {/* [END] -- ISSUES */}\r\n\r\n {/* [BEGIN] -- OFFER TYPES */}\r\n {offerTypes &&\r\n deliveryPlan &&\r\n Object.keys(offerTypes).length > 1 &&\r\n Object.keys(offerTypes).map((offer, index) => {\r\n if (offer !== \"IN\") {\r\n return (\r\n checkSku(deliveryPlan, offer)}\r\n className={\r\n offer === offerType\r\n ? classes.containerOfferTypeSelected\r\n : classes.containerOfferType\r\n }\r\n key={index}\r\n >\r\n {offerTypes[offer]?.contents?.upTitle && (\r\n \r\n \r\n \r\n \r\n {offerTypes[offer]?.contents?.title}\r\n \r\n \r\n {\r\n checkSku(deliveryPlan, e.target.value)\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {offerTypes[offer]?.contents?.description && (\r\n \r\n {offerTypes[offer]?.contents?.description}\r\n \r\n )}\r\n \r\n \r\n {offerTypes[offer]?.contents?.image && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n })}\r\n {/* [END] -- OFFER TYPES */}\r\n\r\n {/* Delivery options */}\r\n {deliveryPlans &&\r\n Object.keys(deliveryPlans).length > 1 &&\r\n Object.keys(deliveryPlans)\r\n .sort()\r\n .map((plan, index) => {\r\n if (plan === \"M12\" || plan === \"RE\") {\r\n return (\r\n <>\r\n checkSku(plan)}\r\n style={{ marginTop: \"32px\" }}\r\n >\r\n {deliveryPlans[plan]?.contents?.upTitle && (\r\n \r\n \r\n \r\n {deliveryPlans[plan]?.contents?.title}\r\n \r\n \r\n {\r\n checkSku(e.target.value)\r\n }}\r\n >\r\n \r\n \r\n {deliveryPlans[plan]?.contents?.subtitle}\r\n \r\n\r\n \r\n {deliveryPlans[plan]?.contents\r\n ?.priceStrikethrough && (\r\n
\r\n {\r\n deliveryPlans[plan]?.contents\r\n ?.priceStrikethrough\r\n }\r\n \r\n )}\r\n\r\n \r\n \r\n {\r\n deliveryPlans[plan]?.contents\r\n ?.discountPercentage\r\n }\r\n \r\n \r\n {deliveryPlans[plan]?.contents?.price}\r\n \r\n
\r\n setOpenPlanFK(!openPlanFK)}\r\n >\r\n \r\n {t(\"configurator_receive_faster\")}\r\n \r\n \r\n \r\n )}\r\n\r\n {/* Delivery FK */}\r\n {openPlanFK &&\r\n deliveryPlans &&\r\n Object.keys(deliveryPlans).length > 1 &&\r\n Object.keys(deliveryPlans)\r\n .sort()\r\n .map((plan, index) => {\r\n if (plan === \"FK\") {\r\n return (\r\n <>\r\n \r\n stockFullKit !== 0 &&\r\n checkSku(\r\n plan,\r\n Object.keys(deliveryPlans[plan].offerTypes)\r\n )\r\n }\r\n style={{ marginTop: \"32px\" }}\r\n >\r\n {deliveryPlans[plan]?.contents?.upTitle && (\r\n \r\n \r\n \r\n {deliveryPlans[plan]?.contents?.title}\r\n \r\n \r\n {\r\n checkSku(e.target.value)\r\n }}\r\n >\r\n \r\n \r\n {stockFullKitMessage}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n {deliveryPlans[plan]?.contents?.title}\r\n \r\n \r\n \r\n \r\n \r\n {deliveryPlans[plan]?.contents?.subtitle}\r\n \r\n \r\n )}\r\n\r\n \r\n {deliveryPlans[plan]?.contents\r\n ?.priceStrikethrough && (\r\n
\r\n {\r\n deliveryPlans[plan]?.contents\r\n ?.priceStrikethrough\r\n }\r\n \r\n )}\r\n\r\n \r\n \r\n {\r\n deliveryPlans[plan]?.contents\r\n ?.discountPercentage\r\n }\r\n \r\n \r\n {deliveryPlans[plan]?.contents?.price}\r\n \r\n
\r\n \r\n {/* [BEGIN] -- CTA */}\r\n \r\n addToCart(e, currencyConf)}\r\n className={classes.buttonCheckout}\r\n next\r\n >\r\n {buttonText}\r\n \r\n \r\n {/* [END] -- CTA */}\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n {status === \"success\"\r\n ? t(\"notifyme.uptitleConfirm\")\r\n : t(\"notifyme.uptitle\")}\r\n \r\n \r\n
\r\n \r\n \r\n {status === \"success\" ? (\r\n \r\n \r\n \r\n \r\n {t(\"notifyme.confirm\")}\r\n \r\n \r\n ) : (\r\n \r\n \r\n {t(\"notifyme.title\")}\r\n \r\n \r\n {t(\"notifyme.description\", { name: others?.repo?.title })}\r\n \r\n \r\n )}\r\n\r\n {offerData?.assets?.productNotifyMeImage && (\r\n \r\n )}\r\n\r\n {status !== \"success\" && (\r\n \r\n )}\r\n \r\n \r\n {status === \"success\" && (\r\n \r\n {\r\n window.location.href = `/${country}/`\r\n }}\r\n >\r\n {t(\"notifyme.goToHome\")}\r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default OfferDrawer\r\n","import React, { useState, useEffect, useContext, useCallback } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { window } from \"browser-monads\"\r\nimport { snake } from \"@src/snake/core\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { Backdrop } from \"@material-ui/core\"\r\n\r\nimport OfferDrawer from \"../components/OfferDrawer\"\r\nimport Progress from \"../components/Progress\"\r\n\r\nimport { detectAlpha2Country } from \"../utils/country\"\r\nimport {\r\n GlobalDispatchContext,\r\n GlobalStateContext,\r\n} from \"../context/GlobalContextProvider\"\r\n\r\n// import Bugsnag from \"@bugsnag/js\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n backdrop: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n },\r\n}))\r\n\r\nconst goToCheckout = (\r\n currency,\r\n planCode,\r\n issue,\r\n productCode,\r\n productVariant,\r\n checkoutUrl,\r\n state,\r\n repo\r\n) => {\r\n const country = detectAlpha2Country()\r\n\r\n // GTM\r\n if (window.initialDataLayer) {\r\n const { cdevent, product } = window.initialDataLayer\r\n\r\n if (cdevent) {\r\n window.dataLayer.push({\r\n ...cdevent,\r\n offerType: `${planCode}`,\r\n startingIssue: `${issue}`,\r\n })\r\n }\r\n if (product) {\r\n window.dataLayer.push({\r\n event: \"addToCart\",\r\n ecommerce: {\r\n currencyCode: `${currency}`,\r\n add: {\r\n products: [\r\n {\r\n ...product,\r\n variant: `${productVariant}`,\r\n quantity: 1,\r\n },\r\n ],\r\n },\r\n },\r\n })\r\n }\r\n }\r\n\r\n // -- log variables\r\n var configVars = {\r\n country: country,\r\n currency: currency,\r\n planCode: planCode,\r\n issue: issue,\r\n productCode: productCode,\r\n productVariant: productVariant,\r\n checkoutUrl: checkoutUrl,\r\n state: state,\r\n }\r\n\r\n // -- Fix to manage different endpoints for new checkout (countrie based release)\r\n /*\r\n const countriesReleasedRaw = `${process.env.GATSBY_CHECKOUT_COUNTRIES_RELEASED}`\r\n */\r\n\r\n // -- Default one\r\n let checkoutUrlForced = `${process.env.GATSBY_CHECKOUT_BASE_URL}/${country}/subscribe`\r\n\r\n /*\r\n if (countriesReleasedRaw != \"\") {\r\n const countriesReleasedArr = countriesReleasedRaw.split(\"|\")\r\n if (countriesReleasedArr.includes(country)) {\r\n checkoutUrlForced = `${process.env.GATSBY_CHECKOUT_BASE_URL_REWRITE}/${country}/subscribe`\r\n console.debug(\r\n \"[New checkout]: Country \" +\r\n country +\r\n \" is on new checkout -> \" +\r\n checkoutUrlForced\r\n )\r\n }\r\n }\r\n */\r\n\r\n if (!state.cta.force) {\r\n let domainRedirect = !checkoutUrl ? checkoutUrlForced : checkoutUrl\r\n\r\n let queryString = `sku=${productVariant}`\r\n if (checkoutUrl) {\r\n queryString = `product-code=${productCode}`\r\n }\r\n\r\n setTimeout(() => {\r\n console.log(\r\n \"Debug: GoToCheckoutLocationTimeout: noforce\",\r\n `${domainRedirect}?${queryString}`\r\n )\r\n console.log(\"Debug: Config variables\", configVars)\r\n window.gbugs.notify({\r\n message: \"GoToCheckoutLocationTimeout\",\r\n errorDetails: `${domainRedirect}?${queryString}`,\r\n responseText: \"If inside goToCheckout()\",\r\n })\r\n console.warn(\"Debug: 5 seconds trigger expired...\")\r\n }, 5000)\r\n\r\n window.location.href = `${domainRedirect}?${queryString}${\r\n !!parseInt(repo?.checkoutTestCheck || 0)\r\n ? \"&testId=\" + (repo?.checkoutTestId || \"missing\") + \"&testVersion=b\"\r\n : \"\"\r\n }`\r\n } else {\r\n setTimeout(() => {\r\n console.log(\"Debug: GoToCheckoutLocationTimeout: force\", state.cta.force)\r\n console.log(\"Debug: Config variables\", configVars)\r\n window.gbugs.notify({\r\n message: \"GoToCheckoutLocationTimeout\",\r\n errorDetails:\r\n typeof state.cta.force === \"string\"\r\n ? state.cta.force\r\n : JSON.stringify(state.cta.force),\r\n responseText: \"Else inside goToCheckout()\",\r\n })\r\n console.warn(\"Debug: 5 seconds trigger expired...\")\r\n }, 5000)\r\n\r\n window.location.href =\r\n state.cta.force +\r\n (!!parseInt(repo?.checkoutTestCheck || 0)\r\n ? \"&testId=\" + (repo?.checkoutTestId || \"missing\") + \"&testVersion=b\"\r\n : \"\")\r\n }\r\n}\r\n\r\nconst CtaModule = props => {\r\n const classes = useStyles()\r\n const { ...others } = props\r\n\r\n const dispatch = useContext(GlobalDispatchContext)\r\n const state = useContext(GlobalStateContext)\r\n\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [openDrawer, setOpenDrawer] = useState(false)\r\n //const [plans, setPlans] = useState([])\r\n //const [offer, setOffer] = useState()\r\n const [selectedIssue, setSelectedIssue] = useState(\"\")\r\n const [checkoutCode, setCheckoutCode] = useState()\r\n //const [deliveryPlan, setSelectedDeliveryPlan] = useState(\"\")\r\n //const [selectedOfferType, setSelectedOfferType] = useState(\"\")\r\n const [notifyme, setNotifyMe] = useState(false)\r\n const [offerData, setOfferData] = useState([])\r\n\r\n const [dtcOnly, setDtcOnly] = useState(false)\r\n const [showIssueSelector, setShowIssueSelector] = useState(true)\r\n\r\n const [deliveryPlans, setDeliveryPlans] = useState([])\r\n const [offerTypes, setOfferTypes] = useState([])\r\n const [issues, setIssues] = useState(null)\r\n const [issue, setIssue] = useState(null)\r\n const [deliveryPlan, setDeliveryPlan] = useState(\"RE\")\r\n const [offerType, setOfferType] = useState(\"ST\")\r\n const [openPlanConf, setOpenPlanConf] = useState(false)\r\n\r\n const [currencyConf, setCurrencyConf] = useState(\"\")\r\n\r\n // filter cms plans that are non present in the offer api response\r\n const planFilter = (offer, p) =>\r\n offer && offer?.offerTypes && offer?.offerTypes[p.planCode]\r\n\r\n useEffect(() => {\r\n // get data from offer api\r\n if (state.cta.productCode) {\r\n setIsLoading(true)\r\n\r\n snake\r\n .getOfferByCode(\r\n state.cta.productCode,\r\n state?.cta?.productVersion ?? \"00\"\r\n )\r\n .then(resultData => {\r\n setOfferData(resultData)\r\n setIsLoading(false)\r\n\r\n console.debug(\"Entire payload...\")\r\n console.log(resultData)\r\n\r\n if (!resultData?.notify) {\r\n // -- extract starting point (delivery plans)\r\n let response = resultData.deliveryPlans\r\n\r\n // -- set if product is D2C Only or not\r\n setDtcOnly(resultData.dtc)\r\n\r\n // -- set if issue selector needs to be visible\r\n setShowIssueSelector(resultData.showIssueSelector)\r\n\r\n // -- if existing RE -> remove PL\r\n console.log(\"response\", response)\r\n if (response[\"RE\"] && response[\"PL\"]) {\r\n delete response[\"PL\"]\r\n }\r\n\r\n // -- tech replace 12 with M12 -> to manage index as a string\r\n Object.keys(response).forEach(item => {\r\n if (item == \"12\") {\r\n response[\"M12\"] = response[item]\r\n delete response[\"12\"]\r\n }\r\n })\r\n\r\n // -- set list of delivery plans\r\n setDeliveryPlans(response)\r\n\r\n const cmsDefaultDeliveryPlan =\r\n (resultData?.defaultDeliveryPlans || \"RE\") == \"12\"\r\n ? \"M12\"\r\n : resultData?.defaultDeliveryPlans || \"RE\"\r\n\r\n const defaultDeliveryPlan = Object.keys(response).includes(\r\n cmsDefaultDeliveryPlan\r\n )\r\n ? cmsDefaultDeliveryPlan\r\n : Object.keys(response).slice(0, 1)[0]\r\n\r\n setDeliveryPlan(defaultDeliveryPlan)\r\n\r\n const firstDelivery = defaultDeliveryPlan\r\n\r\n const nDeliveryPlans = Object.keys(resultData?.deliveryPlans).length\r\n let nOfferType = Object.keys(\r\n resultData?.deliveryPlans[firstDelivery].offerTypes\r\n ).length\r\n if (\r\n Object.keys(\r\n resultData?.deliveryPlans[firstDelivery].offerTypes\r\n ).indexOf(\"IN\") !== -1\r\n ) {\r\n nOfferType = nOfferType - 1\r\n }\r\n const iss = Object.values(\r\n resultData.deliveryPlans[firstDelivery].offerTypes\r\n )[0].issues\r\n const nIssues = Object.values(iss).length\r\n setCurrencyConf(resultData.currency)\r\n if (nDeliveryPlans === 1 && nOfferType === 1 && nIssues === 1) {\r\n setOpenPlanConf(false)\r\n setOpenDrawer(false)\r\n const currency = resultData.currency\r\n const productCode = resultData.code\r\n const productVariant = iss[1]?.sku || iss[Object.keys(iss)].sku\r\n goToCheckout(\r\n currency,\r\n Object.keys(\r\n resultData?.deliveryPlans[firstDelivery].offerTypes\r\n ),\r\n iss[1],\r\n productCode,\r\n productVariant,\r\n resultData.checkoutUrl,\r\n state,\r\n others?.repo\r\n )\r\n } else {\r\n if (resultData.deliveryPlans[firstDelivery]) {\r\n setOpenPlanConf(true)\r\n setOpenDrawer(true)\r\n setDeliveryPlan(firstDelivery)\r\n\r\n // resultData\r\n if (\r\n resultData.deliveryPlans[firstDelivery].offerTypes[\"ST\"] ||\r\n resultData.deliveryPlans[firstDelivery].offerTypes[\"PR\"]\r\n ) {\r\n let offerConst = \"ST\"\r\n // Choose first premium\r\n\r\n // resultData\r\n if (\r\n resultData.deliveryPlans[firstDelivery].offerTypes[\"PR\"]\r\n ) {\r\n offerConst = \"PR\"\r\n }\r\n\r\n // sort offers by type\r\n setOfferTypes(\r\n // resultData\r\n Object.keys(\r\n resultData.deliveryPlans[firstDelivery].offerTypes\r\n )\r\n .sort()\r\n .reduce((obj, key) => {\r\n // resultData\r\n obj[key] =\r\n resultData.deliveryPlans[firstDelivery].offerTypes[\r\n key\r\n ]\r\n return obj\r\n }, {})\r\n )\r\n setOfferType(offerConst)\r\n if (\r\n // resultData\r\n resultData.deliveryPlans[firstDelivery].offerTypes[\r\n offerConst\r\n ]\r\n ) {\r\n // resultData\r\n const issuesList =\r\n resultData.deliveryPlans[firstDelivery].offerTypes[\r\n offerConst\r\n ].issues\r\n\r\n chooseIssues(\r\n issuesList,\r\n firstDelivery,\r\n resultData.dtc,\r\n resultData.showIssueSelector\r\n )\r\n }\r\n }\r\n }\r\n }\r\n } else {\r\n setNotifyMe(resultData?.notify)\r\n setIsLoading(false)\r\n setOpenDrawer(true)\r\n setOpenPlanConf(true)\r\n }\r\n })\r\n }\r\n }, [state.cta])\r\n\r\n const chooseIssues = useCallback(\r\n (issues, dp, dtc, showIssue) => {\r\n const dpVar = dp ? dp : deliveryPlan\r\n const dtcVar = dtc ? dtc : dtcOnly\r\n const showIssueVar = showIssue ? showIssue : showIssueSelector\r\n\r\n setShowIssueSelector(showIssueVar)\r\n\r\n /* Setting the issue and issues state based on the deliveryPlan and offerType. */\r\n // If DTC is true\r\n if (dtcVar) {\r\n /* If Delivery plan is RE and DTC true, it settings the issue to the first issue in the issues array. */\r\n if (dpVar === \"RE\") {\r\n if (showIssueVar) {\r\n setIssues(issues)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n } else {\r\n setIssues(null)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n }\r\n\r\n /* Else if Delivery plan is PL and DTC true, it settings the issue to the first issue in the issues array. */\r\n } else if (dpVar === \"PL\") {\r\n if (showIssueVar) {\r\n setIssues(issues)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n } else {\r\n setIssues(null)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n }\r\n } else {\r\n if (issues && Object.keys(issues).length <= 1) {\r\n setIssues(null)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n } else {\r\n setIssues(issues)\r\n setIssue(issues[Object.keys(issues)[0]])\r\n }\r\n }\r\n } else {\r\n // If delivery plan is PL and DTC false, it settings the first element of the issues array\r\n if (dpVar === \"PL\") {\r\n setIssues(null)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n } else if (dpVar === \"RE\") {\r\n // If delivery plan is RE: if there's a single date missing from issues array,\r\n // it shows the issues selector and take the first issue\r\n if (\r\n Object.keys(issues).filter((filter, index) => {\r\n return !issues[filter].date\r\n }) &&\r\n Object.keys(issues).filter((filter, index) => {\r\n return !issues[filter]?.date\r\n }).length > 0\r\n ) {\r\n if (issues && Object.keys(issues).length <= 1) {\r\n setIssues(null)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n } else {\r\n setIssues(issues)\r\n setIssue(issues[Object.keys(issues)[0]])\r\n }\r\n } else {\r\n // If all dates are not null, it shows all the issues with the date near the current day today + tomorrow date\r\n let i = null\r\n let newArr = Object.keys(issues)\r\n .map((filter, index) => {\r\n const today = new Date()\r\n const tomorrow = new Date(today)\r\n tomorrow.setDate(tomorrow.getDate() + 1)\r\n const mydatestring = issues[filter]?.date\r\n const oldDate = new Date(mydatestring)\r\n\r\n const difference = tomorrow - oldDate\r\n if (oldDate <= tomorrow) {\r\n i = index\r\n\r\n return issues[filter]\r\n }\r\n })\r\n .filter(filter => filter)\r\n\r\n let data\r\n\r\n if (newArr.length == 0) data = issues\r\n else {\r\n newArr.push(issues[i + 2])\r\n newArr.filter(filter => filter)\r\n data = newArr.filter(function (element) {\r\n return element !== undefined\r\n })\r\n }\r\n\r\n setIssues(data)\r\n setIssue(data[Object.keys(data)[0]])\r\n }\r\n } else {\r\n if (issues && Object.keys(issues).length <= 1) {\r\n setIssues(null)\r\n setIssue(\r\n issues[\r\n issues &&\r\n Object.keys(issues).filter((filter, index) => index === 0)\r\n ]\r\n )\r\n } else {\r\n setIssues(issues)\r\n setIssue(issues[Object.keys(issues)[0]])\r\n }\r\n }\r\n }\r\n },\r\n [deliveryPlan, dtcOnly, issues, showIssueSelector]\r\n )\r\n\r\n const checkSku = (DP, OT) => {\r\n setDeliveryPlan(DP ? DP : deliveryPlan)\r\n setOfferType(OT ? OT : offerType)\r\n // setOffersType(\r\n // deliveryPlans[DP ? DP : deliveryPlan].offerTypes[OT ? OT : offerType]\r\n // );\r\n\r\n if ((DP ? DP : deliveryPlan) && (OT ? OT : offerType)) {\r\n chooseIssues(\r\n deliveryPlans[DP ? DP : deliveryPlan].offerTypes[OT ? OT : offerType]\r\n ?.issues\r\n )\r\n }\r\n }\r\n\r\n /**\r\n * Handle close configurator\r\n */\r\n\r\n const handleClose = () => {\r\n dispatch({ type: \"toggleCta\" })\r\n setOpenDrawer(false)\r\n }\r\n\r\n const addToCart = (e, currencyToConf) => {\r\n e.preventDefault()\r\n let country = detectAlpha2Country()\r\n\r\n let link = `${process.env.GATSBY_CHECKOUT_BASE_URL}/${country}/subscribe?sku=${issue.sku}`\r\n\r\n if (link) {\r\n const info = null\r\n window.location.href =\r\n link +\r\n (!!parseInt(info?.checkout_test_check || 0)\r\n ? \"&testId=\" +\r\n (info?.checkout_test_id || \"missing\") +\r\n \"&testVersion=b\"\r\n : \"\")\r\n }\r\n\r\n if (window.initialDataLayer) {\r\n const { cdevent, product } = window.initialDataLayer\r\n\r\n if (cdevent) {\r\n window.dataLayer.push({\r\n ...cdevent,\r\n offerType: `${planCode}`,\r\n startingIssue: `${issue}`,\r\n })\r\n }\r\n\r\n if (product) {\r\n window.dataLayer.push({\r\n event: \"addToCart\",\r\n ecommerce: {\r\n currencyCode: currencyToConf,\r\n add: {\r\n products: [\r\n {\r\n ...product,\r\n variant: issue.sku,\r\n quantity: 1,\r\n },\r\n ],\r\n },\r\n },\r\n })\r\n }\r\n }\r\n }\r\n\r\n const handleConfirm = () => {\r\n const currency = offer.currency\r\n const issue = selectedIssue || \"1\"\r\n const productCode = offer.code\r\n const productVariant = offer?.offerTypes[deliveryPlan]?.issues[issue]?.sku\r\n\r\n goToCheckout(\r\n currency,\r\n deliveryPlan,\r\n issue,\r\n productCode,\r\n productVariant,\r\n checkoutCode,\r\n state,\r\n others?.repo\r\n )\r\n }\r\n\r\n const handlePlanChange = plan => {\r\n setDeliveryPlan(plan.planCode)\r\n if (!plan?.issues?.map(el => el.number).includes(selectedIssue)) {\r\n setSelectedIssue(plan?.issues[0]?.number)\r\n }\r\n }\r\n\r\n const handleIssueChange = issue => {\r\n setSelectedIssue(issue)\r\n }\r\n\r\n return isLoading ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n {kicker} \r\n {title} \r\n \r\n {text && {text} }\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ColumnContentModule;\r\n","import React, { useState } from \"react\"\nimport { Box, Grid } from \"@material-ui/core\"\nimport CtaButton from \"../components/CtaButton\"\nimport Text from \"../components/Text\"\nimport clsx from \"clsx\"\nimport \"../style/EcommerceMonthlyItemModule.css\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Navigation, Pagination, FreeMode, Thumbs } from \"swiper\"\nimport \"swiper/swiper-bundle.css\"\nimport { GTMEvent } from \"../utils/gtm\"\n\nSwiperCore.use([Navigation, Pagination])\n\nSwiperCore.use([Thumbs])\n\nconst EcommerceMonthlyItemManual = ({\n subTitle,\n price,\n description,\n classes,\n commercialText,\n commercialPrice,\n imageGallery,\n cta,\n repo,\n}) => {\n const [thumbsSwiper, setThumbsSwiper] = useState(null)\n return (\n \n \n \n {subTitle?.field_value}\n \n \n \n 1 ? \"d-block\" : \"d-none\"\n } swiper__core`}\n onSwiper={swiper => {\n setThumbsSwiper(swiper)\n }}\n >\n {imageGallery?.field_value?.map(imgFirstSlider => {\n return (\n \n \n \n )\n })}\n \n 1 ? \"d-block\" : \"d-none\"\n } swiper__thumb`}\n >\n {imageGallery?.field_value.map(imgFirstSlider => {\n return (\n \n \n GTMEvent(repo, \"click_image\", \"slider_image-module\")\n }\n >\n \n )\n })}\n \n \n \n \n \n \n \n \n \n \n {price?.field_value}\n \n\n \n
\n {commercialText?.field_value && (\n \n \n \n {price?.field_value}\n \n
\n \n )}\n \n {cta?.field_value?.product_code && (\n \n \n \n )\n}\n\nexport default EcommerceMonthlyItemManual\n","import React, { useEffect, useState } from \"react\"\nimport { Box, Grid, MenuItem } from \"@material-ui/core\"\nimport CtaButton from \"../components/CtaButton\"\nimport Text from \"../components/Text\"\nimport Select from \"../components/Select\"\nimport clsx from \"clsx\"\nimport \"../style/EcommerceMonthlyItemModule.css\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Navigation, Pagination, FreeMode, Thumbs } from \"swiper\"\nimport \"swiper/swiper-bundle.css\"\nimport { useTranslation } from \"react-i18next\"\nimport { GTMEvent, GTMEventAddToCart } from \"../utils/gtm\"\n\nSwiperCore.use([Navigation, Pagination])\n\nSwiperCore.use([Thumbs])\n\nconst EcommerceMonthlyItemAutomatic = ({ classes, product, repo, cta }) => {\n const [currentSelect, setCurrentSelect] = React.useState(0)\n const [thumbsSwiper, setThumbsSwiper] = useState(null)\n const [figuresItem, setFiguresItem] = React.useState([])\n const [dateFormatted, setDateFormatted] = React.useState(\"\")\n const [isActive, setIsActive] = React.useState(false)\n const sku = product?.field_value[currentSelect]?.figure_ecommerce_code\n const nextPack = currentSelect + 1\n\n const { t } = useTranslation()\n\n useEffect(() => {\n let array = []\n let coverImg = product?.field_value[currentSelect]\n ?.ecommerce_monthly_item_manual_image_override\n ? product.field_value[currentSelect]\n .ecommerce_monthly_item_manual_image_override?.field_value\n : product?.field_value[currentSelect]?.figure_image?.field_value\n array = [coverImg]\n product?.field_value[currentSelect]?.figure_gallery?.field_value?.forEach(\n figure =>\n array.push(figure?.field_value?.figure_gallery_image?.field_value)\n )\n\n setFiguresItem(array)\n\n const dateNextPack =\n product?.field_value[nextPack]?.figure_ecommerce_date?.field_value\n const date = new Date(dateNextPack)\n const options = { day: \"numeric\", month: \"short\" }\n const formattedDate = date.toLocaleDateString(\n repo?.seo?.siteLanguage,\n options\n )\n setDateFormatted(formattedDate)\n\n const isEcommerceItemActive = activationDate => {\n const inputDate = new Date(activationDate)\n const today = new Date()\n return inputDate.getTime() < today.getTime()\n }\n\n const activationDate =\n product?.field_value[currentSelect]?.figure_ecommerce_date?.field_value\n setIsActive(isEcommerceItemActive(activationDate))\n }, [])\n\n const handleProduct = index => {\n let array = []\n let coverImg = product?.field_value[index]\n ?.ecommerce_monthly_item_manual_image_override\n ? product.field_value[index].ecommerce_monthly_item_manual_image_override\n ?.field_value\n : product?.field_value[index]?.figure_image?.field_value\n array = [coverImg]\n product?.field_value[index]?.figure_gallery?.field_value?.forEach(figure =>\n array.push(figure?.field_value?.figure_gallery_image?.field_value)\n )\n\n setFiguresItem(array)\n\n const dateNextPack =\n product?.field_value[index + 1]?.figure_ecommerce_date?.field_value\n const date = new Date(dateNextPack)\n const options = { day: \"numeric\", month: \"short\" }\n const formattedDate = date.toLocaleDateString(\n repo.seo.siteLanguage,\n options\n )\n setDateFormatted(formattedDate)\n }\n\n return (\n <>\n {process.env.NODE_ENV === \"development\" &&\n product?.field_value[currentSelect]?.figure_ecommerce_date\n ?.field_value && (\n \n {\n setCurrentSelect(select?.target?.value),\n handleProduct(select?.target?.value)\n }}\n >\n {product.field_value.map((item, index) => {\n return (\n \n {item?.figure_ecommerce_title?.field_value +\n \" - \" +\n item?.figure_ecommerce_date?.field_value}\n \n )\n })}\n \n \n )}\n \n \n \n {\n product?.field_value[currentSelect]?.figure_ecommerce_title_html\n ?.field_value\n }\n \n \n \n 1 ? \"d-block\" : \"d-none\"\n } swiper__core`}\n onSwiper={swiper => {\n setThumbsSwiper(swiper)\n }}\n >\n {figuresItem?.map(imgFirstSlider => {\n return (\n \n \n \n )\n })}\n \n 1 ? \"d-block\" : \"d-none\"\n } swiper__thumb`}\n >\n {figuresItem.map(imgFirstSlider => {\n return (\n \n \n GTMEvent(repo, \"click_image\", \"slider_image-module\")\n }\n >\n \n )\n })}\n \n \n \n \n \n \n \n \n \n \n {\n product?.field_value[currentSelect]?.figure_ecommerce_price\n ?.field_value\n }\n \n\n \n
\n {product?.field_value[currentSelect]?.commercial_message_text\n ?.field_value && (\n \n \n \n {\n product?.field_value[currentSelect]?.figure_ecommerce_price\n ?.field_value\n }\n \n
\n \n )}\n \n \n {isActive ? (\n \n {\n GTMEvent(repo, \"starship_ofthemonth_module\", \"buy_now\")\n GTMEventAddToCart(\n repo ?? \"\",\n sku ?? \"\",\n product?.field_value[currentSelect]\n ?.figure_ecommerce_price || \"\",\n product?.field_value[currentSelect]?.currency_code || \"\"\n )\n }}\n >\n {\n product?.field_value[currentSelect]?.figure_cta_addtocart\n ?.field_value\n }\n \n \n ) : (\n \n {\n product?.field_value[currentSelect]?.figure_cta_addtocart\n ?.field_value\n }\n \n )}\n
\n {cta?.field_value?.product_code && (\n \n {product?.field_value[nextPack]?.figure_ecommerce_title\n ?.field_value && (\n \n \n {t(\"ecommerce.comingNextMonth\")} \n \n {\n product?.field_value[nextPack]?.figure_ecommerce_title_html\n ?.field_value\n }\n \n \n {t(\"ecommerce.labelAvailableDate\") + dateFormatted}\n \n \n \n \n )}\n \n \n \n )\n}\n\nexport default EcommerceMonthlyItemAutomatic\n","import React from \"react\"\nimport EcommerceMonthlyItemManual from \"../components/EcommerceMonthlyItemManual\"\nimport Module from \"../components/Module\"\nimport { Container } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\nimport Text from \"../components/Text\"\nimport EcommerceMonthlyItemAutomatic from \"../components/EcommerceMonthlyItemAutomatic\"\n\nconst useStyles = makeStyles(theme => ({\n subtitle: {\n marginTop: theme.spacing(2),\n color: \"#662482\",\n },\n subtitleNext: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n colorAvailable: {\n color: \"#662482\",\n },\n imageSlider: {\n height: \"300px\",\n },\n infoBlock: {\n display: \"flex\",\n alignItems: \"center\",\n marginTop: theme.spacing(4),\n gap: \"50px\",\n },\n infoImage: {\n width: \"100px\",\n height: \"100px\",\n backgroundColor: \"#ccc\",\n },\n infoText: {\n ...theme.fonts.faces.bodyLhM,\n color: \"white\",\n \"& span\": {\n lineHeight: \"1.25 !important\",\n },\n },\n bulletIcon: {\n width: 24,\n height: 24,\n },\n price: {\n marginBottom: \"24px\",\n marginTop: \"24px\",\n fontSize: \"1.5rem !important\",\n },\n boxOffer: {\n marginTop: theme.spacing(3),\n marginBottom: theme.spacing(3),\n backgroundColor: \"#F0F0F0\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingRight: theme.spacing(3),\n paddingLeft: theme.spacing(3),\n borderRadius: \"2px\",\n marginLeft: \"16px\",\n marginRight: \"16px\",\n gap: \"8px\",\n lineHeight: \"normal\",\n [theme.breakpoints.up(\"sm\")]: {\n width: \"100%\",\n marginLeft: 0,\n marginRight: 0,\n },\n },\n buttonDisabled: {\n border: \"1px solid #a1a1a1\",\n backgroundColor: \"#d6d6d6\",\n color: \"#a1a1a1\",\n pointerEvents: \"none\",\n backgroundImage: \"none\",\n cursor: \"not-allowed\",\n },\n iconNext: {\n width: \"204px\",\n padding: theme.spacing(1),\n },\n containerButton: {\n display: \"flex\",\n justifyContent: \"space-between\",\n gap: \"8px\",\n },\n w50: {\n width: \"50%\",\n },\n w100: {\n width: \"100%\",\n },\n backgroundContentImg: {\n backgroundColor: \"#d9d9d9\",\n marginLeft: \"auto\",\n },\n textRight: {\n textAlign: \"right\",\n },\n priceStrikethrough: {\n fontSize: \"13px !important\",\n fontWeight: \"400\",\n textDecoration: \"line-through\",\n lineHeight: \"15.2px !important\",\n margin: \"0px !important\",\n },\n offerPrice: {\n fontSize: \"17px !important\",\n fontWeight: \"800\",\n lineHeight: \"15.2px !important\",\n color: \"#000000\",\n margin: \"0px !important\",\n },\n commercialMessage: {\n fontSize: \"18px !important\",\n fontWeight: \"400\",\n lineHeight: \"15.2px !important\",\n [theme.breakpoints.down(\"md\")]: {\n marginBottom: \"15px !important\",\n lineHeight: \"24px !important\",\n },\n },\n containerOfferPrice: {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n flexDirection: \"column\",\n [theme.breakpoints.up(\"sm\")]: {\n flexDirection: \"row\",\n },\n },\n}))\n\nconst EcommerceMonthlyItemModule = props => {\n const {\n title,\n product,\n repo,\n cta,\n sub_title,\n price,\n how_it_works,\n description,\n commercial_manual_message_text,\n commercial_manual_promo_price,\n item,\n } = props\n\n const classes = useStyles()\n const isManual = how_it_works?.field_value === \"manual\" ? true : false\n\n return (\n \n \n \n \n {title?.field_value}\n \n {isManual ? (\n \n ) : (\n \n \n \n )\n}\n\nexport default EcommerceMonthlyItemModule\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _players = _interopRequireDefault(require(\"./players\"));\nvar _ReactPlayer = require(\"./ReactPlayer\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\n// Fall back to FilePlayer if nothing else can play the URL\nvar fallback = _players[\"default\"][_players[\"default\"].length - 1];\nvar _default = (0, _ReactPlayer.createReactPlayer)(_players[\"default\"], fallback);\nexports[\"default\"] = _default;","\"use strict\";\n\nrequire(\"core-js/modules/es.array.sort.js\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _innerSlider = require(\"./inner-slider\");\nvar _json2mq = _interopRequireDefault(require(\"json2mq\"));\nvar _defaultProps = _interopRequireDefault(require(\"./default-props\"));\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar enquire = (0, _innerSliderUtils.canUseDOM)() && require(\"enquire.js\");\nvar Slider = /*#__PURE__*/function (_React$Component) {\n _inherits(Slider, _React$Component);\n var _super = _createSuper(Slider);\n function Slider(props) {\n var _this;\n _classCallCheck(this, Slider);\n _this = _super.call(this, props);\n _defineProperty(_assertThisInitialized(_this), \"innerSliderRefHandler\", function (ref) {\n return _this.innerSlider = ref;\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n return _this.innerSlider.slickPrev();\n });\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n return _this.innerSlider.slickNext();\n });\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n return _this.innerSlider.slickGoTo(slide, dontAnimate);\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPause\", function () {\n return _this.innerSlider.pause(\"paused\");\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPlay\", function () {\n return _this.innerSlider.autoPlay(\"play\");\n });\n _this.state = {\n breakpoint: null\n };\n _this._responsiveMediaHandlers = [];\n return _this;\n }\n _createClass(Slider, [{\n key: \"media\",\n value: function media(query, handler) {\n // javascript handler for css media query\n enquire.register(query, handler);\n this._responsiveMediaHandlers.push({\n query: query,\n handler: handler\n });\n } // handles responsive breakpoints\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n // performance monitoring\n //if (process.env.NODE_ENV !== 'production') {\n //const { whyDidYouUpdate } = require('why-did-you-update')\n //whyDidYouUpdate(React)\n //}\n if (this.props.responsive) {\n var breakpoints = this.props.responsive.map(function (breakpt) {\n return breakpt.breakpoint;\n }); // sort them in increasing order of their numerical value\n\n breakpoints.sort(function (x, y) {\n return x - y;\n });\n breakpoints.forEach(function (breakpoint, index) {\n // media query for each breakpoint\n var bQuery;\n if (index === 0) {\n bQuery = (0, _json2mq[\"default\"])({\n minWidth: 0,\n maxWidth: breakpoint\n });\n } else {\n bQuery = (0, _json2mq[\"default\"])({\n minWidth: breakpoints[index - 1] + 1,\n maxWidth: breakpoint\n });\n } // when not using server side rendering\n\n (0, _innerSliderUtils.canUseDOM)() && _this2.media(bQuery, function () {\n _this2.setState({\n breakpoint: breakpoint\n });\n });\n }); // Register media query for full screen. Need to support resize from small to large\n // convert javascript object to media query string\n\n var query = (0, _json2mq[\"default\"])({\n minWidth: breakpoints.slice(-1)[0]\n });\n (0, _innerSliderUtils.canUseDOM)() && this.media(query, function () {\n _this2.setState({\n breakpoint: null\n });\n });\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this._responsiveMediaHandlers.forEach(function (obj) {\n enquire.unregister(obj.query, obj.handler);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n var settings;\n var newProps;\n if (this.state.breakpoint) {\n newProps = this.props.responsive.filter(function (resp) {\n return resp.breakpoint === _this3.state.breakpoint;\n });\n settings = newProps[0].settings === \"unslick\" ? \"unslick\" : _objectSpread(_objectSpread(_objectSpread({}, _defaultProps[\"default\"]), this.props), newProps[0].settings);\n } else {\n settings = _objectSpread(_objectSpread({}, _defaultProps[\"default\"]), this.props);\n } // force scrolling by one if centerMode is on\n\n if (settings.centerMode) {\n if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToScroll should be equal to 1 in centerMode, you are using \".concat(settings.slidesToScroll));\n }\n settings.slidesToScroll = 1;\n } // force showing one slide and scrolling by one if the fade mode is on\n\n if (settings.fade) {\n if (settings.slidesToShow > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToShow should be equal to 1 when fade is true, you're using \".concat(settings.slidesToShow));\n }\n if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToScroll should be equal to 1 when fade is true, you're using \".concat(settings.slidesToScroll));\n }\n settings.slidesToShow = 1;\n settings.slidesToScroll = 1;\n } // makes sure that children is an array, even when there is only 1 child\n\n var children = _react[\"default\"].Children.toArray(this.props.children); // Children may contain false or null, so we should filter them\n // children may also contain string filled with spaces (in certain cases where we use jsx strings)\n\n children = children.filter(function (child) {\n if (typeof child === \"string\") {\n return !!child.trim();\n }\n return !!child;\n }); // rows and slidesPerRow logic is handled here\n\n if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) {\n console.warn(\"variableWidth is not supported in case of rows > 1 or slidesPerRow > 1\");\n settings.variableWidth = false;\n }\n var newChildren = [];\n var currentWidth = null;\n for (var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) {\n var newSlide = [];\n for (var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) {\n var row = [];\n for (var k = j; k < j + settings.slidesPerRow; k += 1) {\n if (settings.variableWidth && children[k].props.style) {\n currentWidth = children[k].props.style.width;\n }\n if (k >= children.length) break;\n row.push( /*#__PURE__*/_react[\"default\"].cloneElement(children[k], {\n key: 100 * i + 10 * j + k,\n tabIndex: -1,\n style: {\n width: \"\".concat(100 / settings.slidesPerRow, \"%\"),\n display: \"inline-block\"\n }\n }));\n }\n newSlide.push( /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: 10 * i + j\n }, row));\n }\n if (settings.variableWidth) {\n newChildren.push( /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: i,\n style: {\n width: currentWidth\n }\n }, newSlide));\n } else {\n newChildren.push( /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: i\n }, newSlide));\n }\n }\n if (settings === \"unslick\") {\n var className = \"regular slider \" + (this.props.className || \"\");\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n className: className\n }, children);\n } else if (newChildren.length <= settings.slidesToShow) {\n settings.unslick = true;\n }\n return /*#__PURE__*/_react[\"default\"].createElement(_innerSlider.InnerSlider, _extends({\n style: this.props.style,\n ref: this.innerSliderRefHandler\n }, settings), newChildren);\n }\n }]);\n return Slider;\n}(_react[\"default\"].Component);\nexports[\"default\"] = Slider;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function get() {\n return _utils.createSvgIcon;\n }\n});\nvar _utils = require(\"@material-ui/core/utils\");","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\n}), 'Person');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport Person from '../internal/svg-icons/Person';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n width: 40,\n height: 40,\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.pxToRem(20),\n lineHeight: 1,\n borderRadius: '50%',\n overflow: 'hidden',\n userSelect: 'none'\n },\n /* Styles applied to the root element if not `src` or `srcSet`. */\n colorDefault: {\n color: theme.palette.background.default,\n backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]\n },\n /* Styles applied to the root element if `variant=\"circle\"`. */\n circle: {},\n /* Styles applied to the root element if `variant=\"circular\"`. */\n circular: {},\n /* Styles applied to the root element if `variant=\"rounded\"`. */\n rounded: {\n borderRadius: theme.shape.borderRadius\n },\n /* Styles applied to the root element if `variant=\"square\"`. */\n square: {\n borderRadius: 0\n },\n /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n img: {\n width: '100%',\n height: '100%',\n textAlign: 'center',\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: 'cover',\n // Hide alt text.\n color: 'transparent',\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000\n },\n /* Styles applied to the fallback icon */\n fallback: {\n width: '75%',\n height: '75%'\n }\n };\n};\nfunction useLoaded(_ref) {\n var src = _ref.src,\n srcSet = _ref.srcSet;\n var _React$useState = React.useState(false),\n loaded = _React$useState[0],\n setLoaded = _React$useState[1];\n React.useEffect(function () {\n if (!src && !srcSet) {\n return undefined;\n }\n setLoaded(false);\n var active = true;\n var image = new Image();\n image.src = src;\n image.srcSet = srcSet;\n image.onload = function () {\n if (!active) {\n return;\n }\n setLoaded('loaded');\n };\n image.onerror = function () {\n if (!active) {\n return;\n }\n setLoaded('error');\n };\n return function () {\n active = false;\n };\n }, [src, srcSet]);\n return loaded;\n}\nvar Avatar = /*#__PURE__*/React.forwardRef(function Avatar(props, ref) {\n var alt = props.alt,\n childrenProp = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n imgProps = props.imgProps,\n sizes = props.sizes,\n src = props.src,\n srcSet = props.srcSet,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'circular' : _props$variant,\n other = _objectWithoutProperties(props, [\"alt\", \"children\", \"classes\", \"className\", \"component\", \"imgProps\", \"sizes\", \"src\", \"srcSet\", \"variant\"]);\n var children = null; // Use a hook instead of onError on the img element to support server-side rendering.\n\n var loaded = useLoaded({\n src: src,\n srcSet: srcSet\n });\n var hasImg = src || srcSet;\n var hasImgNotFailing = hasImg && loaded !== 'error';\n if (hasImgNotFailing) {\n children = /*#__PURE__*/React.createElement(\"img\", _extends({\n alt: alt,\n src: src,\n srcSet: srcSet,\n sizes: sizes,\n className: classes.img\n }, imgProps));\n } else if (childrenProp != null) {\n children = childrenProp;\n } else if (hasImg && alt) {\n children = alt[0];\n } else {\n children = /*#__PURE__*/React.createElement(Person, {\n className: classes.fallback\n });\n }\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, classes.system, classes[variant], className, !hasImgNotFailing && classes.colorDefault),\n ref: ref\n }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiAvatar'\n})(Avatar);","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Box, Paper, Avatar, Grid } from \"@material-ui/core\"\n\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport Slider from \"../components/Slider\"\nimport Video from \"../components/Video\"\n\nconst useStyles = makeStyles(theme => ({\n influencer: {\n overflow: \"hidden\",\n textAlign: \"center\",\n [theme.breakpoints.down(\"md\")]: {\n padding: theme.spacing(8, 1, 1, 1),\n },\n },\n preTitle: {\n fontSize: 12,\n },\n title: {\n paddingBottom: theme.spacing(1),\n },\n slider: {\n \"& .slick-list\": {\n overflow: \"visible\",\n height: \"100% !important\",\n maxWidth: 375,\n [\"@media (min-device-width: 400px) and (max-device-width: 425px)\"]: {\n maxWidth: 425,\n },\n [theme.breakpoints.up(\"md\")]: {\n maxWidth: 800,\n },\n },\n \"& .slick-track\": {\n alignItems: \"flex-end\",\n },\n },\n sliderXAuto: {\n \"& .slick-list\": {\n overflow: \"visible\",\n maxWidth: 375,\n margin: \"0 auto\",\n [\"@media (min-device-width: 400px) and (max-device-width: 425px)\"]: {\n maxWidth: 425,\n },\n [theme.breakpoints.up(\"md\")]: {\n maxWidth: 800,\n },\n },\n \"& .cardContainer\": {\n paddingRight: 0,\n },\n },\n\n sliderItem: {\n marginBottom: theme.spacing(1),\n },\n cardContainerNoPaddingRight: {\n position: \"relative\",\n padding: theme.spacing(2),\n paddingRight: theme.spacing(2),\n paddingLeft: 0,\n textAlign: \"left\",\n height: \"100%\",\n [theme.breakpoints.up(\"md\")]: {\n paddingRight: theme.spacing(1),\n },\n },\n cardContainer: {\n position: \"relative\",\n padding: theme.spacing(2),\n paddingRight: theme.spacing(2),\n paddingLeft: 0,\n textAlign: \"left\",\n height: \"100%\",\n [theme.breakpoints.up(\"md\")]: {\n paddingRight: theme.spacing(1),\n },\n },\n card: {\n display: \"flex\",\n height: \"100%\",\n padding: theme.spacing(4),\n paddingLeft: 0,\n paddingRight: 0,\n borderBottom: `4px solid ${theme.customPalette.darkishPurple}`,\n borderRadius: 0,\n background: \"transparent\",\n position: \"relative\",\n fontFamily: \"Spezia\",\n [theme.breakpoints.down(\"md\")]: {\n padding: theme.spacing(2),\n },\n },\n cardBackground: {\n background: theme.customPalette.greyClear,\n position: \"absolute\",\n width: \"100%\",\n height: `calc(100% - 60px)`,\n bottom: 0,\n left: 0,\n zIndex: -100,\n [theme.breakpoints.up(\"md\")]: {\n height: `calc(100% - 56px)`,\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: `calc(100% - 80px)`,\n },\n },\n cardContent: {\n paddingRight: theme.spacing(4),\n wordBreak: \"break-word\",\n [theme.breakpoints.down(\"md\")]: {\n paddingRight: theme.spacing(0),\n display: \"inline-flex\",\n alignItems: \"flex-start\",\n flexDirection: \"column\",\n },\n },\n picture: {\n height: \"96px\",\n width: \"96px\",\n marginBottom: theme.spacing(2),\n [theme.breakpoints.down(\"md\")]: {\n marginRight: theme.spacing(2),\n },\n },\n cardVideo: {\n position: \"relative\",\n backgroundColor: \"#EDEDED\",\n display: \"flex\",\n alignItems: \"flex-end\",\n [theme.breakpoints.down(\"md\")]: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n minHeight: theme.spacing(18),\n },\n },\n video: {\n width: \"100%\",\n height: \"100%\",\n },\n header: {\n [theme.breakpoints.down(\"md\")]: {\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n },\n name: {\n fontFamily: \"SpeziaExtended\",\n fontSize: \"22px !important\",\n [theme.breakpoints.up(\"md\")]: {\n fontSize: \"24px !important\",\n },\n },\n subtitle: {},\n cardSubtitle: {\n fontSize: \"16px !important\",\n fontFamily: \"SpeziaExtended\",\n marginTop: theme.spacing(1),\n marginBottom: \"0\",\n [theme.breakpoints.up(\"md\")]: {\n marginBottom: \"14px\",\n },\n },\n description: {\n fontSize: \"16px !important\",\n fontWeight: \"normal\",\n [theme.breakpoints.down(\"md\")]: {\n textAlign: \"justify\",\n textJustify: \"inter-word\",\n },\n },\n textContainer: {\n paddingLeft: theme.spacing(0),\n paddingRight: theme.spacing(0),\n [theme.breakpoints.up(\"md\")]: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n },\n },\n}))\n\nconst InfluencerBox = ({\n firstName,\n lastName,\n subtitle,\n description,\n video,\n picture,\n tracking,\n lenght,\n}) => {\n const classes = useStyles()\n\n return (\n 1 ? classes.cardContainer : classes.cardContainerNoPaddingRight\n }\n >\n \n \n \n \n \n \n \n {firstName}\n \n \n {lastName}\n \n \n {subtitle}\n \n \n \n {description} \n \n \n \n \n \n \n \n )\n}\n\nconst InfluencerModule = props => {\n const { title, subtitle, items, repo } = props\n const classes = useStyles()\n\n const sliderSettings = {\n tracking: repo,\n dots: false,\n infinite: false,\n arrows: true,\n speed: 500,\n adaptiveHeight: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n\n className: items.length > 1 ? classes.slider : classes.sliderXAuto,\n arrowBorder: \"3px\",\n centerPadding: 0,\n centerMode: true,\n responsive: [\n {\n breakpoint: 425,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 375,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 320,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n }\n\n return (\n \n \n {title}\n \n \n {subtitle}\n \n\n \n \n {(items || []).map((item, index) => (\n \n \n \n )\n}\n\nInfluencerModule.defaultProps = {\n title: \"\",\n subtitle: \"\",\n items: [],\n}\n\nexport default InfluencerModule\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNTkgNi43NDJsLS4wNTQuMDUtNC4yNzggNC4yOC0uMDY2LjA4Mi0uMDQ3LjA3LS4wMzguMDY4LS4wNDIuMDk2LS4wMjMuMDY3LS4wMTguMDcxLS4wMTQuMDc3LS4wMDcuMDU5LS4wMDMuMDg2LjAwOC4xMTguMDE1LjA5LjAxMy4wNTJjLjAxNi4wNi4wMzkuMTIuMDY3LjE3N2wuMDQxLjA3Ni4wNDYuMDY4LjA1Mi4wNjYuMDUuMDU1IDQuMjQ0IDQuMjQyYy4zOS4zOSAxLjAyMy4zOSAxLjQxNCAwIC4zNzMtLjM3Mi4zOS0uOTY2LjA1LTEuMzZsLS4wNS0uMDU0LTIuNTM2LTIuNTM2aDE1LjE5M2MuNTUyIDAgMS0uNDQ3IDEtMSAwLS41MjMtLjQwMi0uOTUyLS45MTQtLjk5NmwtLjA4Ni0uMDAzSDUuNDE1TDcuOTUgOC4yMDZjLjM5LS4zOS4zOS0xLjAyNCAwLTEuNDE0LS4zNzMtLjM3My0uOTY3LS4zOS0xLjM2LS4wNXoiLz4KPC9zdmc+Cg==\"","/**\n * lodash (Custom Build) \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function now() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' || isObjectLike(value) && objectToString.call(value) == symbolTag;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? other + '' : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\nmodule.exports = debounce;","import React, { useRef } from \"react\"\nimport clsx from \"clsx\"\nimport { Container, Box, useMediaQuery } from \"@material-ui/core\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\nimport Module from \"../components/Module\"\nimport Video from \"../components/Video\"\nimport Parallax from \"../components/Parallax\"\nimport PlayButton from \"../components/PlayButton\"\nconst parallaxHeight = 642\nconst useStyles = makeStyles(theme => ({\n heroBannerContainer: {\n position: \"relative\",\n height: \"90vh\",\n display: \"flex\",\n alignItems: \"center\",\n backgroundColor: theme.palette.grey[200],\n [theme.breakpoints.down(\"sm\")]: {\n height: 694,\n },\n },\n parallax: {\n position: \"absolute\",\n [theme.breakpoints.down(\"sm\")]: {\n height: \"100vh\", // FIX ** full extension for mobile\n },\n },\n contentContainer: {\n display: \"flex\",\n width: \"100%\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n padding: theme.spacing(0, 30, 0, 30),\n textAlign: \"center\",\n zIndex: 1,\n [theme.breakpoints.down(\"sm\")]: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n marginTop: -80,\n },\n },\n title: {\n marginBottom: theme.spacing(4),\n [theme.breakpoints.down(\"sm\")]: {\n ...theme.fonts.faces.specialTitleXL,\n },\n },\n subtitle: {\n [theme.breakpoints.down(\"sm\")]: {},\n },\n video: {\n width: \"100%\",\n height: \"100%\",\n },\n videoWrapper: {\n position: \"absolute\",\n top: 0,\n right: 0,\n width: \"100%\",\n height: \"100%\",\n },\n playButton: {\n marginTop: theme.spacing(3),\n },\n smallHeroBanner: {\n position: \"fixed\",\n top: -120,\n left: 0,\n width: \"100%\",\n zIndex: theme.zIndex.modal,\n backgroundColor: \"#fff\",\n transition: \"top 500ms\",\n },\n smallHeroBannerShowed: {\n top: 0,\n },\n heroBannerPromoTwo: {\n width: \"80%\",\n position: \"relative\",\n background: \"#fff\",\n boxShadow:\n \"rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px\",\n margin: \"auto\",\n marginTop: `-${theme.spacing(3)}px`,\n padding: theme.spacing(3),\n [theme.breakpoints.down(\"sm\")]: {\n textAlign: \"center\",\n },\n },\n heroBannerPromoTwoPicture: {\n width: \"100%\",\n height: \"auto\",\n marginTop: `-${theme.spacing(8)}px`,\n },\n heroBannerPromoTwoExpiration: {\n [theme.breakpoints.up(\"sm\")]: {\n position: \"absolute\",\n right: theme.spacing(3),\n },\n },\n}))\n\nconst HeroBannerVideoModule = ({ title, subtitle, video, ...others }) => {\n const classes = useStyles()\n const videoRef = useRef(null)\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n\n const handleClick = () => {\n videoRef.current.play()\n }\n\n return (\n \n \n \n
\n \n \n {title}\n \n \n {subtitle}\n \n {video?.url && (\n \n )}\n \n \n
\n \n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n subtitle: \"\",\n}\n\nHeroBannerVideoModule.defaultProps = defaultProps\n\nexport default HeroBannerVideoModule\n","import React from \"react\"\r\nimport Text from \"../components/Text\"\r\nimport Icon from \"../components/Icon\"\r\n//import \"../style/HeroBannerTwoLayerFormModule.css\"\r\nimport CtaButton from \"../components/CtaButton\"\r\nimport { Chip } from \"@material-ui/core\"\r\nconst HeroBannerTwoLayerFormModule = props => {\r\n /* const [sliderIndex, setSliderIndex] = React.useState(0)\r\n const dotsContainer = React.useRef(null)\r\n\r\n const { slides, cta, tracking } = props\r\n\r\n return (\r\n \r\n )*/\r\n}\r\n\r\nexport default HeroBannerTwoLayerFormModule\r\n","import * as React from 'react';\n/**\n * @ignore - internal component.\n * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}\n */\n\nvar AccordionContext = React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n AccordionContext.displayName = 'AccordionContext';\n}\nexport default AccordionContext;","import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { window } from 'browser-monads';\n\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Hidden from '@material-ui/core/Hidden';\n\nimport Module from '../components/Module';\nimport FluidImage from '../components/FluidImage';\nimport Text from '../components/Text';\n\nconst useStyles = makeStyles((theme) => ({\n moreProduct: {\n backgroundColor: theme.customPalette.greyClear,\n padding: theme.spacing(10, 0),\n },\n productsGrid: {\n },\n title: {\n marginBottom: theme.spacing(8),\n [theme.breakpoints.down('sm')]: {\n marginBottom: theme.spacing(2),\n },\n },\n productsItem: {\n display: 'flex',\n justifyContent: 'center',\n },\n product: {\n display: 'flex',\n position: 'relative',\n justifyContent: 'flex-start',\n alignItems: 'flex-end',\n cursor: 'pointer',\n height: 340,\n width: \"100%\",\n maxWidth: 692,\n padding: theme.spacing(3),\n backgroundPosition: \"center center\",\n backgroundRepeat: \"no-repeat\",\n backgroundSize: \"cover\",\n [theme.breakpoints.down('sm')]: {\n height: 400,\n justifyContent: 'space-between',\n alignItems: 'center',\n flexDirection: 'column',\n },\n },\n productImage: {\n display: 'flex',\n position: 'absolute',\n right: 0,\n bottom: 0,\n maxHeight: 340,\n maxWidth: 524,\n [theme.breakpoints.down('sm')]: {\n position: 'initial',\n maxWidth: 228,\n },\n },\n textWrapper: {\n display: \"flex\",\n flexDirection: \"column\",\n width: '100%'\n },\n small: {},\n big: {\n \"&$product\": {\n height: 400,\n [theme.breakpoints.down('sm')]: {\n height: 400,\n justifyContent: 'flex-start',\n alignItems: 'flex-end',\n flexDirection: 'row',\n },\n [theme.breakpoints.down('xs')]: {\n height: 400,\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n flexDirection: 'column',\n },\n },\n \"& $productImage\": {\n [theme.breakpoints.down('sm')]: {\n position: 'absolute',\n maxWidth: 524,\n },\n }\n }\n}));\n\nconst Product = (props) => {\n const classes = useStyles();\n\n const {\n variant = 'small',\n title,\n subtitle,\n link,\n backgroundImage,\n mobileBackgroundImage,\n foregroundImage,\n mobileForegroundImage\n } = props;\n\n const handleClick = () => {\n window.open(link.href, \"_blank\");\n }\n\n const Component = ({ bgImage, fgImage }) => (\n \n \n {title} \n {subtitle} \n \n );\n\n return (<>\n \n \n \n \n );\n};\n\nconst MoreProductsModule = ({ title, products }) => {\n const classes = useStyles();\n\n return (\n \n \n {title}\n \n \n {(products || []).map((p, i) => (\n \n \n ))}\n \n \n );\n};\n\nexport default MoreProductsModule;\n","import React from \"react\"\r\nimport clsx from \"clsx\"\r\nimport Box from \"@material-ui/core/Box\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { Hidden } from \"@material-ui/core\"\r\n\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport FluidImage from \"../components/FluidImage\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n genericContent: {\r\n margin: 0,\r\n },\r\n container: {\r\n width: \"85%\",\r\n },\r\n pageTitle: {\r\n marginTop: 120,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: 100,\r\n },\r\n },\r\n sectionTitle: {\r\n marginBottom: theme.spacing(3),\r\n },\r\n text: {\r\n paddingTop: 30,\r\n wordBreak: \"break-word\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n paddingTop: 0,\r\n },\r\n },\r\n sectionImage: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"block\",\r\n },\r\n },\r\n image: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n paddingTop: 20,\r\n },\r\n },\r\n}))\r\n\r\nconst GenericContentModule = props => {\r\n const { title, text, backgroundColor, image, imageMobile, icon } = props\r\n const classes = useStyles()\r\n\r\n return (\r\n // get background color from api\r\n \r\n \r\n {title && (\r\n <>\r\n {!text ? (\r\n \r\n {title}\r\n \r\n ) : (\r\n \r\n {title}\r\n \r\n )}\r\n \r\n )}\r\n\r\n {icon && (\r\n \r\n )}\r\n \r\n\r\n \r\n {text && (\r\n \r\n {text}\r\n \r\n )}\r\n {image && (\r\n \r\n \r\n \r\n )}\r\n {imageMobile && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default GenericContentModule\r\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nvar defaultProps = {\n accessibility: true,\n adaptiveHeight: false,\n afterChange: null,\n appendDots: function appendDots(dots) {\n return /*#__PURE__*/_react[\"default\"].createElement(\"ul\", {\n style: {\n display: \"block\"\n }\n }, dots);\n },\n arrows: true,\n autoplay: false,\n autoplaySpeed: 3000,\n beforeChange: null,\n centerMode: false,\n centerPadding: \"50px\",\n className: \"\",\n cssEase: \"ease\",\n customPaging: function customPaging(i) {\n return /*#__PURE__*/_react[\"default\"].createElement(\"button\", null, i + 1);\n },\n dots: false,\n dotsClass: \"slick-dots\",\n draggable: true,\n easing: \"linear\",\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: null,\n nextArrow: null,\n onEdge: null,\n onInit: null,\n onLazyLoadError: null,\n onReInit: null,\n pauseOnDotsHover: false,\n pauseOnFocus: false,\n pauseOnHover: true,\n prevArrow: null,\n responsive: null,\n rows: 1,\n rtl: false,\n slide: \"div\",\n slidesPerRow: 1,\n slidesToScroll: 1,\n slidesToShow: 1,\n speed: 500,\n swipe: true,\n swipeEvent: null,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n waitForAnimate: true\n};\nvar _default = defaultProps;\nexports[\"default\"] = _default;","import React, { useEffect, useRef, useState, Fragment } from \"react\"\nimport { Grid, Container, Box, Hidden } from \"@material-ui/core\"\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport { makeStyles } from \"@material-ui/core\"\nimport FluidImage from \"../components/FluidImage\"\nimport Accordion from \"@material-ui/core/Accordion\"\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\"\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\"\nimport Icon from \"../components/Icon\"\nimport { Fade } from \"@material-ui/core\"\nimport clsx from \"clsx\"\nimport CtaButton from \"../components/CtaButton\"\n\nconst useStyles = makeStyles(theme => ({\n mainTitle: {\n display: \"block\",\n margin: \"0 auto\",\n letterSpacing: \"normal\",\n fontStretch: \"normal\",\n fontFamily: \"Spezia\",\n fontSize: \"36px\",\n marginBottom: theme.spacing(8),\n [theme.breakpoints.down(\"sm\")]: {\n marginBottom: theme.spacing(3),\n },\n },\n cardDesktop: {\n boxShadow: \"0 2px 9px 0 rgba(0, 0, 0, 0.08)\",\n border: \"solid 1px #e7e7e7\",\n background: \"#fff\",\n minHeight: 380,\n borderBottom: \"4px solid #662482\",\n justifyContent: \"center\",\n display: \"flex\",\n alignItems: \"center\",\n position: \"relative\",\n zIndex: 2,\n },\n badge: {\n padding: \"3px 7px 2px 5px\",\n borderRadius: \"4px\",\n background: theme.customPalette.darkishPurple,\n color: \"#fff\",\n fontSize: 11,\n fontWeight: \"bold\",\n fontFamily: \"Spezia\",\n minWidth: 70,\n marginBottom: theme.spacing(\"3\"),\n marginTop: theme.spacing(\"1\"),\n display: \"inline-block\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 11,\n marginTop: theme.spacing(\"0\"),\n marginBottom: theme.spacing(\"0\"),\n },\n },\n textContent: {\n position: \"relative\",\n zIndex: 2,\n padding: \"0\",\n paddingRight: 16,\n\n [theme.breakpoints.up(\"sm\")]: {\n padding: \"24px 80px\",\n },\n },\n background: {\n backgroundColor: \"#f0f0f0\",\n width: \"100%\",\n position: \"absolute\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n zIndex: 1,\n },\n backgroundMobile: {\n backgroundColor: \"#f0f0f0\",\n width: \"100%\",\n height: \"50%\",\n position: \"absolute\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n zIndex: 1,\n },\n cardTitle: {\n fontSize: 36,\n fontWeight: \"bold\",\n fontStretch: \"normal\",\n lineHeight: 1,\n letterSpacing: \"normal\",\n fontFamily: \"Spezia\",\n margin: 0,\n marginBottom: 16,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 18,\n marginBottom: 8,\n },\n },\n\n cardSubtitle: {\n fontFamily: \"Spezia\",\n fontSize: 16,\n fontWeight: \"normal\",\n display: \"flex\",\n flexDirection: \"column\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 14,\n },\n },\n\n cardDescription: {\n fontFamily: \"Spezia\",\n fontSize: 12,\n fontWeight: 500,\n fontStretch: \"normal\",\n fontStyle: \"normal\",\n lineHeight: 1.17,\n letterSpacing: \"normal\",\n textAlign: \"left\",\n marginTop: theme.spacing(2),\n display: \"block\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 14,\n marginTop: theme.spacing(2),\n textAlign: \"center\",\n },\n },\n cardImageDesktop: {\n position: \"relative\",\n zIndex: 2,\n \"& img\": {\n objectFit: \"contain\",\n objectPosition: \"left\",\n height: \"100%\",\n maxHeight: \"375px\",\n\n width: \"100%\",\n\n paddingBottom: theme.spacing(3),\n paddingTop: theme.spacing(3),\n },\n },\n cardImageMobile: {\n position: \"relative\",\n zIndex: 2,\n \"& img\": {\n objectFit: \"contain\",\n objectPosition: \"center\",\n height: \"100%\",\n maxHeight: \"260px\",\n width: \"100%\",\n paddingBottom: theme.spacing(1),\n paddingTop: theme.spacing(1),\n },\n },\n accordion: {\n boxShadow: \"0 2px 9px 0 rgba(0, 0, 0, 0.08)\",\n border: \"solid 1px #e7e7e7\",\n background: \"#fff\",\n borderBottom: \"4px solid #662482\",\n margin: \"8px 0\",\n width: \"100%\",\n \"& .MuiAccordion-root.Mui-expanded\": {\n margin: \"8px 0\",\n },\n },\n accordionSummary: {\n padding: 16,\n paddingBottom: 0,\n\n [theme.breakpoints.up(\"sm\")]: {},\n \"& .MuiAccordionSummary-content\": {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n alignItems: \"flex-start\",\n },\n },\n accordionSummaryPaddingBottom: {\n paddingBottom: 16,\n },\n accordionDetails: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingTop: 0,\n [theme.breakpoints.up(\"sm\")]: {},\n },\n detailsIcon: {\n transform: \"rotate(0deg)\",\n transition: \"all .1s ease-out\",\n },\n rotate: {\n transform: \"rotate(-180deg)\",\n transition: \"all .1s ease-out\",\n },\n detailsLabel: {\n fontSize: 12,\n fontFamily: \"Spezia\",\n fontWeight: \"bold\",\n },\n cta: {\n fontSize: \"1.1rem !important\",\n fontStyle: \"normal\",\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\n lineHeight: \"1.6rem !important\",\n fontStretch: \"normal\",\n letterSpacing: \"normal\",\n marginTop: theme.spacing(2),\n width: \"100%\",\n [theme.breakpoints.up(\"sm\")]: {\n width: \"auto\",\n },\n },\n}))\n\nconst codeEagolemoss = [\n \"H7F230000000\",\n \"DVF227000000\",\n \"TKF231000000\",\n \"YCF228000000\",\n \"H7F420000000\",\n \"DVF417000000\",\n \"TKF416000000\",\n \"YCF419000000\",\n \"H7F031000000\",\n \"DVF028000000\",\n \"TKF032000000\",\n \"YCF030000000\",\n \"F233\",\n \"F234\",\n \"F235\",\n \"F236\",\n \"F427\",\n \"F426\",\n \"F428\",\n \"F425\",\n \"F039\",\n \"F038\",\n \"F040\",\n \"F041\",\n]\n\nconst CardDesktop = props => {\n const classes = useStyles()\n const { item, index, cta, repo } = props\n const textContentRef = useRef(null)\n const [h, setH] = useState(0)\n\n useEffect(() => {\n if (textContentRef.current) {\n setH(textContentRef.current?.clientHeight)\n }\n }, [textContentRef.current, h])\n\n return (\n \n \n \n \n \n {item.specialOfferText && (\n {item.specialOfferText} \n )}\n {item.title} \n\n \n {item.subtitle || \" \"}\n \n\n \n {item.description || \" \"}\n \n {cta?.label || cta?.title || cta?.productCode ? (\n \n {cta?.text || cta?.title}\n \n ) : null}\n \n \n \n \n \n \n \n \n )\n}\n\nconst CardMobile = props => {\n const classes = useStyles()\n const { item, index, cta, repo } = props\n const [expanded, setExpanded] = React.useState(false)\n\n const handleChange = panel => (event, isExpanded) => {\n setExpanded(isExpanded ? panel : false)\n }\n\n useEffect(() => {\n setExpanded(index === 0 && `package${index}`)\n }, [])\n\n return (\n // \n 0 && handleChange(`package${index}`)}\n >\n \n \n {item.title} \n\n {item.subtitle || \" \"} \n \n {item.specialOfferText && (\n {item.specialOfferText} \n )}\n \n\n {/* in={expanded !== `package${index}`} */}\n 0 ? true : false}>\n \n {\n if (index > 0 && !expanded) {\n setExpanded(`package${index}`)\n } else {\n setExpanded(false)\n }\n }}\n >\n {item.details_label}\n \n \n \n \n \n \n \n \n\n {item.description && (\n \n {item.description || \" \"}\n \n )}\n\n \n {cta?.label || cta?.title || cta?.productCode ? (\n \n {cta?.text ? cta?.text : cta?.title}\n \n ) : null}\n \n \n \n \n // \n )\n}\n\nconst PackageV2Module = props => {\n const { items, moduleTitle, cta, ...others } = props\n const classes = useStyles()\n return (\n \n \n \n \n \n \n {moduleTitle || \"\"}\n \n \n\n {items.map((item, index) => {\n if (!item.disable_card) {\n return (\n \n \n \n \n \n \n )\n }\n })}\n \n \n \n \n )\n}\nexport default PackageV2Module\n","var camel2hyphen = function camel2hyphen(str) {\n return str.replace(/[A-Z]/g, function (match) {\n return '-' + match.toLowerCase();\n }).toLowerCase();\n};\nmodule.exports = camel2hyphen;","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js';\nvar SDK_GLOBAL = 'playerjs';\nvar Kaltura = /*#__PURE__*/function (_Component) {\n _inherits(Kaltura, _Component);\n var _super = _createSuper(Kaltura);\n function Kaltura() {\n var _this;\n _classCallCheck(this, Kaltura);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"duration\", null);\n _defineProperty(_assertThisInitialized(_this), \"currentTime\", null);\n _defineProperty(_assertThisInitialized(_this), \"secondsLoaded\", null);\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.callPlayer('mute');\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.callPlayer('unmute');\n });\n _defineProperty(_assertThisInitialized(_this), \"ref\", function (iframe) {\n _this.iframe = iframe;\n });\n return _this;\n }\n _createClass(Kaltura, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url) {\n var _this2 = this;\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function (playerjs) {\n if (!_this2.iframe) return;\n _this2.player = new playerjs.Player(_this2.iframe);\n _this2.player.on('ready', function () {\n // An arbitrary timeout is required otherwise\n // the event listeners won’t work\n setTimeout(function () {\n _this2.player.isReady = true;\n _this2.player.setLoop(_this2.props.loop);\n if (_this2.props.muted) {\n _this2.player.mute();\n }\n _this2.addListeners(_this2.player, _this2.props);\n _this2.props.onReady();\n }, 500);\n });\n }, this.props.onError);\n }\n }, {\n key: \"addListeners\",\n value: function addListeners(player, props) {\n var _this3 = this;\n player.on('play', props.onPlay);\n player.on('pause', props.onPause);\n player.on('ended', props.onEnded);\n player.on('error', props.onError);\n player.on('timeupdate', function (_ref) {\n var duration = _ref.duration,\n seconds = _ref.seconds;\n _this3.duration = duration;\n _this3.currentTime = seconds;\n });\n }\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {// Nothing to do\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('setCurrentTime', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('setVolume', fraction);\n }\n }, {\n key: \"setLoop\",\n value: function setLoop(loop) {\n this.callPlayer('setLoop', loop);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.duration;\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.currentTime;\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return this.secondsLoaded;\n }\n }, {\n key: \"render\",\n value: function render() {\n var style = {\n width: '100%',\n height: '100%'\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"iframe\", {\n ref: this.ref,\n src: this.props.url,\n frameBorder: \"0\",\n scrolling: \"no\",\n style: style,\n allow: \"encrypted-media; autoplay; fullscreen;\",\n referrerPolicy: \"no-referrer-when-downgrade\"\n });\n }\n }]);\n return Kaltura;\n}(_react.Component);\nexports[\"default\"] = Kaltura;\n_defineProperty(Kaltura, \"displayName\", 'Kaltura');\n_defineProperty(Kaltura, \"canPlay\", _patterns.canPlay.kaltura);","import React, { useRef, useState } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\nimport Module from \"../components/Module\"\r\nimport {\r\n Box,\r\n List,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n useMediaQuery,\r\n} from \"@material-ui/core\"\r\nimport { showGuides } from \"@src/utils/debug\"\r\nimport Text from \"../components/Text\"\r\nimport Icon from \"../components/Icon\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport { GTMEvent } from \"../utils/gtm\"\r\n\r\nconst parallaxHeight = 450\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n module360: {\r\n overflow: \"hidden\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: \"initial\",\r\n marginBottom: \"initial\",\r\n },\r\n },\r\n container: {\r\n position: \"relative\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n },\r\n },\r\n content: {\r\n border: showGuides(\"4px solid cyan\"), // FIX ** guides\r\n position: \"relative\",\r\n display: \"flex\",\r\n width: \"100%\",\r\n padding: theme.spacing(0, 0, 0, 5), // FIX ** to check later\r\n [theme.breakpoints.down(\"sm\")]: {\r\n position: \"relative\",\r\n padding: theme.spacing(0, 2, 0, 2),\r\n textAlign: \"center\",\r\n flexDirection: \"column\",\r\n minHeight: \"auto !important\",\r\n background: \"none\",\r\n },\r\n },\r\n textContainer: {\r\n width: \"fit-content\",\r\n maxWidth: \"40%\",\r\n height: \"100%\",\r\n padding: theme.spacing(4, 0, 4, 0),\r\n zIndex: 99,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n maxWidth: \"100%\",\r\n height: \"auto !important\",\r\n padding: theme.spacing(4, 0, 0, 0),\r\n },\r\n },\r\n textContainerImg: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n padding: theme.spacing(4, 0, 4, 0),\r\n zIndex: 99,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n maxWidth: \"100%\",\r\n height: \"auto !important\",\r\n padding: theme.spacing(4, 0, 0, 0),\r\n },\r\n },\r\n title: {\r\n color: \"#5D338B\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n titleCenter: {\r\n color: \"#5D338B\",\r\n textAlign: \"center\",\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n info: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n },\r\n infoItem: {\r\n padding: theme.spacing(0.5, 3, 0.5, 0),\r\n },\r\n infoText: {\r\n ...theme.fonts.faces.bodyLhM,\r\n \"& span\": {\r\n lineHeight: \"1.25 !important\",\r\n },\r\n },\r\n bulletIcon: {\r\n width: 24,\r\n height: 24,\r\n },\r\n imgWrapper: {\r\n position: \"relative\",\r\n width: \"fit-content\",\r\n marginLeft: \"auto\",\r\n textAlign: \"right\", // FIX ** push right for safari\r\n height: \"100%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginRight: \"auto\",\r\n },\r\n },\r\n w_100: {\r\n width: \"100%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginRight: \"auto\",\r\n },\r\n },\r\n parallaxWrapper: {\r\n position: \"absolute\",\r\n right: -theme.spacing(8),\r\n top: \"50%\",\r\n transform: \"translate3d(0, -50%, 0)\",\r\n maxHeight: 450,\r\n width: \"100%\",\r\n },\r\n parallax: {\r\n zIndex: -1,\r\n },\r\n imgInner: {\r\n maxHeight: 500,\r\n minHeight: 400, // FIX ** we need an anchor point somewhere\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minHeight: \"unset\",\r\n },\r\n },\r\n img: {\r\n height: 420,\r\n width: 700,\r\n display: \"block\",\r\n marginBottom: \"80px\",\r\n marginRight: \"50px\",\r\n [theme.breakpoints.down(\"xs\")]: {\r\n width: 300,\r\n height: 200,\r\n },\r\n },\r\n module360ChipSelector: {\r\n padding: \"24px 80px\",\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n module360ChipNotSelected: {\r\n color: \"#5D338B\",\r\n },\r\n module360ChipSelected: {\r\n color: \"white\",\r\n background: \"#5D338B\",\r\n },\r\n\r\n module360Chip: {\r\n fontSize: \"18px\",\r\n fontFamily: \"Poppins\",\r\n fontWeight: \"600\",\r\n padding: \"8px 16px\",\r\n margin: \"12px 12px 0px 0px\",\r\n borderRadius: \"24px\",\r\n border: \"2px solid #5D338B\",\r\n cursor: \"pointer\",\r\n textTransform: \"capitalize\",\r\n color: \"5D338B\",\r\n },\r\n selectorClass: {\r\n border: \"1.5px solid #5D338B\",\r\n borderRadius: \"25px\",\r\n padding: \"8px 16px\",\r\n fontSize: \"18px\",\r\n fontFamily: \"Poppins\",\r\n fontWeight: \"600\",\r\n color: \"#5D338B\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n cursor: \"pointer\",\r\n minHeight: \"45px\",\r\n position: \"relative\",\r\n zIndex: \"2\",\r\n display: \"flex\",\r\n },\r\n selectorTriangle: {\r\n width: \"0px\",\r\n height: \"0px\",\r\n borderStyle: \"solid\",\r\n borderWidth: \"11px 7px 0px\",\r\n borderColor: \"rgb(93,51,139) transparent transparent\",\r\n },\r\n selectorWindowContainer: {\r\n position: \"relative\",\r\n top: \"10px\",\r\n border: \"1.5px solid #5D338B\",\r\n borderRadius: \"6px\",\r\n width: \"100%\",\r\n zIndex: \"100\",\r\n color: \"#5D338B\",\r\n fontFamily: \"Poppins\",\r\n cursor: \"pointer\",\r\n maxHeight: \"140px\",\r\n overflowY: \"auto\",\r\n },\r\n selectorItemContainer: {\r\n fontSize: \"16px\",\r\n padding: \"0px 16px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n height: \"30px\",\r\n },\r\n module360Selector: {\r\n margin: \"24px\",\r\n flexBasis: \"100%\",\r\n maxWidth: \"100%\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n h_220: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n height: \"220px\",\r\n },\r\n },\r\n h_700: {\r\n minHeight: \"450px\",\r\n },\r\n}))\r\n\r\nconst Module360Module = props => {\r\n const {\r\n title,\r\n primary,\r\n secondary,\r\n repo,\r\n background_color,\r\n text_color_for_points,\r\n } = props\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const [specsMinHeight, setSpecsMinHeight] = useState(\"auto\")\r\n const ref = useRef(null)\r\n const handleMinHeight = () => {\r\n if (ref?.current) {\r\n const { height } = ref?.current?.getBoundingClientRect()\r\n setSpecsMinHeight(`${height}px`)\r\n }\r\n }\r\n const [selectedChip, setSelectedChip] = useState(\r\n secondary.field_value[0].field_value?.button_text?.field_value\r\n )\r\n const [currentImage, setCurrentImage] = useState(\r\n secondary.field_value[0].field_value.image.field_value\r\n )\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n const handleChangeImage = img => {\r\n setCurrentImage(img)\r\n }\r\n\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n return primary ? (\r\n \r\n {/*Start Box*/}\r\n\r\n \r\n <>\r\n \r\n \r\n {title.field_value}\r\n \r\n \r\n {(primary && (primary.field_value || [])).map((el, i) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n
\r\n
\r\n\r\n \r\n
setIsOpen(!isOpen)}\r\n >\r\n {selectedChip} \r\n \r\n {secondary.field_value.map((el, i) => (\r\n
{\r\n GTMEvent(\r\n \"360_module\",\r\n \"click_button\",\r\n `${\r\n repo.product_info.product_universal_title +\r\n \"_\" +\r\n el.field_value?.button_text?.field_value\r\n }`\r\n )\r\n setSelectedChip(el?.field_value?.button_text?.field_value)\r\n handleChangeImage(el?.field_value?.image?.field_value)\r\n setIsOpen(false)\r\n }}\r\n >\r\n {el?.field_value?.button_text?.field_value}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {secondary.field_value.map((el, i) => {\r\n return (\r\n
{\r\n if (\r\n selectedChip ===\r\n el.field_value?.button_text?.field_value\r\n ) {\r\n setSelectedChip(null)\r\n GTMEvent(\r\n \"360_module\",\r\n \"click_button\",\r\n `${\r\n repo.product_info.product_universal_title +\r\n \"_\" +\r\n el.field_value?.button_text?.field_value\r\n }`\r\n )\r\n } else {\r\n GTMEvent(\r\n \"360_module\",\r\n \"click_button\",\r\n `${\r\n repo.product_info.product_universal_title +\r\n \"_\" +\r\n el.field_value?.button_text?.field_value\r\n }`\r\n )\r\n setSelectedChip(\r\n el.field_value?.button_text?.field_value\r\n )\r\n handleChangeImage(el.field_value?.image?.field_value)\r\n }\r\n }}\r\n >\r\n {el.field_value?.button_text?.field_value}\r\n \r\n \r\n \r\n \r\n\r\n {/*End Box */}\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n
\r\n {title.field_value}\r\n \r\n \r\n
setIsOpen(!isOpen)}\r\n >\r\n {selectedChip} \r\n \r\n {secondary.field_value.map((el, i) => (\r\n
{\r\n GTMEvent(\r\n \"360_module\",\r\n \"click_button\",\r\n `${\r\n repo.product_info.product_universal_title +\r\n \"_\" +\r\n el.field_value?.button_text?.field_value\r\n }`\r\n )\r\n setSelectedChip(\r\n el?.field_value?.button_text?.field_value\r\n )\r\n handleChangeImage(el?.field_value?.image?.field_value)\r\n setIsOpen(false)\r\n }}\r\n >\r\n {el?.field_value?.button_text?.field_value}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {secondary.field_value.map((el, i) => {\r\n return (\r\n
{\r\n if (\r\n selectedChip ===\r\n el.field_value?.button_text?.field_value\r\n ) {\r\n setSelectedChip(null)\r\n GTMEvent(\r\n \"360_module\",\r\n \"click_button\",\r\n `${\r\n repo.product_info.product_universal_title +\r\n \"_\" +\r\n el.field_value?.button_text?.field_value\r\n }`\r\n )\r\n } else {\r\n GTMEvent(\r\n \"360_module\",\r\n \"click_button\",\r\n `${\r\n repo.product_info.product_universal_title +\r\n \"_\" +\r\n el.field_value?.button_text?.field_value\r\n }`\r\n )\r\n setSelectedChip(\r\n el.field_value?.button_text?.field_value\r\n )\r\n handleChangeImage(\r\n el.field_value?.image?.field_value\r\n )\r\n }\r\n }}\r\n >\r\n {el.field_value?.button_text?.field_value}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Module360Module\r\n","import React from 'react';\n\nfunction lastWord(text, size) {\n let words = text.split(' ');\n let last = words.splice(-1)[0];\n let others = words.join(' ');\n let adjust = (size - (last.length - 6) * 0.1);\n return (\n <>{others} {last} \n )\n}\n\nfunction priceUplift(text, size) {\n let matches = text.match(/ ((\\$|€|£).+?) | (.+?(?!\\$|€|£)) /gm);\n if (matches && matches.length > 0) {\n let price = matches[0].trim();\n let chunks = text.split(price);\n let before = chunks.splice(0, 1);\n let after = chunks.join(price).trim(); // just in case there's more than 1 price - first only\n return (\n <>{before} {price} {after}\n )\n }\n return text;\n}\n\nfunction sanifyHtml(text) { // TO BE DONE better!\n if (text) {\n const tags = [\n {\n tag: 'p',\n replace: false,\n }\n ];\n var result = text;\n for (let i = 0; i < tags.length; i++) {\n let filter = tags[i];\n let replace = filter.replace ? '<' + filter.replace + '/>' : '';\n result = result.split('<' + filter.tag + '>').join('');\n result = result.split('').join(replace);\n // Use regex for complez(temp fix generic content issue)\n result = result.replace(new RegExp('<' + filter.tag + '.+?>', 'g'), '');\n }\n return result;\n } else {\n return '';\n }\n}\n\nfunction newLineBeforeParentheses(text) {\n if (text) {\n return text.replace('(', '(').replace('+', '+');\n }\n return text;\n}\n\nfunction pad(n, width, z) {\n z = z || '0';\n n = n + '';\n return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;\n}\n\nconst txt = {\n lastWord: lastWord,\n priceUplift: priceUplift,\n sanifyHtml: sanifyHtml,\n newLineBeforeParentheses: newLineBeforeParentheses,\n brakeBeforeParentheses: brakeBeforeParentheses,\n pad: pad\n}\n\nexport default txt;","import React from \"react\"\nimport Text from \"../components/Text\"\nimport Box from \"@material-ui/core/Box\"\nimport { Container } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\nimport Module from \"@src/components/Module\"\n\nconst useStyles = makeStyles(theme => ({\n bannerAlertModule: {\n marginTop: \"-24px !important\",\n padding: `${theme.spacing(2, 0)} !important`,\n [theme.breakpoints.down(\"md\")]: {\n padding: `${theme.spacing(1, 0)} !important`,\n },\n },\n title: {\n color: \"#fff\",\n \"& + $subtitle\": {\n marginTop: 5,\n },\n },\n subtitle: {\n color: \"#fff\",\n display: \"inline-block\",\n },\n}))\n\nconst BannerAlertModule = ({\n title,\n subtitle,\n linecolor,\n \"background-color\": backgroundColor,\n}) => {\n const classes = useStyles()\n const Line = () => (\n \n \n \n \n {title.field_value ? (\n \n {title.field_value || \"\"}\n \n ) : null}\n {subtitle.field_value ? (\n \n {subtitle.field_value}\n \n ) : null}\n \n \n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n subtitle: \"\",\n linecolor: \"\",\n \"background-color\": \"\",\n}\n\nBannerAlertModule.defaultProps = defaultProps\n\nexport default BannerAlertModule\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\n}), 'ArrowForward');\nexports.default = _default;","import React, { useEffect, useContext, useState } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport txt from \"@src/utils/txt\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { Box, Grid, Hidden } from \"@material-ui/core\"\r\nimport moment from \"moment\"\r\n\r\nimport Module from \"../components/Module\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport Text from \"../components/Text\"\r\nimport Stamp from \"../components/Stamp\"\r\nimport Countdown from \"../components/Countdown\"\r\nimport HighlightTextContainer from \"../animations/HighlightTextContainer\"\r\nimport { GlobalDispatchContext } from \"../context/GlobalContextProvider\"\r\nimport { showGuides } from \"@src/utils/debug\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n earlybirdOffer: {\r\n // FIX ** Do not manage margnins on single module! This breaks re-positioning\r\n // Move logics on root Module container and theme instead...\r\n //marginTop: theme.spacing(1 / 2),\r\n //marginBottom: theme.spacing(1 / 2)\r\n //paddingTop: theme.spacing(4),\r\n //paddingBottom: theme.spacing(4),\r\n /*[theme.breakpoints.down('sm')]: {\r\n paddingTop: 0,\r\n paddingBottom: 0,\r\n }*/\r\n },\r\n container: {\r\n /* FIX **\r\n position: 'relative',\r\n [theme.breakpoints.down('sm')]: {\r\n padding: 0,\r\n },\r\n */\r\n },\r\n imageWrapper: {\r\n position: \"absolute\",\r\n display: \"block\",\r\n top: \"-5%\",\r\n left: theme.spacing(4),\r\n //marginLeft: -theme.spacing(4),\r\n //maxWidth: 640,\r\n width: \"40%\",\r\n height: \"110%\",\r\n border: showGuides(\"2px solid black\"), // FIX ** guides\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"flex\",\r\n position: \"relative\",\r\n width: \"100%\",\r\n justifyContent: \"center\",\r\n margin: \"auto\",\r\n top: \"unset\",\r\n left: \"unset\",\r\n },\r\n },\r\n imageContainer: {\r\n border: showGuides(\"3px solid green\"), // FIX ** guides\r\n //display: 'flex',\r\n position: \"relative\",\r\n // top: '-10%', // FIX ** give image the possibility to overflow and keep centered\r\n //left: '55%',\r\n //transform: 'translate3d(-50%,0,0)',\r\n marginLeft: \"auto\",\r\n width: \"fit-content\",\r\n height: \"100%\", // FIX ** give image the possibility to overflow and keep centered\r\n },\r\n image: {\r\n border: showGuides(\"3px solid blue\"), // FIX ** guides\r\n //margin: 'auto',\r\n height: \"100%\",\r\n marginRight: \"-10%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginRight: \"unset\",\r\n },\r\n },\r\n stamp: {\r\n top: \"50%\",\r\n right: -15,\r\n maxWidth: 150,\r\n padding: 30,\r\n transform: \"translate3d(0, -50%, 0)\", // align to middle\r\n [theme.breakpoints.down(\"sm\")]: {\r\n padding: 20,\r\n top: \"50%\",\r\n left: \"50%\",\r\n right: \"unset\",\r\n transform: \"translate3d(-50%, -50%, 0)\", // center\r\n marginLeft: -120, // FIX ** translate left with negative margin\r\n marginTop: 20, // FIX ** translate bottom with negative margin\r\n },\r\n },\r\n contentContainer: {\r\n border: showGuides(\"3px solid green\"),\r\n // position: 'absolute', // ? to check --> better work absolute on overlay image than content contanier\r\n width: \"100%\",\r\n height: \"fit-content\",\r\n //top: 0,\r\n //bottom: 0,\r\n //right: 0,\r\n //left: 0,\r\n //margin: 'auto',\r\n //zIndex: -1,\r\n //padding: theme.spacing(3), // ? to check\r\n [theme.breakpoints.down(\"sm\")]: {\r\n //padding: theme.spacing(4, 0, 0, 0),\r\n position: \"relative\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n zIndex: 0,\r\n },\r\n },\r\n gridContainer: {\r\n padding: theme.spacing(4),\r\n background: theme.customPalette.greyClear,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n justifyContent: \"center\",\r\n padding: theme.spacing(4, 4, 4, 4),\r\n },\r\n },\r\n highlightedContainer: {\r\n //marginBottom: theme.spacing(2),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n margin: \"auto\",\r\n },\r\n },\r\n title: {\r\n width: \"fit-content\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"auto\",\r\n textAlign: \"center\",\r\n },\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n subtitle: {\r\n //fontSize: 24,\r\n marginTop: theme.spacing(2),\r\n //marginTop: theme.spacing(2),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n },\r\n description: {\r\n lineHeight: 1.5,\r\n paddingRight: theme.spacing(2),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n paddingRight: \"unset\",\r\n },\r\n },\r\n countdown: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"fit-content\",\r\n margin: \"auto\",\r\n },\r\n },\r\n hidden: {\r\n display: \"none\",\r\n },\r\n parallaxWrapper: {\r\n position: \"absolute\",\r\n right: -theme.spacing(8),\r\n top: \"50%\",\r\n transform: \"translate3d(0, -50%, 0)\",\r\n maxHeight: 450,\r\n width: \"100%\",\r\n /*bottom: 0,\r\n left: theme.spacing(8),\r\n right: '-25vw',\r\n margin: 'auto',\r\n height: '100%',\r\n zIndex: -1,*/\r\n },\r\n parallaxItem: {\r\n height: \"100%\",\r\n maxWidth: 500,\r\n },\r\n parallax: {\r\n //height: `${parallaxHeight}px !important`,\r\n zIndex: -1,\r\n },\r\n}))\r\n\r\nconst Image = ({ image, stampText }) => {\r\n const classes = useStyles()\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {stampText && (\r\n
\r\n {txt.lastWord(stampText, 1.5)}\r\n \r\n )}\r\n
\r\n
\r\n \r\n \r\n \r\n {txt.lastWord(stampText, 1.5)}\r\n \r\n )}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nconst EarlybirdOfferModule = ({\r\n title,\r\n subtitle,\r\n description,\r\n stampText,\r\n image,\r\n expirationDate,\r\n expireText,\r\n lastVisibilityDate,\r\n}) => {\r\n const classes = useStyles()\r\n const dispatch = useContext(GlobalDispatchContext)\r\n const parsedExpirationDate = expirationDate && moment(expirationDate).toDate()\r\n const parsedLastVisibilityDate =\r\n lastVisibilityDate && moment(lastVisibilityDate).toDate()\r\n\r\n const calculateTimeLeft = endDate => {\r\n if (!endDate) {\r\n return 0\r\n } else {\r\n return Date.parse(endDate) - Date.parse(new Date())\r\n }\r\n }\r\n\r\n const [visible, setVisible] = useState(\r\n calculateTimeLeft(parsedLastVisibilityDate) >= 0\r\n )\r\n\r\n useEffect(() => {\r\n // TODO: uniform names\r\n if (calculateTimeLeft(parsedExpirationDate) > 0) {\r\n dispatch({\r\n type: \"showEarlybirdOffer\",\r\n payload: { expirationDate, expirationText: expireText, show: true },\r\n })\r\n }\r\n }, [expirationDate, expireText])\r\n\r\n useEffect(() => {\r\n const tid = setInterval(() => {\r\n const hideOffer = calculateTimeLeft(parsedExpirationDate) < 0\r\n const hideModule = calculateTimeLeft(parsedLastVisibilityDate) < 0\r\n if (hideOffer) {\r\n dispatch({ type: \"showEarlybirdOffer\", payload: { show: false } })\r\n }\r\n if (hideModule) {\r\n setVisible(false)\r\n }\r\n if (hideModule && hideOffer) {\r\n clearInterval(tid)\r\n }\r\n }, 1000)\r\n return () => {\r\n clearInterval(tid)\r\n }\r\n }, [])\r\n\r\n return (\r\n \r\n {/* Moved to grid\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {subtitle}\r\n \r\n \r\n \r\n \r\n {description}\r\n \r\n \r\n \r\n {expirationDate && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default EarlybirdOfferModule\r\n","import React, { useEffect, useRef, useContext } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\nimport { Box, Hidden, Container } from \"@material-ui/core\"\r\nimport { window } from \"browser-monads\"\r\nimport moment from \"moment\"\r\n\r\nimport Push from \"./Push\"\r\nimport Countdown from \"./Countdown\"\r\nimport Text from \"./Text\"\r\nimport CtaButton from \"./CtaButton\"\r\nimport Button from \"./Button\"\r\n\r\nimport { GlobalStateContext } from \"../context/GlobalContextProvider\"\r\nconst threshold = 100\r\nconst pushId = \"push_promo\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n promoFooter: {\r\n position: \"fixed\",\r\n left: 0,\r\n transform: `translate3d(0,${threshold}px,0)`,\r\n width: \"100%\",\r\n zIndex: theme.zIndex.modal - 15,\r\n backgroundColor: \"#fff\",\r\n boxShadow: \"0 2px 4px 0 rgba(0, 0, 0, 0.07), 0px -2px 4px rgba(0,0,0,0.05)\",\r\n },\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n maxWidth: \"100%\",\r\n\r\n [theme.breakpoints.down(\"lg\")]: {},\r\n },\r\n title: {\r\n fontSize: \"min(max(15px, 1.2vw), 36px)\",\r\n },\r\n text: {\r\n fontSize: \"min(max(11px, 0.9vw), 28px)\",\r\n },\r\n promoExpireDateContainer: {\r\n [theme.breakpoints.only(\"xs\")]: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n marginBottom: theme.spacing(3),\r\n },\r\n },\r\n divider: {\r\n // borderLeft: `1px solid ${theme.customPalette.greyClear}`,\r\n },\r\n promoExpireTextWrapper: {\r\n maxWidth: \"min(max(160px, 10vw), 200px)\",\r\n },\r\n promoExpireText: {\r\n fontSize: \"min(max(11px, 0.9vw), 28px)\",\r\n },\r\n ctaButton: {\r\n height: \"fit-content\",\r\n fontSize: \"min(max(16px, 1.0vw), 36px)\",\r\n width: \"100%\",\r\n maxWidth: 350,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n expirationTextMobile: {\r\n fontSize: 12,\r\n fontFamily: \"Spezia\",\r\n letterSpacing: \"normal\",\r\n color: theme.customPalette.darkishPurple,\r\n },\r\n}))\r\n\r\nconst CountdownStickyBar = props => {\r\n const {\r\n expirationDate,\r\n expirationText,\r\n state,\r\n classes,\r\n earlybirdOffer,\r\n isMobile,\r\n show,\r\n } = props\r\n switch (state) {\r\n case \"EarlyBird\":\r\n return !isMobile ? (\r\n \r\n <>\r\n \r\n \r\n {earlybirdOffer.expirationText}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n {earlybirdOffer.expirationText}\r\n \r\n \r\n \r\n \r\n \r\n )\r\n case \"ThisModule\":\r\n return !isMobile ? (\r\n \r\n <>\r\n \r\n \r\n {expirationText}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n {expirationText}\r\n \r\n \r\n \r\n \r\n )\r\n default:\r\n return false\r\n }\r\n}\r\n\r\nconst PromoFooter = props => {\r\n const {\r\n title,\r\n text,\r\n picture,\r\n cta,\r\n tracking,\r\n date,\r\n expirationDate,\r\n expirationText,\r\n state,\r\n } = props\r\n\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const { earlybirdOffer, cookieBar } = useContext(GlobalStateContext)\r\n const footerRef = useRef(null)\r\n const show = state === \"ThisModule\" || state === \"EarlyBird\" ? true : false\r\n const handleScroll = e => {\r\n const friction = 0.3\r\n if (footerRef.current) {\r\n let sticky =\r\n window.scrollY > threshold /** FIX - support old browser iOS <= 12.1 */\r\n if (sticky) {\r\n let pos = Math.max(\r\n threshold - (window.scrollY - threshold) * friction,\r\n 0\r\n )\r\n footerRef.current.style.transform = `translate3d(0,${pos}px,0)`\r\n if (pos === 0) {\r\n footerRef.current.style.zIndex = theme.zIndex.modal - 1\r\n } else {\r\n footerRef.current.style.zIndex = theme.zIndex.modal - 3\r\n }\r\n } else {\r\n footerRef.current.style.transform = `translate3d(0,${threshold}px,0)`\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n // Remove first to avoid unhandled renders\r\n window.removeEventListener(\"scroll\", handleScroll)\r\n window.addEventListener(\"scroll\", handleScroll)\r\n })\r\n\r\n // TODO questa logica DEVE arrivare da CMS\r\n const TEMPORARY_FIX =\r\n cta &&\r\n cta.href &&\r\n cta.href.includes(\"/subscribe\") &&\r\n ((cta.href.includes(\"checkout.fanhome.com/\") &&\r\n !cta.href.includes(\"testVersion\")) ||\r\n cta.href.includes(\"p1597070c1tst-store.occa.ocs.oraclecloud.com/\"))\r\n\r\n return (\r\n \r\n \r\n {/* Desktop */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {title}\r\n \r\n \r\n {text}\r\n \r\n \r\n \r\n\r\n \r\n\r\n {/* CTAs */}\r\n \r\n {cta && (cta?.productCode || cta?.href) && (\r\n \r\n \r\n {cta.text || cta.label}\r\n \r\n \r\n )}\r\n \r\n \r\n\r\n {/* Mobile */}\r\n \r\n \r\n \r\n \r\n {cta && cta.productCode && (\r\n \r\n {cta?.text || cta?.label}\r\n \r\n )}\r\n {cta && cta.label && cta.href && TEMPORARY_FIX && (\r\n \r\n {cta.label}\r\n \r\n )}\r\n {cta && cta.label && cta.href && !TEMPORARY_FIX && (\r\n \r\n {cta.label}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \n : \n \n ) : null\n\n const Number = ({ num, label }) => {\n const cutString = str => {\n const string = str\n\n if (string.length > 5) {\n // Cut string and put a \".\" at the end of the string\n return string.slice(0, 3) + \".\"\n } else {\n return string\n }\n }\n\n return (\n \n \n {txt.pad(num, 2)}\n \n\n {!stickyBanner ? (\n \n {(num >= 0 &&\n num != 1 &&\n label &&\n t(\"countdown.\" + label + \".plural\").toUpperCase()) ||\n \"\"}\n {(num == 1 &&\n label &&\n t(\"countdown.\" + label + \".singular\").toUpperCase()) ||\n \"\"}\n \n ) : (\n \n {(num >= 0 &&\n num != 1 &&\n label &&\n cutString(t(\"countdown.\" + label + \".plural\").toUpperCase())) ||\n \"\"}\n {(num == 1 &&\n label &&\n cutString(t(\"countdown.\" + label + \".singular\").toUpperCase())) ||\n \"\"}\n \n )}\n \n )\n }\n\n return timeLeft.total > 0 ? (\n \n \r\n \r\n
\r\n \r\n {txt.lastWord(stampText, 1.5)}\r\n \r\n )}\r\n
\r\n
\r\n \r\n \r\n \r\n {txt.lastWord(stampText, 1.5)}\r\n \r\n )}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nconst SpecialGiftModule = ({ title, subtitle, description, stamp, image }) => {\r\n const classes = useStyles()\r\n const [showOverlay, setShowOverlay] = useState(false)\r\n\r\n const toggleOverlay = () => {\r\n setShowOverlay(!showOverlay)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {subtitle}\r\n \r\n \r\n \r\n \r\n {description}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SpecialGiftModule\r\n","import React from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { webpSort } from \"@src/utils/webp\"\r\nimport shortid from \"shortid\"\r\n\r\nconst PictureSchema = {\r\n title: \"image title\",\r\n alt: \"image alt\",\r\n src: \"/assets/img/placeholder.jpg\",\r\n webp: \"/assets/img/placeholder.webp\",\r\n}\r\n\r\nconst Picture = ({\r\n title,\r\n alt,\r\n src,\r\n sources,\r\n className,\r\n style,\r\n imgClassName,\r\n}) => {\r\n return (\r\n \r\n {(webpSort(sources) || []).map(({ srcset, media, type }) => (\r\n \r\n )\r\n}\r\n\r\nexport default Picture\r\nexport { PictureSchema }\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Box from '@material-ui/core/Box';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Slide from '@material-ui/core/Slide';\r\n\r\nimport Text from './Text';\r\nimport Icon from './Icon';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n appBar: {\r\n position: 'relative',\r\n height: 64,\r\n padding: \"0 8px 0 8px !important\",\r\n background: 'white'\r\n },\r\n appBarSticky: {\r\n top: 0,\r\n left: 'auto',\r\n right: 0,\r\n width: '100%',\r\n zIndex: 1100,\r\n position: 'sticky',\r\n height: 64,\r\n padding: \"0 8px 0 8px !important\",\r\n background: 'white'\r\n },\r\n icon: {\r\n height: 24,\r\n width: 24\r\n },\r\n title: {\r\n marginLeft: theme.spacing(2),\r\n flex: 1,\r\n },\r\n}));\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Overlay;","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Box } from '@material-ui/core';\r\n\r\nimport Module from '../components/Module';\r\nimport CtaButton from '../components/CtaButton';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cta: {},\r\n ctaWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n buttonShortcut: {\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n margin: theme.spacing(0, 2),\r\n },\r\n }\r\n}));\r\n\r\n\r\nconst CtaShortcutModule = ({ cta, ...others }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {cta && \r\n {cta.text || cta.label}\r\n \r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default CtaShortcutModule;\r\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjAxNiA2Ljc0MmwuMDU1LjA1IDQuMjc4IDQuMjguMDY2LjA4Mi4wNDcuMDcuMDM3LjA2OC4wNDMuMDk2LjAyMy4wNjcuMDE4LjA3MS4wMTQuMDc3LjAwNi4wNTkuMDA0LjA4Ni0uMDA4LjExOC0uMDE1LjA5LS4wMTMuMDUyYy0uMDE3LjA2LS4wNC4xMi0uMDY3LjE3N2wtLjA0Mi4wNzYtLjA0NS4wNjgtLjA1Mi4wNjYtLjA1MS4wNTUtNC4yNDMgNC4yNDJjLS4zOS4zOS0xLjAyNC4zOS0xLjQxNCAwLS4zNzMtLjM3Mi0uMzktLjk2Ni0uMDUxLTEuMzZsLjA1LS4wNTQgMi41MzctMi41MzZIM2MtLjU1MiAwLTEtLjQ0Ny0xLTEgMC0uNTIzLjQwMi0uOTUyLjkxNC0uOTk2TDMgMTAuNzQzaDE1LjE5MmwtMi41MzUtMi41MzZjLS4zOS0uMzktLjM5LTEuMDI0IDAtMS40MTQuMzczLS4zNzMuOTY2LS4zOSAxLjM2LS4wNXoiLz4KPC9zdmc+Cg==\"","/**\n * Helper function for iterating over a collection\n *\n * @param collection\n * @param fn\n */\nfunction each(collection, fn) {\n var i = 0,\n length = collection.length,\n cont;\n for (i; i < length; i++) {\n cont = fn(collection[i], i);\n if (cont === false) {\n break; //allow early exit\n }\n }\n}\n\n/**\n * Helper function for determining whether target object is an array\n *\n * @param target the object under test\n * @return {Boolean} true if array, false otherwise\n */\nfunction isArray(target) {\n return Object.prototype.toString.apply(target) === '[object Array]';\n}\n\n/**\n * Helper function for determining whether target object is a function\n *\n * @param target the object under test\n * @return {Boolean} true if function, false otherwise\n */\nfunction isFunction(target) {\n return typeof target === 'function';\n}\nmodule.exports = {\n isFunction: isFunction,\n isArray: isArray,\n each: each\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Typography from '../Typography';\nimport ListContext from '../List/ListContext';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n flex: '1 1 auto',\n minWidth: 0,\n marginTop: 4,\n marginBottom: 4\n },\n /* Styles applied to the `Typography` components if primary and secondary are set. */\n multiline: {\n marginTop: 6,\n marginBottom: 6\n },\n /* Styles applied to the `Typography` components if dense. */\n dense: {},\n /* Styles applied to the root element if `inset={true}`. */\n inset: {\n paddingLeft: 56\n },\n /* Styles applied to the primary `Typography` component. */\n primary: {},\n /* Styles applied to the secondary `Typography` component. */\n secondary: {}\n};\nvar ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$disableTypogra = props.disableTypography,\n disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,\n _props$inset = props.inset,\n inset = _props$inset === void 0 ? false : _props$inset,\n primaryProp = props.primary,\n primaryTypographyProps = props.primaryTypographyProps,\n secondaryProp = props.secondary,\n secondaryTypographyProps = props.secondaryTypographyProps,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"disableTypography\", \"inset\", \"primary\", \"primaryTypographyProps\", \"secondary\", \"secondaryTypographyProps\"]);\n var _React$useContext = React.useContext(ListContext),\n dense = _React$useContext.dense;\n var primary = primaryProp != null ? primaryProp : children;\n if (primary != null && primary.type !== Typography && !disableTypography) {\n primary = /*#__PURE__*/React.createElement(Typography, _extends({\n variant: dense ? 'body2' : 'body1',\n className: classes.primary,\n component: \"span\",\n display: \"block\"\n }, primaryTypographyProps), primary);\n }\n var secondary = secondaryProp;\n if (secondary != null && secondary.type !== Typography && !disableTypography) {\n secondary = /*#__PURE__*/React.createElement(Typography, _extends({\n variant: \"body2\",\n className: classes.secondary,\n color: \"textSecondary\",\n display: \"block\"\n }, secondaryTypographyProps), secondary);\n }\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, className, dense && classes.dense, inset && classes.inset, primary && secondary && classes.multiline),\n ref: ref\n }, other), primary, secondary);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiListItemText'\n})(ListItemText);","/**\n * Dom7 3.0.0\n * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API\n * https://framework7.io/docs/dom7.html\n *\n * Copyright 2020, Vladimir Kharlampidi\n *\n * Licensed under MIT\n *\n * Released on: November 9, 2020\n */\nimport { getWindow, getDocument } from 'ssr-window';\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _construct(Parent, args, Class) {\n if (_isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n return _construct.apply(null, arguments);\n}\nfunction _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\nfunction _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !_isNativeFunction(Class)) return Class;\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n _cache.set(Class, Wrapper);\n }\n function Wrapper() {\n return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n }\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return _setPrototypeOf(Wrapper, Class);\n };\n return _wrapNativeSuper(Class);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\n\n/* eslint-disable no-proto */\nfunction makeReactive(obj) {\n var proto = obj.__proto__;\n Object.defineProperty(obj, '__proto__', {\n get: function get() {\n return proto;\n },\n set: function set(value) {\n proto.__proto__ = value;\n }\n });\n}\nvar Dom7 = /*#__PURE__*/function (_Array) {\n _inheritsLoose(Dom7, _Array);\n function Dom7(items) {\n var _this;\n _this = _Array.call.apply(_Array, [this].concat(items)) || this;\n makeReactive(_assertThisInitialized(_this));\n return _this;\n }\n return Dom7;\n}( /*#__PURE__*/_wrapNativeSuper(Array));\nfunction arrayFlat(arr) {\n if (arr === void 0) {\n arr = [];\n }\n var res = [];\n arr.forEach(function (el) {\n if (Array.isArray(el)) {\n res.push.apply(res, arrayFlat(el));\n } else {\n res.push(el);\n }\n });\n return res;\n}\nfunction arrayFilter(arr, callback) {\n return Array.prototype.filter.call(arr, callback);\n}\nfunction arrayUnique(arr) {\n var uniqueArray = [];\n for (var i = 0; i < arr.length; i += 1) {\n if (uniqueArray.indexOf(arr[i]) === -1) uniqueArray.push(arr[i]);\n }\n return uniqueArray;\n}\nfunction toCamelCase(string) {\n return string.toLowerCase().replace(/-(.)/g, function (match, group) {\n return group.toUpperCase();\n });\n}\nfunction qsa(selector, context) {\n if (typeof selector !== 'string') {\n return [selector];\n }\n var a = [];\n var res = context.querySelectorAll(selector);\n for (var i = 0; i < res.length; i += 1) {\n a.push(res[i]);\n }\n return a;\n}\nfunction $(selector, context) {\n var window = getWindow();\n var document = getDocument();\n var arr = [];\n if (!context && selector instanceof Dom7) {\n return selector;\n }\n if (!selector) {\n return new Dom7(arr);\n }\n if (typeof selector === 'string') {\n var html = selector.trim();\n if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) {\n var toCreate = 'div';\n if (html.indexOf(' 0;\n }).length > 0;\n}\nfunction attr(attrs, value) {\n if (arguments.length === 1 && typeof attrs === 'string') {\n // Get attr\n if (this[0]) return this[0].getAttribute(attrs);\n return undefined;\n } // Set attrs\n\n for (var i = 0; i < this.length; i += 1) {\n if (arguments.length === 2) {\n // String\n this[i].setAttribute(attrs, value);\n } else {\n // Object\n for (var attrName in attrs) {\n this[i][attrName] = attrs[attrName];\n this[i].setAttribute(attrName, attrs[attrName]);\n }\n }\n }\n return this;\n}\nfunction removeAttr(attr) {\n for (var i = 0; i < this.length; i += 1) {\n this[i].removeAttribute(attr);\n }\n return this;\n}\nfunction prop(props, value) {\n if (arguments.length === 1 && typeof props === 'string') {\n // Get prop\n if (this[0]) return this[0][props];\n } else {\n // Set props\n for (var i = 0; i < this.length; i += 1) {\n if (arguments.length === 2) {\n // String\n this[i][props] = value;\n } else {\n // Object\n for (var propName in props) {\n this[i][propName] = props[propName];\n }\n }\n }\n return this;\n }\n return this;\n}\nfunction data(key, value) {\n var el;\n if (typeof value === 'undefined') {\n el = this[0];\n if (!el) return undefined; // Get value\n\n if (el.dom7ElementDataStorage && key in el.dom7ElementDataStorage) {\n return el.dom7ElementDataStorage[key];\n }\n var dataKey = el.getAttribute(\"data-\" + key);\n if (dataKey) {\n return dataKey;\n }\n return undefined;\n } // Set value\n\n for (var i = 0; i < this.length; i += 1) {\n el = this[i];\n if (!el.dom7ElementDataStorage) el.dom7ElementDataStorage = {};\n el.dom7ElementDataStorage[key] = value;\n }\n return this;\n}\nfunction removeData(key) {\n for (var i = 0; i < this.length; i += 1) {\n var el = this[i];\n if (el.dom7ElementDataStorage && el.dom7ElementDataStorage[key]) {\n el.dom7ElementDataStorage[key] = null;\n delete el.dom7ElementDataStorage[key];\n }\n }\n}\nfunction dataset() {\n var el = this[0];\n if (!el) return undefined;\n var dataset = {}; // eslint-disable-line\n\n if (el.dataset) {\n for (var dataKey in el.dataset) {\n dataset[dataKey] = el.dataset[dataKey];\n }\n } else {\n for (var i = 0; i < el.attributes.length; i += 1) {\n var _attr = el.attributes[i];\n if (_attr.name.indexOf('data-') >= 0) {\n dataset[toCamelCase(_attr.name.split('data-')[1])] = _attr.value;\n }\n }\n }\n for (var key in dataset) {\n if (dataset[key] === 'false') dataset[key] = false;else if (dataset[key] === 'true') dataset[key] = true;else if (parseFloat(dataset[key]) === dataset[key] * 1) dataset[key] *= 1;\n }\n return dataset;\n}\nfunction val(value) {\n if (typeof value === 'undefined') {\n // get value\n var el = this[0];\n if (!el) return undefined;\n if (el.multiple && el.nodeName.toLowerCase() === 'select') {\n var values = [];\n for (var i = 0; i < el.selectedOptions.length; i += 1) {\n values.push(el.selectedOptions[i].value);\n }\n return values;\n }\n return el.value;\n } // set value\n\n for (var _i = 0; _i < this.length; _i += 1) {\n var _el = this[_i];\n if (Array.isArray(value) && _el.multiple && _el.nodeName.toLowerCase() === 'select') {\n for (var j = 0; j < _el.options.length; j += 1) {\n _el.options[j].selected = value.indexOf(_el.options[j].value) >= 0;\n }\n } else {\n _el.value = value;\n }\n }\n return this;\n}\nfunction value(value) {\n return this.val(value);\n}\nfunction transform(transform) {\n for (var i = 0; i < this.length; i += 1) {\n this[i].style.transform = transform;\n }\n return this;\n}\nfunction transition(duration) {\n for (var i = 0; i < this.length; i += 1) {\n this[i].style.transitionDuration = typeof duration !== 'string' ? duration + \"ms\" : duration;\n }\n return this;\n}\nfunction on() {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n var eventType = args[0],\n targetSelector = args[1],\n listener = args[2],\n capture = args[3];\n if (typeof args[1] === 'function') {\n eventType = args[0];\n listener = args[1];\n capture = args[2];\n targetSelector = undefined;\n }\n if (!capture) capture = false;\n function handleLiveEvent(e) {\n var target = e.target;\n if (!target) return;\n var eventData = e.target.dom7EventData || [];\n if (eventData.indexOf(e) < 0) {\n eventData.unshift(e);\n }\n if ($(target).is(targetSelector)) listener.apply(target, eventData);else {\n var _parents = $(target).parents(); // eslint-disable-line\n\n for (var k = 0; k < _parents.length; k += 1) {\n if ($(_parents[k]).is(targetSelector)) listener.apply(_parents[k], eventData);\n }\n }\n }\n function handleEvent(e) {\n var eventData = e && e.target ? e.target.dom7EventData || [] : [];\n if (eventData.indexOf(e) < 0) {\n eventData.unshift(e);\n }\n listener.apply(this, eventData);\n }\n var events = eventType.split(' ');\n var j;\n for (var i = 0; i < this.length; i += 1) {\n var el = this[i];\n if (!targetSelector) {\n for (j = 0; j < events.length; j += 1) {\n var event = events[j];\n if (!el.dom7Listeners) el.dom7Listeners = {};\n if (!el.dom7Listeners[event]) el.dom7Listeners[event] = [];\n el.dom7Listeners[event].push({\n listener: listener,\n proxyListener: handleEvent\n });\n el.addEventListener(event, handleEvent, capture);\n }\n } else {\n // Live events\n for (j = 0; j < events.length; j += 1) {\n var _event = events[j];\n if (!el.dom7LiveListeners) el.dom7LiveListeners = {};\n if (!el.dom7LiveListeners[_event]) el.dom7LiveListeners[_event] = [];\n el.dom7LiveListeners[_event].push({\n listener: listener,\n proxyListener: handleLiveEvent\n });\n el.addEventListener(_event, handleLiveEvent, capture);\n }\n }\n }\n return this;\n}\nfunction off() {\n for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {\n args[_key6] = arguments[_key6];\n }\n var eventType = args[0],\n targetSelector = args[1],\n listener = args[2],\n capture = args[3];\n if (typeof args[1] === 'function') {\n eventType = args[0];\n listener = args[1];\n capture = args[2];\n targetSelector = undefined;\n }\n if (!capture) capture = false;\n var events = eventType.split(' ');\n for (var i = 0; i < events.length; i += 1) {\n var event = events[i];\n for (var j = 0; j < this.length; j += 1) {\n var el = this[j];\n var handlers = void 0;\n if (!targetSelector && el.dom7Listeners) {\n handlers = el.dom7Listeners[event];\n } else if (targetSelector && el.dom7LiveListeners) {\n handlers = el.dom7LiveListeners[event];\n }\n if (handlers && handlers.length) {\n for (var k = handlers.length - 1; k >= 0; k -= 1) {\n var handler = handlers[k];\n if (listener && handler.listener === listener) {\n el.removeEventListener(event, handler.proxyListener, capture);\n handlers.splice(k, 1);\n } else if (listener && handler.listener && handler.listener.dom7proxy && handler.listener.dom7proxy === listener) {\n el.removeEventListener(event, handler.proxyListener, capture);\n handlers.splice(k, 1);\n } else if (!listener) {\n el.removeEventListener(event, handler.proxyListener, capture);\n handlers.splice(k, 1);\n }\n }\n }\n }\n }\n return this;\n}\nfunction once() {\n var dom = this;\n for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n args[_key7] = arguments[_key7];\n }\n var eventName = args[0],\n targetSelector = args[1],\n listener = args[2],\n capture = args[3];\n if (typeof args[1] === 'function') {\n eventName = args[0];\n listener = args[1];\n capture = args[2];\n targetSelector = undefined;\n }\n function onceHandler() {\n for (var _len8 = arguments.length, eventArgs = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {\n eventArgs[_key8] = arguments[_key8];\n }\n listener.apply(this, eventArgs);\n dom.off(eventName, targetSelector, onceHandler, capture);\n if (onceHandler.dom7proxy) {\n delete onceHandler.dom7proxy;\n }\n }\n onceHandler.dom7proxy = listener;\n return dom.on(eventName, targetSelector, onceHandler, capture);\n}\nfunction trigger() {\n var window = getWindow();\n for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {\n args[_key9] = arguments[_key9];\n }\n var events = args[0].split(' ');\n var eventData = args[1];\n for (var i = 0; i < events.length; i += 1) {\n var event = events[i];\n for (var j = 0; j < this.length; j += 1) {\n var el = this[j];\n if (window.CustomEvent) {\n var evt = new window.CustomEvent(event, {\n detail: eventData,\n bubbles: true,\n cancelable: true\n });\n el.dom7EventData = args.filter(function (data, dataIndex) {\n return dataIndex > 0;\n });\n el.dispatchEvent(evt);\n el.dom7EventData = [];\n delete el.dom7EventData;\n }\n }\n }\n return this;\n}\nfunction transitionEnd(callback) {\n var dom = this;\n function fireCallBack(e) {\n if (e.target !== this) return;\n callback.call(this, e);\n dom.off('transitionend', fireCallBack);\n }\n if (callback) {\n dom.on('transitionend', fireCallBack);\n }\n return this;\n}\nfunction animationEnd(callback) {\n var dom = this;\n function fireCallBack(e) {\n if (e.target !== this) return;\n callback.call(this, e);\n dom.off('animationend', fireCallBack);\n }\n if (callback) {\n dom.on('animationend', fireCallBack);\n }\n return this;\n}\nfunction width() {\n var window = getWindow();\n if (this[0] === window) {\n return window.innerWidth;\n }\n if (this.length > 0) {\n return parseFloat(this.css('width'));\n }\n return null;\n}\nfunction outerWidth(includeMargins) {\n if (this.length > 0) {\n if (includeMargins) {\n var _styles = this.styles();\n return this[0].offsetWidth + parseFloat(_styles.getPropertyValue('margin-right')) + parseFloat(_styles.getPropertyValue('margin-left'));\n }\n return this[0].offsetWidth;\n }\n return null;\n}\nfunction height() {\n var window = getWindow();\n if (this[0] === window) {\n return window.innerHeight;\n }\n if (this.length > 0) {\n return parseFloat(this.css('height'));\n }\n return null;\n}\nfunction outerHeight(includeMargins) {\n if (this.length > 0) {\n if (includeMargins) {\n var _styles2 = this.styles();\n return this[0].offsetHeight + parseFloat(_styles2.getPropertyValue('margin-top')) + parseFloat(_styles2.getPropertyValue('margin-bottom'));\n }\n return this[0].offsetHeight;\n }\n return null;\n}\nfunction offset() {\n if (this.length > 0) {\n var window = getWindow();\n var document = getDocument();\n var el = this[0];\n var box = el.getBoundingClientRect();\n var body = document.body;\n var clientTop = el.clientTop || body.clientTop || 0;\n var clientLeft = el.clientLeft || body.clientLeft || 0;\n var scrollTop = el === window ? window.scrollY : el.scrollTop;\n var scrollLeft = el === window ? window.scrollX : el.scrollLeft;\n return {\n top: box.top + scrollTop - clientTop,\n left: box.left + scrollLeft - clientLeft\n };\n }\n return null;\n}\nfunction hide() {\n for (var i = 0; i < this.length; i += 1) {\n this[i].style.display = 'none';\n }\n return this;\n}\nfunction show() {\n var window = getWindow();\n for (var i = 0; i < this.length; i += 1) {\n var el = this[i];\n if (el.style.display === 'none') {\n el.style.display = '';\n }\n if (window.getComputedStyle(el, null).getPropertyValue('display') === 'none') {\n // Still not visible\n el.style.display = 'block';\n }\n }\n return this;\n}\nfunction styles() {\n var window = getWindow();\n if (this[0]) return window.getComputedStyle(this[0], null);\n return {};\n}\nfunction css(props, value) {\n var window = getWindow();\n var i;\n if (arguments.length === 1) {\n if (typeof props === 'string') {\n // .css('width')\n if (this[0]) return window.getComputedStyle(this[0], null).getPropertyValue(props);\n } else {\n // .css({ width: '100px' })\n for (i = 0; i < this.length; i += 1) {\n for (var _prop in props) {\n this[i].style[_prop] = props[_prop];\n }\n }\n return this;\n }\n }\n if (arguments.length === 2 && typeof props === 'string') {\n // .css('width', '100px')\n for (i = 0; i < this.length; i += 1) {\n this[i].style[props] = value;\n }\n return this;\n }\n return this;\n}\nfunction each(callback) {\n if (!callback) return this;\n this.forEach(function (el, index) {\n callback.apply(el, [el, index]);\n });\n return this;\n}\nfunction filter(callback) {\n var result = arrayFilter(this, callback);\n return $(result);\n}\nfunction html(html) {\n if (typeof html === 'undefined') {\n return this[0] ? this[0].innerHTML : null;\n }\n for (var i = 0; i < this.length; i += 1) {\n this[i].innerHTML = html;\n }\n return this;\n}\nfunction text(text) {\n if (typeof text === 'undefined') {\n return this[0] ? this[0].textContent.trim() : null;\n }\n for (var i = 0; i < this.length; i += 1) {\n this[i].textContent = text;\n }\n return this;\n}\nfunction is(selector) {\n var window = getWindow();\n var document = getDocument();\n var el = this[0];\n var compareWith;\n var i;\n if (!el || typeof selector === 'undefined') return false;\n if (typeof selector === 'string') {\n if (el.matches) return el.matches(selector);\n if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);\n if (el.msMatchesSelector) return el.msMatchesSelector(selector);\n compareWith = $(selector);\n for (i = 0; i < compareWith.length; i += 1) {\n if (compareWith[i] === el) return true;\n }\n return false;\n }\n if (selector === document) {\n return el === document;\n }\n if (selector === window) {\n return el === window;\n }\n if (selector.nodeType || selector instanceof Dom7) {\n compareWith = selector.nodeType ? [selector] : selector;\n for (i = 0; i < compareWith.length; i += 1) {\n if (compareWith[i] === el) return true;\n }\n return false;\n }\n return false;\n}\nfunction index() {\n var child = this[0];\n var i;\n if (child) {\n i = 0; // eslint-disable-next-line\n\n while ((child = child.previousSibling) !== null) {\n if (child.nodeType === 1) i += 1;\n }\n return i;\n }\n return undefined;\n}\nfunction eq(index) {\n if (typeof index === 'undefined') return this;\n var length = this.length;\n if (index > length - 1) {\n return $([]);\n }\n if (index < 0) {\n var returnIndex = length + index;\n if (returnIndex < 0) return $([]);\n return $([this[returnIndex]]);\n }\n return $([this[index]]);\n}\nfunction append() {\n var newChild;\n var document = getDocument();\n for (var k = 0; k < arguments.length; k += 1) {\n newChild = k < 0 || arguments.length <= k ? undefined : arguments[k];\n for (var i = 0; i < this.length; i += 1) {\n if (typeof newChild === 'string') {\n var tempDiv = document.createElement('div');\n tempDiv.innerHTML = newChild;\n while (tempDiv.firstChild) {\n this[i].appendChild(tempDiv.firstChild);\n }\n } else if (newChild instanceof Dom7) {\n for (var j = 0; j < newChild.length; j += 1) {\n this[i].appendChild(newChild[j]);\n }\n } else {\n this[i].appendChild(newChild);\n }\n }\n }\n return this;\n}\nfunction appendTo(parent) {\n $(parent).append(this);\n return this;\n}\nfunction prepend(newChild) {\n var document = getDocument();\n var i;\n var j;\n for (i = 0; i < this.length; i += 1) {\n if (typeof newChild === 'string') {\n var tempDiv = document.createElement('div');\n tempDiv.innerHTML = newChild;\n for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) {\n this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]);\n }\n } else if (newChild instanceof Dom7) {\n for (j = 0; j < newChild.length; j += 1) {\n this[i].insertBefore(newChild[j], this[i].childNodes[0]);\n }\n } else {\n this[i].insertBefore(newChild, this[i].childNodes[0]);\n }\n }\n return this;\n}\nfunction prependTo(parent) {\n $(parent).prepend(this);\n return this;\n}\nfunction insertBefore(selector) {\n var before = $(selector);\n for (var i = 0; i < this.length; i += 1) {\n if (before.length === 1) {\n before[0].parentNode.insertBefore(this[i], before[0]);\n } else if (before.length > 1) {\n for (var j = 0; j < before.length; j += 1) {\n before[j].parentNode.insertBefore(this[i].cloneNode(true), before[j]);\n }\n }\n }\n}\nfunction insertAfter(selector) {\n var after = $(selector);\n for (var i = 0; i < this.length; i += 1) {\n if (after.length === 1) {\n after[0].parentNode.insertBefore(this[i], after[0].nextSibling);\n } else if (after.length > 1) {\n for (var j = 0; j < after.length; j += 1) {\n after[j].parentNode.insertBefore(this[i].cloneNode(true), after[j].nextSibling);\n }\n }\n }\n}\nfunction next(selector) {\n if (this.length > 0) {\n if (selector) {\n if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) {\n return $([this[0].nextElementSibling]);\n }\n return $([]);\n }\n if (this[0].nextElementSibling) return $([this[0].nextElementSibling]);\n return $([]);\n }\n return $([]);\n}\nfunction nextAll(selector) {\n var nextEls = [];\n var el = this[0];\n if (!el) return $([]);\n while (el.nextElementSibling) {\n var _next = el.nextElementSibling; // eslint-disable-line\n\n if (selector) {\n if ($(_next).is(selector)) nextEls.push(_next);\n } else nextEls.push(_next);\n el = _next;\n }\n return $(nextEls);\n}\nfunction prev(selector) {\n if (this.length > 0) {\n var el = this[0];\n if (selector) {\n if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) {\n return $([el.previousElementSibling]);\n }\n return $([]);\n }\n if (el.previousElementSibling) return $([el.previousElementSibling]);\n return $([]);\n }\n return $([]);\n}\nfunction prevAll(selector) {\n var prevEls = [];\n var el = this[0];\n if (!el) return $([]);\n while (el.previousElementSibling) {\n var _prev = el.previousElementSibling; // eslint-disable-line\n\n if (selector) {\n if ($(_prev).is(selector)) prevEls.push(_prev);\n } else prevEls.push(_prev);\n el = _prev;\n }\n return $(prevEls);\n}\nfunction siblings(selector) {\n return this.nextAll(selector).add(this.prevAll(selector));\n}\nfunction parent(selector) {\n var parents = []; // eslint-disable-line\n\n for (var i = 0; i < this.length; i += 1) {\n if (this[i].parentNode !== null) {\n if (selector) {\n if ($(this[i].parentNode).is(selector)) parents.push(this[i].parentNode);\n } else {\n parents.push(this[i].parentNode);\n }\n }\n }\n return $(parents);\n}\nfunction parents(selector) {\n var parents = []; // eslint-disable-line\n\n for (var i = 0; i < this.length; i += 1) {\n var _parent = this[i].parentNode; // eslint-disable-line\n\n while (_parent) {\n if (selector) {\n if ($(_parent).is(selector)) parents.push(_parent);\n } else {\n parents.push(_parent);\n }\n _parent = _parent.parentNode;\n }\n }\n return $(parents);\n}\nfunction closest(selector) {\n var closest = this; // eslint-disable-line\n\n if (typeof selector === 'undefined') {\n return $([]);\n }\n if (!closest.is(selector)) {\n closest = closest.parents(selector).eq(0);\n }\n return closest;\n}\nfunction find(selector) {\n var foundElements = [];\n for (var i = 0; i < this.length; i += 1) {\n var found = this[i].querySelectorAll(selector);\n for (var j = 0; j < found.length; j += 1) {\n foundElements.push(found[j]);\n }\n }\n return $(foundElements);\n}\nfunction children(selector) {\n var children = []; // eslint-disable-line\n\n for (var i = 0; i < this.length; i += 1) {\n var childNodes = this[i].children;\n for (var j = 0; j < childNodes.length; j += 1) {\n if (!selector || $(childNodes[j]).is(selector)) {\n children.push(childNodes[j]);\n }\n }\n }\n return $(children);\n}\nfunction remove() {\n for (var i = 0; i < this.length; i += 1) {\n if (this[i].parentNode) this[i].parentNode.removeChild(this[i]);\n }\n return this;\n}\nfunction detach() {\n return this.remove();\n}\nfunction add() {\n var dom = this;\n var i;\n var j;\n for (var _len10 = arguments.length, els = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {\n els[_key10] = arguments[_key10];\n }\n for (i = 0; i < els.length; i += 1) {\n var toAdd = $(els[i]);\n for (j = 0; j < toAdd.length; j += 1) {\n dom.push(toAdd[j]);\n }\n }\n return dom;\n}\nfunction empty() {\n for (var i = 0; i < this.length; i += 1) {\n var el = this[i];\n if (el.nodeType === 1) {\n for (var j = 0; j < el.childNodes.length; j += 1) {\n if (el.childNodes[j].parentNode) {\n el.childNodes[j].parentNode.removeChild(el.childNodes[j]);\n }\n }\n el.textContent = '';\n }\n }\n return this;\n}\nfunction scrollTo() {\n var window = getWindow();\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n var left = args[0],\n top = args[1],\n duration = args[2],\n easing = args[3],\n callback = args[4];\n if (args.length === 4 && typeof easing === 'function') {\n callback = easing;\n left = args[0];\n top = args[1];\n duration = args[2];\n callback = args[3];\n easing = args[4];\n }\n if (typeof easing === 'undefined') easing = 'swing';\n return this.each(function animate() {\n var el = this;\n var currentTop;\n var currentLeft;\n var maxTop;\n var maxLeft;\n var newTop;\n var newLeft;\n var scrollTop; // eslint-disable-line\n\n var scrollLeft; // eslint-disable-line\n\n var animateTop = top > 0 || top === 0;\n var animateLeft = left > 0 || left === 0;\n if (typeof easing === 'undefined') {\n easing = 'swing';\n }\n if (animateTop) {\n currentTop = el.scrollTop;\n if (!duration) {\n el.scrollTop = top;\n }\n }\n if (animateLeft) {\n currentLeft = el.scrollLeft;\n if (!duration) {\n el.scrollLeft = left;\n }\n }\n if (!duration) return;\n if (animateTop) {\n maxTop = el.scrollHeight - el.offsetHeight;\n newTop = Math.max(Math.min(top, maxTop), 0);\n }\n if (animateLeft) {\n maxLeft = el.scrollWidth - el.offsetWidth;\n newLeft = Math.max(Math.min(left, maxLeft), 0);\n }\n var startTime = null;\n if (animateTop && newTop === currentTop) animateTop = false;\n if (animateLeft && newLeft === currentLeft) animateLeft = false;\n function render(time) {\n if (time === void 0) {\n time = new Date().getTime();\n }\n if (startTime === null) {\n startTime = time;\n }\n var progress = Math.max(Math.min((time - startTime) / duration, 1), 0);\n var easeProgress = easing === 'linear' ? progress : 0.5 - Math.cos(progress * Math.PI) / 2;\n var done;\n if (animateTop) scrollTop = currentTop + easeProgress * (newTop - currentTop);\n if (animateLeft) scrollLeft = currentLeft + easeProgress * (newLeft - currentLeft);\n if (animateTop && newTop > currentTop && scrollTop >= newTop) {\n el.scrollTop = newTop;\n done = true;\n }\n if (animateTop && newTop < currentTop && scrollTop <= newTop) {\n el.scrollTop = newTop;\n done = true;\n }\n if (animateLeft && newLeft > currentLeft && scrollLeft >= newLeft) {\n el.scrollLeft = newLeft;\n done = true;\n }\n if (animateLeft && newLeft < currentLeft && scrollLeft <= newLeft) {\n el.scrollLeft = newLeft;\n done = true;\n }\n if (done) {\n if (callback) callback();\n return;\n }\n if (animateTop) el.scrollTop = scrollTop;\n if (animateLeft) el.scrollLeft = scrollLeft;\n window.requestAnimationFrame(render);\n }\n window.requestAnimationFrame(render);\n });\n} // scrollTop(top, duration, easing, callback) {\n\nfunction scrollTop() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n var top = args[0],\n duration = args[1],\n easing = args[2],\n callback = args[3];\n if (args.length === 3 && typeof easing === 'function') {\n top = args[0];\n duration = args[1];\n callback = args[2];\n easing = args[3];\n }\n var dom = this;\n if (typeof top === 'undefined') {\n if (dom.length > 0) return dom[0].scrollTop;\n return null;\n }\n return dom.scrollTo(undefined, top, duration, easing, callback);\n}\nfunction scrollLeft() {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n var left = args[0],\n duration = args[1],\n easing = args[2],\n callback = args[3];\n if (args.length === 3 && typeof easing === 'function') {\n left = args[0];\n duration = args[1];\n callback = args[2];\n easing = args[3];\n }\n var dom = this;\n if (typeof left === 'undefined') {\n if (dom.length > 0) return dom[0].scrollLeft;\n return null;\n }\n return dom.scrollTo(left, undefined, duration, easing, callback);\n}\nfunction animate(initialProps, initialParams) {\n var window = getWindow();\n var els = this;\n var a = {\n props: Object.assign({}, initialProps),\n params: Object.assign({\n duration: 300,\n easing: 'swing' // or 'linear'\n\n /* Callbacks\n begin(elements)\n complete(elements)\n progress(elements, complete, remaining, start, tweenValue)\n */\n }, initialParams),\n elements: els,\n animating: false,\n que: [],\n easingProgress: function easingProgress(easing, progress) {\n if (easing === 'swing') {\n return 0.5 - Math.cos(progress * Math.PI) / 2;\n }\n if (typeof easing === 'function') {\n return easing(progress);\n }\n return progress;\n },\n stop: function stop() {\n if (a.frameId) {\n window.cancelAnimationFrame(a.frameId);\n }\n a.animating = false;\n a.elements.each(function (el) {\n var element = el;\n delete element.dom7AnimateInstance;\n });\n a.que = [];\n },\n done: function done(complete) {\n a.animating = false;\n a.elements.each(function (el) {\n var element = el;\n delete element.dom7AnimateInstance;\n });\n if (complete) complete(els);\n if (a.que.length > 0) {\n var que = a.que.shift();\n a.animate(que[0], que[1]);\n }\n },\n animate: function animate(props, params) {\n if (a.animating) {\n a.que.push([props, params]);\n return a;\n }\n var elements = []; // Define & Cache Initials & Units\n\n a.elements.each(function (el, index) {\n var initialFullValue;\n var initialValue;\n var unit;\n var finalValue;\n var finalFullValue;\n if (!el.dom7AnimateInstance) a.elements[index].dom7AnimateInstance = a;\n elements[index] = {\n container: el\n };\n Object.keys(props).forEach(function (prop) {\n initialFullValue = window.getComputedStyle(el, null).getPropertyValue(prop).replace(',', '.');\n initialValue = parseFloat(initialFullValue);\n unit = initialFullValue.replace(initialValue, '');\n finalValue = parseFloat(props[prop]);\n finalFullValue = props[prop] + unit;\n elements[index][prop] = {\n initialFullValue: initialFullValue,\n initialValue: initialValue,\n unit: unit,\n finalValue: finalValue,\n finalFullValue: finalFullValue,\n currentValue: initialValue\n };\n });\n });\n var startTime = null;\n var time;\n var elementsDone = 0;\n var propsDone = 0;\n var done;\n var began = false;\n a.animating = true;\n function render() {\n time = new Date().getTime();\n var progress;\n var easeProgress; // let el;\n\n if (!began) {\n began = true;\n if (params.begin) params.begin(els);\n }\n if (startTime === null) {\n startTime = time;\n }\n if (params.progress) {\n // eslint-disable-next-line\n params.progress(els, Math.max(Math.min((time - startTime) / params.duration, 1), 0), startTime + params.duration - time < 0 ? 0 : startTime + params.duration - time, startTime);\n }\n elements.forEach(function (element) {\n var el = element;\n if (done || el.done) return;\n Object.keys(props).forEach(function (prop) {\n if (done || el.done) return;\n progress = Math.max(Math.min((time - startTime) / params.duration, 1), 0);\n easeProgress = a.easingProgress(params.easing, progress);\n var _el$prop = el[prop],\n initialValue = _el$prop.initialValue,\n finalValue = _el$prop.finalValue,\n unit = _el$prop.unit;\n el[prop].currentValue = initialValue + easeProgress * (finalValue - initialValue);\n var currentValue = el[prop].currentValue;\n if (finalValue > initialValue && currentValue >= finalValue || finalValue < initialValue && currentValue <= finalValue) {\n el.container.style[prop] = finalValue + unit;\n propsDone += 1;\n if (propsDone === Object.keys(props).length) {\n el.done = true;\n elementsDone += 1;\n }\n if (elementsDone === elements.length) {\n done = true;\n }\n }\n if (done) {\n a.done(params.complete);\n return;\n }\n el.container.style[prop] = currentValue + unit;\n });\n });\n if (done) return; // Then call\n\n a.frameId = window.requestAnimationFrame(render);\n }\n a.frameId = window.requestAnimationFrame(render);\n return a;\n }\n };\n if (a.elements.length === 0) {\n return els;\n }\n var animateInstance;\n for (var i = 0; i < a.elements.length; i += 1) {\n if (a.elements[i].dom7AnimateInstance) {\n animateInstance = a.elements[i].dom7AnimateInstance;\n } else a.elements[i].dom7AnimateInstance = a;\n }\n if (!animateInstance) {\n animateInstance = a;\n }\n if (initialProps === 'stop') {\n animateInstance.stop();\n } else {\n animateInstance.animate(a.props, a.params);\n }\n return els;\n}\nfunction stop() {\n var els = this;\n for (var i = 0; i < els.length; i += 1) {\n if (els[i].dom7AnimateInstance) {\n els[i].dom7AnimateInstance.stop();\n }\n }\n}\nvar noTrigger = 'resize scroll'.split(' ');\nfunction shortcut(name) {\n function eventHandler() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (typeof args[0] === 'undefined') {\n for (var i = 0; i < this.length; i += 1) {\n if (noTrigger.indexOf(name) < 0) {\n if (name in this[i]) this[i][name]();else {\n $(this[i]).trigger(name);\n }\n }\n }\n return this;\n }\n return this.on.apply(this, [name].concat(args));\n }\n return eventHandler;\n}\nvar click = shortcut('click');\nvar blur = shortcut('blur');\nvar focus = shortcut('focus');\nvar focusin = shortcut('focusin');\nvar focusout = shortcut('focusout');\nvar keyup = shortcut('keyup');\nvar keydown = shortcut('keydown');\nvar keypress = shortcut('keypress');\nvar submit = shortcut('submit');\nvar change = shortcut('change');\nvar mousedown = shortcut('mousedown');\nvar mousemove = shortcut('mousemove');\nvar mouseup = shortcut('mouseup');\nvar mouseenter = shortcut('mouseenter');\nvar mouseleave = shortcut('mouseleave');\nvar mouseout = shortcut('mouseout');\nvar mouseover = shortcut('mouseover');\nvar touchstart = shortcut('touchstart');\nvar touchend = shortcut('touchend');\nvar touchmove = shortcut('touchmove');\nvar resize = shortcut('resize');\nvar scroll = shortcut('scroll');\nexport default $;\nexport { $, add, addClass, animate, animationEnd, append, appendTo, attr, blur, change, children, click, closest, css, data, dataset, detach, each, empty, eq, filter, find, focus, focusin, focusout, hasClass, height, hide, html, index, insertAfter, insertBefore, is, keydown, keypress, keyup, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, next, nextAll, off, offset, on, once, outerHeight, outerWidth, parent, parents, prepend, prependTo, prev, prevAll, prop, remove, removeAttr, removeClass, removeData, resize, scroll, scrollLeft, scrollTo, scrollTop, show, siblings, stop, styles, submit, text, toggleClass, touchend, touchmove, touchstart, transform, transition, transitionEnd, trigger, val, value, width };","import { $, addClass, removeClass, hasClass, toggleClass, attr, removeAttr, transform, transition, on, off, trigger, transitionEnd, outerWidth, outerHeight, styles, offset, css, each, html, text, is, index, eq, append, prepend, next, nextAll, prev, prevAll, parent, parents, closest, find, children, filter, remove } from 'dom7';\nvar Methods = {\n addClass: addClass,\n removeClass: removeClass,\n hasClass: hasClass,\n toggleClass: toggleClass,\n attr: attr,\n removeAttr: removeAttr,\n transform: transform,\n transition: transition,\n on: on,\n off: off,\n trigger: trigger,\n transitionEnd: transitionEnd,\n outerWidth: outerWidth,\n outerHeight: outerHeight,\n styles: styles,\n offset: offset,\n css: css,\n each: each,\n html: html,\n text: text,\n is: is,\n index: index,\n eq: eq,\n append: append,\n prepend: prepend,\n next: next,\n nextAll: nextAll,\n prev: prev,\n prevAll: prevAll,\n parent: parent,\n parents: parents,\n closest: closest,\n find: find,\n children: children,\n filter: filter,\n remove: remove\n};\nObject.keys(Methods).forEach(function (methodName) {\n Object.defineProperty($.fn, methodName, {\n value: Methods[methodName],\n writable: true\n });\n});\nexport default $;","function findAncestor(target, className) {\n let ref = target.parentElement, limit = 10, loop = 0;\n while (true) {\n loop++;\n if (ref.classList.contains(className)) {\n return ref;\n }\n if (loop >= limit) {\n break;\n }\n ref = ref.parentElement;\n }\n return false;\n}\n\nconst dom = {\n findAncestor: findAncestor,\n}\n\nexport default dom;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.NextArrow = exports.PrevArrow = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nvar PrevArrow = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(PrevArrow, _React$PureComponent);\n var _super = _createSuper(PrevArrow);\n function PrevArrow() {\n _classCallCheck(this, PrevArrow);\n return _super.apply(this, arguments);\n }\n _createClass(PrevArrow, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n if (e) {\n e.preventDefault();\n }\n this.props.clickHandler(options, e);\n }\n }, {\n key: \"render\",\n value: function render() {\n var prevClasses = {\n \"slick-arrow\": true,\n \"slick-prev\": true\n };\n var prevHandler = this.clickHandler.bind(this, {\n message: \"previous\"\n });\n if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {\n prevClasses[\"slick-disabled\"] = true;\n prevHandler = null;\n }\n var prevArrowProps = {\n key: \"0\",\n \"data-role\": \"none\",\n className: (0, _classnames[\"default\"])(prevClasses),\n style: {\n display: \"block\"\n },\n onClick: prevHandler\n };\n var customProps = {\n currentSlide: this.props.currentSlide,\n slideCount: this.props.slideCount\n };\n var prevArrow;\n if (this.props.prevArrow) {\n prevArrow = /*#__PURE__*/_react[\"default\"].cloneElement(this.props.prevArrow, _objectSpread(_objectSpread({}, prevArrowProps), customProps));\n } else {\n prevArrow = /*#__PURE__*/_react[\"default\"].createElement(\"button\", _extends({\n key: \"0\",\n type: \"button\"\n }, prevArrowProps), \" \", \"Previous\");\n }\n return prevArrow;\n }\n }]);\n return PrevArrow;\n}(_react[\"default\"].PureComponent);\nexports.PrevArrow = PrevArrow;\nvar NextArrow = /*#__PURE__*/function (_React$PureComponent2) {\n _inherits(NextArrow, _React$PureComponent2);\n var _super2 = _createSuper(NextArrow);\n function NextArrow() {\n _classCallCheck(this, NextArrow);\n return _super2.apply(this, arguments);\n }\n _createClass(NextArrow, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n if (e) {\n e.preventDefault();\n }\n this.props.clickHandler(options, e);\n }\n }, {\n key: \"render\",\n value: function render() {\n var nextClasses = {\n \"slick-arrow\": true,\n \"slick-next\": true\n };\n var nextHandler = this.clickHandler.bind(this, {\n message: \"next\"\n });\n if (!(0, _innerSliderUtils.canGoNext)(this.props)) {\n nextClasses[\"slick-disabled\"] = true;\n nextHandler = null;\n }\n var nextArrowProps = {\n key: \"1\",\n \"data-role\": \"none\",\n className: (0, _classnames[\"default\"])(nextClasses),\n style: {\n display: \"block\"\n },\n onClick: nextHandler\n };\n var customProps = {\n currentSlide: this.props.currentSlide,\n slideCount: this.props.slideCount\n };\n var nextArrow;\n if (this.props.nextArrow) {\n nextArrow = /*#__PURE__*/_react[\"default\"].cloneElement(this.props.nextArrow, _objectSpread(_objectSpread({}, nextArrowProps), customProps));\n } else {\n nextArrow = /*#__PURE__*/_react[\"default\"].createElement(\"button\", _extends({\n key: \"1\",\n type: \"button\"\n }, nextArrowProps), \" \", \"Next\");\n }\n return nextArrow;\n }\n }]);\n return NextArrow;\n}(_react[\"default\"].PureComponent);\nexports.NextArrow = NextArrow;","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Icon from \"../components/Icon\"\nimport Text from '../components/Text';\nimport Module from '../components/Module';\nimport { Container, Grid, Box, Hidden, IconButton, Dialog, AppBar, Toolbar, useMediaQuery } from '@material-ui/core';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport Button from \"../components/Button\"\nimport Parallax from \"../components/Parallax\"\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\nimport FluidImage from '../components/FluidImage';\n\nconst parallaxHeight = '35vh'\nconst useStyles = makeStyles(theme => ({\n heroBannerContainer: {\n position: \"relative\",\n minHeight: \"35vh\",\n display: \"flex\",\n alignItems: \"center\",\n },\n parallax: {\n position: \"absolute\",\n [theme.breakpoints.down(\"sm\")]: {\n height: \"100vh\", // FIX ** full extension for mobile\n },\n },\n contentContainer: {\n display: \"flex\",\n width: \"100%\",\n marginTop: 65, // Header\n flexDirection: \"column\", \n justifyContent: \"center\",\n padding: theme.spacing(0, 30, 0, 30),\n textAlign: \"center\",\n zIndex: 1,\n [theme.breakpoints.down(\"sm\")]: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n '& .title + .subtitle': {\n marginTop: theme.spacing(4),\n },\n '& .subtitle': theme.text.bodyM,\n '& .logo img': {\n maxWidth: 400\n }\n },\n}))\n\nconst GenericTopBannerModule = props => {\n\n const { logo, title, title_color, subtitle, image, image_mobile } = props; \n const classes = useStyles()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n const moduleRef = React.useRef(null);\n\n return (\n \n \n \n
\n \n\n { logo.field_value && (\n \n
\n \n ) }\n\n { title.field_value && (\n \n {title.field_value}\n \n )}\n\n { subtitle.field_value && (\n \n \n
\n \n )\n\n};\n\nexport default GenericTopBannerModule;\n\nGenericTopBannerModule.defaultProps = {\n logo: {\n field_type: \"image\",\n field_value: null\n },\n title: {\n field_type: \"text\",\n field_value: \"\"\n },\n title_color: {\n field_type: \"select\",\n field_value: \"\"\n }, \n subtitle: {\n field_type: \"wysiwyg\",\n field_value: \"\"\n },\n image: {\n field_type: \"image\",\n field_value: null\n },\n image_mobile: {\n field_type: \"image\",\n field_value: null\n }, \n};\n\nGenericTopBannerModule.propTypes = {\n title: PropTypes.object,\n logo: PropTypes.object,\n title: PropTypes.object,\n title_color: PropTypes.object,\n subtitle: PropTypes.object,\n image: PropTypes.object,\n image_mobile: PropTypes.object,\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n padding: theme.spacing(1, 2, 2)\n }\n };\n};\nvar AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(props, ref) {\n var classes = props.classes,\n className = props.className,\n other = _objectWithoutProperties(props, [\"classes\", \"className\"]);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiAccordionDetails'\n})(AccordionDetails);","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://player.vimeo.com/api/player.js';\nvar SDK_GLOBAL = 'Vimeo';\nvar cleanUrl = function cleanUrl(url) {\n return url.replace('/manage/videos', '');\n};\nvar Vimeo = /*#__PURE__*/function (_Component) {\n _inherits(Vimeo, _Component);\n var _super = _createSuper(Vimeo);\n function Vimeo() {\n var _this;\n _classCallCheck(this, Vimeo);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"duration\", null);\n _defineProperty(_assertThisInitialized(_this), \"currentTime\", null);\n _defineProperty(_assertThisInitialized(_this), \"secondsLoaded\", null);\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.setMuted(true);\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.setMuted(false);\n });\n _defineProperty(_assertThisInitialized(_this), \"ref\", function (container) {\n _this.container = container;\n });\n return _this;\n }\n _createClass(Vimeo, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url) {\n var _this2 = this;\n this.duration = null;\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function (Vimeo) {\n if (!_this2.container) return;\n var _this2$props$config = _this2.props.config,\n playerOptions = _this2$props$config.playerOptions,\n title = _this2$props$config.title;\n _this2.player = new Vimeo.Player(_this2.container, _objectSpread({\n url: cleanUrl(url),\n autoplay: _this2.props.playing,\n muted: _this2.props.muted,\n loop: _this2.props.loop,\n playsinline: _this2.props.playsinline,\n controls: _this2.props.controls\n }, playerOptions));\n _this2.player.ready().then(function () {\n var iframe = _this2.container.querySelector('iframe');\n iframe.style.width = '100%';\n iframe.style.height = '100%';\n if (title) {\n iframe.title = title;\n }\n })[\"catch\"](_this2.props.onError);\n _this2.player.on('loaded', function () {\n _this2.props.onReady();\n _this2.refreshDuration();\n });\n _this2.player.on('play', function () {\n _this2.props.onPlay();\n _this2.refreshDuration();\n });\n _this2.player.on('pause', _this2.props.onPause);\n _this2.player.on('seeked', function (e) {\n return _this2.props.onSeek(e.seconds);\n });\n _this2.player.on('ended', _this2.props.onEnded);\n _this2.player.on('error', _this2.props.onError);\n _this2.player.on('timeupdate', function (_ref) {\n var seconds = _ref.seconds;\n _this2.currentTime = seconds;\n });\n _this2.player.on('progress', function (_ref2) {\n var seconds = _ref2.seconds;\n _this2.secondsLoaded = seconds;\n });\n _this2.player.on('bufferstart', _this2.props.onBuffer);\n _this2.player.on('bufferend', _this2.props.onBufferEnd);\n _this2.player.on('playbackratechange', function (e) {\n return _this2.props.onPlaybackRateChange(e.playbackRate);\n });\n }, this.props.onError);\n }\n }, {\n key: \"refreshDuration\",\n value: function refreshDuration() {\n var _this3 = this;\n this.player.getDuration().then(function (duration) {\n _this3.duration = duration;\n });\n }\n }, {\n key: \"play\",\n value: function play() {\n var promise = this.callPlayer('play');\n if (promise) {\n promise[\"catch\"](this.props.onError);\n }\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {\n this.callPlayer('unload');\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('setCurrentTime', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('setVolume', fraction);\n }\n }, {\n key: \"setMuted\",\n value: function setMuted(muted) {\n this.callPlayer('setMuted', muted);\n }\n }, {\n key: \"setLoop\",\n value: function setLoop(loop) {\n this.callPlayer('setLoop', loop);\n }\n }, {\n key: \"setPlaybackRate\",\n value: function setPlaybackRate(rate) {\n this.callPlayer('setPlaybackRate', rate);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.duration;\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.currentTime;\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return this.secondsLoaded;\n }\n }, {\n key: \"render\",\n value: function render() {\n var display = this.props.display;\n var style = {\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n display: display\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: this.props.url,\n ref: this.ref,\n style: style\n });\n }\n }]);\n return Vimeo;\n}(_react.Component);\nexports[\"default\"] = Vimeo;\n_defineProperty(Vimeo, \"displayName\", 'Vimeo');\n_defineProperty(Vimeo, \"canPlay\", _patterns.canPlay.vimeo);\n_defineProperty(Vimeo, \"forceLoad\", true);","// tpmt is two power minus ten times t scaled to [0,1]\nexport function tpmt(x) {\n return (Math.pow(2, -10 * x) - 0.0009765625) * 1.0009775171065494;\n}","import { tpmt } from \"./math.js\";\nexport function expIn(t) {\n return tpmt(1 - +t);\n}\nexport function expOut(t) {\n return 1 - tpmt(t);\n}\nexport function expInOut(t) {\n return ((t *= 2) <= 1 ? tpmt(1 - t) : 2 - tpmt(t - 1)) / 2;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n\n/* eslint-disable jsx-a11y/aria-role */\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport ButtonBase from '../ButtonBase';\nimport IconButton from '../IconButton';\nimport withStyles from '../styles/withStyles';\nimport AccordionContext from '../Accordion/AccordionContext';\nexport var styles = function styles(theme) {\n var transition = {\n duration: theme.transitions.duration.shortest\n };\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n minHeight: 8 * 6,\n transition: theme.transitions.create(['min-height', 'background-color'], transition),\n padding: theme.spacing(0, 2),\n '&:hover:not($disabled)': {\n cursor: 'pointer'\n },\n '&$expanded': {\n minHeight: 64\n },\n '&$focused, &$focusVisible': {\n backgroundColor: theme.palette.action.focus\n },\n '&$disabled': {\n opacity: theme.palette.action.disabledOpacity\n }\n },\n /* Pseudo-class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */\n expanded: {},\n /* Pseudo-class applied to the ButtonBase root element if the button is keyboard focused. */\n focused: {},\n /* Pseudo-class applied to the ButtonBase root element if the button is keyboard focused. */\n focusVisible: {},\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n /* Styles applied to the children wrapper element. */\n content: {\n display: 'flex',\n flexGrow: 1,\n transition: theme.transitions.create(['margin'], transition),\n margin: '12px 0',\n '&$expanded': {\n margin: '20px 0'\n }\n },\n /* Styles applied to the `IconButton` component when `expandIcon` is supplied. */\n expandIcon: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', transition),\n '&:hover': {\n // Disable the hover effect for the IconButton,\n // because a hover effect should apply to the entire Expand button and\n // not only to the IconButton.\n backgroundColor: 'transparent'\n },\n '&$expanded': {\n transform: 'rotate(180deg)'\n }\n }\n };\n};\nvar AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n expandIcon = props.expandIcon,\n focusVisibleClassName = props.focusVisibleClassName,\n _props$IconButtonProp = props.IconButtonProps,\n IconButtonProps = _props$IconButtonProp === void 0 ? {} : _props$IconButtonProp,\n onClick = props.onClick,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"expandIcon\", \"focusVisibleClassName\", \"IconButtonProps\", \"onClick\"]);\n var _React$useContext = React.useContext(AccordionContext),\n _React$useContext$dis = _React$useContext.disabled,\n disabled = _React$useContext$dis === void 0 ? false : _React$useContext$dis,\n expanded = _React$useContext.expanded,\n toggle = _React$useContext.toggle;\n var handleChange = function handleChange(event) {\n if (toggle) {\n toggle(event);\n }\n if (onClick) {\n onClick(event);\n }\n };\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n focusRipple: false,\n disableRipple: true,\n disabled: disabled,\n component: \"div\",\n \"aria-expanded\": expanded,\n className: clsx(classes.root, className, disabled && classes.disabled, expanded && classes.expanded),\n focusVisibleClassName: clsx(classes.focusVisible, classes.focused, focusVisibleClassName),\n onClick: handleChange,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.content, expanded && classes.expanded)\n }, children), expandIcon && /*#__PURE__*/React.createElement(IconButton, _extends({\n className: clsx(classes.expandIcon, expanded && classes.expanded),\n edge: \"end\",\n component: \"div\",\n tabIndex: null,\n role: null,\n \"aria-hidden\": true\n }, IconButtonProps), expandIcon));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiAccordionSummary'\n})(AccordionSummary);","module.exports = function load(src, opts, cb) {\n var head = document.head || document.getElementsByTagName('head')[0];\n var script = document.createElement('script');\n if (typeof opts === 'function') {\n cb = opts;\n opts = {};\n }\n opts = opts || {};\n cb = cb || function () {};\n script.type = opts.type || 'text/javascript';\n script.charset = opts.charset || 'utf8';\n script.async = 'async' in opts ? !!opts.async : true;\n script.src = src;\n if (opts.attrs) {\n setAttributes(script, opts.attrs);\n }\n if (opts.text) {\n script.text = '' + opts.text;\n }\n var onend = 'onload' in script ? stdOnEnd : ieOnEnd;\n onend(script, cb);\n\n // some good legacy browsers (firefox) fail the 'in' detection above\n // so as a fallback we always set onload\n // old IE will ignore this and new IE will set onload\n if (!script.onload) {\n stdOnEnd(script, cb);\n }\n head.appendChild(script);\n};\nfunction setAttributes(script, attrs) {\n for (var attr in attrs) {\n script.setAttribute(attr, attrs[attr]);\n }\n}\nfunction stdOnEnd(script, cb) {\n script.onload = function () {\n this.onerror = this.onload = null;\n cb(null, script);\n };\n script.onerror = function () {\n // this.onload = null here is necessary\n // because even IE9 works not like others\n this.onerror = this.onload = null;\n cb(new Error('Failed to load ' + this.src), script);\n };\n}\nfunction ieOnEnd(script, cb) {\n script.onreadystatechange = function () {\n if (this.readyState != 'complete' && this.readyState != 'loaded') return;\n this.onreadystatechange = null;\n cb(null, script); // there is no way to catch loading errors in IE8\n };\n}","var _excluded = [\"tag\", \"children\", \"className\", \"swiper\", \"zoom\", \"virtualIndex\"];\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nimport React, { useRef, useState, forwardRef } from 'react';\nimport { uniqueClasses } from './utils';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$tag = _ref.tag,\n Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n children = _ref.children,\n _ref$className = _ref.className,\n className = _ref$className === void 0 ? '' : _ref$className,\n swiper = _ref.swiper,\n zoom = _ref.zoom,\n virtualIndex = _ref.virtualIndex,\n rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n var slideElRef = useRef(null);\n var _useState = useState('swiper-slide'),\n slideClasses = _useState[0],\n setSlideClasses = _useState[1];\n function updateClasses(swiper, el, classNames) {\n if (el === slideElRef.current) {\n setSlideClasses(classNames);\n }\n }\n useIsomorphicLayoutEffect(function () {\n if (externalRef) {\n externalRef.current = slideElRef.current;\n }\n if (!slideElRef.current || !swiper) {\n return;\n }\n if (swiper.destroyed) {\n if (slideClasses !== 'swiper-slide') {\n setSlideClasses('swiper-slide');\n }\n return;\n }\n swiper.on('_slideClass', updateClasses); // eslint-disable-next-line\n\n return function () {\n if (!swiper) return;\n swiper.off('_slideClass', updateClasses);\n };\n });\n useIsomorphicLayoutEffect(function () {\n if (swiper && slideElRef.current) {\n setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n }\n }, [swiper]);\n var slideData;\n if (typeof children === 'function') {\n slideData = {\n isActive: slideClasses.indexOf('swiper-slide-active') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-active') >= 0,\n isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n isDuplicate: slideClasses.indexOf('swiper-slide-duplicate') >= 0,\n isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-prev') >= 0,\n isNext: slideClasses.indexOf('swiper-slide-next') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-next') >= 0\n };\n }\n var renderChildren = function renderChildren() {\n return typeof children === 'function' ? children(slideData) : children;\n };\n return /*#__PURE__*/React.createElement(Tag, _extends({\n ref: slideElRef,\n className: uniqueClasses(\"\" + slideClasses + (className ? \" \" + className : '')),\n \"data-swiper-slide-index\": virtualIndex\n }, rest), zoom ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"swiper-zoom-container\",\n \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n }, renderChildren()) : renderChildren());\n});\nSwiperSlide.displayName = 'SwiperSlide';\nexport { SwiperSlide };","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _slider = _interopRequireDefault(require(\"./slider\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nvar _default = _slider[\"default\"];\nexports[\"default\"] = _default;","import React, { useState } from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport Text from \"../components/Text\"\nimport Module from \"../components/Module\"\n\nconst useStyles = makeStyles(theme => ({\n SubscriptionOfferContainer: {\n backgroundColor: \"#fbfbfb\",\n paddingTop: 40,\n paddingBottom: 80,\n marginTop: \"80px !important\",\n [theme.breakpoints.down(\"sm\")]: {\n backgroundColor: \"transparent\",\n paddingBottom: 0,\n paddingTop: 0,\n marginTop: 32,\n },\n },\n container: {\n paddingLeft: 32,\n paddingRight: 32,\n },\n row: {\n width: \"100%\",\n },\n offerTitle: {\n fontSize: 40,\n fontWeight: \"600\",\n color: \"#662482\",\n paddingLeft: 16,\n paddingRight: 16,\n textAlign: \"center\",\n },\n px16: {\n paddingLeft: 16,\n paddingRight: 16,\n },\n offerContent: {\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: \"#fff\",\n },\n offerRows: {\n borderBottom: \"1px solid #ffbd08\",\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n textAlign: \"center\",\n },\n offerRowsCurrent: {\n backgroundColor: \"#fbfbfb\",\n color: \"#ffbd08\",\n border: \"1px solid #ffbd08\",\n borderBottomColor: \"transparent\",\n paddingBottom: 24,\n paddingTop: 24,\n flexBasis: \"50%\",\n maxWidth: \"50%\",\n cursor: \"pointer\",\n [theme.breakpoints.down(\"sm\")]: {\n backgroundColor: \"#ffd759\",\n border: \"1px solid #ffbd08\",\n borderBottomColor: \"transparent\",\n color: \"#fbfbfb\",\n transition: \"all .2s ease-out\",\n },\n },\n offerRowsField: {\n backgroundColor: \"transparent\",\n color: \"#d2d3d6\",\n border: \"1px solid #ffbd08\",\n borderBottomColor: \"transparent\",\n paddingBottom: 24,\n paddingTop: 24,\n flexBasis: \"50%\",\n maxWidth: \"50%\",\n cursor: \"pointer\",\n [theme.breakpoints.down(\"sm\")]: {\n backgroundColor: \"transparent\",\n border: \"1px solid #d2d3d6\",\n borderBottomColor: \"transparent\",\n color: \"#d2d3d6\",\n transition: \"all .2s ease-out\",\n },\n },\n offerTab: {\n fontSize: \"20px\",\n fontWeight: \"700\",\n lineHeight: \"1.14\",\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\n fontStyle: \"normal\",\n },\n offerContentFields: {\n border: \"1px solid #ffbd08\",\n wordWrap: \"break-word\",\n [theme.breakpoints.down(\"sm\")]: {\n borderTopColor: \"transparent\",\n },\n },\n containerFieldsOffer: {\n paddingBottom: 72,\n paddingTop: 72,\n [theme.breakpoints.down(\"sm\")]: {\n paddingTop: \"48px\",\n paddingBottom: \"0px\",\n },\n },\n rowFields: {\n display: \"flex\",\n flexWrap: \"wrap\",\n width: \"100%\",\n },\n colDescription: {\n flexBasis: \"33.3333333333%\",\n maxWidth: \"33.3333333333%\",\n [theme.breakpoints.down(\"sm\")]: {\n flexBasis: \"100%\",\n maxWidth: \"100%\",\n },\n },\n px64: {\n paddingLeft: 64,\n paddingRight: 64,\n marginBottom: 32,\n },\n offerBottomText: {\n lineHeight: \"1.11\",\n textAlign: \"center\",\n fontWeight: \"600\",\n paddingBottom: 48,\n fontSize: 18,\n },\n}))\n\nconst SubscriptionOfferModule = props => {\n const { title, primary, bottom_text } = props\n const [fieldCategory, setFieldCategory] = useState(0)\n const changeCategory = (category, title) => {\n if (fieldCategory === category) return\n setFieldCategory(category)\n }\n const classes = useStyles()\n return (\n \n \n
\n
\n
\n
{title.field_value} \n \n
\n
\n
\n
\n {primary.field_value.map((row, index) => {\n return (\n
\n changeCategory(\n index,\n row.field_value.title_tab.field_value\n )\n }\n className={\n index === fieldCategory\n ? classes.offerRowsCurrent\n : classes.offerRowsField\n }\n >\n \n {row.field_value.title_tab.field_value}\n \n \n )\n })}\n
\n
\n
\n {primary.field_value.map((item, index) => {\n if (index === fieldCategory) {\n return (\n
\n
\n
\n \n {\n item.field_value?.subtitle_first\n ?.field_value\n }\n \n \n
\n
\n
\n
\n \n {\n item.field_value.subtitle_second\n .field_value\n }\n \n \n
\n
\n
\n
\n \n {\n item.field_value.subtitle_third\n .field_value\n }\n \n \n
\n
\n
\n )\n }\n })}\n
\n {bottom_text.field_value && (\n
\n {bottom_text.field_value}\n
\n )}\n
\n
\n
\n
\n
\n
\n )\n}\n\nexport default SubscriptionOfferModule\n","'use strict';\n\nrequire(\"core-js/modules/es.array.reduce.js\");\nvar isMergeableObject = function isMergeableObject(value) {\n return isNonNullObject(value) && !isSpecial(value);\n};\nfunction isNonNullObject(value) {\n return !!value && typeof value === 'object';\n}\nfunction isSpecial(value) {\n var stringValue = Object.prototype.toString.call(value);\n return stringValue === '[object RegExp]' || stringValue === '[object Date]' || isReactElement(value);\n}\n\n// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\nfunction isReactElement(value) {\n return value.$$typeof === REACT_ELEMENT_TYPE;\n}\nfunction emptyTarget(val) {\n return Array.isArray(val) ? [] : {};\n}\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;\n}\nfunction defaultArrayMerge(target, source, options) {\n return target.concat(source).map(function (element) {\n return cloneUnlessOtherwiseSpecified(element, options);\n });\n}\nfunction getMergeFunction(key, options) {\n if (!options.customMerge) {\n return deepmerge;\n }\n var customMerge = options.customMerge(key);\n return typeof customMerge === 'function' ? customMerge : deepmerge;\n}\nfunction getEnumerableOwnPropertySymbols(target) {\n return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function (symbol) {\n return Object.propertyIsEnumerable.call(target, symbol);\n }) : [];\n}\nfunction getKeys(target) {\n return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));\n}\nfunction propertyIsOnObject(object, property) {\n try {\n return property in object;\n } catch (_) {\n return false;\n }\n}\n\n// Protects from prototype poisoning and unexpected merging up the prototype chain.\nfunction propertyIsUnsafe(target, key) {\n return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,\n && !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,\n && Object.propertyIsEnumerable.call(target, key)); // and also unsafe if they're nonenumerable.\n}\n\nfunction mergeObject(target, source, options) {\n var destination = {};\n if (options.isMergeableObject(target)) {\n getKeys(target).forEach(function (key) {\n destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n });\n }\n getKeys(source).forEach(function (key) {\n if (propertyIsUnsafe(target, key)) {\n return;\n }\n if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {\n destination[key] = getMergeFunction(key, options)(target[key], source[key], options);\n } else {\n destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n }\n });\n return destination;\n}\nfunction deepmerge(target, source, options) {\n options = options || {};\n options.arrayMerge = options.arrayMerge || defaultArrayMerge;\n options.isMergeableObject = options.isMergeableObject || isMergeableObject;\n // cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()\n // implementations can use it. The caller may not replace it.\n options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;\n var sourceIsArray = Array.isArray(source);\n var targetIsArray = Array.isArray(target);\n var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n if (!sourceAndTargetTypesMatch) {\n return cloneUnlessOtherwiseSpecified(source, options);\n } else if (sourceIsArray) {\n return options.arrayMerge(target, source, options);\n } else {\n return mergeObject(target, source, options);\n }\n}\ndeepmerge.all = function deepmergeAll(array, options) {\n if (!Array.isArray(array)) {\n throw new Error('first argument should be an array');\n }\n return array.reduce(function (prev, next) {\n return deepmerge(prev, next, options);\n }, {});\n};\nvar deepmerge_1 = deepmerge;\nmodule.exports = deepmerge_1;","import \"core-js/modules/es.array.sort.js\";\nimport * as React from 'react';\nimport { useEffect } from 'react';\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nvar observerMap = new Map();\nvar RootIds = new WeakMap();\nvar rootId = 0;\nvar unsupportedValue = undefined;\n/**\r\n * What should be the default behavior if the IntersectionObserver is unsupported?\r\n * Ideally the polyfill has been loaded, you can have the following happen:\r\n * - `undefined`: Throw an error\r\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\r\n * **/\n\nfunction defaultFallbackInView(inView) {\n unsupportedValue = inView;\n}\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n if (!root) return '0';\n if (RootIds.has(root)) return RootIds.get(root);\n rootId += 1;\n RootIds.set(root, rootId.toString());\n return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\nfunction optionsToId(options) {\n return Object.keys(options).sort().filter(function (key) {\n return options[key] !== undefined;\n }).map(function (key) {\n return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n }).toString();\n}\nfunction createObserver(options) {\n // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n var id = optionsToId(options);\n var instance = observerMap.get(id);\n if (!instance) {\n // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n var elements = new Map();\n var thresholds;\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n var _elements$get;\n\n // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n return entry.intersectionRatio >= threshold;\n }); // @ts-ignore support IntersectionObserver v2\n\n if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n // @ts-ignore\n entry.isVisible = inView;\n }\n (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n callback(inView, entry);\n });\n });\n }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n instance = {\n id: id,\n observer: observer,\n elements: elements\n };\n observerMap.set(id, instance);\n }\n return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @param fallbackInView - Fallback inView value.\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\nfunction observe(element, callback, options, fallbackInView) {\n if (options === void 0) {\n options = {};\n }\n if (fallbackInView === void 0) {\n fallbackInView = unsupportedValue;\n }\n if (typeof window.IntersectionObserver === 'undefined' && fallbackInView !== undefined) {\n var bounds = element.getBoundingClientRect();\n callback(fallbackInView, {\n isIntersecting: fallbackInView,\n target: element,\n intersectionRatio: typeof options.threshold === 'number' ? options.threshold : 0,\n time: 0,\n boundingClientRect: bounds,\n intersectionRect: bounds,\n rootBounds: bounds\n });\n return function () {// Nothing to cleanup\n };\n } // An observer with the same options can be reused, so lets use this fact\n\n var _createObserver = createObserver(options),\n id = _createObserver.id,\n observer = _createObserver.observer,\n elements = _createObserver.elements; // Register the callback listener for this element\n\n var callbacks = elements.get(element) || [];\n if (!elements.has(element)) {\n elements.set(element, callbacks);\n }\n callbacks.push(callback);\n observer.observe(element);\n return function unobserve() {\n // Remove the callback from the callback list\n callbacks.splice(callbacks.indexOf(callback), 1);\n if (callbacks.length === 0) {\n // No more callback exists for element, so destroy it\n elements[\"delete\"](element);\n observer.unobserve(element);\n }\n if (elements.size === 0) {\n // No more elements are being observer by this instance, so destroy it\n observer.disconnect();\n observerMap[\"delete\"](id);\n }\n };\n}\nvar _excluded = [\"children\", \"as\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\", \"fallbackInView\"];\nfunction isPlainChildren(props) {\n return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n \r\n {({ inView, ref, entry }) => (\r\n \r\n
{`Header inside viewport ${inView}.`} \r\n \r\n )}\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n console.log('Inview:', inView)}>\r\n Plain children are always rendered. Use onChange to monitor state. \r\n \r\n );\r\n\n export default Component;\r\n ```\r\n */\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(InView, _React$Component);\n function InView(props) {\n var _this;\n _this = _React$Component.call(this, props) || this;\n _this.node = null;\n _this._unobserveCb = null;\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n _this.node = node ? node : null;\n _this.observeNode();\n };\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n var _proto = InView.prototype;\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n };\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n };\n _proto.observeNode = function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props = this.props,\n threshold = _this$props.threshold,\n root = _this$props.root,\n rootMargin = _this$props.rootMargin,\n trackVisibility = _this$props.trackVisibility,\n delay = _this$props.delay,\n fallbackInView = _this$props.fallbackInView;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n }, fallbackInView);\n };\n _proto.unobserve = function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n this._unobserveCb = null;\n }\n };\n _proto.render = function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n var _this$props2 = this.props,\n children = _this$props2.children,\n as = _this$props2.as,\n props = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n return /*#__PURE__*/React.createElement(as || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n };\n return InView;\n}(React.Component);\nInView.displayName = 'InView';\nInView.defaultProps = {\n threshold: 0,\n triggerOnce: false,\n initialInView: false\n};\n\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n * \r\n *
{`Header inside viewport ${inView}.`} \r\n * \r\n * );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView,\n fallbackInView = _ref.fallbackInView;\n var unobserve = React.useRef();\n var _React$useState = React.useState({\n inView: !!initialInView\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n var setRef = React.useCallback(function (node) {\n if (unobserve.current !== undefined) {\n unobserve.current();\n unobserve.current = undefined;\n } // Skip creating the observer\n\n if (skip) return;\n if (node) {\n unobserve.current = observe(node, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n if (entry.isIntersecting && triggerOnce && unobserve.current) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve.current();\n unobserve.current = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n }, fallbackInView);\n }\n },\n // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n // If the threshold is an array, convert it to a string so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, fallbackInView, delay]);\n /* eslint-disable-next-line */\n\n useEffect(function () {\n if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView\n });\n }\n });\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\nexport { InView, InView as default, defaultFallbackInView, observe, useInView };","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"\n}), 'ArrowBack');\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultProps = exports.propTypes = void 0;\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nvar string = _propTypes[\"default\"].string,\n bool = _propTypes[\"default\"].bool,\n number = _propTypes[\"default\"].number,\n array = _propTypes[\"default\"].array,\n oneOfType = _propTypes[\"default\"].oneOfType,\n shape = _propTypes[\"default\"].shape,\n object = _propTypes[\"default\"].object,\n func = _propTypes[\"default\"].func,\n node = _propTypes[\"default\"].node;\nvar propTypes = {\n url: oneOfType([string, array, object]),\n playing: bool,\n loop: bool,\n controls: bool,\n volume: number,\n muted: bool,\n playbackRate: number,\n width: oneOfType([string, number]),\n height: oneOfType([string, number]),\n style: object,\n progressInterval: number,\n playsinline: bool,\n pip: bool,\n stopOnUnmount: bool,\n light: oneOfType([bool, string, object]),\n playIcon: node,\n previewTabIndex: number,\n fallback: node,\n oEmbedUrl: string,\n wrapper: oneOfType([string, func, shape({\n render: func.isRequired\n })]),\n config: shape({\n soundcloud: shape({\n options: object\n }),\n youtube: shape({\n playerVars: object,\n embedOptions: object,\n onUnstarted: func\n }),\n facebook: shape({\n appId: string,\n version: string,\n playerId: string,\n attributes: object\n }),\n dailymotion: shape({\n params: object\n }),\n vimeo: shape({\n playerOptions: object,\n title: string\n }),\n file: shape({\n attributes: object,\n tracks: array,\n forceVideo: bool,\n forceAudio: bool,\n forceHLS: bool,\n forceSafariHLS: bool,\n forceDisableHls: bool,\n forceDASH: bool,\n forceFLV: bool,\n hlsOptions: object,\n hlsVersion: string,\n dashVersion: string,\n flvVersion: string\n }),\n wistia: shape({\n options: object,\n playerId: string,\n customControls: array\n }),\n mixcloud: shape({\n options: object\n }),\n twitch: shape({\n options: object,\n playerId: string\n }),\n vidyard: shape({\n options: object\n })\n }),\n onReady: func,\n onStart: func,\n onPlay: func,\n onPause: func,\n onBuffer: func,\n onBufferEnd: func,\n onEnded: func,\n onError: func,\n onDuration: func,\n onSeek: func,\n onPlaybackRateChange: func,\n onPlaybackQualityChange: func,\n onProgress: func,\n onClickPreview: func,\n onEnablePIP: func,\n onDisablePIP: func\n};\nexports.propTypes = propTypes;\nvar noop = function noop() {};\nvar defaultProps = {\n playing: false,\n loop: false,\n controls: false,\n volume: null,\n muted: false,\n playbackRate: 1,\n width: '640px',\n height: '360px',\n style: {},\n progressInterval: 1000,\n playsinline: false,\n pip: false,\n stopOnUnmount: true,\n light: false,\n fallback: null,\n wrapper: 'div',\n previewTabIndex: 0,\n oEmbedUrl: 'https://noembed.com/embed?url={url}',\n config: {\n soundcloud: {\n options: {\n visual: true,\n // Undocumented, but makes player fill container and look better\n buying: false,\n liking: false,\n download: false,\n sharing: false,\n show_comments: false,\n show_playcount: false\n }\n },\n youtube: {\n playerVars: {\n playsinline: 1,\n showinfo: 0,\n rel: 0,\n iv_load_policy: 3,\n modestbranding: 1\n },\n embedOptions: {},\n onUnstarted: noop\n },\n facebook: {\n appId: '1309697205772819',\n version: 'v3.3',\n playerId: null,\n attributes: {}\n },\n dailymotion: {\n params: {\n api: 1,\n 'endscreen-enable': false\n }\n },\n vimeo: {\n playerOptions: {\n autopause: false,\n byline: false,\n portrait: false,\n title: false\n },\n title: null\n },\n file: {\n attributes: {},\n tracks: [],\n forceVideo: false,\n forceAudio: false,\n forceHLS: false,\n forceDASH: false,\n forceFLV: false,\n hlsOptions: {},\n hlsVersion: '1.1.4',\n dashVersion: '3.1.3',\n flvVersion: '1.5.0',\n forceDisableHls: false\n },\n wistia: {\n options: {},\n playerId: null,\n customControls: null\n },\n mixcloud: {\n options: {\n hide_cover: 1\n }\n },\n twitch: {\n options: {},\n playerId: null\n },\n vidyard: {\n options: {}\n }\n },\n onReady: noop,\n onStart: noop,\n onPlay: noop,\n onPause: noop,\n onBuffer: noop,\n onBufferEnd: noop,\n onEnded: noop,\n onError: noop,\n onDuration: noop,\n onSeek: noop,\n onPlaybackRateChange: noop,\n onPlaybackQualityChange: noop,\n onProgress: noop,\n onClickPreview: noop,\n onEnablePIP: noop,\n onDisablePIP: noop\n};\nexports.defaultProps = defaultProps;","import React from \"react\"\r\nimport txt from \"@src/utils/txt\"\r\n\r\nimport Box from \"@material-ui/core/Box\"\r\nimport { Grid, Hidden, Chip } from \"@material-ui/core\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\n\r\nimport Slider from \"../components/Slider\"\r\nimport Text from \"../components/Text\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport CtaButton from \"../components/CtaButton\"\r\nimport Button from \"../components/Button\"\r\nimport Module from \"../components/Module\"\r\nimport { EqualHeight, EqualHeightElement } from \"../components/EqualHeight\"\r\nimport Icon from \"../components/Icon\"\r\nimport Stamp from \"../components/Stamp\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n package: {},\r\n moduleTitle: {\r\n marginBottom: 130,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginBottom: theme.spacing(4),\r\n },\r\n },\r\n packageItemContainer: {\r\n position: \"relative\",\r\n background: theme.customPalette.greyClear,\r\n [theme.breakpoints.up(\"md\")]: {\r\n paddingBottom: theme.spacing(2),\r\n borderLeft: `5px solid ${theme.customPalette.darkishPurple}`,\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: 0,\r\n paddingTop: 90,\r\n background: \"white\",\r\n borderBottom: `5px solid ${theme.customPalette.darkishPurple}`,\r\n height: \"100%\",\r\n },\r\n marginTop: 130,\r\n marginBottom: 60,\r\n },\r\n packageItem: {\r\n paddingLeft: theme.spacing(5),\r\n paddingRight: theme.spacing(5),\r\n alignItems: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n position: \"relative\",\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n boxShadow: \"0 2px 9px 0 rgba(0, 0, 0, 0.08)\",\r\n border: \"solid 1px #e7e7e7\",\r\n backgroundColor: \"#ffffff\",\r\n height: \"100%\",\r\n },\r\n },\r\n textContent: {\r\n textAlign: \"left\",\r\n position: \"relative\",\r\n paddingTop: 30,\r\n },\r\n title: {\r\n // fontSize: 'min(max(28px, 2.5vw), 36px)', // FIX ** no font override\r\n },\r\n subtitle: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n },\r\n figureContent: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n marginTop: -130,\r\n },\r\n figurePromo: {\r\n color: \"#fff\",\r\n backgroundColor: theme.customPalette.darkishPurple,\r\n ...theme.fonts.faces.bodyM,\r\n width: 68,\r\n height: 68,\r\n borderRadius: \"100%\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n lineHeight: 1,\r\n fontSize: 14,\r\n bottom: \"13%\",\r\n left: \"10%\",\r\n position: \"absolute\",\r\n },\r\n specialOfferChip: {\r\n background: theme.customPalette.darkishPurple,\r\n transform: \"rotate3d(0,0,1,-45deg)\",\r\n position: \"absolute\",\r\n textAlign: \"center\",\r\n top: 26,\r\n left: -35,\r\n width: 150,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n color: \"#fff\",\r\n backgroundColor: theme.customPalette.darkishPurple,\r\n ...theme.fonts.faces.bodyM,\r\n width: 80,\r\n height: 80,\r\n borderRadius: \"100%\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n lineHeight: 1,\r\n fontSize: 14,\r\n top: \"auto\",\r\n bottom: \"-12%\",\r\n left: \"-5%\",\r\n position: \"absolute\",\r\n zIndex: 1,\r\n transform: \"none\",\r\n },\r\n },\r\n specialOfferText: {\r\n lineHeight: \"25px !important\",\r\n },\r\n originalPrice: {\r\n color: theme.customPalette.darkishPurple,\r\n textDecoration: \"line-through\",\r\n marginRight: theme.spacing(1),\r\n },\r\n figurePictureContainer: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"fit-content\",\r\n minWidth: \"10em\",\r\n padding: \"0.25em\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n },\r\n figure: {\r\n width: \"100%\",\r\n height: \"200px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n height: \"152px\",\r\n marginTop: -40,\r\n },\r\n\r\n \"& img\": {\r\n objectFit: \"contain\",\r\n objectPosition: \"top\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n },\r\n },\r\n chipImage: {\r\n width: 20,\r\n height: 20,\r\n },\r\n chipImageWrapper: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n paddingRight: 14,\r\n },\r\n chipText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n },\r\n stamp: {\r\n width: 136,\r\n height: 136,\r\n //fontSize: 18,\r\n top: 0,\r\n ...theme.fonts.faces.bodyS,\r\n ...theme.fonts.weights.bold,\r\n lineHeight: \"1rem !important\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: 84,\r\n height: 84,\r\n left: -20,\r\n top: 70,\r\n lineHeight: \"1rem !important\",\r\n },\r\n },\r\n stampWrapper: {\r\n position: \"absolute\",\r\n width: \"100%\",\r\n height: \"45%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n maxHeight: 360,\r\n },\r\n },\r\n chipMobileContainer: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n },\r\n chip: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n minHeight: \"30px\",\r\n padding: \"4px 16px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n padding: \"8px\",\r\n marginBottom: 20,\r\n },\r\n },\r\n bigStampTitle: {\r\n fontSize: 49,\r\n lineHeight: \"49px\",\r\n display: \"flex\",\r\n fontWeight: \"bold\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: 29,\r\n lineHeight: \"29px\",\r\n },\r\n },\r\n preBigStampTitle: {\r\n fontSize: 24,\r\n lineHeight: \"24px\",\r\n fontWeight: \"bold\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: 14,\r\n lineHeight: \"14px\",\r\n },\r\n },\r\n postBigStampTitle: {\r\n fontSize: 24,\r\n alignSelf: \"flex-end\",\r\n marginBottom: 6,\r\n lineHeight: \"24px\",\r\n fontWeight: \"bold\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: 14,\r\n marginBottom: 5,\r\n lineHeight: \"14px\",\r\n },\r\n },\r\n figureTitle: {\r\n lineHeight: \"normal !important\",\r\n },\r\n figureContainer: {\r\n marginTop: -110,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n backgroundColor: theme.customPalette.greyClear,\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n height: 150,\r\n },\r\n },\r\n figureListContainer: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderTop: \"1px solid #e7e7e7\",\r\n \"&:last-child\": {\r\n borderBottom: 0,\r\n },\r\n },\r\n },\r\n sliderContainer: {\r\n \"& .slick-slide\": {\r\n marginRight: theme.spacing(2),\r\n paddingTop: theme.spacing(5),\r\n },\r\n },\r\n ctaButtonWrapper: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n marginTop: theme.spacing(6),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n ctaButton: {\r\n textTransform: \"none\",\r\n },\r\n}))\r\n\r\nconst PackageModule = ({ moduleTitle, items, cta, ...others }) => {\r\n const classes = useStyles()\r\n\r\n const RIBBON = \"ribbon\"\r\n const BULLET = \"bullet\"\r\n\r\n const stampContent = content => {\r\n if (!content) return \"\"\r\n const array = content.split(/(%)/g);\r\n if (array.length === 1) return content\r\n\r\n const array2 = array[0].split(/(-?[0-9]+)$/g);\r\n return (\r\n <>\r\n { array2?.length === 3 ?\r\n <>\r\n {array2[0]}\r\n \r\n { array2[1].match(/-/g) && (
-
) }\r\n {array2[1].replace('-','')}\r\n
{array[1]}
\r\n
{array[2]}
\r\n \r\n :\r\n <>\r\n {array[0]}
\r\n {array[1]}
\r\n {array[2]}
\r\n \r\n } \r\n \r\n )\r\n }\r\n\r\n const settings = {\r\n tracking: others.repo,\r\n arrows: true,\r\n equalHeight: true,\r\n variableWidth: false,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: 1.2,\r\n slidesToScroll: 1,\r\n className: classes.sliderContainer,\r\n responsive: [\r\n {\r\n breakpoint: 960,\r\n settings: {\r\n slidesToShow: 1.5,\r\n slidesToScroll: 1,\r\n },\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n slidesToShow: 1.2,\r\n slidesToScroll: 1,\r\n },\r\n },\r\n ],\r\n }\r\n\r\n // TODO questa logica DEVE arrivare da CMS\r\n const TEMPORARY_FIX =\r\n cta &&\r\n cta.href &&\r\n cta.href.includes(\"/subscribe\") &&\r\n ((cta.href.includes(\"checkout.fanhome.com/\") &&\r\n !cta.href.includes(\"testVersion\")) ||\r\n cta.href.includes(\"p1597070c1tst-store.occa.ocs.oraclecloud.com/\"))\r\n\r\n return (\r\n \r\n \r\n \r\n {moduleTitle}\r\n \r\n\r\n \r\n {(items || []).map((el, i) => (\r\n \r\n {el.isSpecialOffer &&\r\n el.specialOfferText &&\r\n (!el.renderType || el.renderType.toLowerCase() === RIBBON) && (\r\n \r\n \r\n \r\n {el.specialOfferText}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {el.freeShippingText && el.isFreeShipping && (\r\n \r\n \r\n \r\n {el.freeShippingText}\r\n
\r\n }\r\n />\r\n \r\n )}\r\n \r\n \r\n {el.title}\r\n \r\n \r\n {!(el.freeShippingText && el.isFreeShipping) && (\r\n \r\n \r\n {el.subtitle}\r\n \r\n
\r\n )}\r\n {el.isSpecialOffer &&\r\n el.specialOfferText &&\r\n el.renderType &&\r\n el.renderType.toLowerCase() === BULLET && (\r\n \r\n \r\n {stampContent(el.specialOfferText)}\r\n \r\n
\r\n )}\r\n \r\n {el.figures &&\r\n el.figures.length < 5 &&\r\n [...Array(Math.ceil((4 - el.figures.length) / 2))].map(\r\n (x, i) =>
\r\n )}\r\n {(el.figures || []).map((figure, i) => (\r\n \r\n \r\n \r\n \r\n \r\n {txt.newLineBeforeParentheses(figure.title)}\r\n \r\n \r\n \r\n {figure.originalPrice && (\r\n \r\n {figure.originalPrice}\r\n \r\n )}\r\n\r\n \r\n {figure.price}\r\n \r\n \r\n {figure.offerText && (\r\n \r\n {figure.offerText}\r\n \r\n )}\r\n \r\n ))}\r\n \r\n \r\n \r\n ))}\r\n \r\n {/* MOBILE - FIX ** EqualHeight uses document. object to make his job and this break SSE build process */}\r\n \r\n \r\n \r\n {(items || []).map((el, i) => (\r\n \r\n \r\n \r\n \r\n {/*(el.isSpecialOffer) && (\r\n {el.specialOfferText} \r\n \r\n {stampContent(el.specialOfferText)}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {el.title}\r\n \r\n \r\n \r\n {el.isFreeShipping && el.freeShippingText ? (\r\n \r\n }\r\n label={\r\n \r\n {el.freeShippingText}\r\n
\r\n }\r\n />\r\n \r\n ) : (\r\n \r\n {el.subtitle}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {(el.figures || []).map((figure, i) => (\r\n \r\n \r\n \r\n {txt.brakeBeforeParentheses(figure.title)}\r\n \r\n \r\n \r\n \r\n {figure.offerText && (\r\n \r\n \r\n {figure.offerText}\r\n {\" \"}\r\n \r\n )}\r\n \r\n {figure.originalPrice && (\r\n \r\n {figure.originalPrice}\r\n \r\n )}\r\n \r\n {figure.price}\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n {cta && cta.productCode && (\r\n \r\n \r\n {cta.text}\r\n \r\n \r\n )}\r\n {/*HOTFIX 26-07*/}\r\n {cta && cta.label && cta.href && TEMPORARY_FIX && (\r\n \r\n \r\n {cta.text}\r\n \r\n \r\n )}\r\n {/*HOTFIX 26-07*/}\r\n {cta && cta.label && cta.href && !TEMPORARY_FIX && (\r\n \r\n \r\n {cta.label}\r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst defaultProps = {\r\n moduleTitle: \"\",\r\n items: [],\r\n}\r\n\r\nPackageModule.defaultProps = defaultProps\r\n\r\nexport default PackageModule\r\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport Module from \"../components/Module\"\nimport \"../style/CookieProListModule.css\"\n\nconst useStyles = makeStyles(theme => ({\n tableCookie: {\n display: \"block\",\n marginLeft: \"auto\",\n marginRight: \"auto\",\n },\n container: {\n width: \"85%\",\n },\n}))\n\nconst CookieProListModule = () => {\n const classes = useStyles()\n return (\n \n
\n \n )\n}\nexport default CookieProListModule\n","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n return arr2;\n}\nfunction _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n}\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://api.dmcdn.net/all.js';\nvar SDK_GLOBAL = 'DM';\nvar SDK_GLOBAL_READY = 'dmAsyncInit';\nvar DailyMotion = /*#__PURE__*/function (_Component) {\n _inherits(DailyMotion, _Component);\n var _super = _createSuper(DailyMotion);\n function DailyMotion() {\n var _this;\n _classCallCheck(this, DailyMotion);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"onDurationChange\", function () {\n var duration = _this.getDuration();\n _this.props.onDuration(duration);\n });\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.callPlayer('setMuted', true);\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.callPlayer('setMuted', false);\n });\n _defineProperty(_assertThisInitialized(_this), \"ref\", function (container) {\n _this.container = container;\n });\n return _this;\n }\n _createClass(DailyMotion, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url) {\n var _this2 = this;\n var _this$props = this.props,\n controls = _this$props.controls,\n config = _this$props.config,\n onError = _this$props.onError,\n playing = _this$props.playing;\n var _url$match = url.match(_patterns.MATCH_URL_DAILYMOTION),\n _url$match2 = _slicedToArray(_url$match, 2),\n id = _url$match2[1];\n if (this.player) {\n this.player.load(id, {\n start: (0, _utils.parseStartTime)(url),\n autoplay: playing\n });\n return;\n }\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY, function (DM) {\n return DM.player;\n }).then(function (DM) {\n if (!_this2.container) return;\n var Player = DM.player;\n _this2.player = new Player(_this2.container, {\n width: '100%',\n height: '100%',\n video: id,\n params: _objectSpread({\n controls: controls,\n autoplay: _this2.props.playing,\n mute: _this2.props.muted,\n start: (0, _utils.parseStartTime)(url),\n origin: window.location.origin\n }, config.params),\n events: {\n apiready: _this2.props.onReady,\n seeked: function seeked() {\n return _this2.props.onSeek(_this2.player.currentTime);\n },\n video_end: _this2.props.onEnded,\n durationchange: _this2.onDurationChange,\n pause: _this2.props.onPause,\n playing: _this2.props.onPlay,\n waiting: _this2.props.onBuffer,\n error: function error(event) {\n return onError(event);\n }\n }\n });\n }, onError);\n }\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {// Nothing to do\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('seek', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('setVolume', fraction);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.player.duration || null;\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.player.currentTime;\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return this.player.bufferedTime;\n }\n }, {\n key: \"render\",\n value: function render() {\n var display = this.props.display;\n var style = {\n width: '100%',\n height: '100%',\n display: display\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: style\n }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n ref: this.ref\n }));\n }\n }]);\n return DailyMotion;\n}(_react.Component);\nexports[\"default\"] = DailyMotion;\n_defineProperty(DailyMotion, \"displayName\", 'DailyMotion');\n_defineProperty(DailyMotion, \"canPlay\", _patterns.canPlay.dailymotion);\n_defineProperty(DailyMotion, \"loopOnEnded\", true);","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n width: '90%', \n borderRadius: '10px',\n border: '4px solid #d0d0d0',\n backgroundColor: '#f3f3f3',\n padding: theme.spacing(2),\n margin: '10px auto'\n },\n}));\n\nconst DevelopLazy = ({ message }) => {\n const classes = useStyles();\n\n return (\n \n \n {message}...\n \n
\n );\n};\n\nexport default DevelopLazy;\n","import React from 'react';\nimport DevelopLazy from './DevelopLazy';\n\nclass DevelopLazyError extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n hasError: false,\n message: 'Error message'\n };\n }\n\n static getDerivedStateFromError(error) {\n return {\n hasError: true,\n message: error.message\n };\n }\n\n render() {\n if (this.state.hasError) {\n return (\n \n )\n }\n return this.props.children;\n }\n}\n\nexport default DevelopLazyError;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n width: '90%', \n borderRadius: '10px',\n border: '4px solid rgba(0,0,0,0)',\n backgroundColor: '#f3f3f3',\n padding: theme.spacing(2),\n margin: '10px auto'\n }\n}));\n\nconst Error = ({ code, head, message, children }) => {\n \n const classes = useStyles();\n\n console.error(`Error ${code}`, message);\n \n if (children) {\n return (children);\n } else {\n return (\n \n {code} | {head} \n
\n );\n }\n};\n\nexport default Error;\n","import React from 'react';\nimport Error from './Error';\nimport Page404 from '@src/pages/404'\n\nconst Error404 = () => {\n\n return (\n \n \n );\n};\n\nexport default Error404;\n","import React from 'react';\nimport Error from './Error';\nimport Page500 from '@src/pages/500'\n\nconst Error500 = ({ message }) => {\n\n return (\n \n \n );\n};\n\nexport default Error500;\n","import React, { useState, Suspense } from \"react\"\nimport shortid from \"shortid\"\n\nimport { snake } from \"@src/snake/core\"\n\nimport DevelopLazy from \"@src/snake/components/DevelopLazy\"\nimport DevelopLazyError from \"@src/snake/components/DevelopLazyError\"\nimport Error404 from \"@src/snake/components/Error404\"\nimport Error500 from \"@src/snake/components/Error500\"\nimport DefaultTemplate from \"@src/site/templates/default\"\n\nexport default function SnakeRender({ pageContext: { preview, datasource } }) {\n const [page, setPage] = useState()\n const read = () => {\n if (page) return\n if (preview && noope(datasource)) {\n //console.log(\"[Render] Render is on hold, waiting for page data...\", window.location.pathname);\n\n snake\n .getPageByUriWithData(window.location.pathname)\n .then(response => {\n //console.log(\"[Render] Datasource ok, start rendering...\", response);\n datasource = response ? response.data : false\n render()\n })\n .catch(e => {\n console.error(\"API error\", e)\n setPage({\n seo: null,\n tracking: null,\n content: \n
\n )\n pull(index, ReactTag, modules, size, inline)\n } catch (e) {\n console.error(\"[Build] Error\", e)\n console.error(\"[Build] Error on Module\", slug, data)\n console.error(\"[Build] Error on Page\", datasource.uri)\n throw new Error(\n \"[Build] Impossible to render page due to module issue @ \" +\n slug +\n \" (ref error:\" +\n e.message +\n \")\"\n )\n }\n } else {\n //console.log(\"Lazy\", slug);\n // Preview mode: lazy loading\n const ModuleElement = React.lazy(() => import(`@src/modules/${slug}`))\n const ReactTag = (\n \n \n )\n pull(index, ReactTag, modules, size, inline)\n }\n // Enqueue next\n push(queue, modules, index + 1, size, inline)\n }\n\n const pull = (index, tag, modules, size, inline) => {\n modules.push({ sort: index, component: tag })\n if (!inline) {\n if (modules.length === size) {\n setPage({\n seo: datasource.seo,\n tracking: datasource.tracking,\n content: pack(modules),\n social: datasource.social,\n product_info: datasource.product_info,\n qa_exception: datasource.qa_exception,\n })\n }\n }\n }\n\n const pack = modules => {\n var render = []\n // Sort by index\n modules.forEach(function (key) {\n render[key.sort] = key.component\n })\n return render\n }\n\n // Read page data\n read()\n\n return \n \n {(promo_link?.field_value?.product_code ||\n promo_link?.field_value?.href) && (\n \n \n )\n}\n\nStickyBarModule.propTypes = {\n promo_image: PropTypes.string,\n promo_title: PropTypes.string,\n promo_subtitle: PropTypes.string,\n promo_link: PropTypes.object,\n}\n\nexport default StickyBarModule\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Track = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\n\n// given specifications/props for a slide, fetch all the classes that need to be applied to the slide\nvar getSlideClasses = function getSlideClasses(spec) {\n var slickActive, slickCenter, slickCloned;\n var centerOffset, index;\n if (spec.rtl) {\n index = spec.slideCount - 1 - spec.index;\n } else {\n index = spec.index;\n }\n slickCloned = index < 0 || index >= spec.slideCount;\n if (spec.centerMode) {\n centerOffset = Math.floor(spec.slidesToShow / 2);\n slickCenter = (index - spec.currentSlide) % spec.slideCount === 0;\n if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) {\n slickActive = true;\n }\n } else {\n slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow;\n }\n var focusedSlide;\n if (spec.targetSlide < 0) {\n focusedSlide = spec.targetSlide + spec.slideCount;\n } else if (spec.targetSlide >= spec.slideCount) {\n focusedSlide = spec.targetSlide - spec.slideCount;\n } else {\n focusedSlide = spec.targetSlide;\n }\n var slickCurrent = index === focusedSlide;\n return {\n \"slick-slide\": true,\n \"slick-active\": slickActive,\n \"slick-center\": slickCenter,\n \"slick-cloned\": slickCloned,\n \"slick-current\": slickCurrent // dubious in case of RTL\n };\n};\n\nvar getSlideStyle = function getSlideStyle(spec) {\n var style = {};\n if (spec.variableWidth === undefined || spec.variableWidth === false) {\n style.width = spec.slideWidth;\n }\n if (spec.fade) {\n style.position = \"relative\";\n if (spec.vertical) {\n style.top = -spec.index * parseInt(spec.slideHeight);\n } else {\n style.left = -spec.index * parseInt(spec.slideWidth);\n }\n style.opacity = spec.currentSlide === spec.index ? 1 : 0;\n if (spec.useCSS) {\n style.transition = \"opacity \" + spec.speed + \"ms \" + spec.cssEase + \", \" + \"visibility \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n return style;\n};\nvar getKey = function getKey(child, fallbackKey) {\n return child.key || fallbackKey;\n};\nvar renderSlides = function renderSlides(spec) {\n var key;\n var slides = [];\n var preCloneSlides = [];\n var postCloneSlides = [];\n var childrenCount = _react[\"default\"].Children.count(spec.children);\n var startIndex = (0, _innerSliderUtils.lazyStartIndex)(spec);\n var endIndex = (0, _innerSliderUtils.lazyEndIndex)(spec);\n _react[\"default\"].Children.forEach(spec.children, function (elem, index) {\n var child;\n var childOnClickOptions = {\n message: \"children\",\n index: index,\n slidesToScroll: spec.slidesToScroll,\n currentSlide: spec.currentSlide\n }; // in case of lazyLoad, whether or not we want to fetch the slide\n\n if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {\n child = elem;\n } else {\n child = /*#__PURE__*/_react[\"default\"].createElement(\"div\", null);\n }\n var childStyle = getSlideStyle(_objectSpread(_objectSpread({}, spec), {}, {\n index: index\n }));\n var slideClass = child.props.className || \"\";\n var slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: index\n })); // push a cloned element of the desired slide\n\n slides.push( /*#__PURE__*/_react[\"default\"].cloneElement(child, {\n key: \"original\" + getKey(child, index),\n \"data-index\": index,\n className: (0, _classnames[\"default\"])(slideClasses, slideClass),\n tabIndex: \"-1\",\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({\n outline: \"none\"\n }, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n })); // if slide needs to be precloned or postcloned\n\n if (spec.infinite && spec.fade === false) {\n var preCloneNo = childrenCount - index;\n if (preCloneNo <= (0, _innerSliderUtils.getPreClones)(spec) && childrenCount !== spec.slidesToShow) {\n key = -preCloneNo;\n if (key >= startIndex) {\n child = elem;\n }\n slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: key\n }));\n preCloneSlides.push( /*#__PURE__*/_react[\"default\"].cloneElement(child, {\n key: \"precloned\" + getKey(child, key),\n \"data-index\": key,\n tabIndex: \"-1\",\n className: (0, _classnames[\"default\"])(slideClasses, slideClass),\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({}, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n }\n if (childrenCount !== spec.slidesToShow) {\n key = childrenCount + index;\n if (key < endIndex) {\n child = elem;\n }\n slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: key\n }));\n postCloneSlides.push( /*#__PURE__*/_react[\"default\"].cloneElement(child, {\n key: \"postcloned\" + getKey(child, key),\n \"data-index\": key,\n tabIndex: \"-1\",\n className: (0, _classnames[\"default\"])(slideClasses, slideClass),\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({}, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n }\n }\n });\n if (spec.rtl) {\n return preCloneSlides.concat(slides, postCloneSlides).reverse();\n } else {\n return preCloneSlides.concat(slides, postCloneSlides);\n }\n};\nvar Track = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(Track, _React$PureComponent);\n var _super = _createSuper(Track);\n function Track() {\n var _this;\n _classCallCheck(this, Track);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"node\", null);\n _defineProperty(_assertThisInitialized(_this), \"handleRef\", function (ref) {\n _this.node = ref;\n });\n return _this;\n }\n _createClass(Track, [{\n key: \"render\",\n value: function render() {\n var slides = renderSlides(this.props);\n var _this$props = this.props,\n onMouseEnter = _this$props.onMouseEnter,\n onMouseOver = _this$props.onMouseOver,\n onMouseLeave = _this$props.onMouseLeave;\n var mouseEvents = {\n onMouseEnter: onMouseEnter,\n onMouseOver: onMouseOver,\n onMouseLeave: onMouseLeave\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({\n ref: this.handleRef,\n className: \"slick-track\",\n style: this.props.trackStyle\n }, mouseEvents), slides);\n }\n }]);\n return Track;\n}(_react[\"default\"].PureComponent);\nexports.Track = Track;","import React, { useRef, useEffect, useState } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport Portal from \"@material-ui/core/Portal\"\r\nimport withStyles from \"@material-ui/core/styles/withStyles\"\r\nimport SlickSlider from \"react-slick\"\r\nimport Icon from \"./Icon\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core\"\r\n\r\n// import { GTMEvent } from \"../utils/gtm\"\r\n\r\nimport { Container, Grid, useMediaQuery } from \"@material-ui/core\"\r\n\r\nimport \"slick-carousel/slick/slick.css\"\r\nimport \"slick-carousel/slick/slick-theme.css\"\r\n\r\nexport const styles = theme => ({\r\n root: {\r\n position: \"relative\",\r\n height: \"100%\",\r\n \"& .slick-disabled\": {\r\n border: `4px solid transparent`,\r\n opacity: 0.25,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n opacity: 1,\r\n },\r\n },\r\n \"& .slick-list\": { height: \"100%\" },\r\n \"& .slick-track\": {\r\n height: \"100%\",\r\n },\r\n },\r\n slider: { height: \"100%\" },\r\n slider2: {\r\n \"& .slick-track\": { padding: \"0 20% 0 0\" },\r\n },\r\n equalHeight: {\r\n \"& .slick-track\": { display: \"flex !important\" },\r\n \"& .slick-slide\": { height: \"inherit !important\" },\r\n \"& .slick-slide > div\": { height: \"100%\" },\r\n },\r\n arrows: {\r\n display: \"flex\",\r\n justifyContent: \"none\",\r\n width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n justifyContent: \"flex-end\",\r\n },\r\n },\r\n icon: {\r\n display: \"block\",\r\n height: 32,\r\n width: 32,\r\n \"@media (max-width: 360px)\": {\r\n width: 24,\r\n height: 24,\r\n },\r\n [theme.breakpoints.up(\"md\")]: {\r\n width: 40,\r\n height: 40,\r\n },\r\n },\r\n arrow: {\r\n cursor: \"pointer\",\r\n },\r\n back: {\r\n height: 60,\r\n width: 60,\r\n border: `4px solid ${theme.customPalette.tangerine}`,\r\n borderRadius: \"50%\",\r\n boxSizing: \"border-box\",\r\n },\r\n next: {\r\n height: 60,\r\n width: 60,\r\n border: `4px solid ${theme.customPalette.tangerine}`,\r\n borderRadius: \"50%\",\r\n boxSizing: \"border-box\",\r\n },\r\n})\r\n\r\nconst NextArrow = ({\r\n className,\r\n classes,\r\n dark,\r\n onClick,\r\n container,\r\n arrowBorder,\r\n}) => {\r\n const filteredClasses = className.replace(\"slick-arrow slick-next\", \"\")\r\n const arrow = (\r\n \r\n {arrow} \r\n ) : (\r\n arrow\r\n )\r\n}\r\n\r\nconst PrevArrow = ({\r\n className,\r\n classes,\r\n dark,\r\n onClick,\r\n container,\r\n arrowBorder,\r\n}) => {\r\n const filteredClasses = className.replace(\"slick-arrow slick-prev\", \"\")\r\n const arrow = (\r\n \r\n {arrow} \r\n ) : (\r\n arrow\r\n )\r\n}\r\n\r\nconst Slider = React.forwardRef((props, ref) => {\r\n const {\r\n children,\r\n className,\r\n classes,\r\n showExtraSlides,\r\n prevIcon = \"left\",\r\n nextIcon = \"right\",\r\n disableEqualHeight = false,\r\n dark = false,\r\n initialPos,\r\n arrowBorder,\r\n tracking,\r\n ...settings\r\n } = props\r\n\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"md\"))\r\n\r\n const slider = useRef(null)\r\n const arrowContainer = useRef(null)\r\n const [sliderSettings, setSliderSettings] = useState(settings)\r\n\r\n //console.log(\" USE MEDIA QUERY\", isMobile)\r\n\r\n // configure slider\r\n useEffect(() => {\r\n setSliderSettings({\r\n ...settings,\r\n // beforeChange: (current, next) => {\r\n // if (tracking) {\r\n // if (current < next) {\r\n // GTMEvent(tracking, \"slider\", \"swiper-slider\")\r\n // } else if (current > next) {\r\n // GTMEvent(tracking, \"slider\", \"swiper-slider\")\r\n // }\r\n // }\r\n // },\r\n nextArrow: (\r\n \r\n
\r\n {children}\r\n \r\n {/* */}\r\n \r\n \r\n \r\n \n \n {text} \n {highlightedText} \n \n \n ) : (\n \"\"\n )\n}\n\nconst SingleSlide = ({\n slide,\n i,\n count,\n onReady,\n classes,\n cta,\n pageFamily,\n tracking,\n}) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n const topic = pubsub.oneoff()\n const handleOnLoad = () => {\n pubsub.publish(topic, true)\n }\n\n // TODO questa logica DEVE arrivare da CMS\n const TEMPORARY_FIX =\n slide.link &&\n slide.link.href &&\n slide.link.href.includes(\"/subscribe\") &&\n ((slide.link.href.includes(\"checkout.fanhome.com/\") &&\n !slide.link.href.includes(\"testVersion\")) ||\n slide.link.href.includes(\"p1597070c3tst-store.occa.ocs.oraclecloud.com/\"))\n\n return (\n <>\n \n \n \n \n \n \n \n \n {slide.stamp && \n \n {slide.chipText && (\n \n {slide.title}\n \n \n {slide.subtitle}\n \n {!slide.link && cta && cta.productCode && (\n \n \n {cta.text}\n \n \n )}\n {/*HOTFIX 26-07*/}\n {slide.link && TEMPORARY_FIX && (\n \n \n {slide.link.title}\n \n \n )}\n {/*HOTFIX 26-07*/}\n {slide.link && !TEMPORARY_FIX && (\n \n {slide.link.title}\n \n )}\n \n \n \n \n \n {slide.stamp && \n \n \n {slide.licenseLogo && (\n \n \n \n )\n}\n\nconst SingleSlideMobile = props => {\n const classes = useStyles()\n const { slide, pageFamily, i, tracking, cta, count } = props\n const { headerInfo } = useContext(GlobalStateContext)\n const [dispatchH, setDispatchH] = useState(0)\n const [navSize, setNavSize] = useState(0)\n\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n const topic = pubsub.oneoff()\n const handleOnLoad = () => {\n pubsub.publish(topic, true)\n }\n\n // TODO questa logica DEVE arrivare da CMS\n const TEMPORARY_FIX =\n slide.link &&\n slide.link.href &&\n slide.link.href.includes(\"/subscribe\") &&\n ((slide.link.href.includes(\"checkout.fanhome.com/\") &&\n !slide.link.href.includes(\"testVersion\")) ||\n slide.link.href.includes(\"p1597070c3tst-store.occa.ocs.oraclecloud.com/\"))\n\n useEffect(() => {\n if (headerInfo) {\n setDispatchH(\n headerInfo.total + headerInfo.differentCountry + headerInfo.topbar\n )\n setNavSize(headerInfo.total)\n }\n }, [headerInfo])\n\n return (\n \n \n \n \n \n \n {slide?.title}\n \n \n {slide.subtitle}\n \n \n \n \n {!slide.link && cta && cta.productCode && (\n \n \n {cta.text}\n \n \n )}\n {/*HOTFIX 26-07*/}\n {slide.link && TEMPORARY_FIX && (\n \n \n {slide.link.title}\n \n \n )}\n {/*HOTFIX 26-07*/}\n {slide.link && !TEMPORARY_FIX && (\n \n \n {slide.link.title}\n \n \n )}\n \n \n \n )\n}\n\nconst HeroBannerModule = props => {\n const { slides, cta, footer, repo } = props\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n const [dispatchH, setDispatchH] = useState(0)\n const { headerInfo } = useContext(GlobalStateContext)\n const pageFamily = useMemo(() => {\n return repo.tracking.dataLayer[0].pageFamily\n }, [])\n\n const classes = useStyles()\n\n useEffect(() => {\n if (headerInfo) {\n setDispatchH(headerInfo.differentCountry + headerInfo.topbar)\n }\n }, [headerInfo])\n\n return (\n \n {/* Desktop */}\n \n {slides && (\n 1}\n infinite={false}\n slidesToShow={1}\n slidesToScroll={1}\n dark\n tracking={repo}\n >\n {(slides || []).map((slide, i) => (\n \n 1 ? classes.marginBottomSliderMobile : \"\"\n )}\n style={{\n minHeight: `calc(${\n isMobile\n ? (slides || []).length > 1\n ? 90 + \"vh\"\n : 100 + \"vh\"\n : parallaxHeight + \"px\"\n } - ${isMobile ? dispatchH : 0}px)`,\n height: `calc(${\n isMobile\n ? (slides || []).length > 1\n ? 90 + \"vh\"\n : 100 + \"vh\"\n : \"auto\"\n } - ${isMobile ? dispatchH : null}px)`,\n }}\n >\n {slides && (\n 1}\n infinite={false}\n slidesToShow={1}\n slidesToScroll={1}\n tracking={repo}\n >\n {slides.map((slide, index) => {\n return (\n \n )\n })}\n \n )}\n \n\n {footer && cta && (cta.productCode || cta.href) && (\n \n )\n}\n\nexport default HeroBannerModule\n","import React, { useState, Fragment, useEffect } from \"react\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\n\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport Picture from \"../components/Picture\"\r\nimport CtaButton from \"../components/CtaButton\"\r\nimport { detectAlpha2Country, getLocaleByAlpha2 } from \"../utils/country\"\r\nimport { GTMEvent } from \"../utils/gtm\"\r\nimport \"../style/LeadFormModule.css\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n leadFormContainer: {\r\n paddingLeft: \"48px\",\r\n paddingRight: \"48px\",\r\n marginTop: \"80px !important\",\r\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n paddingLeft: \"0px\",\r\n paddingRight: \"0px\",\r\n },\r\n },\r\n leadFormContainerConfirm: {\r\n marginTop: \"80px !important\",\r\n },\r\n contentContainerConfirm: {\r\n maxWidth: 922,\r\n },\r\n contentContainer: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n position: \"relative\",\r\n maxWidth: \"922px\",\r\n backgroundColor: \"#f2f2f2\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n float: \"initial !important\",\r\n },\r\n },\r\n leadForm: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n width: \"58%\",\r\n backgroundColor: \"#f2f2f2\",\r\n minHeight: \"415px\",\r\n paddingLeft: \"64px\",\r\n paddingRight: \"64px\",\r\n paddingTop: \"24px\",\r\n paddingBottom: \"24px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n imgContainer: {\r\n width: \"42%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n mdtitle: {\r\n fontSize: \"30px\",\r\n fontWeight: \"600\",\r\n fontStretch: \"normal\",\r\n fontStyle: \"normal\",\r\n lineHeight: \"1.07\",\r\n letterSpacing: \"normal\",\r\n textAlign: \"center\",\r\n color: \"#662482\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n mdsubTitle: {\r\n fontSize: \"18px\",\r\n fontWeight: \"normal\",\r\n fontStretch: \"normal\",\r\n fontStyle: \"normal\",\r\n lineHeight: \"1.11\",\r\n letterSpacing: \"normal\",\r\n textAlign: \"center\",\r\n color: \"#3b4154\",\r\n marginTop: \"16px\",\r\n marginBottom: \"24px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n xstitle: {\r\n fontSize: \"30px\",\r\n fontWeight: \"600\",\r\n fontStretch: \"normal\",\r\n fontStyle: \"normal\",\r\n lineHeight: \"1.07\",\r\n letterSpacing: \"normal\",\r\n textAlign: \"center\",\r\n color: \"#662482\",\r\n paddingTop: \"40px\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n xssubTitle: {\r\n fontSize: \"18px\",\r\n fontWeight: \"normal\",\r\n fontStretch: \"normal\",\r\n fontStyle: \"normal\",\r\n lineHeight: \"1.11\",\r\n letterSpacing: \"normal\",\r\n textAlign: \"center\",\r\n color: \"#3b4154\",\r\n marginTop: \"16px\",\r\n marginBottom: \"24px\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n formFields: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n },\r\n inputForm: {\r\n marginTop: \"8px\",\r\n width: \"100%\",\r\n padding: \"20.9px 10px\",\r\n border: \"solid 1px #f2f2f2\",\r\n backgroundColor: \"#fbfbfb\",\r\n color: \"#3b4154\",\r\n textAlign: \"center\",\r\n fontSize: \"16px\",\r\n },\r\n bannerCtaButton: {\r\n width: 400,\r\n marginTop: theme.spacing(4),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n privacyInfo: {\r\n fontSize: \"10px\",\r\n fontWeight: \"normal\",\r\n fontStretch: \"normal\",\r\n fontStyle: \"normal\",\r\n lineHeight: \"1.2\",\r\n letterSpacing: \"normal\",\r\n textAlign: \"center\",\r\n color: \"#808080\",\r\n marginTop: \"8px\",\r\n },\r\n btnCta: {\r\n border: \"none\",\r\n backgroundColor: \"transparent\",\r\n },\r\n check_icon: {\r\n width: \"80px\",\r\n height: \"80px\",\r\n position: \"relative\",\r\n borderRadius: \"50%\",\r\n boxSizing: \"content-box\",\r\n zIndex: \"1\",\r\n },\r\n icon_line: {\r\n height: \"5px\",\r\n backgroundColor: \"#662482\",\r\n display: \"block\",\r\n borderRadius: \"2px\",\r\n position: \"absolute\",\r\n zIndex: \"10\",\r\n },\r\n line_tip: {\r\n top: \"47px\",\r\n left: \"18px\",\r\n width: \"20px\",\r\n transform: \"rotate(45deg)\",\r\n },\r\n line_long: {\r\n top: \"27px\",\r\n left: \"21px\",\r\n width: \"80px\",\r\n transform: \"rotate(-45deg)\",\r\n },\r\n icon_circle: {\r\n top: \"-4px\",\r\n left: \"-4px\",\r\n zIndex: \"10\",\r\n width: \"80px\",\r\n height: \"80px\",\r\n borderRadius: \"50%\",\r\n position: \"absolute\",\r\n boxSizing: \"content-box\",\r\n border: \"4px solid #662482\",\r\n clipPath: \"polygon(74% 0, 0% 0%, 0% 100%, 100% 100%, 100% 43%, 60% 39%)\",\r\n },\r\n icon_fix: {\r\n top: \"8px\",\r\n width: \"5px\",\r\n left: \"26px\",\r\n zIndex: \"1\",\r\n height: \"85px\",\r\n position: \"absolute\",\r\n transform: \"rotate(-45deg)\",\r\n clipPath: \"polygon(74% 0, 0% 0%, 0% 100%, 100% 100%, 100% 43%, 60% 39%)\",\r\n },\r\n container: {\r\n maxWidth: \"922px\",\r\n paddingLeft: \"32px !important\",\r\n paddingRight: \"32px !important\",\r\n },\r\n row: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n width: \"100%\",\r\n },\r\n col24: {\r\n flexBasis: \"100%\",\r\n maxWidth: \"100%\",\r\n },\r\n pxMd2: {\r\n paddingLeft: \"16px !important\",\r\n paddingRight: \"16px !important\",\r\n },\r\n leadContainer: {\r\n display: \"flex\",\r\n minHeight: \"415px\",\r\n flexDirection: \"column\",\r\n backgroundColor: \"#fff\",\r\n boxShadow: \"0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)\",\r\n alignItems: \"center !important\",\r\n justifyContent: \"center\",\r\n },\r\n containerCheckedIcon: {\r\n borderRadius: \"5px\",\r\n padding: \"24px\",\r\n marginTop: \"24px\",\r\n backgroundColor: \"#fff\",\r\n },\r\n confirmationMessageTitle: {\r\n fontSize: \"40px\",\r\n fontSize: \"32px\",\r\n fontWeight: \"bold\",\r\n fontStretch: \"normal\",\r\n fontStyle: \"normal\",\r\n lineHeight: \"0.94\",\r\n letterSpacing: \"normal\",\r\n margin: \"0\",\r\n color: \"#662482\",\r\n textAlign: \"center\",\r\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\r\n paddingBottom: \"15px\",\r\n },\r\n descriptionMessage: {\r\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\r\n fontStyle: \"normal\",\r\n paddingBottom: \"24px\",\r\n },\r\n img: {\r\n objectFit: \"cover\",\r\n height: \"100%\",\r\n objectPosition: \"center\",\r\n },\r\n errorMessage: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\r\n fontStyle: \"normal\",\r\n fontSize: \"12px\",\r\n marginTop: \"16px\",\r\n color: \"#ff6671\",\r\n },\r\n containerDate: {\r\n width: \"100%\",\r\n position: \"relative\",\r\n height: \"100%\",\r\n marginBottom: \"0px\",\r\n marginTop: \"8px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginBottom: \"8px\",\r\n },\r\n },\r\n placeHolderDate: {\r\n cursor: \"pointer\",\r\n zIndex: \"9\",\r\n color: \"grey\",\r\n textAlign: \"center\",\r\n backgroundColor: \"#fbfbfb\",\r\n position: \"absolute\",\r\n width: \"99%\",\r\n top: \"24px\",\r\n height: \"auto\",\r\n paddingTop: \"0px\",\r\n fontSize: \"16px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n top: \"10px\",\r\n paddingTop: \"16px\",\r\n height: \"100%\",\r\n },\r\n },\r\n}))\r\n\r\nconst LeadFormModule = props => {\r\n const {\r\n title,\r\n subtitle,\r\n privacy_info,\r\n button_text,\r\n input_mail_placeholder,\r\n image,\r\n surname_label,\r\n surname_is_visible,\r\n telephone_number_is_visible,\r\n telephone_number_label,\r\n name_is_visible,\r\n name_label,\r\n birth_date_is_visible,\r\n birth_date_label,\r\n confirmation_message_text,\r\n confirmation_message_title,\r\n audience_campaign,\r\n audience_group,\r\n audience_segment,\r\n audience_source_name,\r\n error_text,\r\n message_confirmation_cta,\r\n } = props\r\n\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const country = detectAlpha2Country() ? detectAlpha2Country() : \"uk\"\r\n const [isComplete, setComplete] = useState(false)\r\n const [isError, setIsError] = useState(false)\r\n\r\n const onSubmit = e => {\r\n e.preventDefault()\r\n let birthDate = e?.target?.birthdate?.value.split(\"-\")\r\n var data = {\r\n email: e?.target?.email?.value,\r\n firstname: e?.target?.name?.value,\r\n lastname: e?.target?.surname?.value,\r\n profile: {\r\n birthDay: birthDate ? birthDate[2] : null,\r\n birthMonth: birthDate ? birthDate[1] : null,\r\n birthYear: birthDate ? birthDate[0] : null,\r\n phones: {\r\n type: \"default\",\r\n number: e?.target?.phone?.value,\r\n },\r\n },\r\n site: `FH${country.toUpperCase()}`,\r\n locale: getLocaleByAlpha2(country),\r\n apikey: process.env.GATSBY_GPROXY_NEWSLETTER_URL,\r\n subscriptions: {\r\n marketing: true,\r\n },\r\n audience: {\r\n campaign: audience_campaign,\r\n group: audience_group,\r\n segment: audience_segment,\r\n source: audience_source_name,\r\n },\r\n callback: function callback(result) {\r\n console.log(\"res lead form\", result)\r\n if (result?.errorCode === 0 && result?.new) {\r\n GTMEvent(\"form_lead\", \"success\", \"undefined\")\r\n setComplete(true)\r\n } else {\r\n GTMEvent(\"form_lead\", \"error\", result.errorDetails)\r\n setIsError(true)\r\n }\r\n },\r\n }\r\n window.gproxy.subscriptions.upsert(data)\r\n }\r\n\r\n useEffect(() => {\r\n if (document.getElementById(\"birthdateDate\")) {\r\n var today = new Date()\r\n var dd = today.getDate()\r\n var mm = today.getMonth() + 1 //January is 0!\r\n var yyyy = today.getFullYear()\r\n\r\n if (dd < 10) {\r\n dd = \"0\" + dd\r\n }\r\n\r\n if (mm < 10) {\r\n mm = \"0\" + mm\r\n }\r\n\r\n today = yyyy + \"-\" + mm + \"-\" + dd\r\n document.getElementById(\"birthdateDate\").setAttribute(\"max\", today)\r\n }\r\n }, [])\r\n\r\n return isComplete ? (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {confirmation_message_title}\r\n \r\n
\r\n {confirmation_message_text}\r\n \r\n\r\n
setComplete(false)}\r\n >\r\n \r\n {message_confirmation_cta}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {title}\r\n \r\n \r\n {subtitle}\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {title}\r\n \r\n \r\n {subtitle}\r\n \r\n \r\n \r\n
\n \n
\n
\n
\n
\n
\n
\n {primary.field_value.map((row, index) => {\n return (\n
\n changeCategory(\n index,\n row.field_value.title.field_value\n )\n }\n className={\n index === fieldCategory\n ? classes.offerRowsCurrent\n : classes.offerRowsField\n }\n >\n \n {row.field_value.title.field_value}\n \n \n )\n })}\n
\n
\n \n {primary.field_value.map((item, index) => {\n if (index === fieldCategory) {\n return (\n
\n
\n \n {item.field_value.title_item.field_value}\n \n \n \n \n \n \n \n {item.field_value.primary.field_value.map(\n (point, index) => (\n \n \n \n
\n
\n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n
\n
\n
\n
\n )\n}\n\nexport default DoubleTabSpecificationsModule\n","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://fast.wistia.com/assets/external/E-v1.js';\nvar SDK_GLOBAL = 'Wistia';\nvar PLAYER_ID_PREFIX = 'wistia-player-';\nvar Wistia = /*#__PURE__*/function (_Component) {\n _inherits(Wistia, _Component);\n var _super = _createSuper(Wistia);\n function Wistia() {\n var _this;\n _classCallCheck(this, Wistia);\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(_args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"playerID\", _this.props.config.playerId || \"\".concat(PLAYER_ID_PREFIX).concat((0, _utils.randomString)()));\n _defineProperty(_assertThisInitialized(_this), \"onPlay\", function () {\n var _this$props;\n return (_this$props = _this.props).onPlay.apply(_this$props, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onPause\", function () {\n var _this$props2;\n return (_this$props2 = _this.props).onPause.apply(_this$props2, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onSeek\", function () {\n var _this$props3;\n return (_this$props3 = _this.props).onSeek.apply(_this$props3, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onEnded\", function () {\n var _this$props4;\n return (_this$props4 = _this.props).onEnded.apply(_this$props4, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onPlaybackRateChange\", function () {\n var _this$props5;\n return (_this$props5 = _this.props).onPlaybackRateChange.apply(_this$props5, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.callPlayer('mute');\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.callPlayer('unmute');\n });\n return _this;\n }\n _createClass(Wistia, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url) {\n var _this2 = this;\n var _this$props6 = this.props,\n playing = _this$props6.playing,\n muted = _this$props6.muted,\n controls = _this$props6.controls,\n _onReady = _this$props6.onReady,\n config = _this$props6.config,\n onError = _this$props6.onError;\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function (Wistia) {\n if (config.customControls) {\n config.customControls.forEach(function (control) {\n return Wistia.defineControl(control);\n });\n }\n window._wq = window._wq || [];\n window._wq.push({\n id: _this2.playerID,\n options: _objectSpread({\n autoPlay: playing,\n silentAutoPlay: 'allow',\n muted: muted,\n controlsVisibleOnLoad: controls,\n fullscreenButton: controls,\n playbar: controls,\n playbackRateControl: controls,\n qualityControl: controls,\n volumeControl: controls,\n settingsControl: controls,\n smallPlayButton: controls\n }, config.options),\n onReady: function onReady(player) {\n _this2.player = player;\n _this2.unbind();\n _this2.player.bind('play', _this2.onPlay);\n _this2.player.bind('pause', _this2.onPause);\n _this2.player.bind('seek', _this2.onSeek);\n _this2.player.bind('end', _this2.onEnded);\n _this2.player.bind('playbackratechange', _this2.onPlaybackRateChange);\n _onReady();\n }\n });\n }, onError);\n }\n }, {\n key: \"unbind\",\n value: function unbind() {\n this.player.unbind('play', this.onPlay);\n this.player.unbind('pause', this.onPause);\n this.player.unbind('seek', this.onSeek);\n this.player.unbind('end', this.onEnded);\n this.player.unbind('playbackratechange', this.onPlaybackRateChange);\n } // Proxy methods to prevent listener leaks\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {\n this.unbind();\n this.callPlayer('remove');\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('time', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('volume', fraction);\n }\n }, {\n key: \"setPlaybackRate\",\n value: function setPlaybackRate(rate) {\n this.callPlayer('playbackRate', rate);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.callPlayer('duration');\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.callPlayer('time');\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var url = this.props.url;\n var videoID = url && url.match(_patterns.MATCH_URL_WISTIA)[1];\n var className = \"wistia_embed wistia_async_\".concat(videoID);\n var style = {\n width: '100%',\n height: '100%'\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n id: this.playerID,\n key: videoID,\n className: className,\n style: style\n });\n }\n }]);\n return Wistia;\n}(_react.Component);\nexports[\"default\"] = Wistia;\n_defineProperty(Wistia, \"displayName\", 'Wistia');\n_defineProperty(Wistia, \"canPlay\", _patterns.canPlay.wistia);\n_defineProperty(Wistia, \"loopOnEnded\", true);","import React, { useState, useRef, useEffect } from \"react\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport clsx from \"clsx\"\r\nimport Grid from \"@material-ui/core/Grid\"\r\nimport { Box } from \"@material-ui/core\"\r\nimport Accordion from \"@material-ui/core/Accordion\"\r\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\"\r\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\"\r\n\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport Icon from \"../components/Icon\"\r\n\r\nimport { GTMEvent } from \"../utils/gtm\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n faqs: {\r\n paddingBottom: 38,\r\n },\r\n infoText: {\r\n padding: theme.spacing(0, 2, 0, 0),\r\n [theme.breakpoints.only(\"sm\")]: {\r\n padding: theme.spacing(0, 2, 0, 2),\r\n },\r\n [theme.breakpoints.only(\"xs\")]: {\r\n padding: theme.spacing(0, 2, 0, 2),\r\n },\r\n },\r\n title: {\r\n marginBottom: theme.spacing(2),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n description: {\r\n marginBottom: theme.spacing(4),\r\n },\r\n expandIcon: {\r\n width: 32,\r\n height: 32,\r\n },\r\n faq: {\r\n background: theme.customPalette.greyClear,\r\n borderRadius: 0,\r\n marginBottom: theme.spacing(2),\r\n \"&:first-child\": {\r\n borderTopLeftRadius: 0,\r\n borderTopRightRadius: 0,\r\n },\r\n \"&:last-child\": {\r\n marginBottom: 0,\r\n borderBottomLeftRadius: 0,\r\n borderBottomRightRadius: 0,\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderRight: `${theme.spacing(2)}px solid white`,\r\n borderLeft: `${theme.spacing(2)}px solid white`,\r\n },\r\n },\r\n faqLastVisible: {\r\n \"& > div:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n bottom: 0,\r\n right: 0,\r\n opacity: 0.8,\r\n backgroundColor: \"#fff\",\r\n zIndex: 9,\r\n },\r\n },\r\n lastVisibileFaqOpenIcon: {\r\n position: \"absolute\",\r\n left: 0,\r\n right: 0,\r\n bottom: -10,\r\n textAlign: \"center\",\r\n backgroundColor: \"#fff\",\r\n zIndex: 11,\r\n \"&:before\": {\r\n content: \"''\",\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n opacity: 0.3,\r\n },\r\n },\r\n faqRoot: {\r\n \"&:before\": {\r\n display: \"none\",\r\n },\r\n },\r\n faqHeading: {\r\n margin: theme.spacing(1, 1, 1, 0),\r\n fontWeight: theme.typography.fontWeightBold,\r\n },\r\n answer: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n grid: {\r\n position: \"relative\",\r\n },\r\n overlayWrapper: {\r\n cursor: \"pointer\",\r\n position: \"absolute\",\r\n left: 0,\r\n right: 0,\r\n textAlign: \"center\",\r\n \"& .overlayTrans\": {\r\n width: \"100%\",\r\n backgroundColor: \"#fff\",\r\n opacity: 0.8,\r\n },\r\n \"& .overlayWhite\": {\r\n width: \"100%\",\r\n backgroundColor: \"#fff\",\r\n textAlign: \"center\",\r\n },\r\n },\r\n bgOpenLastFaq: {\r\n position: \"absolute\",\r\n },\r\n}))\r\n\r\nconst FaqsModule = ({ title, description, faqs, ...others }) => {\r\n const classes = useStyles()\r\n const [expanded, setExpanded] = useState(\r\n new Array((faqs || []).length).fill(false)\r\n )\r\n const [faqInitialShow, setFaqInitialShow] = useState(4)\r\n\r\n useEffect(() => {\r\n const newExpanded2 = [...expanded]\r\n newExpanded2[0] = !newExpanded2[0]\r\n setExpanded(newExpanded2)\r\n }, [])\r\n\r\n const handleToggle = (index, faq) => {\r\n if (index < 3 || expanded.length < faqInitialShow) {\r\n const newExpanded = [...expanded]\r\n newExpanded[index] = !newExpanded[index]\r\n setExpanded(newExpanded)\r\n GTMEvent(\r\n others.repo,\r\n \"faqs\",\r\n (faq?.faq || \"\").replace(/<\\/?[^>]+(>|$)/g, \"\")\r\n )\r\n } else {\r\n setFaqInitialShow(faqInitialShow > 4 ? 4 : 999)\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n {description}\r\n \r\n \r\n \r\n \r\n {(faqs || []).map((f, index) => {\r\n if (index < faqInitialShow) {\r\n const lastVisibileFaq =\r\n index == 3 && expanded.length > faqInitialShow\r\n ? [classes.faq, classes.faqLastVisible]\r\n : [classes.faq]\r\n\r\n return (\r\n {\r\n handleToggle(index, f)\r\n }}\r\n classes={{\r\n root: classes.faqRoot,\r\n rounded: classes.faqRounded,\r\n }}\r\n >\r\n \r\n {f.faq}\r\n \r\n {index == 3 && expanded.length > faqInitialShow ? (\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n {f.answer}\r\n \r\n \r\n \r\n )\r\n }\r\n })}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nFaqsModule.defaultProps = {\r\n title: \"\",\r\n subtitle: \"\",\r\n description: \"\",\r\n faqs: [],\r\n}\r\n\r\nexport default FaqsModule\r\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iNDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy41NzYgMTAuMTUxYzEuNzktLjAwNSAzLjgzNyAxLjI4NCAzLjg3OCAzLjg3OXY4LjA5Yy40NjYtLjE5My45NTMtLjMzMiAxLjQ1NS0uMzMyLjYwNyAwIDEuMzcyLjE0NCAyLjA5LjY2Ni4yNzUuMTk5LjQ5LjUzLjY5OC44NDkuNDYzLS4zMjcuOTg3LS41MzYgMS41Ni0uNTQ2LjU5OC0uMDEgMS4zMzYuMTUyIDIuMDYxLjY2Ny40MzMuMzA3Ljc4MS44MTQgMS4wMyAxLjQwOWE2LjM0MyA2LjM0MyAwIDAgMSAxLjM5NC0uMTM2YzIuMDA1LjIzNCAzLjM1IDEuODIgMy44NDkgMy43MjcuNTE2IDEuOTc1LjUxOCA0LjIuMTUxIDYuNTc2YTI3Ljg1MyAyNy44NTMgMCAwIDEtMi4wMTUgNi45MDljLS45MzQgMi4wOTgtMi4wNTkgMy44Ni0zLjQ1NCA0Ljg5NGEuOTc1Ljk3NSAwIDAgMS0uNTc2LjE5N0gxMi42MDZhLjk4My45ODMgMCAwIDEtLjcyNy0uMzM0Yy0zLjc3NC00LjQxNS02Ljg3NS0xMC4yMy05LjM5NC0xNi4yODctLjUxNS0xLjMyNy0uNjg2LTIuNDExLS40MjQtMy4zNjQuNTEzLTEuNzEgMi43NjYtMy4xODEgNC42MDYtMi42ODIgMS4zNTIuMzQ0IDIuNDMgMS43NDcgMy4wMyAzLjA0NVYxNC4wM2EzLjg5MiAzLjg5MiAwIDAgMSAzLjg3OS0zLjg3OXptMCAxLjk0Yy0xLjA5MSAwLTEuOTQuODQ4LTEuOTQgMS45Mzl2MTcuNDU0YTEgMSAwIDAgMS0uNzQzLjk0MiAxIDEgMCAwIDEtMS4wOS0uNTAyTDcuODggMjguMDZjLS40NDEtLjc4Ny0uNjk2LTEuNDc1LTEuNzI3LTEuODYzLS44NjMtLjEzNC0xLjg2OC4zOTUtMi4yMjggMS4zMzMtLjEwMi4zNjQtLjA2MiAxLjAxNi4zOCAyLjE1MSAyLjExOCA1LjE5OCA1LjM2OCAxMS4zNjQgOC43NzIgMTUuMzhoMTIuMjI3Yy44NjYtLjcyOSAxLjg0OS0yLjEzNyAyLjY1MS0zLjk0Ljg1Ni0xLjkyMyAxLjUyNS00LjIyOSAxLjg2NC02LjQyNC4zMzktMi4xOTYuMzIzLTQuMjgzLS4wOTEtNS43NDMtLjQxLTEuNDQ2LTEuMDEtMi4xNy0yLjE2Ny0yLjMxOC0uNDY4LS4wMDktLjgyOS4wNDYtMS4xOTcuMjI3YS45OTQuOTk0IDAgMCAxLTEuMDUzLjE4NS45OS45OSAwIDAgMS0uNTgzLS44OTdjMC0uNjg4LS4yMjYtLjkzNi0uNTMtMS4xNTEtLjMwNC0uMjE2LS43NzUtLjMwNi0uOTEtLjMwMy0uNDg1LjAwOC0uNjk2LjEzNS0xLjA5LjkyNGExIDEgMCAwIDEtMS4wOS41MDIuOTk4Ljk5OCAwIDAgMS0uNzQ0LS45NDJjMC0uNzA2LS4yMTctLjk0Ni0uNS0xLjE1MS0uMjgyLS4yMDUtLjcxOS0uMzAzLS45NTQtLjMwMy0uNTI0IDAtMS4zMzEuNDY0LTEuNTQ2LjkwOWExIDEgMCAwIDEtMS4wOTUuNTM1IDEgMSAwIDAgMS0uNzUzLS45NlYxNC4wM2MwLTEuMDkxLS44NDgtMS45NC0xLjk0LTEuOTR6TTUuMzMzLjQ1NGMuMjU2LS4wMDMuNS4xLjY4Mi4yOTguMzY2LjM5NC4zNjkgMS4xMTMgMCAxLjUwNEwzLjMwMyA1LjIxM2gyMC41NDZsLTIuNzEzLTIuOTU4Yy0uMzY4LS4zOTEtLjM2NS0xLjExIDAtMS41MDRhLjkzMi45MzIgMCAwIDEgMS4zOC4wMTZsNC4zNjMgNC43NmMuMjExLjIxMS4yNjIuNDc3LjI3Mi43NDMtLjAwOC4yOS0uMDcuNTItLjI3Mi43NDRsLTQuMzY0IDQuNzZhLjk0Mi45NDIgMCAwIDEtMS4zNzkuMDE2Yy0uMzY1LS4zOTUtLjM2OC0xLjExMyAwLTEuNTA0bDIuNzEzLTIuOTU4SDMuMzAzbDIuNzEyIDIuOTU4Yy4zNjkuMzkuMzY2IDEuMTEgMCAxLjUwNC0uMzY1LjM5NC0xLjAyMi40MS0xLjM3OS0uMDE3TC4yNzMgNy4wMTRDLjA3IDYuNzkzLjAwOCA2LjU2MiAwIDYuMjcyYy4wMS0uMjY2LjA2MS0uNTMyLjI3My0uNzQzTDQuNjM2Ljc2OGEuOTMuOTMgMCAwIDEgLjY5Ny0uMzE0eiIgZmlsbD0iI0YyOTEwMCIvPg0KPC9zdmc+DQo=\"","import React, { useEffect, useRef, useState } from \"react\"\nimport Module from \"./Module\"\nimport { Box, Container, Grid } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\nimport CtaButton from \"./CtaButton\"\nimport Text from \"./Text\"\nimport clsx from \"clsx\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Navigation, Pagination, Thumbs, Controller } from \"swiper\"\nimport \"swiper/swiper-bundle.css\"\nimport { useTranslation } from \"react-i18next\"\nimport { GTMEvent, GTMEventAddToCart } from \"../utils/gtm\"\nimport FluidImage from \"./FluidImage\"\nimport Icon from \"./Icon\"\n\nconst useStyles = makeStyles(theme => ({\n subtitle: {\n marginTop: theme.spacing(2),\n color: \"#662482\",\n },\n subtitleNext: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n colorAvailable: {\n color: \"#662482\",\n },\n price: {\n marginBottom: \"24px\",\n marginTop: \"24px\",\n fontSize: \"1.5rem !important\",\n },\n boxOffer: {\n marginTop: theme.spacing(3),\n marginBottom: theme.spacing(3),\n backgroundColor: \"#F0F0F0\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingRight: theme.spacing(3),\n paddingLeft: theme.spacing(3),\n borderRadius: \"2px\",\n marginLeft: \"16px\",\n marginRight: \"16px\",\n gap: \"8px\",\n lineHeight: \"normal\",\n [theme.breakpoints.up(\"sm\")]: {\n marginLeft: 0,\n marginRight: 0,\n },\n },\n iconNext: {\n width: \"204px\",\n padding: theme.spacing(1),\n },\n w50: {\n width: \"50%\",\n },\n priceStrikethrough: {\n fontSize: \"13px !important\",\n fontWeight: \"400\",\n textDecoration: \"line-through\",\n lineHeight: \"15.2px !important\",\n margin: \"0px !important\",\n },\n offerPrice: {\n fontSize: \"17px !important\",\n fontWeight: \"800\",\n lineHeight: \"15.2px !important\",\n color: \"#000000\",\n margin: \"0px !important\",\n },\n commercialMessage: {\n fontSize: \"18px !important\",\n fontWeight: \"400\",\n lineHeight: \"15.2px !important\",\n [theme.breakpoints.down(\"md\")]: {\n marginBottom: \"15px !important\",\n lineHeight: \"24px !important\",\n },\n },\n containerOfferPrice: {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n flexDirection: \"column\",\n [theme.breakpoints.up(\"sm\")]: {\n flexDirection: \"row\",\n },\n },\n miniFigure: {\n height: \"70px\",\n width: \"70px\",\n margin: \"auto\",\n \"&:hover\": {\n cursor: \"pointer\",\n },\n \"& img\": {\n objectFit: \"contain\",\n objectPosition: \"center\",\n height: \"100%\",\n width: \"100%\",\n },\n },\n containerGiftSwiper: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n arrow: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n cursor: \"pointer\",\n },\n icon: {\n width: 24,\n height: 24,\n },\n}))\n\nSwiperCore.use([Navigation, Pagination, Thumbs, Controller])\n\nconst EcommerceMoreInfo = props => {\n const { title, product, distributionType, indexPicture, repo, cta, cart } =\n props\n const classes = useStyles()\n const [currentSelect, setCurrentSelect] = React.useState(indexPicture || 0)\n const [isActive, setIsActive] = React.useState(false)\n\n const [prodottiSwiper, setProdottiSwiper] = useState(null)\n const [controlSwiper, setControlSwiper] = useState(null)\n const [thumbsSwipers, setThumbsSwipers] = useState([])\n const thumbsRef = useRef([])\n const containerRef = useRef(null)\n const selectedRef = useRef(null)\n const [activeProductIndex, setActiveProductIndex] = useState(\n indexPicture || 0\n )\n\n const { t } = useTranslation()\n const sku =\n product?.field_value[currentSelect]?.figure_ecommerce_code ||\n product?.field_value[indexPicture]?.field_value[\n `figure_${distributionType}_code`\n ]\n\n const handleControlClick = index => {\n if (index >= 0 && index <= product?.field_value.length - 1) {\n prodottiSwiper?.slideTo(index)\n setActiveProductIndex(index)\n }\n }\n\n useEffect(() => {\n if (cart) {\n cart.reloadListeners()\n }\n\n const isEcommerceItemActive = activationDate => {\n const inputDate = new Date(activationDate)\n const today = new Date()\n return inputDate.getTime() < today.getTime()\n }\n\n const activationDate =\n product?.field_value[currentSelect]?.figure_ecommerce_date?.field_value ||\n product?.field_value[currentSelect]?.field_value[\n `figure_${distributionType}_date`\n ]?.field_value\n setIsActive(isEcommerceItemActive(activationDate))\n }, [])\n\n useEffect(() => {\n if (selectedRef.current && containerRef.current) {\n selectedRef.current.scrollIntoView({\n boundary: \"carousel\",\n behavior: \"smooth\",\n block: \"nearest\",\n inline: activeProductIndex === 0 ? \"start\" : \"center\",\n })\n }\n }, [activeProductIndex])\n\n function formattedDate(dateNextPack) {\n const date = new Date(dateNextPack)\n const options = { day: \"numeric\", month: \"short\" }\n const formattedDate = date.toLocaleDateString(\n repo.seo.siteLanguage,\n options\n )\n return formattedDate\n }\n\n return (\n \n \n \n \n {title?.field_value}\n \n \n handleControlClick(activeProductIndex - 1)}\n >\n \n {product.field_value.map((prod, productIndex) => (\n handleControlClick(productIndex)}\n style={{\n border:\n productIndex === activeProductIndex\n ? \"1px solid purple\"\n : \"1px solid transparent\",\n filter:\n productIndex === activeProductIndex\n ? \"invert(51%) sepia(41%) saturate(2098%) hue-rotate(10deg) brightness(106%) contrast(101%)\"\n : \"none\",\n flexShrink: 0,\n }}\n >\n = product.field_value.length - 1}\n className={clsx(classes.arrow, \"image-ecommerce__custom_next\")}\n onClick={() => handleControlClick(activeProductIndex + 1)}\n >\n handleControlClick(swipe.activeIndex)}\n controller={{ control: controlSwiper }}\n initialSlide={activeProductIndex}\n >\n {product.field_value.map((prod, productIndex) => {\n let arrayImg = []\n let coverImg = prod?.field_value[\n `figure_${distributionType}_image_override`\n ]\n ? prod?.field_value[`figure_${distributionType}_image_override`]\n .field_value\n : prod?.field_value?.figure_image?.field_value\n arrayImg = [coverImg]\n prod?.field_value?.figure_gallery?.field_value?.forEach(figure =>\n arrayImg.push(\n figure?.field_value?.figure_gallery_image?.field_value\n )\n )\n return (\n \n \n \n 1 && productIndex === 0}\n loop={arrayImg.length > 1 && productIndex === 0}\n loopedSlides={arrayImg.length}\n slidesPerView={1}\n spaceBetween={15}\n style={{\n \"--swiper-navigation-color\": \"#f29100\",\n \"--swiper-pagination-color\": \"#f29100\",\n }}\n >\n {(arrayImg.length > 1 && productIndex === 0\n ? arrayImg\n : [arrayImg[0]]\n ).map((el, index) => (\n \n \n ))}\n \n {\n thumbsRef.current[productIndex] = swiper\n const newThumbsSwipers = [...thumbsRef.current]\n setThumbsSwipers(newThumbsSwipers)\n }}\n spaceBetween={15}\n slidesPerView={4}\n loop={false}\n watchSlidesProgress={true}\n freeMode={true}\n >\n {(arrayImg.length > 1 && productIndex === 0\n ? arrayImg\n : [arrayImg[0]]\n ).map((el, index) => (\n \n \n GTMEvent(\n repo,\n \"click_image\",\n \"slider_image-module\"\n )\n }\n />\n \n ))}\n \n \n \n \n {prod?.field_value?.figure_title_html?.field_value}\n \n \n \n \n \n {\n prod?.field_value[\n `figure_${distributionType}_price`\n ]?.field_value\n }\n \n\n \n
\n {prod?.field_value[\n `figure_${distributionType}_commercial_message_text`\n ]?.field_value && (\n \n \n \n {\n prod?.field_value[\n `figure_${distributionType}_price`\n ]?.field_value\n }\n \n
\n \n )}\n \n \n {isActive ? (\n \n {\n GTMEvent(\n repo,\n \"starship_ofthemonth_module\",\n \"buy_now\"\n )\n GTMEventAddToCart(\n repo ?? \"\",\n sku ?? \"\",\n prod?.field_value[\n `figure_${distributionType}_price`\n ] || \"\",\n prod?.field_value[\n `figure_${distributionType}_currency_code`\n ] || \"\"\n )\n }}\n >\n {\n prod?.field_value?.figure_cta_addtocart\n ?.field_value\n }\n \n \n ) : (\n \n {\n prod?.field_value?.figure_cta_addtocart\n ?.field_value\n }\n \n )}\n
\n {cta?.field_value?.product_code && (\n \n {prod?.field_value?.next_item && (\n \n \n {t(\"ecommerce.comingNextMonth\")} \n \n {\n prod?.field_value?.next_item?.figure_title_html\n ?.field_value\n }\n \n \n {t(\"ecommerce.labelAvailableDate\") +\n formattedDate(\n prod?.field_value?.next_item[\n `figure_${distributionType}_date`\n ]?.field_value\n )}\n \n \n \n \n )}\n \n \n \n )\n })}\n \n \n \n \n )\n}\n\nexport default EcommerceMoreInfo\n","import React, { useState } from \"react\"\nimport clsx from \"clsx\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Box } from \"@material-ui/core\"\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport Overlay from \"../components/Overlay\"\nimport { GTMEvent, GTMEventAddToCart } from \"../utils/gtm\"\nimport Picture from \"../components/Picture\"\nimport EcommerceMonthlyItemModule from \"./EcommerceMonthlyItemModule\"\nimport { useTranslation } from \"react-i18next\"\nimport \"../style/FiguresGridAutomaticModule.css\"\nimport SnakeCommerceCart from \"../../static/cart\"\nimport EcommerceMoreInfo from \"../components/EcommerceMoreInfo\"\n\nconst useStyles = makeStyles(() => ({}))\n\nconst isEcommerceItemActive = activationDate => {\n // if (\n // activationDate === \"2024-12-05\" ||\n // activationDate === \"2025-01-04\" ||\n // activationDate === \"2025-02-03\" ||\n // activationDate === \"2025-03-05\"\n // ) {\n // activationDate = \"2024-11-05\"\n // }\n const inputDate = new Date(activationDate)\n const today = new Date()\n return inputDate.getTime() < today.getTime()\n}\n\nconst formatDateToDayMonth = (date, repo) => {\n const inputDate = new Date(date)\n const options = { day: \"numeric\", month: \"short\" }\n const formattedDate = inputDate.toLocaleDateString(\n repo.seo.siteLanguage,\n options\n )\n return formattedDate\n}\n\nfunction formatPrice(price) {\n if (typeof price === \"string\") {\n return price.replace(\",\", \".\")\n }\n return price\n}\n\nconst FiguresGridAutomatic = props => {\n const classes = useStyles()\n const {\n title,\n details,\n popup_title,\n distribution_type,\n cta,\n repo,\n ...others\n } = props\n const [openOverlay, setOpenOverlay] = useState(false)\n const [currentFigure, setCurrentFigure] = useState()\n const [currentIndex, setCurrentIndex] = useState(0)\n const distributionType = distribution_type.field_value\n const { t } = useTranslation()\n\n const handleFigureClick = (figure, index) => {\n setCurrentIndex(index)\n setOpenOverlay(true)\n setCurrentFigure(figure)\n\n if (figure.name && others.repo) {\n GTMEvent(others.repo, \"click_figure\", figure.name)\n }\n }\n\n const handleOverlayClose = () => {\n setOpenOverlay(false)\n }\n\n return (\n \n \n {title.field_value}\n \n \n {details.field_value.map((item, index) => {\n const activationDate =\n item.field_value[`figure_${distributionType}_date`]?.field_value ||\n false\n const isActive = isEcommerceItemActive(activationDate)\n return (\n \n
\n
\n
\n \n {t(\"ecommerce.outOfStock\")}\n \n \n {t(\"ecommerce.comingSoon\")}\n \n
\n
\n {item?.field_value?.figure_title_html?.field_value}\n \n
\n
\n {isActive ? (\n
handleFigureClick(item, index)}\n t={t}\n classes={classes}\n repo={repo}\n />\n ) : (\n handleFigureClick(item, index)}\n repo={repo}\n t={t}\n />\n )}\n \n
\n \n \n
\n
\n
\n {formatPrice(\n item.field_value[`figure_${distributionType}_price`]?.field_value\n )}\n
\n
GTMEvent(repo, \"ecommerce_module\", \"more info\")}\n >\n \n {t(\"ecommerce.moreInfo\")}\n \n \n
\n
\n \n {\n GTMEvent(\n repo,\n \"ecommerce_module\",\n item?.field_value?.figure_cta_addtocart?.field_value\n )\n GTMEventAddToCart(\n repo ?? \"\",\n item.field_value[`figure_${distributionType}_code`] ?? \"\",\n item.field_value[`figure_${distributionType}_price`] ?? \"\",\n item.field_value[`figure_${distributionType}_currency_code`] ??\n \"\"\n )\n }}\n >\n {item?.field_value?.figure_cta_addtocart?.field_value}\n \n \n
\n
\n
\n
\n {`${t(\"ecommerce.labelAvailableDate\")} ${formatDateToDayMonth(\n activationDate,\n repo\n )}`}\n
\n
GTMEvent(repo, \"ecommerce_module\", \"more info\")}\n >\n \n {t(\"ecommerce.moreInfo\")}\n \n \n
\r\n {\" \"}\r\n \r\n \r\n \r\n {props?.new_arrivals ? (\r\n \r\n {props.title}\r\n \r\n \r\n {props.subtitle}\r\n \r\n \r\n \r\n {cta.title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )*/\r\n}\r\n\r\nexport default HeroBannerOneLayerFormModule\r\n","import React from \"react\"\nimport Module from \"../components/Module\"\nimport Box from \"@material-ui/core/Box\"\nimport { Container } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport TrustBox from \"../components/TrustBox\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\n\nconst useStyles = makeStyles(theme => ({\n TrustPilotSlider: {},\n}))\n\nconst TrustpilotSlider = ({ data_template_id, repo }) => {\n const classes = useStyles()\n\n return (\n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default TrustpilotSlider\n","module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nimport Text from './Text';\r\nimport Video from './Video';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n VideoDescription: {\r\n display: 'grid',\r\n gridTemplateColumns: 'repeat(auto-fit, minmax(150px, 1fr))',\r\n gridGap: theme.spacing(12),\r\n alignItems: 'center',\r\n [theme.breakpoints.down('md')]: {\r\n gridTemplateColumns: '1fr',\r\n gridGap: theme.spacing(4),\r\n }\r\n },\r\n editorialContent: {\r\n paddingRight: theme.spacing(15),\r\n [theme.breakpoints.down('md')]: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n padding: theme.spacing(0, 1, 0, 1)\r\n }\r\n },\r\n title: {\r\n [theme.breakpoints.down('md')]: {\r\n textAlign: 'center'\r\n },\r\n '&:before': {\r\n [theme.breakpoints.down('md')]: {\r\n marginLeft: 'auto',\r\n marginRight: 'auto'\r\n }\r\n },\r\n },\r\n text: {\r\n paddingTop: theme.spacing(4),\r\n [theme.breakpoints.down('md')]: {\r\n lineHeight: '1.57 !important',\r\n textAlign: 'center',\r\n fontSize: '0.9rem !important'\r\n },\r\n },\r\n videoWrapper: {\r\n position: 'relative',\r\n height: 430,\r\n [theme.breakpoints.down('md')]: {\r\n paddingBottom: '56.25%', /* 16:9 */\r\n height: 0\r\n }\r\n },\r\n video: {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n height: '100%',\r\n width: '100%'\r\n },\r\n}));\r\n\r\n\r\nconst VideoDescription = ({ title, text, video, hideDescOnMobile = false, tracking }) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n {title &&\r\n \r\n {title}\r\n }\r\n {text && <>\r\n \r\n \r\n {text}\r\n \r\n \r\n \r\n {!hideDescOnMobile && \r\n {text}\r\n }\r\n \r\n \r\n }\r\n
\r\n {video &&\r\n
\r\n
\r\n }\r\n
\r\n \r\n \r\n \r\n {title} \r\n \r\n \r\n {text &&\r\n <>\r\n \r\n \r\n \r\n \r\n {text} \r\n {link && link.title && \r\n {link.title}\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default InfoBox;\r\n","import React from \"react\"\nimport clsx from \"clsx\"\nimport Box from \"@material-ui/core/Box\"\nimport {\n Button,\n Grid,\n List,\n ListItem,\n ListItemText,\n ListItemIcon,\n Hidden,\n} from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport Icon from \"../components/Icon\"\nimport Video from \"../components/Video\"\nimport InfoBox from \"../components/InfoBox\"\nimport FluidImage from \"../components/FluidImage\"\n\nconst useStyles = makeStyles(theme => ({\n help: {},\n title: {\n marginBottom: theme.spacing(5),\n textAlign: \"center\",\n },\n grid: {},\n gridElement: {},\n helpBox: {\n height: \"100%\",\n flex: \"1 1 auto\",\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: theme.customPalette.greyClear,\n padding: theme.spacing(4, 3),\n borderBottom: `4px solid ${theme.palette.primary.main}`,\n [theme.breakpoints.only(\"xs\")]: {\n padding: theme.spacing(2, 2, 0, 2),\n },\n },\n helpHeader: {\n marginBottom: theme.spacing(2),\n },\n helpTitle: {\n [theme.breakpoints.down(\"xs\")]: {\n textAlign: \"center\",\n },\n },\n helpDescription: {\n marginBottom: theme.spacing(3),\n [theme.breakpoints.down(\"xs\")]: {\n textAlign: \"center\",\n },\n },\n helpHeaderIcon: {\n height: 30,\n width: 30,\n },\n bulletIcon: {\n width: 24,\n height: 24,\n },\n helpContent: {\n // padding: theme.spacing(3, 4),\n flexGrow: 1,\n },\n list: {\n padding: theme.spacing(3, 0),\n },\n listImage: {\n height: 300,\n float: \"right\",\n marginRight: theme.spacing(-3),\n },\n ctaContent: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n video: {\n height: 260,\n marginTop: theme.spacing(3),\n [theme.breakpoints.down(\"sm\")]: {\n marginRight: theme.spacing(-2),\n marginLeft: theme.spacing(-2),\n },\n },\n videoContent: {\n backgroundColor: \"#EFEFEF\",\n },\n ctaDescription: {\n flexGrow: 1,\n },\n ctaButton: {\n width: \"100%\",\n padding: theme.spacing(1, 2),\n },\n ctaIcon: {\n height: 20,\n width: \"auto\",\n marginRight: theme.spacing(2),\n },\n info: {\n marginTop: theme.spacing(2),\n },\n}))\n\nconst HelpBox = ({ item, tracking }) => {\n const classes = useStyles()\n\n return (\n \n \n \n {item.title}\n \n \n \n <>\n \n \n {item.subtitle && item.subtitle.length > 0 && (\n \n \n {item.subtitle}\n \n \n )}\n {item.description && item.description.length > 0 && (\n \n \n {item.description}\n \n \n )}\n {item.type === \"LIST\" && (\n \n {item.list.map((text, i) => (\n \n \n \n \n ))}\n
\n )}\n {item.type === \"VIDEO\" && (\n \n )}\n \n {item.type === \"LIST\" && (\n \n \n \n \n )}\n \n {item.type === \"CTA\" && (\n \n \n {item.ctaText}\n \n )}\n \n \n \n )\n}\n\nconst HelpModule = ({ title, items, info, ...others }) => {\n const classes = useStyles()\n\n return (\n \n \n \n {title}\n \n \n\n \n {(items || []).map((el, i) => (\n \n \n ))}\n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n items: [],\n}\n\nHelpModule.defaultProps = defaultProps\n\nexport default HelpModule\n","import React from \"react\"\nimport Icon from \"../components/Icon\"\nimport clsx from \"clsx\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport { Box } from \"@material-ui/core\"\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\n\nconst useStyles = makeStyles(theme => ({\n quote: {},\n containerBox: {\n [theme.breakpoints.up(\"sm\")]: {\n maxWidth: \"50%\",\n },\n margin: \"0 auto\",\n },\n imgQuotation: {\n paddingTop: \"8px\",\n paddingBottom: \"8px\",\n [theme.breakpoints.down(\"md\")]: {\n width: \"31px\",\n },\n },\n textName: {\n color: \"#662482\",\n fontWeight: 700,\n fontSize: \"18px\",\n lineHeight: \"21\",\n },\n textTitle: {\n fontSize: \"30px\",\n lineHeight: \"34px\",\n [theme.breakpoints.up(\"sm\")]: {\n maxWidth: \"40px\",\n lineHeight: \"44px\",\n },\n color: \"#000000\",\n fontWeight: 500,\n fontFamily: \"Spezia, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif\",\n },\n fontWeight400: {\n fontWeight: 400,\n },\n}))\n\nconst QuoteModule = ({ quote, name_person_quote, subname_quote, repo }) => {\n const classes = useStyles()\n const theme = useTheme()\n return (\n \n \n \n
\n \n
\n \n \n \n \n \n \n )\n}\n\nexport default QuoteModule\n","import React from 'react';\r\nimport DefaultTemplate from \"@src/site/templates/default\";\r\nimport Error from '@src/modules/common/Error';\r\nimport { detectAlpha2Country } from '@src/utils/country';\r\n\r\nexport default function Error404() {\r\n const country = detectAlpha2Country();\r\n const page = {\r\n content: null,\r\n seo: {},\r\n tracking: {\r\n dataLayer: [\r\n {\r\n country: country,\r\n pageFamily: \"home\",\r\n pageName: \"error\",\r\n userId: \"\"\r\n },\r\n ]\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n );\r\n}","import React, { useState } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { useSpring, animated } from \"react-spring\"\r\nimport * as easings from \"d3-ease\"\r\nimport { pubsub } from \"@src/utils/pubsub\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n fadeInDirection: {\r\n height: \"100%\",\r\n width: \"auto\",\r\n },\r\n hidden: {\r\n visibility: \"hidden\",\r\n },\r\n}))\r\n\r\nconst FadeInDirection = ({\r\n className,\r\n shouldStartTopic,\r\n opacity,\r\n isVisible,\r\n delay,\r\n duration,\r\n fromX,\r\n toX,\r\n fromY,\r\n toY,\r\n children,\r\n}) => {\r\n const props = useSpring({\r\n delay: delay,\r\n config: { duration: duration, easing: easings.easeExpOut },\r\n opacity: opacity,\r\n transform: `translate3d(${toX}, ${toY}, 0)`,\r\n from: {\r\n visibility: \"visible\",\r\n opacity: 0,\r\n transform: `translate3d(${fromX}, ${fromY}, 0)`,\r\n },\r\n reset: !isVisible,\r\n })\r\n\r\n const [shouldStart, setShouldStart] = useState(false)\r\n\r\n pubsub.subscribe(shouldStartTopic, event => {\r\n setShouldStart(true)\r\n })\r\n\r\n return (\r\n <>\r\n {shouldStart ? (\r\n \r\n {children}\r\n \r\n ) : (\r\n {children} \r\n )}\r\n \r\n )\r\n}\r\n\r\nconst FadeInContainer = props => {\r\n const classes = useStyles()\r\n const {\r\n delay = 600,\r\n duration = 1500,\r\n toX = 0,\r\n fromX = 0,\r\n fromY = 0,\r\n toY = 0,\r\n opacity = 1,\r\n className,\r\n children,\r\n shouldStartTopic,\r\n } = props\r\n\r\n /*return (\r\n \r\n {({ isVisible }) => (\r\n \r\n {children}\r\n \r\n )}\r\n \r\n );*/\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default FadeInContainer\r\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Dots = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nvar getDotCount = function getDotCount(spec) {\n var dots;\n if (spec.infinite) {\n dots = Math.ceil(spec.slideCount / spec.slidesToScroll);\n } else {\n dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;\n }\n return dots;\n};\nvar Dots = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(Dots, _React$PureComponent);\n var _super = _createSuper(Dots);\n function Dots() {\n _classCallCheck(this, Dots);\n return _super.apply(this, arguments);\n }\n _createClass(Dots, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n // In Autoplay the focus stays on clicked button even after transition\n // to next slide. That only goes away by click somewhere outside\n e.preventDefault();\n this.props.clickHandler(options);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n onMouseEnter = _this$props.onMouseEnter,\n onMouseOver = _this$props.onMouseOver,\n onMouseLeave = _this$props.onMouseLeave,\n infinite = _this$props.infinite,\n slidesToScroll = _this$props.slidesToScroll,\n slidesToShow = _this$props.slidesToShow,\n slideCount = _this$props.slideCount,\n currentSlide = _this$props.currentSlide;\n var dotCount = getDotCount({\n slideCount: slideCount,\n slidesToScroll: slidesToScroll,\n slidesToShow: slidesToShow,\n infinite: infinite\n });\n var mouseEvents = {\n onMouseEnter: onMouseEnter,\n onMouseOver: onMouseOver,\n onMouseLeave: onMouseLeave\n };\n var dots = [];\n for (var i = 0; i < dotCount; i++) {\n var _rightBound = (i + 1) * slidesToScroll - 1;\n var rightBound = infinite ? _rightBound : (0, _innerSliderUtils.clamp)(_rightBound, 0, slideCount - 1);\n var _leftBound = rightBound - (slidesToScroll - 1);\n var leftBound = infinite ? _leftBound : (0, _innerSliderUtils.clamp)(_leftBound, 0, slideCount - 1);\n var className = (0, _classnames[\"default\"])({\n \"slick-active\": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound\n });\n var dotOptions = {\n message: \"dots\",\n index: i,\n slidesToScroll: slidesToScroll,\n currentSlide: currentSlide\n };\n var onClick = this.clickHandler.bind(this, dotOptions);\n dots = dots.concat( /*#__PURE__*/_react[\"default\"].createElement(\"li\", {\n key: i,\n className: className\n }, /*#__PURE__*/_react[\"default\"].cloneElement(this.props.customPaging(i), {\n onClick: onClick\n })));\n }\n return /*#__PURE__*/_react[\"default\"].cloneElement(this.props.appendDots(dots), _objectSpread({\n className: this.props.dotsClass\n }, mouseEvents));\n }\n }]);\n return Dots;\n}(_react[\"default\"].PureComponent);\nexports.Dots = Dots;","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://player.twitch.tv/js/embed/v1.js';\nvar SDK_GLOBAL = 'Twitch';\nvar PLAYER_ID_PREFIX = 'twitch-player-';\nvar Twitch = /*#__PURE__*/function (_Component) {\n _inherits(Twitch, _Component);\n var _super = _createSuper(Twitch);\n function Twitch() {\n var _this;\n _classCallCheck(this, Twitch);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"playerID\", _this.props.config.playerId || \"\".concat(PLAYER_ID_PREFIX).concat((0, _utils.randomString)()));\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.callPlayer('setMuted', true);\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.callPlayer('setMuted', false);\n });\n return _this;\n }\n _createClass(Twitch, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url, isReady) {\n var _this2 = this;\n var _this$props = this.props,\n playsinline = _this$props.playsinline,\n onError = _this$props.onError,\n config = _this$props.config,\n controls = _this$props.controls;\n var isChannel = _patterns.MATCH_URL_TWITCH_CHANNEL.test(url);\n var id = isChannel ? url.match(_patterns.MATCH_URL_TWITCH_CHANNEL)[1] : url.match(_patterns.MATCH_URL_TWITCH_VIDEO)[1];\n if (isReady) {\n if (isChannel) {\n this.player.setChannel(id);\n } else {\n this.player.setVideo('v' + id);\n }\n return;\n }\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function (Twitch) {\n _this2.player = new Twitch.Player(_this2.playerID, _objectSpread({\n video: isChannel ? '' : id,\n channel: isChannel ? id : '',\n height: '100%',\n width: '100%',\n playsinline: playsinline,\n autoplay: _this2.props.playing,\n muted: _this2.props.muted,\n // https://github.com/CookPete/react-player/issues/733#issuecomment-549085859\n controls: isChannel ? true : controls,\n time: (0, _utils.parseStartTime)(url)\n }, config.options));\n var _Twitch$Player = Twitch.Player,\n READY = _Twitch$Player.READY,\n PLAYING = _Twitch$Player.PLAYING,\n PAUSE = _Twitch$Player.PAUSE,\n ENDED = _Twitch$Player.ENDED,\n ONLINE = _Twitch$Player.ONLINE,\n OFFLINE = _Twitch$Player.OFFLINE,\n SEEK = _Twitch$Player.SEEK;\n _this2.player.addEventListener(READY, _this2.props.onReady);\n _this2.player.addEventListener(PLAYING, _this2.props.onPlay);\n _this2.player.addEventListener(PAUSE, _this2.props.onPause);\n _this2.player.addEventListener(ENDED, _this2.props.onEnded);\n _this2.player.addEventListener(SEEK, _this2.props.onSeek); // Prevent weird isLoading behaviour when streams are offline\n\n _this2.player.addEventListener(ONLINE, _this2.props.onLoaded);\n _this2.player.addEventListener(OFFLINE, _this2.props.onLoaded);\n }, onError);\n }\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {\n this.callPlayer('pause');\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('seek', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('setVolume', fraction);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.callPlayer('getDuration');\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.callPlayer('getCurrentTime');\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var style = {\n width: '100%',\n height: '100%'\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: style,\n id: this.playerID\n });\n }\n }]);\n return Twitch;\n}(_react.Component);\nexports[\"default\"] = Twitch;\n_defineProperty(Twitch, \"displayName\", 'Twitch');\n_defineProperty(Twitch, \"canPlay\", _patterns.canPlay.twitch);\n_defineProperty(Twitch, \"loopOnEnded\", true);","import { getWindow, getDocument } from 'ssr-window';\nvar support;\nfunction calcSupport() {\n var window = getWindow();\n var document = getDocument();\n return {\n touch: !!('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch),\n pointerEvents: !!window.PointerEvent && 'maxTouchPoints' in window.navigator && window.navigator.maxTouchPoints >= 0,\n observer: function checkObserver() {\n return 'MutationObserver' in window || 'WebkitMutationObserver' in window;\n }(),\n passiveListener: function checkPassiveListener() {\n var supportsPassive = false;\n try {\n var opts = Object.defineProperty({}, 'passive', {\n // eslint-disable-next-line\n get: function get() {\n supportsPassive = true;\n }\n });\n window.addEventListener('testPassiveListener', null, opts);\n } catch (e) {// No support\n }\n return supportsPassive;\n }(),\n gestures: function checkGestures() {\n return 'ongesturestart' in window;\n }()\n };\n}\nfunction getSupport() {\n if (!support) {\n support = calcSupport();\n }\n return support;\n}\nexport { getSupport };","import { getWindow } from 'ssr-window';\nimport { getSupport } from './get-support';\nvar device;\nfunction calcDevice(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n userAgent = _ref.userAgent;\n var support = getSupport();\n var window = getWindow();\n var platform = window.navigator.platform;\n var ua = userAgent || window.navigator.userAgent;\n var device = {\n ios: false,\n android: false\n };\n var screenWidth = window.screen.width;\n var screenHeight = window.screen.height;\n var android = ua.match(/(Android);?[\\s\\/]+([\\d.]+)?/); // eslint-disable-line\n\n var ipad = ua.match(/(iPad).*OS\\s([\\d_]+)/);\n var ipod = ua.match(/(iPod)(.*OS\\s([\\d_]+))?/);\n var iphone = !ipad && ua.match(/(iPhone\\sOS|iOS)\\s([\\d_]+)/);\n var windows = platform === 'Win32';\n var macos = platform === 'MacIntel'; // iPadOs 13 fix\n\n var iPadScreens = ['1024x1366', '1366x1024', '834x1194', '1194x834', '834x1112', '1112x834', '768x1024', '1024x768', '820x1180', '1180x820', '810x1080', '1080x810'];\n if (!ipad && macos && support.touch && iPadScreens.indexOf(screenWidth + \"x\" + screenHeight) >= 0) {\n ipad = ua.match(/(Version)\\/([\\d.]+)/);\n if (!ipad) ipad = [0, 1, '13_0_0'];\n macos = false;\n } // Android\n\n if (android && !windows) {\n device.os = 'android';\n device.android = true;\n }\n if (ipad || iphone || ipod) {\n device.os = 'ios';\n device.ios = true;\n } // Export object\n\n return device;\n}\nfunction getDevice(overrides) {\n if (overrides === void 0) {\n overrides = {};\n }\n if (!device) {\n device = calcDevice(overrides);\n }\n return device;\n}\nexport { getDevice };","import { getWindow } from 'ssr-window';\nvar browser;\nfunction calcBrowser() {\n var window = getWindow();\n function isSafari() {\n var ua = window.navigator.userAgent.toLowerCase();\n return ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0;\n }\n return {\n isEdge: !!window.navigator.userAgent.match(/Edge/g),\n isSafari: isSafari(),\n isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent)\n };\n}\nfunction getBrowser() {\n if (!browser) {\n browser = calcBrowser();\n }\n return browser;\n}\nexport { getBrowser };","import { getWindow } from 'ssr-window';\nimport { extend } from '../../utils/utils';\nvar supportsResizeObserver = function supportsResizeObserver() {\n var window = getWindow();\n return typeof window.ResizeObserver !== 'undefined';\n};\nexport default {\n name: 'resize',\n create: function create() {\n var swiper = this;\n extend(swiper, {\n resize: {\n observer: null,\n createObserver: function createObserver() {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n swiper.resize.observer = new ResizeObserver(function (entries) {\n var width = swiper.width,\n height = swiper.height;\n var newWidth = width;\n var newHeight = height;\n entries.forEach(function (_ref) {\n var contentBoxSize = _ref.contentBoxSize,\n contentRect = _ref.contentRect,\n target = _ref.target;\n if (target && target !== swiper.el) return;\n newWidth = contentRect ? contentRect.width : (contentBoxSize[0] || contentBoxSize).inlineSize;\n newHeight = contentRect ? contentRect.height : (contentBoxSize[0] || contentBoxSize).blockSize;\n });\n if (newWidth !== width || newHeight !== height) {\n swiper.resize.resizeHandler();\n }\n });\n swiper.resize.observer.observe(swiper.el);\n },\n removeObserver: function removeObserver() {\n if (swiper.resize.observer && swiper.resize.observer.unobserve && swiper.el) {\n swiper.resize.observer.unobserve(swiper.el);\n swiper.resize.observer = null;\n }\n },\n resizeHandler: function resizeHandler() {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n swiper.emit('beforeResize');\n swiper.emit('resize');\n },\n orientationChangeHandler: function orientationChangeHandler() {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n swiper.emit('orientationchange');\n }\n }\n });\n },\n on: {\n init: function init(swiper) {\n var window = getWindow();\n if (swiper.params.resizeObserver && supportsResizeObserver()) {\n swiper.resize.createObserver();\n return;\n } // Emit resize\n\n window.addEventListener('resize', swiper.resize.resizeHandler); // Emit orientationchange\n\n window.addEventListener('orientationchange', swiper.resize.orientationChangeHandler);\n },\n destroy: function destroy(swiper) {\n var window = getWindow();\n swiper.resize.removeObserver();\n window.removeEventListener('resize', swiper.resize.resizeHandler);\n window.removeEventListener('orientationchange', swiper.resize.orientationChangeHandler);\n }\n }\n};","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport { getWindow } from 'ssr-window';\nimport { bindModuleMethods } from '../../utils/utils';\nvar Observer = {\n attach: function attach(target, options) {\n if (options === void 0) {\n options = {};\n }\n var window = getWindow();\n var swiper = this;\n var ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;\n var observer = new ObserverFunc(function (mutations) {\n // The observerUpdate event should only be triggered\n // once despite the number of mutations. Additional\n // triggers are redundant and are very costly\n if (mutations.length === 1) {\n swiper.emit('observerUpdate', mutations[0]);\n return;\n }\n var observerUpdate = function observerUpdate() {\n swiper.emit('observerUpdate', mutations[0]);\n };\n if (window.requestAnimationFrame) {\n window.requestAnimationFrame(observerUpdate);\n } else {\n window.setTimeout(observerUpdate, 0);\n }\n });\n observer.observe(target, {\n attributes: typeof options.attributes === 'undefined' ? true : options.attributes,\n childList: typeof options.childList === 'undefined' ? true : options.childList,\n characterData: typeof options.characterData === 'undefined' ? true : options.characterData\n });\n swiper.observer.observers.push(observer);\n },\n init: function init() {\n var swiper = this;\n if (!swiper.support.observer || !swiper.params.observer) return;\n if (swiper.params.observeParents) {\n var containerParents = swiper.$el.parents();\n for (var i = 0; i < containerParents.length; i += 1) {\n swiper.observer.attach(containerParents[i]);\n }\n } // Observe container\n\n swiper.observer.attach(swiper.$el[0], {\n childList: swiper.params.observeSlideChildren\n }); // Observe wrapper\n\n swiper.observer.attach(swiper.$wrapperEl[0], {\n attributes: false\n });\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.observer.observers.forEach(function (observer) {\n observer.disconnect();\n });\n swiper.observer.observers = [];\n }\n};\nexport default {\n name: 'observer',\n params: {\n observer: false,\n observeParents: false,\n observeSlideChildren: false\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n observer: _extends({}, Observer, {\n observers: []\n })\n });\n },\n on: {\n init: function init(swiper) {\n swiper.observer.init();\n },\n destroy: function destroy(swiper) {\n swiper.observer.destroy();\n }\n }\n};","import { extend } from '../../utils/utils';\nexport default {\n useParams: function useParams(instanceParams) {\n var instance = this;\n if (!instance.modules) return;\n Object.keys(instance.modules).forEach(function (moduleName) {\n var module = instance.modules[moduleName]; // Extend params\n\n if (module.params) {\n extend(instanceParams, module.params);\n }\n });\n },\n useModules: function useModules(modulesParams) {\n if (modulesParams === void 0) {\n modulesParams = {};\n }\n var instance = this;\n if (!instance.modules) return;\n Object.keys(instance.modules).forEach(function (moduleName) {\n var module = instance.modules[moduleName];\n var moduleParams = modulesParams[moduleName] || {}; // Add event listeners\n\n if (module.on && instance.on) {\n Object.keys(module.on).forEach(function (moduleEventName) {\n instance.on(moduleEventName, module.on[moduleEventName]);\n });\n } // Module create callback\n\n if (module.create) {\n module.create.bind(instance)(moduleParams);\n }\n });\n }\n};","/* eslint-disable no-underscore-dangle */\nexport default {\n on: function on(events, handler, priority) {\n var self = this;\n if (typeof handler !== 'function') return self;\n var method = priority ? 'unshift' : 'push';\n events.split(' ').forEach(function (event) {\n if (!self.eventsListeners[event]) self.eventsListeners[event] = [];\n self.eventsListeners[event][method](handler);\n });\n return self;\n },\n once: function once(events, handler, priority) {\n var self = this;\n if (typeof handler !== 'function') return self;\n function onceHandler() {\n self.off(events, onceHandler);\n if (onceHandler.__emitterProxy) {\n delete onceHandler.__emitterProxy;\n }\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n handler.apply(self, args);\n }\n onceHandler.__emitterProxy = handler;\n return self.on(events, onceHandler, priority);\n },\n onAny: function onAny(handler, priority) {\n var self = this;\n if (typeof handler !== 'function') return self;\n var method = priority ? 'unshift' : 'push';\n if (self.eventsAnyListeners.indexOf(handler) < 0) {\n self.eventsAnyListeners[method](handler);\n }\n return self;\n },\n offAny: function offAny(handler) {\n var self = this;\n if (!self.eventsAnyListeners) return self;\n var index = self.eventsAnyListeners.indexOf(handler);\n if (index >= 0) {\n self.eventsAnyListeners.splice(index, 1);\n }\n return self;\n },\n off: function off(events, handler) {\n var self = this;\n if (!self.eventsListeners) return self;\n events.split(' ').forEach(function (event) {\n if (typeof handler === 'undefined') {\n self.eventsListeners[event] = [];\n } else if (self.eventsListeners[event]) {\n self.eventsListeners[event].forEach(function (eventHandler, index) {\n if (eventHandler === handler || eventHandler.__emitterProxy && eventHandler.__emitterProxy === handler) {\n self.eventsListeners[event].splice(index, 1);\n }\n });\n }\n });\n return self;\n },\n emit: function emit() {\n var self = this;\n if (!self.eventsListeners) return self;\n var events;\n var data;\n var context;\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n if (typeof args[0] === 'string' || Array.isArray(args[0])) {\n events = args[0];\n data = args.slice(1, args.length);\n context = self;\n } else {\n events = args[0].events;\n data = args[0].data;\n context = args[0].context || self;\n }\n data.unshift(context);\n var eventsArray = Array.isArray(events) ? events : events.split(' ');\n eventsArray.forEach(function (event) {\n if (self.eventsAnyListeners && self.eventsAnyListeners.length) {\n self.eventsAnyListeners.forEach(function (eventHandler) {\n eventHandler.apply(context, [event].concat(data));\n });\n }\n if (self.eventsListeners && self.eventsListeners[event]) {\n self.eventsListeners[event].forEach(function (eventHandler) {\n eventHandler.apply(context, data);\n });\n }\n });\n return self;\n }\n};","import updateSize from './updateSize';\nimport updateSlides from './updateSlides';\nimport updateAutoHeight from './updateAutoHeight';\nimport updateSlidesOffset from './updateSlidesOffset';\nimport updateSlidesProgress from './updateSlidesProgress';\nimport updateProgress from './updateProgress';\nimport updateSlidesClasses from './updateSlidesClasses';\nimport updateActiveIndex from './updateActiveIndex';\nimport updateClickedSlide from './updateClickedSlide';\nexport default {\n updateSize: updateSize,\n updateSlides: updateSlides,\n updateAutoHeight: updateAutoHeight,\n updateSlidesOffset: updateSlidesOffset,\n updateSlidesProgress: updateSlidesProgress,\n updateProgress: updateProgress,\n updateSlidesClasses: updateSlidesClasses,\n updateActiveIndex: updateActiveIndex,\n updateClickedSlide: updateClickedSlide\n};","import { extend } from '../../../utils/utils';\nexport default function updateSize() {\n var swiper = this;\n var width;\n var height;\n var $el = swiper.$el;\n if (typeof swiper.params.width !== 'undefined' && swiper.params.width !== null) {\n width = swiper.params.width;\n } else {\n width = $el[0].clientWidth;\n }\n if (typeof swiper.params.height !== 'undefined' && swiper.params.height !== null) {\n height = swiper.params.height;\n } else {\n height = $el[0].clientHeight;\n }\n if (width === 0 && swiper.isHorizontal() || height === 0 && swiper.isVertical()) {\n return;\n } // Subtract paddings\n\n width = width - parseInt($el.css('padding-left') || 0, 10) - parseInt($el.css('padding-right') || 0, 10);\n height = height - parseInt($el.css('padding-top') || 0, 10) - parseInt($el.css('padding-bottom') || 0, 10);\n if (Number.isNaN(width)) width = 0;\n if (Number.isNaN(height)) height = 0;\n extend(swiper, {\n width: width,\n height: height,\n size: swiper.isHorizontal() ? width : height\n });\n}","import { extend } from '../../../utils/utils';\nexport default function updateSlides() {\n var swiper = this;\n function getDirectionLabel(property) {\n if (swiper.isHorizontal()) {\n return property;\n } // prettier-ignore\n\n return {\n 'width': 'height',\n 'margin-top': 'margin-left',\n 'margin-bottom ': 'margin-right',\n 'margin-left': 'margin-top',\n 'margin-right': 'margin-bottom',\n 'padding-left': 'padding-top',\n 'padding-right': 'padding-bottom',\n 'marginRight': 'marginBottom'\n }[property];\n }\n function getDirectionPropertyValue(node, label) {\n return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);\n }\n var params = swiper.params;\n var $wrapperEl = swiper.$wrapperEl,\n swiperSize = swiper.size,\n rtl = swiper.rtlTranslate,\n wrongRTL = swiper.wrongRTL;\n var isVirtual = swiper.virtual && params.virtual.enabled;\n var previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;\n var slides = $wrapperEl.children(\".\" + swiper.params.slideClass);\n var slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;\n var snapGrid = [];\n var slidesGrid = [];\n var slidesSizesGrid = [];\n var offsetBefore = params.slidesOffsetBefore;\n if (typeof offsetBefore === 'function') {\n offsetBefore = params.slidesOffsetBefore.call(swiper);\n }\n var offsetAfter = params.slidesOffsetAfter;\n if (typeof offsetAfter === 'function') {\n offsetAfter = params.slidesOffsetAfter.call(swiper);\n }\n var previousSnapGridLength = swiper.snapGrid.length;\n var previousSlidesGridLength = swiper.slidesGrid.length;\n var spaceBetween = params.spaceBetween;\n var slidePosition = -offsetBefore;\n var prevSlideSize = 0;\n var index = 0;\n if (typeof swiperSize === 'undefined') {\n return;\n }\n if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {\n spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiperSize;\n }\n swiper.virtualSize = -spaceBetween; // reset margins\n\n if (rtl) slides.css({\n marginLeft: '',\n marginBottom: '',\n marginTop: ''\n });else slides.css({\n marginRight: '',\n marginBottom: '',\n marginTop: ''\n });\n var slidesNumberEvenToRows;\n if (params.slidesPerColumn > 1) {\n if (Math.floor(slidesLength / params.slidesPerColumn) === slidesLength / swiper.params.slidesPerColumn) {\n slidesNumberEvenToRows = slidesLength;\n } else {\n slidesNumberEvenToRows = Math.ceil(slidesLength / params.slidesPerColumn) * params.slidesPerColumn;\n }\n if (params.slidesPerView !== 'auto' && params.slidesPerColumnFill === 'row') {\n slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, params.slidesPerView * params.slidesPerColumn);\n }\n } // Calc slides\n\n var slideSize;\n var slidesPerColumn = params.slidesPerColumn;\n var slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;\n var numFullColumns = Math.floor(slidesLength / params.slidesPerColumn);\n for (var i = 0; i < slidesLength; i += 1) {\n slideSize = 0;\n var slide = slides.eq(i);\n if (params.slidesPerColumn > 1) {\n // Set slides order\n var newSlideOrderIndex = void 0;\n var column = void 0;\n var row = void 0;\n if (params.slidesPerColumnFill === 'row' && params.slidesPerGroup > 1) {\n var groupIndex = Math.floor(i / (params.slidesPerGroup * params.slidesPerColumn));\n var slideIndexInGroup = i - params.slidesPerColumn * params.slidesPerGroup * groupIndex;\n var columnsInGroup = groupIndex === 0 ? params.slidesPerGroup : Math.min(Math.ceil((slidesLength - groupIndex * slidesPerColumn * params.slidesPerGroup) / slidesPerColumn), params.slidesPerGroup);\n row = Math.floor(slideIndexInGroup / columnsInGroup);\n column = slideIndexInGroup - row * columnsInGroup + groupIndex * params.slidesPerGroup;\n newSlideOrderIndex = column + row * slidesNumberEvenToRows / slidesPerColumn;\n slide.css({\n '-webkit-box-ordinal-group': newSlideOrderIndex,\n '-moz-box-ordinal-group': newSlideOrderIndex,\n '-ms-flex-order': newSlideOrderIndex,\n '-webkit-order': newSlideOrderIndex,\n order: newSlideOrderIndex\n });\n } else if (params.slidesPerColumnFill === 'column') {\n column = Math.floor(i / slidesPerColumn);\n row = i - column * slidesPerColumn;\n if (column > numFullColumns || column === numFullColumns && row === slidesPerColumn - 1) {\n row += 1;\n if (row >= slidesPerColumn) {\n row = 0;\n column += 1;\n }\n }\n } else {\n row = Math.floor(i / slidesPerRow);\n column = i - row * slidesPerRow;\n }\n slide.css(getDirectionLabel('margin-top'), row !== 0 ? params.spaceBetween && params.spaceBetween + \"px\" : '');\n }\n if (slide.css('display') === 'none') continue; // eslint-disable-line\n\n if (params.slidesPerView === 'auto') {\n var slideStyles = getComputedStyle(slide[0]);\n var currentTransform = slide[0].style.transform;\n var currentWebKitTransform = slide[0].style.webkitTransform;\n if (currentTransform) {\n slide[0].style.transform = 'none';\n }\n if (currentWebKitTransform) {\n slide[0].style.webkitTransform = 'none';\n }\n if (params.roundLengths) {\n slideSize = swiper.isHorizontal() ? slide.outerWidth(true) : slide.outerHeight(true);\n } else {\n // eslint-disable-next-line\n var width = getDirectionPropertyValue(slideStyles, 'width');\n var paddingLeft = getDirectionPropertyValue(slideStyles, 'padding-left');\n var paddingRight = getDirectionPropertyValue(slideStyles, 'padding-right');\n var marginLeft = getDirectionPropertyValue(slideStyles, 'margin-left');\n var marginRight = getDirectionPropertyValue(slideStyles, 'margin-right');\n var boxSizing = slideStyles.getPropertyValue('box-sizing');\n if (boxSizing && boxSizing === 'border-box') {\n slideSize = width + marginLeft + marginRight;\n } else {\n var _slide$ = slide[0],\n clientWidth = _slide$.clientWidth,\n offsetWidth = _slide$.offsetWidth;\n slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight + (offsetWidth - clientWidth);\n }\n }\n if (currentTransform) {\n slide[0].style.transform = currentTransform;\n }\n if (currentWebKitTransform) {\n slide[0].style.webkitTransform = currentWebKitTransform;\n }\n if (params.roundLengths) slideSize = Math.floor(slideSize);\n } else {\n slideSize = (swiperSize - (params.slidesPerView - 1) * spaceBetween) / params.slidesPerView;\n if (params.roundLengths) slideSize = Math.floor(slideSize);\n if (slides[i]) {\n slides[i].style[getDirectionLabel('width')] = slideSize + \"px\";\n }\n }\n if (slides[i]) {\n slides[i].swiperSlideSize = slideSize;\n }\n slidesSizesGrid.push(slideSize);\n if (params.centeredSlides) {\n slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;\n if (prevSlideSize === 0 && i !== 0) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;\n if (i === 0) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;\n if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;\n if (params.roundLengths) slidePosition = Math.floor(slidePosition);\n if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition);\n slidesGrid.push(slidePosition);\n } else {\n if (params.roundLengths) slidePosition = Math.floor(slidePosition);\n if ((index - Math.min(swiper.params.slidesPerGroupSkip, index)) % swiper.params.slidesPerGroup === 0) snapGrid.push(slidePosition);\n slidesGrid.push(slidePosition);\n slidePosition = slidePosition + slideSize + spaceBetween;\n }\n swiper.virtualSize += slideSize + spaceBetween;\n prevSlideSize = slideSize;\n index += 1;\n }\n swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;\n var newSlidesGrid;\n if (rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {\n $wrapperEl.css({\n width: swiper.virtualSize + params.spaceBetween + \"px\"\n });\n }\n if (params.setWrapperSize) {\n var _$wrapperEl$css;\n $wrapperEl.css((_$wrapperEl$css = {}, _$wrapperEl$css[getDirectionLabel('width')] = swiper.virtualSize + params.spaceBetween + \"px\", _$wrapperEl$css));\n }\n if (params.slidesPerColumn > 1) {\n var _$wrapperEl$css2;\n swiper.virtualSize = (slideSize + params.spaceBetween) * slidesNumberEvenToRows;\n swiper.virtualSize = Math.ceil(swiper.virtualSize / params.slidesPerColumn) - params.spaceBetween;\n $wrapperEl.css((_$wrapperEl$css2 = {}, _$wrapperEl$css2[getDirectionLabel('width')] = swiper.virtualSize + params.spaceBetween + \"px\", _$wrapperEl$css2));\n if (params.centeredSlides) {\n newSlidesGrid = [];\n for (var _i = 0; _i < snapGrid.length; _i += 1) {\n var slidesGridItem = snapGrid[_i];\n if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);\n if (snapGrid[_i] < swiper.virtualSize + snapGrid[0]) newSlidesGrid.push(slidesGridItem);\n }\n snapGrid = newSlidesGrid;\n }\n } // Remove last grid elements depending on width\n\n if (!params.centeredSlides) {\n newSlidesGrid = [];\n for (var _i2 = 0; _i2 < snapGrid.length; _i2 += 1) {\n var _slidesGridItem = snapGrid[_i2];\n if (params.roundLengths) _slidesGridItem = Math.floor(_slidesGridItem);\n if (snapGrid[_i2] <= swiper.virtualSize - swiperSize) {\n newSlidesGrid.push(_slidesGridItem);\n }\n }\n snapGrid = newSlidesGrid;\n if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {\n snapGrid.push(swiper.virtualSize - swiperSize);\n }\n }\n if (snapGrid.length === 0) snapGrid = [0];\n if (params.spaceBetween !== 0) {\n var _slides$filter$css;\n var key = swiper.isHorizontal() && rtl ? 'marginLeft' : getDirectionLabel('marginRight');\n slides.filter(function (_, slideIndex) {\n if (!params.cssMode) return true;\n if (slideIndex === slides.length - 1) {\n return false;\n }\n return true;\n }).css((_slides$filter$css = {}, _slides$filter$css[key] = spaceBetween + \"px\", _slides$filter$css));\n }\n if (params.centeredSlides && params.centeredSlidesBounds) {\n var allSlidesSize = 0;\n slidesSizesGrid.forEach(function (slideSizeValue) {\n allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);\n });\n allSlidesSize -= params.spaceBetween;\n var maxSnap = allSlidesSize - swiperSize;\n snapGrid = snapGrid.map(function (snap) {\n if (snap < 0) return -offsetBefore;\n if (snap > maxSnap) return maxSnap + offsetAfter;\n return snap;\n });\n }\n if (params.centerInsufficientSlides) {\n var _allSlidesSize = 0;\n slidesSizesGrid.forEach(function (slideSizeValue) {\n _allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);\n });\n _allSlidesSize -= params.spaceBetween;\n if (_allSlidesSize < swiperSize) {\n var allSlidesOffset = (swiperSize - _allSlidesSize) / 2;\n snapGrid.forEach(function (snap, snapIndex) {\n snapGrid[snapIndex] = snap - allSlidesOffset;\n });\n slidesGrid.forEach(function (snap, snapIndex) {\n slidesGrid[snapIndex] = snap + allSlidesOffset;\n });\n }\n }\n extend(swiper, {\n slides: slides,\n snapGrid: snapGrid,\n slidesGrid: slidesGrid,\n slidesSizesGrid: slidesSizesGrid\n });\n if (slidesLength !== previousSlidesLength) {\n swiper.emit('slidesLengthChange');\n }\n if (snapGrid.length !== previousSnapGridLength) {\n if (swiper.params.watchOverflow) swiper.checkOverflow();\n swiper.emit('snapGridLengthChange');\n }\n if (slidesGrid.length !== previousSlidesGridLength) {\n swiper.emit('slidesGridLengthChange');\n }\n if (params.watchSlidesProgress || params.watchSlidesVisibility) {\n swiper.updateSlidesOffset();\n }\n}","export default function updateAutoHeight(speed) {\n var swiper = this;\n var activeSlides = [];\n var isVirtual = swiper.virtual && swiper.params.virtual.enabled;\n var newHeight = 0;\n var i;\n if (typeof speed === 'number') {\n swiper.setTransition(speed);\n } else if (speed === true) {\n swiper.setTransition(swiper.params.speed);\n }\n var getSlideByIndex = function getSlideByIndex(index) {\n if (isVirtual) {\n return swiper.slides.filter(function (el) {\n return parseInt(el.getAttribute('data-swiper-slide-index'), 10) === index;\n })[0];\n }\n return swiper.slides.eq(index)[0];\n }; // Find slides currently in view\n\n if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {\n if (swiper.params.centeredSlides) {\n swiper.visibleSlides.each(function (slide) {\n activeSlides.push(slide);\n });\n } else {\n for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {\n var index = swiper.activeIndex + i;\n if (index > swiper.slides.length && !isVirtual) break;\n activeSlides.push(getSlideByIndex(index));\n }\n }\n } else {\n activeSlides.push(getSlideByIndex(swiper.activeIndex));\n } // Find new height from highest slide in view\n\n for (i = 0; i < activeSlides.length; i += 1) {\n if (typeof activeSlides[i] !== 'undefined') {\n var height = activeSlides[i].offsetHeight;\n newHeight = height > newHeight ? height : newHeight;\n }\n } // Update Height\n\n if (newHeight) swiper.$wrapperEl.css('height', newHeight + \"px\");\n}","export default function updateSlidesOffset() {\n var swiper = this;\n var slides = swiper.slides;\n for (var i = 0; i < slides.length; i += 1) {\n slides[i].swiperSlideOffset = swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop;\n }\n}","import $ from '../../../utils/dom';\nexport default function updateSlidesProgress(translate) {\n if (translate === void 0) {\n translate = this && this.translate || 0;\n }\n var swiper = this;\n var params = swiper.params;\n var slides = swiper.slides,\n rtl = swiper.rtlTranslate;\n if (slides.length === 0) return;\n if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();\n var offsetCenter = -translate;\n if (rtl) offsetCenter = translate; // Visible Slides\n\n slides.removeClass(params.slideVisibleClass);\n swiper.visibleSlidesIndexes = [];\n swiper.visibleSlides = [];\n for (var i = 0; i < slides.length; i += 1) {\n var slide = slides[i];\n var slideProgress = (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0) - slide.swiperSlideOffset) / (slide.swiperSlideSize + params.spaceBetween);\n if (params.watchSlidesVisibility || params.centeredSlides && params.autoHeight) {\n var slideBefore = -(offsetCenter - slide.swiperSlideOffset);\n var slideAfter = slideBefore + swiper.slidesSizesGrid[i];\n var isVisible = slideBefore >= 0 && slideBefore < swiper.size - 1 || slideAfter > 1 && slideAfter <= swiper.size || slideBefore <= 0 && slideAfter >= swiper.size;\n if (isVisible) {\n swiper.visibleSlides.push(slide);\n swiper.visibleSlidesIndexes.push(i);\n slides.eq(i).addClass(params.slideVisibleClass);\n }\n }\n slide.progress = rtl ? -slideProgress : slideProgress;\n }\n swiper.visibleSlides = $(swiper.visibleSlides);\n}","import { extend } from '../../../utils/utils';\nexport default function updateProgress(translate) {\n var swiper = this;\n if (typeof translate === 'undefined') {\n var multiplier = swiper.rtlTranslate ? -1 : 1; // eslint-disable-next-line\n\n translate = swiper && swiper.translate && swiper.translate * multiplier || 0;\n }\n var params = swiper.params;\n var translatesDiff = swiper.maxTranslate() - swiper.minTranslate();\n var progress = swiper.progress,\n isBeginning = swiper.isBeginning,\n isEnd = swiper.isEnd;\n var wasBeginning = isBeginning;\n var wasEnd = isEnd;\n if (translatesDiff === 0) {\n progress = 0;\n isBeginning = true;\n isEnd = true;\n } else {\n progress = (translate - swiper.minTranslate()) / translatesDiff;\n isBeginning = progress <= 0;\n isEnd = progress >= 1;\n }\n extend(swiper, {\n progress: progress,\n isBeginning: isBeginning,\n isEnd: isEnd\n });\n if (params.watchSlidesProgress || params.watchSlidesVisibility || params.centeredSlides && params.autoHeight) swiper.updateSlidesProgress(translate);\n if (isBeginning && !wasBeginning) {\n swiper.emit('reachBeginning toEdge');\n }\n if (isEnd && !wasEnd) {\n swiper.emit('reachEnd toEdge');\n }\n if (wasBeginning && !isBeginning || wasEnd && !isEnd) {\n swiper.emit('fromEdge');\n }\n swiper.emit('progress', progress);\n}","export default function updateSlidesClasses() {\n var swiper = this;\n var slides = swiper.slides,\n params = swiper.params,\n $wrapperEl = swiper.$wrapperEl,\n activeIndex = swiper.activeIndex,\n realIndex = swiper.realIndex;\n var isVirtual = swiper.virtual && params.virtual.enabled;\n slides.removeClass(params.slideActiveClass + \" \" + params.slideNextClass + \" \" + params.slidePrevClass + \" \" + params.slideDuplicateActiveClass + \" \" + params.slideDuplicateNextClass + \" \" + params.slideDuplicatePrevClass);\n var activeSlide;\n if (isVirtual) {\n activeSlide = swiper.$wrapperEl.find(\".\" + params.slideClass + \"[data-swiper-slide-index=\\\"\" + activeIndex + \"\\\"]\");\n } else {\n activeSlide = slides.eq(activeIndex);\n } // Active classes\n\n activeSlide.addClass(params.slideActiveClass);\n if (params.loop) {\n // Duplicate to all looped slides\n if (activeSlide.hasClass(params.slideDuplicateClass)) {\n $wrapperEl.children(\".\" + params.slideClass + \":not(.\" + params.slideDuplicateClass + \")[data-swiper-slide-index=\\\"\" + realIndex + \"\\\"]\").addClass(params.slideDuplicateActiveClass);\n } else {\n $wrapperEl.children(\".\" + params.slideClass + \".\" + params.slideDuplicateClass + \"[data-swiper-slide-index=\\\"\" + realIndex + \"\\\"]\").addClass(params.slideDuplicateActiveClass);\n }\n } // Next Slide\n\n var nextSlide = activeSlide.nextAll(\".\" + params.slideClass).eq(0).addClass(params.slideNextClass);\n if (params.loop && nextSlide.length === 0) {\n nextSlide = slides.eq(0);\n nextSlide.addClass(params.slideNextClass);\n } // Prev Slide\n\n var prevSlide = activeSlide.prevAll(\".\" + params.slideClass).eq(0).addClass(params.slidePrevClass);\n if (params.loop && prevSlide.length === 0) {\n prevSlide = slides.eq(-1);\n prevSlide.addClass(params.slidePrevClass);\n }\n if (params.loop) {\n // Duplicate to all looped slides\n if (nextSlide.hasClass(params.slideDuplicateClass)) {\n $wrapperEl.children(\".\" + params.slideClass + \":not(.\" + params.slideDuplicateClass + \")[data-swiper-slide-index=\\\"\" + nextSlide.attr('data-swiper-slide-index') + \"\\\"]\").addClass(params.slideDuplicateNextClass);\n } else {\n $wrapperEl.children(\".\" + params.slideClass + \".\" + params.slideDuplicateClass + \"[data-swiper-slide-index=\\\"\" + nextSlide.attr('data-swiper-slide-index') + \"\\\"]\").addClass(params.slideDuplicateNextClass);\n }\n if (prevSlide.hasClass(params.slideDuplicateClass)) {\n $wrapperEl.children(\".\" + params.slideClass + \":not(.\" + params.slideDuplicateClass + \")[data-swiper-slide-index=\\\"\" + prevSlide.attr('data-swiper-slide-index') + \"\\\"]\").addClass(params.slideDuplicatePrevClass);\n } else {\n $wrapperEl.children(\".\" + params.slideClass + \".\" + params.slideDuplicateClass + \"[data-swiper-slide-index=\\\"\" + prevSlide.attr('data-swiper-slide-index') + \"\\\"]\").addClass(params.slideDuplicatePrevClass);\n }\n }\n swiper.emitSlidesClasses();\n}","import { extend } from '../../../utils/utils';\nexport default function updateActiveIndex(newActiveIndex) {\n var swiper = this;\n var translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;\n var slidesGrid = swiper.slidesGrid,\n snapGrid = swiper.snapGrid,\n params = swiper.params,\n previousIndex = swiper.activeIndex,\n previousRealIndex = swiper.realIndex,\n previousSnapIndex = swiper.snapIndex;\n var activeIndex = newActiveIndex;\n var snapIndex;\n if (typeof activeIndex === 'undefined') {\n for (var i = 0; i < slidesGrid.length; i += 1) {\n if (typeof slidesGrid[i + 1] !== 'undefined') {\n if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2) {\n activeIndex = i;\n } else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {\n activeIndex = i + 1;\n }\n } else if (translate >= slidesGrid[i]) {\n activeIndex = i;\n }\n } // Normalize slideIndex\n\n if (params.normalizeSlideIndex) {\n if (activeIndex < 0 || typeof activeIndex === 'undefined') activeIndex = 0;\n }\n }\n if (snapGrid.indexOf(translate) >= 0) {\n snapIndex = snapGrid.indexOf(translate);\n } else {\n var skip = Math.min(params.slidesPerGroupSkip, activeIndex);\n snapIndex = skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);\n }\n if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;\n if (activeIndex === previousIndex) {\n if (snapIndex !== previousSnapIndex) {\n swiper.snapIndex = snapIndex;\n swiper.emit('snapIndexChange');\n }\n return;\n } // Get real index\n\n var realIndex = parseInt(swiper.slides.eq(activeIndex).attr('data-swiper-slide-index') || activeIndex, 10);\n extend(swiper, {\n snapIndex: snapIndex,\n realIndex: realIndex,\n previousIndex: previousIndex,\n activeIndex: activeIndex\n });\n swiper.emit('activeIndexChange');\n swiper.emit('snapIndexChange');\n if (previousRealIndex !== realIndex) {\n swiper.emit('realIndexChange');\n }\n if (swiper.initialized || swiper.params.runCallbacksOnInit) {\n swiper.emit('slideChange');\n }\n}","import $ from '../../../utils/dom';\nexport default function updateClickedSlide(e) {\n var swiper = this;\n var params = swiper.params;\n var slide = $(e.target).closest(\".\" + params.slideClass)[0];\n var slideFound = false;\n var slideIndex;\n if (slide) {\n for (var i = 0; i < swiper.slides.length; i += 1) {\n if (swiper.slides[i] === slide) {\n slideFound = true;\n slideIndex = i;\n break;\n }\n }\n }\n if (slide && slideFound) {\n swiper.clickedSlide = slide;\n if (swiper.virtual && swiper.params.virtual.enabled) {\n swiper.clickedIndex = parseInt($(slide).attr('data-swiper-slide-index'), 10);\n } else {\n swiper.clickedIndex = slideIndex;\n }\n } else {\n swiper.clickedSlide = undefined;\n swiper.clickedIndex = undefined;\n return;\n }\n if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) {\n swiper.slideToClickedSlide();\n }\n}","import getTranslate from './getTranslate';\nimport setTranslate from './setTranslate';\nimport minTranslate from './minTranslate';\nimport maxTranslate from './maxTranslate';\nimport translateTo from './translateTo';\nexport default {\n getTranslate: getTranslate,\n setTranslate: setTranslate,\n minTranslate: minTranslate,\n maxTranslate: maxTranslate,\n translateTo: translateTo\n};","import { getTranslate } from '../../../utils/utils';\nexport default function getSwiperTranslate(axis) {\n if (axis === void 0) {\n axis = this.isHorizontal() ? 'x' : 'y';\n }\n var swiper = this;\n var params = swiper.params,\n rtl = swiper.rtlTranslate,\n translate = swiper.translate,\n $wrapperEl = swiper.$wrapperEl;\n if (params.virtualTranslate) {\n return rtl ? -translate : translate;\n }\n if (params.cssMode) {\n return translate;\n }\n var currentTranslate = getTranslate($wrapperEl[0], axis);\n if (rtl) currentTranslate = -currentTranslate;\n return currentTranslate || 0;\n}","export default function setTranslate(translate, byController) {\n var swiper = this;\n var rtl = swiper.rtlTranslate,\n params = swiper.params,\n $wrapperEl = swiper.$wrapperEl,\n wrapperEl = swiper.wrapperEl,\n progress = swiper.progress;\n var x = 0;\n var y = 0;\n var z = 0;\n if (swiper.isHorizontal()) {\n x = rtl ? -translate : translate;\n } else {\n y = translate;\n }\n if (params.roundLengths) {\n x = Math.floor(x);\n y = Math.floor(y);\n }\n if (params.cssMode) {\n wrapperEl[swiper.isHorizontal() ? 'scrollLeft' : 'scrollTop'] = swiper.isHorizontal() ? -x : -y;\n } else if (!params.virtualTranslate) {\n $wrapperEl.transform(\"translate3d(\" + x + \"px, \" + y + \"px, \" + z + \"px)\");\n }\n swiper.previousTranslate = swiper.translate;\n swiper.translate = swiper.isHorizontal() ? x : y; // Check if we need to update progress\n\n var newProgress;\n var translatesDiff = swiper.maxTranslate() - swiper.minTranslate();\n if (translatesDiff === 0) {\n newProgress = 0;\n } else {\n newProgress = (translate - swiper.minTranslate()) / translatesDiff;\n }\n if (newProgress !== progress) {\n swiper.updateProgress(translate);\n }\n swiper.emit('setTranslate', swiper.translate, byController);\n}","export default function minTranslate() {\n return -this.snapGrid[0];\n}","export default function maxTranslate() {\n return -this.snapGrid[this.snapGrid.length - 1];\n}","export default function translateTo(translate, speed, runCallbacks, translateBounds, internal) {\n if (translate === void 0) {\n translate = 0;\n }\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (translateBounds === void 0) {\n translateBounds = true;\n }\n var swiper = this;\n var params = swiper.params,\n wrapperEl = swiper.wrapperEl;\n if (swiper.animating && params.preventInteractionOnTransition) {\n return false;\n }\n var minTranslate = swiper.minTranslate();\n var maxTranslate = swiper.maxTranslate();\n var newTranslate;\n if (translateBounds && translate > minTranslate) newTranslate = minTranslate;else if (translateBounds && translate < maxTranslate) newTranslate = maxTranslate;else newTranslate = translate; // Update progress\n\n swiper.updateProgress(newTranslate);\n if (params.cssMode) {\n var isH = swiper.isHorizontal();\n if (speed === 0) {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;\n } else {\n // eslint-disable-next-line\n if (wrapperEl.scrollTo) {\n var _wrapperEl$scrollTo;\n wrapperEl.scrollTo((_wrapperEl$scrollTo = {}, _wrapperEl$scrollTo[isH ? 'left' : 'top'] = -newTranslate, _wrapperEl$scrollTo.behavior = 'smooth', _wrapperEl$scrollTo));\n } else {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;\n }\n }\n return true;\n }\n if (speed === 0) {\n swiper.setTransition(0);\n swiper.setTranslate(newTranslate);\n if (runCallbacks) {\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.emit('transitionEnd');\n }\n } else {\n swiper.setTransition(speed);\n swiper.setTranslate(newTranslate);\n if (runCallbacks) {\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.emit('transitionStart');\n }\n if (!swiper.animating) {\n swiper.animating = true;\n if (!swiper.onTranslateToWrapperTransitionEnd) {\n swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {\n if (!swiper || swiper.destroyed) return;\n if (e.target !== this) return;\n swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);\n swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onTranslateToWrapperTransitionEnd);\n swiper.onTranslateToWrapperTransitionEnd = null;\n delete swiper.onTranslateToWrapperTransitionEnd;\n if (runCallbacks) {\n swiper.emit('transitionEnd');\n }\n };\n }\n swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);\n swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onTranslateToWrapperTransitionEnd);\n }\n }\n return true;\n}","import setTransition from './setTransition';\nimport transitionStart from './transitionStart';\nimport transitionEnd from './transitionEnd';\nexport default {\n setTransition: setTransition,\n transitionStart: transitionStart,\n transitionEnd: transitionEnd\n};","export default function setTransition(duration, byController) {\n var swiper = this;\n if (!swiper.params.cssMode) {\n swiper.$wrapperEl.transition(duration);\n }\n swiper.emit('setTransition', duration, byController);\n}","export default function transitionStart(runCallbacks, direction) {\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n var swiper = this;\n var activeIndex = swiper.activeIndex,\n params = swiper.params,\n previousIndex = swiper.previousIndex;\n if (params.cssMode) return;\n if (params.autoHeight) {\n swiper.updateAutoHeight();\n }\n var dir = direction;\n if (!dir) {\n if (activeIndex > previousIndex) dir = 'next';else if (activeIndex < previousIndex) dir = 'prev';else dir = 'reset';\n }\n swiper.emit('transitionStart');\n if (runCallbacks && activeIndex !== previousIndex) {\n if (dir === 'reset') {\n swiper.emit('slideResetTransitionStart');\n return;\n }\n swiper.emit('slideChangeTransitionStart');\n if (dir === 'next') {\n swiper.emit('slideNextTransitionStart');\n } else {\n swiper.emit('slidePrevTransitionStart');\n }\n }\n}","export default function transitionEnd(runCallbacks, direction) {\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n var swiper = this;\n var activeIndex = swiper.activeIndex,\n previousIndex = swiper.previousIndex,\n params = swiper.params;\n swiper.animating = false;\n if (params.cssMode) return;\n swiper.setTransition(0);\n var dir = direction;\n if (!dir) {\n if (activeIndex > previousIndex) dir = 'next';else if (activeIndex < previousIndex) dir = 'prev';else dir = 'reset';\n }\n swiper.emit('transitionEnd');\n if (runCallbacks && activeIndex !== previousIndex) {\n if (dir === 'reset') {\n swiper.emit('slideResetTransitionEnd');\n return;\n }\n swiper.emit('slideChangeTransitionEnd');\n if (dir === 'next') {\n swiper.emit('slideNextTransitionEnd');\n } else {\n swiper.emit('slidePrevTransitionEnd');\n }\n }\n}","import slideTo from './slideTo';\nimport slideToLoop from './slideToLoop';\nimport slideNext from './slideNext';\nimport slidePrev from './slidePrev';\nimport slideReset from './slideReset';\nimport slideToClosest from './slideToClosest';\nimport slideToClickedSlide from './slideToClickedSlide';\nexport default {\n slideTo: slideTo,\n slideToLoop: slideToLoop,\n slideNext: slideNext,\n slidePrev: slidePrev,\n slideReset: slideReset,\n slideToClosest: slideToClosest,\n slideToClickedSlide: slideToClickedSlide\n};","export default function slideTo(index, speed, runCallbacks, internal, initial) {\n if (index === void 0) {\n index = 0;\n }\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (typeof index !== 'number' && typeof index !== 'string') {\n throw new Error(\"The 'index' argument cannot have type other than 'number' or 'string'. [\" + typeof index + \"] given.\");\n }\n if (typeof index === 'string') {\n /**\n * The `index` argument converted from `string` to `number`.\n * @type {number}\n */\n var indexAsNumber = parseInt(index, 10);\n /**\n * Determines whether the `index` argument is a valid `number`\n * after being converted from the `string` type.\n * @type {boolean}\n */\n\n var isValidNumber = isFinite(indexAsNumber);\n if (!isValidNumber) {\n throw new Error(\"The passed-in 'index' (string) couldn't be converted to 'number'. [\" + index + \"] given.\");\n } // Knowing that the converted `index` is a valid number,\n // we can update the original argument's value.\n\n index = indexAsNumber;\n }\n var swiper = this;\n var slideIndex = index;\n if (slideIndex < 0) slideIndex = 0;\n var params = swiper.params,\n snapGrid = swiper.snapGrid,\n slidesGrid = swiper.slidesGrid,\n previousIndex = swiper.previousIndex,\n activeIndex = swiper.activeIndex,\n rtl = swiper.rtlTranslate,\n wrapperEl = swiper.wrapperEl,\n enabled = swiper.enabled;\n if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial) {\n return false;\n }\n var skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);\n var snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);\n if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;\n if ((activeIndex || params.initialSlide || 0) === (previousIndex || 0) && runCallbacks) {\n swiper.emit('beforeSlideChangeStart');\n }\n var translate = -snapGrid[snapIndex]; // Update progress\n\n swiper.updateProgress(translate); // Normalize slideIndex\n\n if (params.normalizeSlideIndex) {\n for (var i = 0; i < slidesGrid.length; i += 1) {\n var normalizedTranslate = -Math.floor(translate * 100);\n var normalizedGird = Math.floor(slidesGrid[i] * 100);\n var normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);\n if (typeof slidesGrid[i + 1] !== 'undefined') {\n if (normalizedTranslate >= normalizedGird && normalizedTranslate < normalizedGridNext - (normalizedGridNext - normalizedGird) / 2) {\n slideIndex = i;\n } else if (normalizedTranslate >= normalizedGird && normalizedTranslate < normalizedGridNext) {\n slideIndex = i + 1;\n }\n } else if (normalizedTranslate >= normalizedGird) {\n slideIndex = i;\n }\n }\n } // Directions locks\n\n if (swiper.initialized && slideIndex !== activeIndex) {\n if (!swiper.allowSlideNext && translate < swiper.translate && translate < swiper.minTranslate()) {\n return false;\n }\n if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) {\n if ((activeIndex || 0) !== slideIndex) return false;\n }\n }\n var direction;\n if (slideIndex > activeIndex) direction = 'next';else if (slideIndex < activeIndex) direction = 'prev';else direction = 'reset'; // Update Index\n\n if (rtl && -translate === swiper.translate || !rtl && translate === swiper.translate) {\n swiper.updateActiveIndex(slideIndex); // Update Height\n\n if (params.autoHeight) {\n swiper.updateAutoHeight();\n }\n swiper.updateSlidesClasses();\n if (params.effect !== 'slide') {\n swiper.setTranslate(translate);\n }\n if (direction !== 'reset') {\n swiper.transitionStart(runCallbacks, direction);\n swiper.transitionEnd(runCallbacks, direction);\n }\n return false;\n }\n if (params.cssMode) {\n var isH = swiper.isHorizontal();\n var t = -translate;\n if (rtl) {\n t = wrapperEl.scrollWidth - wrapperEl.offsetWidth - t;\n }\n if (speed === 0) {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;\n } else {\n // eslint-disable-next-line\n if (wrapperEl.scrollTo) {\n var _wrapperEl$scrollTo;\n wrapperEl.scrollTo((_wrapperEl$scrollTo = {}, _wrapperEl$scrollTo[isH ? 'left' : 'top'] = t, _wrapperEl$scrollTo.behavior = 'smooth', _wrapperEl$scrollTo));\n } else {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;\n }\n }\n return true;\n }\n if (speed === 0) {\n swiper.setTransition(0);\n swiper.setTranslate(translate);\n swiper.updateActiveIndex(slideIndex);\n swiper.updateSlidesClasses();\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.transitionStart(runCallbacks, direction);\n swiper.transitionEnd(runCallbacks, direction);\n } else {\n swiper.setTransition(speed);\n swiper.setTranslate(translate);\n swiper.updateActiveIndex(slideIndex);\n swiper.updateSlidesClasses();\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.transitionStart(runCallbacks, direction);\n if (!swiper.animating) {\n swiper.animating = true;\n if (!swiper.onSlideToWrapperTransitionEnd) {\n swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {\n if (!swiper || swiper.destroyed) return;\n if (e.target !== this) return;\n swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);\n swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);\n swiper.onSlideToWrapperTransitionEnd = null;\n delete swiper.onSlideToWrapperTransitionEnd;\n swiper.transitionEnd(runCallbacks, direction);\n };\n }\n swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);\n swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);\n }\n }\n return true;\n}","export default function slideToLoop(index, speed, runCallbacks, internal) {\n if (index === void 0) {\n index = 0;\n }\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n var swiper = this;\n var newIndex = index;\n if (swiper.params.loop) {\n newIndex += swiper.loopedSlides;\n }\n return swiper.slideTo(newIndex, speed, runCallbacks, internal);\n}","/* eslint no-unused-vars: \"off\" */\nexport default function slideNext(speed, runCallbacks, internal) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n var swiper = this;\n var params = swiper.params,\n animating = swiper.animating,\n enabled = swiper.enabled;\n if (!enabled) return swiper;\n var increment = swiper.activeIndex < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup;\n if (params.loop) {\n if (animating && params.loopPreventsSlide) return false;\n swiper.loopFix(); // eslint-disable-next-line\n\n swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;\n }\n return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);\n}","/* eslint no-unused-vars: \"off\" */\nexport default function slidePrev(speed, runCallbacks, internal) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n var swiper = this;\n var params = swiper.params,\n animating = swiper.animating,\n snapGrid = swiper.snapGrid,\n slidesGrid = swiper.slidesGrid,\n rtlTranslate = swiper.rtlTranslate,\n enabled = swiper.enabled;\n if (!enabled) return swiper;\n if (params.loop) {\n if (animating && params.loopPreventsSlide) return false;\n swiper.loopFix(); // eslint-disable-next-line\n\n swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;\n }\n var translate = rtlTranslate ? swiper.translate : -swiper.translate;\n function normalize(val) {\n if (val < 0) return -Math.floor(Math.abs(val));\n return Math.floor(val);\n }\n var normalizedTranslate = normalize(translate);\n var normalizedSnapGrid = snapGrid.map(function (val) {\n return normalize(val);\n });\n var prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];\n if (typeof prevSnap === 'undefined' && params.cssMode) {\n snapGrid.forEach(function (snap) {\n if (!prevSnap && normalizedTranslate >= snap) prevSnap = snap;\n });\n }\n var prevIndex;\n if (typeof prevSnap !== 'undefined') {\n prevIndex = slidesGrid.indexOf(prevSnap);\n if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;\n }\n return swiper.slideTo(prevIndex, speed, runCallbacks, internal);\n}","/* eslint no-unused-vars: \"off\" */\nexport default function slideReset(speed, runCallbacks, internal) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n var swiper = this;\n return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);\n}","/* eslint no-unused-vars: \"off\" */\nexport default function slideToClosest(speed, runCallbacks, internal, threshold) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (threshold === void 0) {\n threshold = 0.5;\n }\n var swiper = this;\n var index = swiper.activeIndex;\n var skip = Math.min(swiper.params.slidesPerGroupSkip, index);\n var snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);\n var translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;\n if (translate >= swiper.snapGrid[snapIndex]) {\n // The current translate is on or after the current snap index, so the choice\n // is between the current index and the one after it.\n var currentSnap = swiper.snapGrid[snapIndex];\n var nextSnap = swiper.snapGrid[snapIndex + 1];\n if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {\n index += swiper.params.slidesPerGroup;\n }\n } else {\n // The current translate is before the current snap index, so the choice\n // is between the current index and the one before it.\n var prevSnap = swiper.snapGrid[snapIndex - 1];\n var _currentSnap = swiper.snapGrid[snapIndex];\n if (translate - prevSnap <= (_currentSnap - prevSnap) * threshold) {\n index -= swiper.params.slidesPerGroup;\n }\n }\n index = Math.max(index, 0);\n index = Math.min(index, swiper.slidesGrid.length - 1);\n return swiper.slideTo(index, speed, runCallbacks, internal);\n}","import $ from '../../../utils/dom';\nimport { nextTick } from '../../../utils/utils';\nexport default function slideToClickedSlide() {\n var swiper = this;\n var params = swiper.params,\n $wrapperEl = swiper.$wrapperEl;\n var slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;\n var slideToIndex = swiper.clickedIndex;\n var realIndex;\n if (params.loop) {\n if (swiper.animating) return;\n realIndex = parseInt($(swiper.clickedSlide).attr('data-swiper-slide-index'), 10);\n if (params.centeredSlides) {\n if (slideToIndex < swiper.loopedSlides - slidesPerView / 2 || slideToIndex > swiper.slides.length - swiper.loopedSlides + slidesPerView / 2) {\n swiper.loopFix();\n slideToIndex = $wrapperEl.children(\".\" + params.slideClass + \"[data-swiper-slide-index=\\\"\" + realIndex + \"\\\"]:not(.\" + params.slideDuplicateClass + \")\").eq(0).index();\n nextTick(function () {\n swiper.slideTo(slideToIndex);\n });\n } else {\n swiper.slideTo(slideToIndex);\n }\n } else if (slideToIndex > swiper.slides.length - slidesPerView) {\n swiper.loopFix();\n slideToIndex = $wrapperEl.children(\".\" + params.slideClass + \"[data-swiper-slide-index=\\\"\" + realIndex + \"\\\"]:not(.\" + params.slideDuplicateClass + \")\").eq(0).index();\n nextTick(function () {\n swiper.slideTo(slideToIndex);\n });\n } else {\n swiper.slideTo(slideToIndex);\n }\n } else {\n swiper.slideTo(slideToIndex);\n }\n}","import loopCreate from './loopCreate';\nimport loopFix from './loopFix';\nimport loopDestroy from './loopDestroy';\nexport default {\n loopCreate: loopCreate,\n loopFix: loopFix,\n loopDestroy: loopDestroy\n};","import { getDocument } from 'ssr-window';\nimport $ from '../../../utils/dom';\nexport default function loopCreate() {\n var swiper = this;\n var document = getDocument();\n var params = swiper.params,\n $wrapperEl = swiper.$wrapperEl; // Remove duplicated slides\n\n $wrapperEl.children(\".\" + params.slideClass + \".\" + params.slideDuplicateClass).remove();\n var slides = $wrapperEl.children(\".\" + params.slideClass);\n if (params.loopFillGroupWithBlank) {\n var blankSlidesNum = params.slidesPerGroup - slides.length % params.slidesPerGroup;\n if (blankSlidesNum !== params.slidesPerGroup) {\n for (var i = 0; i < blankSlidesNum; i += 1) {\n var blankNode = $(document.createElement('div')).addClass(params.slideClass + \" \" + params.slideBlankClass);\n $wrapperEl.append(blankNode);\n }\n slides = $wrapperEl.children(\".\" + params.slideClass);\n }\n }\n if (params.slidesPerView === 'auto' && !params.loopedSlides) params.loopedSlides = slides.length;\n swiper.loopedSlides = Math.ceil(parseFloat(params.loopedSlides || params.slidesPerView, 10));\n swiper.loopedSlides += params.loopAdditionalSlides;\n if (swiper.loopedSlides > slides.length) {\n swiper.loopedSlides = slides.length;\n }\n var prependSlides = [];\n var appendSlides = [];\n slides.each(function (el, index) {\n var slide = $(el);\n if (index < swiper.loopedSlides) {\n appendSlides.push(el);\n }\n if (index < slides.length && index >= slides.length - swiper.loopedSlides) {\n prependSlides.push(el);\n }\n slide.attr('data-swiper-slide-index', index);\n });\n for (var _i = 0; _i < appendSlides.length; _i += 1) {\n $wrapperEl.append($(appendSlides[_i].cloneNode(true)).addClass(params.slideDuplicateClass));\n }\n for (var _i2 = prependSlides.length - 1; _i2 >= 0; _i2 -= 1) {\n $wrapperEl.prepend($(prependSlides[_i2].cloneNode(true)).addClass(params.slideDuplicateClass));\n }\n}","export default function loopFix() {\n var swiper = this;\n swiper.emit('beforeLoopFix');\n var activeIndex = swiper.activeIndex,\n slides = swiper.slides,\n loopedSlides = swiper.loopedSlides,\n allowSlidePrev = swiper.allowSlidePrev,\n allowSlideNext = swiper.allowSlideNext,\n snapGrid = swiper.snapGrid,\n rtl = swiper.rtlTranslate;\n var newIndex;\n swiper.allowSlidePrev = true;\n swiper.allowSlideNext = true;\n var snapTranslate = -snapGrid[activeIndex];\n var diff = snapTranslate - swiper.getTranslate(); // Fix For Negative Oversliding\n\n if (activeIndex < loopedSlides) {\n newIndex = slides.length - loopedSlides * 3 + activeIndex;\n newIndex += loopedSlides;\n var slideChanged = swiper.slideTo(newIndex, 0, false, true);\n if (slideChanged && diff !== 0) {\n swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);\n }\n } else if (activeIndex >= slides.length - loopedSlides) {\n // Fix For Positive Oversliding\n newIndex = -slides.length + activeIndex + loopedSlides;\n newIndex += loopedSlides;\n var _slideChanged = swiper.slideTo(newIndex, 0, false, true);\n if (_slideChanged && diff !== 0) {\n swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);\n }\n }\n swiper.allowSlidePrev = allowSlidePrev;\n swiper.allowSlideNext = allowSlideNext;\n swiper.emit('loopFix');\n}","export default function loopDestroy() {\n var swiper = this;\n var $wrapperEl = swiper.$wrapperEl,\n params = swiper.params,\n slides = swiper.slides;\n $wrapperEl.children(\".\" + params.slideClass + \".\" + params.slideDuplicateClass + \",.\" + params.slideClass + \".\" + params.slideBlankClass).remove();\n slides.removeAttr('data-swiper-slide-index');\n}","import setGrabCursor from './setGrabCursor';\nimport unsetGrabCursor from './unsetGrabCursor';\nexport default {\n setGrabCursor: setGrabCursor,\n unsetGrabCursor: unsetGrabCursor\n};","export default function setGrabCursor(moving) {\n var swiper = this;\n if (swiper.support.touch || !swiper.params.simulateTouch || swiper.params.watchOverflow && swiper.isLocked || swiper.params.cssMode) return;\n var el = swiper.el;\n el.style.cursor = 'move';\n el.style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab';\n el.style.cursor = moving ? '-moz-grabbin' : '-moz-grab';\n el.style.cursor = moving ? 'grabbing' : 'grab';\n}","export default function unsetGrabCursor() {\n var swiper = this;\n if (swiper.support.touch || swiper.params.watchOverflow && swiper.isLocked || swiper.params.cssMode) {\n return;\n }\n swiper.el.style.cursor = '';\n}","import appendSlide from './appendSlide';\nimport prependSlide from './prependSlide';\nimport addSlide from './addSlide';\nimport removeSlide from './removeSlide';\nimport removeAllSlides from './removeAllSlides';\nexport default {\n appendSlide: appendSlide,\n prependSlide: prependSlide,\n addSlide: addSlide,\n removeSlide: removeSlide,\n removeAllSlides: removeAllSlides\n};","export default function appendSlide(slides) {\n var swiper = this;\n var $wrapperEl = swiper.$wrapperEl,\n params = swiper.params;\n if (params.loop) {\n swiper.loopDestroy();\n }\n if (typeof slides === 'object' && 'length' in slides) {\n for (var i = 0; i < slides.length; i += 1) {\n if (slides[i]) $wrapperEl.append(slides[i]);\n }\n } else {\n $wrapperEl.append(slides);\n }\n if (params.loop) {\n swiper.loopCreate();\n }\n if (!(params.observer && swiper.support.observer)) {\n swiper.update();\n }\n}","export default function prependSlide(slides) {\n var swiper = this;\n var params = swiper.params,\n $wrapperEl = swiper.$wrapperEl,\n activeIndex = swiper.activeIndex;\n if (params.loop) {\n swiper.loopDestroy();\n }\n var newActiveIndex = activeIndex + 1;\n if (typeof slides === 'object' && 'length' in slides) {\n for (var i = 0; i < slides.length; i += 1) {\n if (slides[i]) $wrapperEl.prepend(slides[i]);\n }\n newActiveIndex = activeIndex + slides.length;\n } else {\n $wrapperEl.prepend(slides);\n }\n if (params.loop) {\n swiper.loopCreate();\n }\n if (!(params.observer && swiper.support.observer)) {\n swiper.update();\n }\n swiper.slideTo(newActiveIndex, 0, false);\n}","export default function addSlide(index, slides) {\n var swiper = this;\n var $wrapperEl = swiper.$wrapperEl,\n params = swiper.params,\n activeIndex = swiper.activeIndex;\n var activeIndexBuffer = activeIndex;\n if (params.loop) {\n activeIndexBuffer -= swiper.loopedSlides;\n swiper.loopDestroy();\n swiper.slides = $wrapperEl.children(\".\" + params.slideClass);\n }\n var baseLength = swiper.slides.length;\n if (index <= 0) {\n swiper.prependSlide(slides);\n return;\n }\n if (index >= baseLength) {\n swiper.appendSlide(slides);\n return;\n }\n var newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer;\n var slidesBuffer = [];\n for (var i = baseLength - 1; i >= index; i -= 1) {\n var currentSlide = swiper.slides.eq(i);\n currentSlide.remove();\n slidesBuffer.unshift(currentSlide);\n }\n if (typeof slides === 'object' && 'length' in slides) {\n for (var _i = 0; _i < slides.length; _i += 1) {\n if (slides[_i]) $wrapperEl.append(slides[_i]);\n }\n newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer;\n } else {\n $wrapperEl.append(slides);\n }\n for (var _i2 = 0; _i2 < slidesBuffer.length; _i2 += 1) {\n $wrapperEl.append(slidesBuffer[_i2]);\n }\n if (params.loop) {\n swiper.loopCreate();\n }\n if (!(params.observer && swiper.support.observer)) {\n swiper.update();\n }\n if (params.loop) {\n swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);\n } else {\n swiper.slideTo(newActiveIndex, 0, false);\n }\n}","export default function removeSlide(slidesIndexes) {\n var swiper = this;\n var params = swiper.params,\n $wrapperEl = swiper.$wrapperEl,\n activeIndex = swiper.activeIndex;\n var activeIndexBuffer = activeIndex;\n if (params.loop) {\n activeIndexBuffer -= swiper.loopedSlides;\n swiper.loopDestroy();\n swiper.slides = $wrapperEl.children(\".\" + params.slideClass);\n }\n var newActiveIndex = activeIndexBuffer;\n var indexToRemove;\n if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) {\n for (var i = 0; i < slidesIndexes.length; i += 1) {\n indexToRemove = slidesIndexes[i];\n if (swiper.slides[indexToRemove]) swiper.slides.eq(indexToRemove).remove();\n if (indexToRemove < newActiveIndex) newActiveIndex -= 1;\n }\n newActiveIndex = Math.max(newActiveIndex, 0);\n } else {\n indexToRemove = slidesIndexes;\n if (swiper.slides[indexToRemove]) swiper.slides.eq(indexToRemove).remove();\n if (indexToRemove < newActiveIndex) newActiveIndex -= 1;\n newActiveIndex = Math.max(newActiveIndex, 0);\n }\n if (params.loop) {\n swiper.loopCreate();\n }\n if (!(params.observer && swiper.support.observer)) {\n swiper.update();\n }\n if (params.loop) {\n swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);\n } else {\n swiper.slideTo(newActiveIndex, 0, false);\n }\n}","export default function removeAllSlides() {\n var swiper = this;\n var slidesIndexes = [];\n for (var i = 0; i < swiper.slides.length; i += 1) {\n slidesIndexes.push(i);\n }\n swiper.removeSlide(slidesIndexes);\n}","import { getWindow, getDocument } from 'ssr-window';\nimport $ from '../../../utils/dom';\nimport { extend, now } from '../../../utils/utils'; // Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd\n\nfunction closestElement(selector, base) {\n if (base === void 0) {\n base = this;\n }\n function __closestFrom(el) {\n if (!el || el === getDocument() || el === getWindow()) return null;\n if (el.assignedSlot) el = el.assignedSlot;\n var found = el.closest(selector);\n return found || __closestFrom(el.getRootNode().host);\n }\n return __closestFrom(base);\n}\nexport default function onTouchStart(event) {\n var swiper = this;\n var document = getDocument();\n var window = getWindow();\n var data = swiper.touchEventsData;\n var params = swiper.params,\n touches = swiper.touches,\n enabled = swiper.enabled;\n if (!enabled) return;\n if (swiper.animating && params.preventInteractionOnTransition) {\n return;\n }\n var e = event;\n if (e.originalEvent) e = e.originalEvent;\n var $targetEl = $(e.target);\n if (params.touchEventsTarget === 'wrapper') {\n if (!$targetEl.closest(swiper.wrapperEl).length) return;\n }\n data.isTouchEvent = e.type === 'touchstart';\n if (!data.isTouchEvent && 'which' in e && e.which === 3) return;\n if (!data.isTouchEvent && 'button' in e && e.button > 0) return;\n if (data.isTouched && data.isMoved) return; // change target el for shadow root component\n\n var swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== '';\n if (swipingClassHasValue && e.target && e.target.shadowRoot && event.path && event.path[0]) {\n $targetEl = $(event.path[0]);\n }\n var noSwipingSelector = params.noSwipingSelector ? params.noSwipingSelector : \".\" + params.noSwipingClass;\n var isTargetShadow = !!(e.target && e.target.shadowRoot); // use closestElement for shadow root element to get the actual closest for nested shadow root element\n\n if (params.noSwiping && (isTargetShadow ? closestElement(noSwipingSelector, e.target) : $targetEl.closest(noSwipingSelector)[0])) {\n swiper.allowClick = true;\n return;\n }\n if (params.swipeHandler) {\n if (!$targetEl.closest(params.swipeHandler)[0]) return;\n }\n touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n var startX = touches.currentX;\n var startY = touches.currentY; // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore\n\n var edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;\n var edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;\n if (edgeSwipeDetection && (startX <= edgeSwipeThreshold || startX >= window.innerWidth - edgeSwipeThreshold)) {\n if (edgeSwipeDetection === 'prevent') {\n event.preventDefault();\n } else {\n return;\n }\n }\n extend(data, {\n isTouched: true,\n isMoved: false,\n allowTouchCallbacks: true,\n isScrolling: undefined,\n startMoving: undefined\n });\n touches.startX = startX;\n touches.startY = startY;\n data.touchStartTime = now();\n swiper.allowClick = true;\n swiper.updateSize();\n swiper.swipeDirection = undefined;\n if (params.threshold > 0) data.allowThresholdMove = false;\n if (e.type !== 'touchstart') {\n var preventDefault = true;\n if ($targetEl.is(data.focusableElements)) preventDefault = false;\n if (document.activeElement && $(document.activeElement).is(data.focusableElements) && document.activeElement !== $targetEl[0]) {\n document.activeElement.blur();\n }\n var shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;\n if ((params.touchStartForcePreventDefault || shouldPreventDefault) && !$targetEl[0].isContentEditable) {\n e.preventDefault();\n }\n }\n swiper.emit('touchStart', e);\n}","import { getDocument } from 'ssr-window';\nimport $ from '../../../utils/dom';\nimport { extend, now } from '../../../utils/utils';\nexport default function onTouchMove(event) {\n var document = getDocument();\n var swiper = this;\n var data = swiper.touchEventsData;\n var params = swiper.params,\n touches = swiper.touches,\n rtl = swiper.rtlTranslate,\n enabled = swiper.enabled;\n if (!enabled) return;\n var e = event;\n if (e.originalEvent) e = e.originalEvent;\n if (!data.isTouched) {\n if (data.startMoving && data.isScrolling) {\n swiper.emit('touchMoveOpposite', e);\n }\n return;\n }\n if (data.isTouchEvent && e.type !== 'touchmove') return;\n var targetTouch = e.type === 'touchmove' && e.targetTouches && (e.targetTouches[0] || e.changedTouches[0]);\n var pageX = e.type === 'touchmove' ? targetTouch.pageX : e.pageX;\n var pageY = e.type === 'touchmove' ? targetTouch.pageY : e.pageY;\n if (e.preventedByNestedSwiper) {\n touches.startX = pageX;\n touches.startY = pageY;\n return;\n }\n if (!swiper.allowTouchMove) {\n // isMoved = true;\n swiper.allowClick = false;\n if (data.isTouched) {\n extend(touches, {\n startX: pageX,\n startY: pageY,\n currentX: pageX,\n currentY: pageY\n });\n data.touchStartTime = now();\n }\n return;\n }\n if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {\n if (swiper.isVertical()) {\n // Vertical\n if (pageY < touches.startY && swiper.translate <= swiper.maxTranslate() || pageY > touches.startY && swiper.translate >= swiper.minTranslate()) {\n data.isTouched = false;\n data.isMoved = false;\n return;\n }\n } else if (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate()) {\n return;\n }\n }\n if (data.isTouchEvent && document.activeElement) {\n if (e.target === document.activeElement && $(e.target).is(data.focusableElements)) {\n data.isMoved = true;\n swiper.allowClick = false;\n return;\n }\n }\n if (data.allowTouchCallbacks) {\n swiper.emit('touchMove', e);\n }\n if (e.targetTouches && e.targetTouches.length > 1) return;\n touches.currentX = pageX;\n touches.currentY = pageY;\n var diffX = touches.currentX - touches.startX;\n var diffY = touches.currentY - touches.startY;\n if (swiper.params.threshold && Math.sqrt(Math.pow(diffX, 2) + Math.pow(diffY, 2)) < swiper.params.threshold) return;\n if (typeof data.isScrolling === 'undefined') {\n var touchAngle;\n if (swiper.isHorizontal() && touches.currentY === touches.startY || swiper.isVertical() && touches.currentX === touches.startX) {\n data.isScrolling = false;\n } else {\n // eslint-disable-next-line\n if (diffX * diffX + diffY * diffY >= 25) {\n touchAngle = Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180 / Math.PI;\n data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : 90 - touchAngle > params.touchAngle;\n }\n }\n }\n if (data.isScrolling) {\n swiper.emit('touchMoveOpposite', e);\n }\n if (typeof data.startMoving === 'undefined') {\n if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {\n data.startMoving = true;\n }\n }\n if (data.isScrolling) {\n data.isTouched = false;\n return;\n }\n if (!data.startMoving) {\n return;\n }\n swiper.allowClick = false;\n if (!params.cssMode && e.cancelable) {\n e.preventDefault();\n }\n if (params.touchMoveStopPropagation && !params.nested) {\n e.stopPropagation();\n }\n if (!data.isMoved) {\n if (params.loop) {\n swiper.loopFix();\n }\n data.startTranslate = swiper.getTranslate();\n swiper.setTransition(0);\n if (swiper.animating) {\n swiper.$wrapperEl.trigger('webkitTransitionEnd transitionend');\n }\n data.allowMomentumBounce = false; // Grab Cursor\n\n if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {\n swiper.setGrabCursor(true);\n }\n swiper.emit('sliderFirstMove', e);\n }\n swiper.emit('sliderMove', e);\n data.isMoved = true;\n var diff = swiper.isHorizontal() ? diffX : diffY;\n touches.diff = diff;\n diff *= params.touchRatio;\n if (rtl) diff = -diff;\n swiper.swipeDirection = diff > 0 ? 'prev' : 'next';\n data.currentTranslate = diff + data.startTranslate;\n var disableParentSwiper = true;\n var resistanceRatio = params.resistanceRatio;\n if (params.touchReleaseOnEdges) {\n resistanceRatio = 0;\n }\n if (diff > 0 && data.currentTranslate > swiper.minTranslate()) {\n disableParentSwiper = false;\n if (params.resistance) data.currentTranslate = swiper.minTranslate() - 1 + Math.pow(-swiper.minTranslate() + data.startTranslate + diff, resistanceRatio);\n } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {\n disableParentSwiper = false;\n if (params.resistance) data.currentTranslate = swiper.maxTranslate() + 1 - Math.pow(swiper.maxTranslate() - data.startTranslate - diff, resistanceRatio);\n }\n if (disableParentSwiper) {\n e.preventedByNestedSwiper = true;\n } // Directions locks\n\n if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) {\n data.currentTranslate = data.startTranslate;\n }\n if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data.currentTranslate > data.startTranslate) {\n data.currentTranslate = data.startTranslate;\n }\n if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {\n data.currentTranslate = data.startTranslate;\n } // Threshold\n\n if (params.threshold > 0) {\n if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {\n if (!data.allowThresholdMove) {\n data.allowThresholdMove = true;\n touches.startX = touches.currentX;\n touches.startY = touches.currentY;\n data.currentTranslate = data.startTranslate;\n touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY;\n return;\n }\n } else {\n data.currentTranslate = data.startTranslate;\n return;\n }\n }\n if (!params.followFinger || params.cssMode) return; // Update active index in free mode\n\n if (params.freeMode || params.watchSlidesProgress || params.watchSlidesVisibility) {\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n }\n if (params.freeMode) {\n // Velocity\n if (data.velocities.length === 0) {\n data.velocities.push({\n position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],\n time: data.touchStartTime\n });\n }\n data.velocities.push({\n position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],\n time: now()\n });\n } // Update progress\n\n swiper.updateProgress(data.currentTranslate); // Update translate\n\n swiper.setTranslate(data.currentTranslate);\n}","import { now, nextTick } from '../../../utils/utils';\nexport default function onTouchEnd(event) {\n var swiper = this;\n var data = swiper.touchEventsData;\n var params = swiper.params,\n touches = swiper.touches,\n rtl = swiper.rtlTranslate,\n $wrapperEl = swiper.$wrapperEl,\n slidesGrid = swiper.slidesGrid,\n snapGrid = swiper.snapGrid,\n enabled = swiper.enabled;\n if (!enabled) return;\n var e = event;\n if (e.originalEvent) e = e.originalEvent;\n if (data.allowTouchCallbacks) {\n swiper.emit('touchEnd', e);\n }\n data.allowTouchCallbacks = false;\n if (!data.isTouched) {\n if (data.isMoved && params.grabCursor) {\n swiper.setGrabCursor(false);\n }\n data.isMoved = false;\n data.startMoving = false;\n return;\n } // Return Grab Cursor\n\n if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {\n swiper.setGrabCursor(false);\n } // Time diff\n\n var touchEndTime = now();\n var timeDiff = touchEndTime - data.touchStartTime; // Tap, doubleTap, Click\n\n if (swiper.allowClick) {\n swiper.updateClickedSlide(e);\n swiper.emit('tap click', e);\n if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {\n swiper.emit('doubleTap doubleClick', e);\n }\n }\n data.lastClickTime = now();\n nextTick(function () {\n if (!swiper.destroyed) swiper.allowClick = true;\n });\n if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 || data.currentTranslate === data.startTranslate) {\n data.isTouched = false;\n data.isMoved = false;\n data.startMoving = false;\n return;\n }\n data.isTouched = false;\n data.isMoved = false;\n data.startMoving = false;\n var currentPos;\n if (params.followFinger) {\n currentPos = rtl ? swiper.translate : -swiper.translate;\n } else {\n currentPos = -data.currentTranslate;\n }\n if (params.cssMode) {\n return;\n }\n if (params.freeMode) {\n if (currentPos < -swiper.minTranslate()) {\n swiper.slideTo(swiper.activeIndex);\n return;\n }\n if (currentPos > -swiper.maxTranslate()) {\n if (swiper.slides.length < snapGrid.length) {\n swiper.slideTo(snapGrid.length - 1);\n } else {\n swiper.slideTo(swiper.slides.length - 1);\n }\n return;\n }\n if (params.freeModeMomentum) {\n if (data.velocities.length > 1) {\n var lastMoveEvent = data.velocities.pop();\n var velocityEvent = data.velocities.pop();\n var distance = lastMoveEvent.position - velocityEvent.position;\n var time = lastMoveEvent.time - velocityEvent.time;\n swiper.velocity = distance / time;\n swiper.velocity /= 2;\n if (Math.abs(swiper.velocity) < params.freeModeMinimumVelocity) {\n swiper.velocity = 0;\n } // this implies that the user stopped moving a finger then released.\n // There would be no events with distance zero, so the last event is stale.\n\n if (time > 150 || now() - lastMoveEvent.time > 300) {\n swiper.velocity = 0;\n }\n } else {\n swiper.velocity = 0;\n }\n swiper.velocity *= params.freeModeMomentumVelocityRatio;\n data.velocities.length = 0;\n var momentumDuration = 1000 * params.freeModeMomentumRatio;\n var momentumDistance = swiper.velocity * momentumDuration;\n var newPosition = swiper.translate + momentumDistance;\n if (rtl) newPosition = -newPosition;\n var doBounce = false;\n var afterBouncePosition;\n var bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeModeMomentumBounceRatio;\n var needsLoopFix;\n if (newPosition < swiper.maxTranslate()) {\n if (params.freeModeMomentumBounce) {\n if (newPosition + swiper.maxTranslate() < -bounceAmount) {\n newPosition = swiper.maxTranslate() - bounceAmount;\n }\n afterBouncePosition = swiper.maxTranslate();\n doBounce = true;\n data.allowMomentumBounce = true;\n } else {\n newPosition = swiper.maxTranslate();\n }\n if (params.loop && params.centeredSlides) needsLoopFix = true;\n } else if (newPosition > swiper.minTranslate()) {\n if (params.freeModeMomentumBounce) {\n if (newPosition - swiper.minTranslate() > bounceAmount) {\n newPosition = swiper.minTranslate() + bounceAmount;\n }\n afterBouncePosition = swiper.minTranslate();\n doBounce = true;\n data.allowMomentumBounce = true;\n } else {\n newPosition = swiper.minTranslate();\n }\n if (params.loop && params.centeredSlides) needsLoopFix = true;\n } else if (params.freeModeSticky) {\n var nextSlide;\n for (var j = 0; j < snapGrid.length; j += 1) {\n if (snapGrid[j] > -newPosition) {\n nextSlide = j;\n break;\n }\n }\n if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') {\n newPosition = snapGrid[nextSlide];\n } else {\n newPosition = snapGrid[nextSlide - 1];\n }\n newPosition = -newPosition;\n }\n if (needsLoopFix) {\n swiper.once('transitionEnd', function () {\n swiper.loopFix();\n });\n } // Fix duration\n\n if (swiper.velocity !== 0) {\n if (rtl) {\n momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);\n } else {\n momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);\n }\n if (params.freeModeSticky) {\n // If freeModeSticky is active and the user ends a swipe with a slow-velocity\n // event, then durations can be 20+ seconds to slide one (or zero!) slides.\n // It's easy to see this when simulating touch with mouse events. To fix this,\n // limit single-slide swipes to the default slide duration. This also has the\n // nice side effect of matching slide speed if the user stopped moving before\n // lifting finger or mouse vs. moving slowly before lifting the finger/mouse.\n // For faster swipes, also apply limits (albeit higher ones).\n var moveDistance = Math.abs((rtl ? -newPosition : newPosition) - swiper.translate);\n var currentSlideSize = swiper.slidesSizesGrid[swiper.activeIndex];\n if (moveDistance < currentSlideSize) {\n momentumDuration = params.speed;\n } else if (moveDistance < 2 * currentSlideSize) {\n momentumDuration = params.speed * 1.5;\n } else {\n momentumDuration = params.speed * 2.5;\n }\n }\n } else if (params.freeModeSticky) {\n swiper.slideToClosest();\n return;\n }\n if (params.freeModeMomentumBounce && doBounce) {\n swiper.updateProgress(afterBouncePosition);\n swiper.setTransition(momentumDuration);\n swiper.setTranslate(newPosition);\n swiper.transitionStart(true, swiper.swipeDirection);\n swiper.animating = true;\n $wrapperEl.transitionEnd(function () {\n if (!swiper || swiper.destroyed || !data.allowMomentumBounce) return;\n swiper.emit('momentumBounce');\n swiper.setTransition(params.speed);\n setTimeout(function () {\n swiper.setTranslate(afterBouncePosition);\n $wrapperEl.transitionEnd(function () {\n if (!swiper || swiper.destroyed) return;\n swiper.transitionEnd();\n });\n }, 0);\n });\n } else if (swiper.velocity) {\n swiper.updateProgress(newPosition);\n swiper.setTransition(momentumDuration);\n swiper.setTranslate(newPosition);\n swiper.transitionStart(true, swiper.swipeDirection);\n if (!swiper.animating) {\n swiper.animating = true;\n $wrapperEl.transitionEnd(function () {\n if (!swiper || swiper.destroyed) return;\n swiper.transitionEnd();\n });\n }\n } else {\n swiper.emit('_freeModeNoMomentumRelease');\n swiper.updateProgress(newPosition);\n }\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n } else if (params.freeModeSticky) {\n swiper.slideToClosest();\n return;\n } else if (params.freeMode) {\n swiper.emit('_freeModeNoMomentumRelease');\n }\n if (!params.freeModeMomentum || timeDiff >= params.longSwipesMs) {\n swiper.updateProgress();\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n }\n return;\n } // Find current slide\n\n var stopIndex = 0;\n var groupSize = swiper.slidesSizesGrid[0];\n for (var i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {\n var _increment = i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;\n if (typeof slidesGrid[i + _increment] !== 'undefined') {\n if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + _increment]) {\n stopIndex = i;\n groupSize = slidesGrid[i + _increment] - slidesGrid[i];\n }\n } else if (currentPos >= slidesGrid[i]) {\n stopIndex = i;\n groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];\n }\n } // Find current slide size\n\n var ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;\n var increment = stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;\n if (timeDiff > params.longSwipesMs) {\n // Long touches\n if (!params.longSwipes) {\n swiper.slideTo(swiper.activeIndex);\n return;\n }\n if (swiper.swipeDirection === 'next') {\n if (ratio >= params.longSwipesRatio) swiper.slideTo(stopIndex + increment);else swiper.slideTo(stopIndex);\n }\n if (swiper.swipeDirection === 'prev') {\n if (ratio > 1 - params.longSwipesRatio) swiper.slideTo(stopIndex + increment);else swiper.slideTo(stopIndex);\n }\n } else {\n // Short swipes\n if (!params.shortSwipes) {\n swiper.slideTo(swiper.activeIndex);\n return;\n }\n var isNavButtonTarget = swiper.navigation && (e.target === swiper.navigation.nextEl || e.target === swiper.navigation.prevEl);\n if (!isNavButtonTarget) {\n if (swiper.swipeDirection === 'next') {\n swiper.slideTo(stopIndex + increment);\n }\n if (swiper.swipeDirection === 'prev') {\n swiper.slideTo(stopIndex);\n }\n } else if (e.target === swiper.navigation.nextEl) {\n swiper.slideTo(stopIndex + increment);\n } else {\n swiper.slideTo(stopIndex);\n }\n }\n}","export default function onResize() {\n var swiper = this;\n var params = swiper.params,\n el = swiper.el;\n if (el && el.offsetWidth === 0) return; // Breakpoints\n\n if (params.breakpoints) {\n swiper.setBreakpoint();\n } // Save locks\n\n var allowSlideNext = swiper.allowSlideNext,\n allowSlidePrev = swiper.allowSlidePrev,\n snapGrid = swiper.snapGrid; // Disable locks on resize\n\n swiper.allowSlideNext = true;\n swiper.allowSlidePrev = true;\n swiper.updateSize();\n swiper.updateSlides();\n swiper.updateSlidesClasses();\n if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.isBeginning && !swiper.params.centeredSlides) {\n swiper.slideTo(swiper.slides.length - 1, 0, false, true);\n } else {\n swiper.slideTo(swiper.activeIndex, 0, false, true);\n }\n if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {\n swiper.autoplay.run();\n } // Return locks after resize\n\n swiper.allowSlidePrev = allowSlidePrev;\n swiper.allowSlideNext = allowSlideNext;\n if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {\n swiper.checkOverflow();\n }\n}","export default function onClick(e) {\n var swiper = this;\n if (!swiper.enabled) return;\n if (!swiper.allowClick) {\n if (swiper.params.preventClicks) e.preventDefault();\n if (swiper.params.preventClicksPropagation && swiper.animating) {\n e.stopPropagation();\n e.stopImmediatePropagation();\n }\n }\n}","export default function onScroll() {\n var swiper = this;\n var wrapperEl = swiper.wrapperEl,\n rtlTranslate = swiper.rtlTranslate,\n enabled = swiper.enabled;\n if (!enabled) return;\n swiper.previousTranslate = swiper.translate;\n if (swiper.isHorizontal()) {\n if (rtlTranslate) {\n swiper.translate = wrapperEl.scrollWidth - wrapperEl.offsetWidth - wrapperEl.scrollLeft;\n } else {\n swiper.translate = -wrapperEl.scrollLeft;\n }\n } else {\n swiper.translate = -wrapperEl.scrollTop;\n } // eslint-disable-next-line\n\n if (swiper.translate === -0) swiper.translate = 0;\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n var newProgress;\n var translatesDiff = swiper.maxTranslate() - swiper.minTranslate();\n if (translatesDiff === 0) {\n newProgress = 0;\n } else {\n newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;\n }\n if (newProgress !== swiper.progress) {\n swiper.updateProgress(rtlTranslate ? -swiper.translate : swiper.translate);\n }\n swiper.emit('setTranslate', swiper.translate, false);\n}","import { getDocument } from 'ssr-window';\nimport onTouchStart from './onTouchStart';\nimport onTouchMove from './onTouchMove';\nimport onTouchEnd from './onTouchEnd';\nimport onResize from './onResize';\nimport onClick from './onClick';\nimport onScroll from './onScroll';\nvar dummyEventAttached = false;\nfunction dummyEventListener() {}\nfunction attachEvents() {\n var swiper = this;\n var document = getDocument();\n var params = swiper.params,\n touchEvents = swiper.touchEvents,\n el = swiper.el,\n wrapperEl = swiper.wrapperEl,\n device = swiper.device,\n support = swiper.support;\n swiper.onTouchStart = onTouchStart.bind(swiper);\n swiper.onTouchMove = onTouchMove.bind(swiper);\n swiper.onTouchEnd = onTouchEnd.bind(swiper);\n if (params.cssMode) {\n swiper.onScroll = onScroll.bind(swiper);\n }\n swiper.onClick = onClick.bind(swiper);\n var capture = !!params.nested; // Touch Events\n\n if (!support.touch && support.pointerEvents) {\n el.addEventListener(touchEvents.start, swiper.onTouchStart, false);\n document.addEventListener(touchEvents.move, swiper.onTouchMove, capture);\n document.addEventListener(touchEvents.end, swiper.onTouchEnd, false);\n } else {\n if (support.touch) {\n var passiveListener = touchEvents.start === 'touchstart' && support.passiveListener && params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n el.addEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);\n el.addEventListener(touchEvents.move, swiper.onTouchMove, support.passiveListener ? {\n passive: false,\n capture: capture\n } : capture);\n el.addEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);\n if (touchEvents.cancel) {\n el.addEventListener(touchEvents.cancel, swiper.onTouchEnd, passiveListener);\n }\n if (!dummyEventAttached) {\n document.addEventListener('touchstart', dummyEventListener);\n dummyEventAttached = true;\n }\n }\n if (params.simulateTouch && !device.ios && !device.android || params.simulateTouch && !support.touch && device.ios) {\n el.addEventListener('mousedown', swiper.onTouchStart, false);\n document.addEventListener('mousemove', swiper.onTouchMove, capture);\n document.addEventListener('mouseup', swiper.onTouchEnd, false);\n }\n } // Prevent Links Clicks\n\n if (params.preventClicks || params.preventClicksPropagation) {\n el.addEventListener('click', swiper.onClick, true);\n }\n if (params.cssMode) {\n wrapperEl.addEventListener('scroll', swiper.onScroll);\n } // Resize handler\n\n if (params.updateOnWindowResize) {\n swiper.on(device.ios || device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate', onResize, true);\n } else {\n swiper.on('observerUpdate', onResize, true);\n }\n}\nfunction detachEvents() {\n var swiper = this;\n var document = getDocument();\n var params = swiper.params,\n touchEvents = swiper.touchEvents,\n el = swiper.el,\n wrapperEl = swiper.wrapperEl,\n device = swiper.device,\n support = swiper.support;\n var capture = !!params.nested; // Touch Events\n\n if (!support.touch && support.pointerEvents) {\n el.removeEventListener(touchEvents.start, swiper.onTouchStart, false);\n document.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);\n document.removeEventListener(touchEvents.end, swiper.onTouchEnd, false);\n } else {\n if (support.touch) {\n var passiveListener = touchEvents.start === 'onTouchStart' && support.passiveListener && params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n el.removeEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);\n el.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);\n el.removeEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);\n if (touchEvents.cancel) {\n el.removeEventListener(touchEvents.cancel, swiper.onTouchEnd, passiveListener);\n }\n }\n if (params.simulateTouch && !device.ios && !device.android || params.simulateTouch && !support.touch && device.ios) {\n el.removeEventListener('mousedown', swiper.onTouchStart, false);\n document.removeEventListener('mousemove', swiper.onTouchMove, capture);\n document.removeEventListener('mouseup', swiper.onTouchEnd, false);\n }\n } // Prevent Links Clicks\n\n if (params.preventClicks || params.preventClicksPropagation) {\n el.removeEventListener('click', swiper.onClick, true);\n }\n if (params.cssMode) {\n wrapperEl.removeEventListener('scroll', swiper.onScroll);\n } // Resize handler\n\n swiper.off(device.ios || device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate', onResize);\n}\nexport default {\n attachEvents: attachEvents,\n detachEvents: detachEvents\n};","function checkOverflow() {\n var swiper = this;\n var params = swiper.params;\n var wasLocked = swiper.isLocked;\n var lastSlidePosition = swiper.slides.length > 0 && params.slidesOffsetBefore + params.spaceBetween * (swiper.slides.length - 1) + swiper.slides[0].offsetWidth * swiper.slides.length;\n if (params.slidesOffsetBefore && params.slidesOffsetAfter && lastSlidePosition) {\n swiper.isLocked = lastSlidePosition <= swiper.size;\n } else {\n swiper.isLocked = swiper.snapGrid.length === 1;\n }\n swiper.allowSlideNext = !swiper.isLocked;\n swiper.allowSlidePrev = !swiper.isLocked; // events\n\n if (wasLocked !== swiper.isLocked) swiper.emit(swiper.isLocked ? 'lock' : 'unlock');\n if (wasLocked && wasLocked !== swiper.isLocked) {\n swiper.isEnd = false;\n if (swiper.navigation) swiper.navigation.update();\n }\n}\nexport default {\n checkOverflow: checkOverflow\n};","export default {\n init: true,\n direction: 'horizontal',\n touchEventsTarget: 'container',\n initialSlide: 0,\n speed: 300,\n cssMode: false,\n updateOnWindowResize: true,\n resizeObserver: false,\n nested: false,\n createElements: false,\n enabled: true,\n focusableElements: 'input, select, option, textarea, button, video, label',\n // Overrides\n width: null,\n height: null,\n //\n preventInteractionOnTransition: false,\n // ssr\n userAgent: null,\n url: null,\n // To support iOS's swipe-to-go-back gesture (when being used in-app).\n edgeSwipeDetection: false,\n edgeSwipeThreshold: 20,\n // Free mode\n freeMode: false,\n freeModeMomentum: true,\n freeModeMomentumRatio: 1,\n freeModeMomentumBounce: true,\n freeModeMomentumBounceRatio: 1,\n freeModeMomentumVelocityRatio: 1,\n freeModeSticky: false,\n freeModeMinimumVelocity: 0.02,\n // Autoheight\n autoHeight: false,\n // Set wrapper width\n setWrapperSize: false,\n // Virtual Translate\n virtualTranslate: false,\n // Effects\n effect: 'slide',\n // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'\n // Breakpoints\n breakpoints: undefined,\n breakpointsBase: 'window',\n // Slides grid\n spaceBetween: 0,\n slidesPerView: 1,\n slidesPerColumn: 1,\n slidesPerColumnFill: 'column',\n slidesPerGroup: 1,\n slidesPerGroupSkip: 0,\n centeredSlides: false,\n centeredSlidesBounds: false,\n slidesOffsetBefore: 0,\n // in px\n slidesOffsetAfter: 0,\n // in px\n normalizeSlideIndex: true,\n centerInsufficientSlides: false,\n // Disable swiper and hide navigation when container not overflow\n watchOverflow: false,\n // Round length\n roundLengths: false,\n // Touches\n touchRatio: 1,\n touchAngle: 45,\n simulateTouch: true,\n shortSwipes: true,\n longSwipes: true,\n longSwipesRatio: 0.5,\n longSwipesMs: 300,\n followFinger: true,\n allowTouchMove: true,\n threshold: 0,\n touchMoveStopPropagation: false,\n touchStartPreventDefault: true,\n touchStartForcePreventDefault: false,\n touchReleaseOnEdges: false,\n // Unique Navigation Elements\n uniqueNavElements: true,\n // Resistance\n resistance: true,\n resistanceRatio: 0.85,\n // Progress\n watchSlidesProgress: false,\n watchSlidesVisibility: false,\n // Cursor\n grabCursor: false,\n // Clicks\n preventClicks: true,\n preventClicksPropagation: true,\n slideToClickedSlide: false,\n // Images\n preloadImages: true,\n updateOnImagesReady: true,\n // loop\n loop: false,\n loopAdditionalSlides: 0,\n loopedSlides: null,\n loopFillGroupWithBlank: false,\n loopPreventsSlide: true,\n // Swiping/no swiping\n allowSlidePrev: true,\n allowSlideNext: true,\n swipeHandler: null,\n // '.swipe-handler',\n noSwiping: true,\n noSwipingClass: 'swiper-no-swiping',\n noSwipingSelector: null,\n // Passive Listeners\n passiveListeners: true,\n // NS\n containerModifierClass: 'swiper-container-',\n // NEW\n slideClass: 'swiper-slide',\n slideBlankClass: 'swiper-slide-invisible-blank',\n slideActiveClass: 'swiper-slide-active',\n slideDuplicateActiveClass: 'swiper-slide-duplicate-active',\n slideVisibleClass: 'swiper-slide-visible',\n slideDuplicateClass: 'swiper-slide-duplicate',\n slideNextClass: 'swiper-slide-next',\n slideDuplicateNextClass: 'swiper-slide-duplicate-next',\n slidePrevClass: 'swiper-slide-prev',\n slideDuplicatePrevClass: 'swiper-slide-duplicate-prev',\n wrapperClass: 'swiper-wrapper',\n // Callbacks\n runCallbacksOnInit: true,\n // Internals\n _emitClasses: false\n};","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\n/* eslint no-param-reassign: \"off\" */\nimport { getDocument } from 'ssr-window';\nimport $ from '../../utils/dom';\nimport { extend, now, deleteProps } from '../../utils/utils';\nimport { getSupport } from '../../utils/get-support';\nimport { getDevice } from '../../utils/get-device';\nimport { getBrowser } from '../../utils/get-browser';\nimport Resize from '../../modules/resize/resize';\nimport Observer from '../../modules/observer/observer';\nimport modular from './modular';\nimport eventsEmitter from './events-emitter';\nimport update from './update/index';\nimport translate from './translate/index';\nimport transition from './transition/index';\nimport slide from './slide/index';\nimport loop from './loop/index';\nimport grabCursor from './grab-cursor/index';\nimport manipulation from './manipulation/index';\nimport events from './events/index';\nimport breakpoints from './breakpoints/index';\nimport classes from './classes/index';\nimport images from './images/index';\nimport checkOverflow from './check-overflow/index';\nimport defaults from './defaults';\nvar prototypes = {\n modular: modular,\n eventsEmitter: eventsEmitter,\n update: update,\n translate: translate,\n transition: transition,\n slide: slide,\n loop: loop,\n grabCursor: grabCursor,\n manipulation: manipulation,\n events: events,\n breakpoints: breakpoints,\n checkOverflow: checkOverflow,\n classes: classes,\n images: images\n};\nvar extendedDefaults = {};\nvar Swiper = /*#__PURE__*/function () {\n function Swiper() {\n var el;\n var params;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (args.length === 1 && args[0].constructor && Object.prototype.toString.call(args[0]).slice(8, -1) === 'Object') {\n params = args[0];\n } else {\n el = args[0];\n params = args[1];\n }\n if (!params) params = {};\n params = extend({}, params);\n if (el && !params.el) params.el = el;\n if (params.el && $(params.el).length > 1) {\n var swipers = [];\n $(params.el).each(function (containerEl) {\n var newParams = extend({}, params, {\n el: containerEl\n });\n swipers.push(new Swiper(newParams));\n });\n return swipers;\n } // Swiper Instance\n\n var swiper = this;\n swiper.__swiper__ = true;\n swiper.support = getSupport();\n swiper.device = getDevice({\n userAgent: params.userAgent\n });\n swiper.browser = getBrowser();\n swiper.eventsListeners = {};\n swiper.eventsAnyListeners = [];\n if (typeof swiper.modules === 'undefined') {\n swiper.modules = {};\n }\n Object.keys(swiper.modules).forEach(function (moduleName) {\n var module = swiper.modules[moduleName];\n if (module.params) {\n var moduleParamName = Object.keys(module.params)[0];\n var moduleParams = module.params[moduleParamName];\n if (typeof moduleParams !== 'object' || moduleParams === null) return;\n if (['navigation', 'pagination', 'scrollbar'].indexOf(moduleParamName) >= 0 && params[moduleParamName] === true) {\n params[moduleParamName] = {\n auto: true\n };\n }\n if (!(moduleParamName in params && 'enabled' in moduleParams)) return;\n if (params[moduleParamName] === true) {\n params[moduleParamName] = {\n enabled: true\n };\n }\n if (typeof params[moduleParamName] === 'object' && !('enabled' in params[moduleParamName])) {\n params[moduleParamName].enabled = true;\n }\n if (!params[moduleParamName]) params[moduleParamName] = {\n enabled: false\n };\n }\n }); // Extend defaults with modules params\n\n var swiperParams = extend({}, defaults);\n swiper.useParams(swiperParams); // Extend defaults with passed params\n\n swiper.params = extend({}, swiperParams, extendedDefaults, params);\n swiper.originalParams = extend({}, swiper.params);\n swiper.passedParams = extend({}, params); // add event listeners\n\n if (swiper.params && swiper.params.on) {\n Object.keys(swiper.params.on).forEach(function (eventName) {\n swiper.on(eventName, swiper.params.on[eventName]);\n });\n }\n if (swiper.params && swiper.params.onAny) {\n swiper.onAny(swiper.params.onAny);\n } // Save Dom lib\n\n swiper.$ = $; // Extend Swiper\n\n extend(swiper, {\n enabled: swiper.params.enabled,\n el: el,\n // Classes\n classNames: [],\n // Slides\n slides: $(),\n slidesGrid: [],\n snapGrid: [],\n slidesSizesGrid: [],\n // isDirection\n isHorizontal: function isHorizontal() {\n return swiper.params.direction === 'horizontal';\n },\n isVertical: function isVertical() {\n return swiper.params.direction === 'vertical';\n },\n // Indexes\n activeIndex: 0,\n realIndex: 0,\n //\n isBeginning: true,\n isEnd: false,\n // Props\n translate: 0,\n previousTranslate: 0,\n progress: 0,\n velocity: 0,\n animating: false,\n // Locks\n allowSlideNext: swiper.params.allowSlideNext,\n allowSlidePrev: swiper.params.allowSlidePrev,\n // Touch Events\n touchEvents: function touchEvents() {\n var touch = ['touchstart', 'touchmove', 'touchend', 'touchcancel'];\n var desktop = ['mousedown', 'mousemove', 'mouseup'];\n if (swiper.support.pointerEvents) {\n desktop = ['pointerdown', 'pointermove', 'pointerup'];\n }\n swiper.touchEventsTouch = {\n start: touch[0],\n move: touch[1],\n end: touch[2],\n cancel: touch[3]\n };\n swiper.touchEventsDesktop = {\n start: desktop[0],\n move: desktop[1],\n end: desktop[2]\n };\n return swiper.support.touch || !swiper.params.simulateTouch ? swiper.touchEventsTouch : swiper.touchEventsDesktop;\n }(),\n touchEventsData: {\n isTouched: undefined,\n isMoved: undefined,\n allowTouchCallbacks: undefined,\n touchStartTime: undefined,\n isScrolling: undefined,\n currentTranslate: undefined,\n startTranslate: undefined,\n allowThresholdMove: undefined,\n // Form elements to match\n focusableElements: swiper.params.focusableElements,\n // Last click time\n lastClickTime: now(),\n clickTimeout: undefined,\n // Velocities\n velocities: [],\n allowMomentumBounce: undefined,\n isTouchEvent: undefined,\n startMoving: undefined\n },\n // Clicks\n allowClick: true,\n // Touches\n allowTouchMove: swiper.params.allowTouchMove,\n touches: {\n startX: 0,\n startY: 0,\n currentX: 0,\n currentY: 0,\n diff: 0\n },\n // Images\n imagesToLoad: [],\n imagesLoaded: 0\n }); // Install Modules\n\n swiper.useModules();\n swiper.emit('_swiper'); // Init\n\n if (swiper.params.init) {\n swiper.init();\n } // Return app instance\n\n return swiper;\n }\n var _proto = Swiper.prototype;\n _proto.enable = function enable() {\n var swiper = this;\n if (swiper.enabled) return;\n swiper.enabled = true;\n if (swiper.params.grabCursor) {\n swiper.setGrabCursor();\n }\n swiper.emit('enable');\n };\n _proto.disable = function disable() {\n var swiper = this;\n if (!swiper.enabled) return;\n swiper.enabled = false;\n if (swiper.params.grabCursor) {\n swiper.unsetGrabCursor();\n }\n swiper.emit('disable');\n };\n _proto.setProgress = function setProgress(progress, speed) {\n var swiper = this;\n progress = Math.min(Math.max(progress, 0), 1);\n var min = swiper.minTranslate();\n var max = swiper.maxTranslate();\n var current = (max - min) * progress + min;\n swiper.translateTo(current, typeof speed === 'undefined' ? 0 : speed);\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n };\n _proto.emitContainerClasses = function emitContainerClasses() {\n var swiper = this;\n if (!swiper.params._emitClasses || !swiper.el) return;\n var classes = swiper.el.className.split(' ').filter(function (className) {\n return className.indexOf('swiper-container') === 0 || className.indexOf(swiper.params.containerModifierClass) === 0;\n });\n swiper.emit('_containerClasses', classes.join(' '));\n };\n _proto.getSlideClasses = function getSlideClasses(slideEl) {\n var swiper = this;\n return slideEl.className.split(' ').filter(function (className) {\n return className.indexOf('swiper-slide') === 0 || className.indexOf(swiper.params.slideClass) === 0;\n }).join(' ');\n };\n _proto.emitSlidesClasses = function emitSlidesClasses() {\n var swiper = this;\n if (!swiper.params._emitClasses || !swiper.el) return;\n var updates = [];\n swiper.slides.each(function (slideEl) {\n var classNames = swiper.getSlideClasses(slideEl);\n updates.push({\n slideEl: slideEl,\n classNames: classNames\n });\n swiper.emit('_slideClass', slideEl, classNames);\n });\n swiper.emit('_slideClasses', updates);\n };\n _proto.slidesPerViewDynamic = function slidesPerViewDynamic() {\n var swiper = this;\n var params = swiper.params,\n slides = swiper.slides,\n slidesGrid = swiper.slidesGrid,\n swiperSize = swiper.size,\n activeIndex = swiper.activeIndex;\n var spv = 1;\n if (params.centeredSlides) {\n var slideSize = slides[activeIndex].swiperSlideSize;\n var breakLoop;\n for (var i = activeIndex + 1; i < slides.length; i += 1) {\n if (slides[i] && !breakLoop) {\n slideSize += slides[i].swiperSlideSize;\n spv += 1;\n if (slideSize > swiperSize) breakLoop = true;\n }\n }\n for (var _i = activeIndex - 1; _i >= 0; _i -= 1) {\n if (slides[_i] && !breakLoop) {\n slideSize += slides[_i].swiperSlideSize;\n spv += 1;\n if (slideSize > swiperSize) breakLoop = true;\n }\n }\n } else {\n for (var _i2 = activeIndex + 1; _i2 < slides.length; _i2 += 1) {\n if (slidesGrid[_i2] - slidesGrid[activeIndex] < swiperSize) {\n spv += 1;\n }\n }\n }\n return spv;\n };\n _proto.update = function update() {\n var swiper = this;\n if (!swiper || swiper.destroyed) return;\n var snapGrid = swiper.snapGrid,\n params = swiper.params; // Breakpoints\n\n if (params.breakpoints) {\n swiper.setBreakpoint();\n }\n swiper.updateSize();\n swiper.updateSlides();\n swiper.updateProgress();\n swiper.updateSlidesClasses();\n function setTranslate() {\n var translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;\n var newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());\n swiper.setTranslate(newTranslate);\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n }\n var translated;\n if (swiper.params.freeMode) {\n setTranslate();\n if (swiper.params.autoHeight) {\n swiper.updateAutoHeight();\n }\n } else {\n if ((swiper.params.slidesPerView === 'auto' || swiper.params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) {\n translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);\n } else {\n translated = swiper.slideTo(swiper.activeIndex, 0, false, true);\n }\n if (!translated) {\n setTranslate();\n }\n }\n if (params.watchOverflow && snapGrid !== swiper.snapGrid) {\n swiper.checkOverflow();\n }\n swiper.emit('update');\n };\n _proto.changeDirection = function changeDirection(newDirection, needUpdate) {\n if (needUpdate === void 0) {\n needUpdate = true;\n }\n var swiper = this;\n var currentDirection = swiper.params.direction;\n if (!newDirection) {\n // eslint-disable-next-line\n newDirection = currentDirection === 'horizontal' ? 'vertical' : 'horizontal';\n }\n if (newDirection === currentDirection || newDirection !== 'horizontal' && newDirection !== 'vertical') {\n return swiper;\n }\n swiper.$el.removeClass(\"\" + swiper.params.containerModifierClass + currentDirection).addClass(\"\" + swiper.params.containerModifierClass + newDirection);\n swiper.emitContainerClasses();\n swiper.params.direction = newDirection;\n swiper.slides.each(function (slideEl) {\n if (newDirection === 'vertical') {\n slideEl.style.width = '';\n } else {\n slideEl.style.height = '';\n }\n });\n swiper.emit('changeDirection');\n if (needUpdate) swiper.update();\n return swiper;\n };\n _proto.mount = function mount(el) {\n var swiper = this;\n if (swiper.mounted) return true; // Find el\n\n var $el = $(el || swiper.params.el);\n el = $el[0];\n if (!el) {\n return false;\n }\n el.swiper = swiper;\n var getWrapperSelector = function getWrapperSelector() {\n return \".\" + (swiper.params.wrapperClass || '').trim().split(' ').join('.');\n };\n var getWrapper = function getWrapper() {\n if (el && el.shadowRoot && el.shadowRoot.querySelector) {\n var res = $(el.shadowRoot.querySelector(getWrapperSelector())); // Children needs to return slot items\n\n res.children = function (options) {\n return $el.children(options);\n };\n return res;\n }\n return $el.children(getWrapperSelector());\n }; // Find Wrapper\n\n var $wrapperEl = getWrapper();\n if ($wrapperEl.length === 0 && swiper.params.createElements) {\n var document = getDocument();\n var wrapper = document.createElement('div');\n $wrapperEl = $(wrapper);\n wrapper.className = swiper.params.wrapperClass;\n $el.append(wrapper);\n $el.children(\".\" + swiper.params.slideClass).each(function (slideEl) {\n $wrapperEl.append(slideEl);\n });\n }\n extend(swiper, {\n $el: $el,\n el: el,\n $wrapperEl: $wrapperEl,\n wrapperEl: $wrapperEl[0],\n mounted: true,\n // RTL\n rtl: el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl',\n rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),\n wrongRTL: $wrapperEl.css('display') === '-webkit-box'\n });\n return true;\n };\n _proto.init = function init(el) {\n var swiper = this;\n if (swiper.initialized) return swiper;\n var mounted = swiper.mount(el);\n if (mounted === false) return swiper;\n swiper.emit('beforeInit'); // Set breakpoint\n\n if (swiper.params.breakpoints) {\n swiper.setBreakpoint();\n } // Add Classes\n\n swiper.addClasses(); // Create loop\n\n if (swiper.params.loop) {\n swiper.loopCreate();\n } // Update size\n\n swiper.updateSize(); // Update slides\n\n swiper.updateSlides();\n if (swiper.params.watchOverflow) {\n swiper.checkOverflow();\n } // Set Grab Cursor\n\n if (swiper.params.grabCursor && swiper.enabled) {\n swiper.setGrabCursor();\n }\n if (swiper.params.preloadImages) {\n swiper.preloadImages();\n } // Slide To Initial Slide\n\n if (swiper.params.loop) {\n swiper.slideTo(swiper.params.initialSlide + swiper.loopedSlides, 0, swiper.params.runCallbacksOnInit, false, true);\n } else {\n swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit, false, true);\n } // Attach events\n\n swiper.attachEvents(); // Init Flag\n\n swiper.initialized = true; // Emit\n\n swiper.emit('init');\n swiper.emit('afterInit');\n return swiper;\n };\n _proto.destroy = function destroy(deleteInstance, cleanStyles) {\n if (deleteInstance === void 0) {\n deleteInstance = true;\n }\n if (cleanStyles === void 0) {\n cleanStyles = true;\n }\n var swiper = this;\n var params = swiper.params,\n $el = swiper.$el,\n $wrapperEl = swiper.$wrapperEl,\n slides = swiper.slides;\n if (typeof swiper.params === 'undefined' || swiper.destroyed) {\n return null;\n }\n swiper.emit('beforeDestroy'); // Init Flag\n\n swiper.initialized = false; // Detach events\n\n swiper.detachEvents(); // Destroy loop\n\n if (params.loop) {\n swiper.loopDestroy();\n } // Cleanup styles\n\n if (cleanStyles) {\n swiper.removeClasses();\n $el.removeAttr('style');\n $wrapperEl.removeAttr('style');\n if (slides && slides.length) {\n slides.removeClass([params.slideVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass].join(' ')).removeAttr('style').removeAttr('data-swiper-slide-index');\n }\n }\n swiper.emit('destroy'); // Detach emitter events\n\n Object.keys(swiper.eventsListeners).forEach(function (eventName) {\n swiper.off(eventName);\n });\n if (deleteInstance !== false) {\n swiper.$el[0].swiper = null;\n deleteProps(swiper);\n }\n swiper.destroyed = true;\n return null;\n };\n Swiper.extendDefaults = function extendDefaults(newDefaults) {\n extend(extendedDefaults, newDefaults);\n };\n Swiper.installModule = function installModule(module) {\n if (!Swiper.prototype.modules) Swiper.prototype.modules = {};\n var name = module.name || Object.keys(Swiper.prototype.modules).length + \"_\" + now();\n Swiper.prototype.modules[name] = module;\n };\n Swiper.use = function use(module) {\n if (Array.isArray(module)) {\n module.forEach(function (m) {\n return Swiper.installModule(m);\n });\n return Swiper;\n }\n Swiper.installModule(module);\n return Swiper;\n };\n _createClass(Swiper, null, [{\n key: \"extendedDefaults\",\n get: function get() {\n return extendedDefaults;\n }\n }, {\n key: \"defaults\",\n get: function get() {\n return defaults;\n }\n }]);\n return Swiper;\n}();\nObject.keys(prototypes).forEach(function (prototypeGroup) {\n Object.keys(prototypes[prototypeGroup]).forEach(function (protoMethod) {\n Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];\n });\n});\nSwiper.use([Resize, Observer]);\nexport default Swiper;","import setBreakpoint from './setBreakpoint';\nimport getBreakpoint from './getBreakpoint';\nexport default {\n setBreakpoint: setBreakpoint,\n getBreakpoint: getBreakpoint\n};","import { extend } from '../../../utils/utils';\nexport default function setBreakpoint() {\n var swiper = this;\n var activeIndex = swiper.activeIndex,\n initialized = swiper.initialized,\n _swiper$loopedSlides = swiper.loopedSlides,\n loopedSlides = _swiper$loopedSlides === void 0 ? 0 : _swiper$loopedSlides,\n params = swiper.params,\n $el = swiper.$el;\n var breakpoints = params.breakpoints;\n if (!breakpoints || breakpoints && Object.keys(breakpoints).length === 0) return; // Get breakpoint for window width and update parameters\n\n var breakpoint = swiper.getBreakpoint(breakpoints, swiper.params.breakpointsBase, swiper.el);\n if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;\n var breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;\n if (breakpointOnlyParams) {\n ['slidesPerView', 'spaceBetween', 'slidesPerGroup', 'slidesPerGroupSkip', 'slidesPerColumn'].forEach(function (param) {\n var paramValue = breakpointOnlyParams[param];\n if (typeof paramValue === 'undefined') return;\n if (param === 'slidesPerView' && (paramValue === 'AUTO' || paramValue === 'auto')) {\n breakpointOnlyParams[param] = 'auto';\n } else if (param === 'slidesPerView') {\n breakpointOnlyParams[param] = parseFloat(paramValue);\n } else {\n breakpointOnlyParams[param] = parseInt(paramValue, 10);\n }\n });\n }\n var breakpointParams = breakpointOnlyParams || swiper.originalParams;\n var wasMultiRow = params.slidesPerColumn > 1;\n var isMultiRow = breakpointParams.slidesPerColumn > 1;\n var wasEnabled = params.enabled;\n if (wasMultiRow && !isMultiRow) {\n $el.removeClass(params.containerModifierClass + \"multirow \" + params.containerModifierClass + \"multirow-column\");\n swiper.emitContainerClasses();\n } else if (!wasMultiRow && isMultiRow) {\n $el.addClass(params.containerModifierClass + \"multirow\");\n if (breakpointParams.slidesPerColumnFill && breakpointParams.slidesPerColumnFill === 'column' || !breakpointParams.slidesPerColumnFill && params.slidesPerColumnFill === 'column') {\n $el.addClass(params.containerModifierClass + \"multirow-column\");\n }\n swiper.emitContainerClasses();\n }\n var directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;\n var needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);\n if (directionChanged && initialized) {\n swiper.changeDirection();\n }\n extend(swiper.params, breakpointParams);\n var isEnabled = swiper.params.enabled;\n extend(swiper, {\n allowTouchMove: swiper.params.allowTouchMove,\n allowSlideNext: swiper.params.allowSlideNext,\n allowSlidePrev: swiper.params.allowSlidePrev\n });\n if (wasEnabled && !isEnabled) {\n swiper.disable();\n } else if (!wasEnabled && isEnabled) {\n swiper.enable();\n }\n swiper.currentBreakpoint = breakpoint;\n swiper.emit('_beforeBreakpoint', breakpointParams);\n if (needsReLoop && initialized) {\n swiper.loopDestroy();\n swiper.loopCreate();\n swiper.updateSlides();\n swiper.slideTo(activeIndex - loopedSlides + swiper.loopedSlides, 0, false);\n }\n swiper.emit('breakpoint', breakpointParams);\n}","import \"core-js/modules/es.array.sort.js\";\nimport { getWindow } from 'ssr-window';\nexport default function getBreakpoint(breakpoints, base, containerEl) {\n if (base === void 0) {\n base = 'window';\n }\n if (!breakpoints || base === 'container' && !containerEl) return undefined;\n var breakpoint = false;\n var window = getWindow();\n var currentHeight = base === 'window' ? window.innerHeight : containerEl.clientHeight;\n var points = Object.keys(breakpoints).map(function (point) {\n if (typeof point === 'string' && point.indexOf('@') === 0) {\n var minRatio = parseFloat(point.substr(1));\n var value = currentHeight * minRatio;\n return {\n value: value,\n point: point\n };\n }\n return {\n value: point,\n point: point\n };\n });\n points.sort(function (a, b) {\n return parseInt(a.value, 10) - parseInt(b.value, 10);\n });\n for (var i = 0; i < points.length; i += 1) {\n var _points$i = points[i],\n point = _points$i.point,\n value = _points$i.value;\n if (base === 'window') {\n if (window.matchMedia(\"(min-width: \" + value + \"px)\").matches) {\n breakpoint = point;\n }\n } else if (value <= containerEl.clientWidth) {\n breakpoint = point;\n }\n }\n return breakpoint || 'max';\n}","import addClasses from './addClasses';\nimport removeClasses from './removeClasses';\nexport default {\n addClasses: addClasses,\n removeClasses: removeClasses\n};","function prepareClasses(entries, prefix) {\n var resultClasses = [];\n entries.forEach(function (item) {\n if (typeof item === 'object') {\n Object.keys(item).forEach(function (classNames) {\n if (item[classNames]) {\n resultClasses.push(prefix + classNames);\n }\n });\n } else if (typeof item === 'string') {\n resultClasses.push(prefix + item);\n }\n });\n return resultClasses;\n}\nexport default function addClasses() {\n var swiper = this;\n var classNames = swiper.classNames,\n params = swiper.params,\n rtl = swiper.rtl,\n $el = swiper.$el,\n device = swiper.device,\n support = swiper.support; // prettier-ignore\n\n var suffixes = prepareClasses(['initialized', params.direction, {\n 'pointer-events': support.pointerEvents && !support.touch\n }, {\n 'free-mode': params.freeMode\n }, {\n 'autoheight': params.autoHeight\n }, {\n 'rtl': rtl\n }, {\n 'multirow': params.slidesPerColumn > 1\n }, {\n 'multirow-column': params.slidesPerColumn > 1 && params.slidesPerColumnFill === 'column'\n }, {\n 'android': device.android\n }, {\n 'ios': device.ios\n }, {\n 'css-mode': params.cssMode\n }], params.containerModifierClass);\n classNames.push.apply(classNames, suffixes);\n $el.addClass([].concat(classNames).join(' '));\n swiper.emitContainerClasses();\n}","export default function removeClasses() {\n var swiper = this;\n var $el = swiper.$el,\n classNames = swiper.classNames;\n $el.removeClass(classNames.join(' '));\n swiper.emitContainerClasses();\n}","import loadImage from './loadImage';\nimport preloadImages from './preloadImages';\nexport default {\n loadImage: loadImage,\n preloadImages: preloadImages\n};","import { getWindow } from 'ssr-window';\nimport $ from '../../../utils/dom';\nexport default function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) {\n var window = getWindow();\n var image;\n function onReady() {\n if (callback) callback();\n }\n var isPicture = $(imageEl).parent('picture')[0];\n if (!isPicture && (!imageEl.complete || !checkForComplete)) {\n if (src) {\n image = new window.Image();\n image.onload = onReady;\n image.onerror = onReady;\n if (sizes) {\n image.sizes = sizes;\n }\n if (srcset) {\n image.srcset = srcset;\n }\n if (src) {\n image.src = src;\n }\n } else {\n onReady();\n }\n } else {\n // image already loaded...\n onReady();\n }\n}","export default function preloadImages() {\n var swiper = this;\n swiper.imagesToLoad = swiper.$el.find('img');\n function onReady() {\n if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper.destroyed) return;\n if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1;\n if (swiper.imagesLoaded === swiper.imagesToLoad.length) {\n if (swiper.params.updateOnImagesReady) swiper.update();\n swiper.emit('imagesReady');\n }\n }\n for (var i = 0; i < swiper.imagesToLoad.length; i += 1) {\n var imageEl = swiper.imagesToLoad[i];\n swiper.loadImage(imageEl, imageEl.currentSrc || imageEl.getAttribute('src'), imageEl.srcset || imageEl.getAttribute('srcset'), imageEl.sizes || imageEl.getAttribute('sizes'), true, onReady);\n }\n}","import \"core-js/modules/es.array.reduce.js\";\n/**\r\n * A collection of shims that provide minimal functionality of the ES6 collections.\r\n *\r\n * These implementations are not meant to be used outside of the ResizeObserver\r\n * modules as they cover only a limited range of use cases.\r\n */\n/* eslint-disable require-jsdoc, valid-jsdoc */\nvar MapShim = function () {\n if (typeof Map !== 'undefined') {\n return Map;\n }\n /**\r\n * Returns index in provided array that matches the specified key.\r\n *\r\n * @param {Array} arr\r\n * @param {*} key\r\n * @returns {number}\r\n */\n function getIndex(arr, key) {\n var result = -1;\n arr.some(function (entry, index) {\n if (entry[0] === key) {\n result = index;\n return true;\n }\n return false;\n });\n return result;\n }\n return (/** @class */function () {\n function class_1() {\n this.__entries__ = [];\n }\n Object.defineProperty(class_1.prototype, \"size\", {\n /**\r\n * @returns {boolean}\r\n */\n get: function get() {\n return this.__entries__.length;\n },\n enumerable: true,\n configurable: true\n });\n /**\r\n * @param {*} key\r\n * @returns {*}\r\n */\n class_1.prototype.get = function (key) {\n var index = getIndex(this.__entries__, key);\n var entry = this.__entries__[index];\n return entry && entry[1];\n };\n /**\r\n * @param {*} key\r\n * @param {*} value\r\n * @returns {void}\r\n */\n class_1.prototype.set = function (key, value) {\n var index = getIndex(this.__entries__, key);\n if (~index) {\n this.__entries__[index][1] = value;\n } else {\n this.__entries__.push([key, value]);\n }\n };\n /**\r\n * @param {*} key\r\n * @returns {void}\r\n */\n class_1.prototype.delete = function (key) {\n var entries = this.__entries__;\n var index = getIndex(entries, key);\n if (~index) {\n entries.splice(index, 1);\n }\n };\n /**\r\n * @param {*} key\r\n * @returns {void}\r\n */\n class_1.prototype.has = function (key) {\n return !!~getIndex(this.__entries__, key);\n };\n /**\r\n * @returns {void}\r\n */\n class_1.prototype.clear = function () {\n this.__entries__.splice(0);\n };\n /**\r\n * @param {Function} callback\r\n * @param {*} [ctx=null]\r\n * @returns {void}\r\n */\n class_1.prototype.forEach = function (callback, ctx) {\n if (ctx === void 0) {\n ctx = null;\n }\n for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {\n var entry = _a[_i];\n callback.call(ctx, entry[1], entry[0]);\n }\n };\n return class_1;\n }()\n );\n}();\n\n/**\r\n * Detects whether window and document objects are available in current environment.\r\n */\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;\n\n// Returns global object of a current environment.\nvar global$1 = function () {\n if (typeof global !== 'undefined' && global.Math === Math) {\n return global;\n }\n if (typeof self !== 'undefined' && self.Math === Math) {\n return self;\n }\n if (typeof window !== 'undefined' && window.Math === Math) {\n return window;\n }\n // eslint-disable-next-line no-new-func\n return Function('return this')();\n}();\n\n/**\r\n * A shim for the requestAnimationFrame which falls back to the setTimeout if\r\n * first one is not supported.\r\n *\r\n * @returns {number} Requests' identifier.\r\n */\nvar requestAnimationFrame$1 = function () {\n if (typeof requestAnimationFrame === 'function') {\n // It's required to use a bounded function because IE sometimes throws\n // an \"Invalid calling object\" error if rAF is invoked without the global\n // object on the left hand side.\n return requestAnimationFrame.bind(global$1);\n }\n return function (callback) {\n return setTimeout(function () {\n return callback(Date.now());\n }, 1000 / 60);\n };\n}();\n\n// Defines minimum timeout before adding a trailing call.\nvar trailingTimeout = 2;\n/**\r\n * Creates a wrapper function which ensures that provided callback will be\r\n * invoked only once during the specified delay period.\r\n *\r\n * @param {Function} callback - Function to be invoked after the delay period.\r\n * @param {number} delay - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\nfunction throttle(callback, delay) {\n var leadingCall = false,\n trailingCall = false,\n lastCallTime = 0;\n /**\r\n * Invokes the original callback function and schedules new invocation if\r\n * the \"proxy\" was called during current request.\r\n *\r\n * @returns {void}\r\n */\n function resolvePending() {\n if (leadingCall) {\n leadingCall = false;\n callback();\n }\n if (trailingCall) {\n proxy();\n }\n }\n /**\r\n * Callback invoked after the specified delay. It will further postpone\r\n * invocation of the original function delegating it to the\r\n * requestAnimationFrame.\r\n *\r\n * @returns {void}\r\n */\n function timeoutCallback() {\n requestAnimationFrame$1(resolvePending);\n }\n /**\r\n * Schedules invocation of the original function.\r\n *\r\n * @returns {void}\r\n */\n function proxy() {\n var timeStamp = Date.now();\n if (leadingCall) {\n // Reject immediately following calls.\n if (timeStamp - lastCallTime < trailingTimeout) {\n return;\n }\n // Schedule new call to be in invoked when the pending one is resolved.\n // This is important for \"transitions\" which never actually start\n // immediately so there is a chance that we might miss one if change\n // happens amids the pending invocation.\n trailingCall = true;\n } else {\n leadingCall = true;\n trailingCall = false;\n setTimeout(timeoutCallback, delay);\n }\n lastCallTime = timeStamp;\n }\n return proxy;\n}\n\n// Minimum delay before invoking the update of observers.\nvar REFRESH_DELAY = 20;\n// A list of substrings of CSS properties used to find transition events that\n// might affect dimensions of observed elements.\nvar transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];\n// Check if MutationObserver is available.\nvar mutationObserverSupported = typeof MutationObserver !== 'undefined';\n/**\r\n * Singleton controller class which handles updates of ResizeObserver instances.\r\n */\nvar ResizeObserverController = /** @class */function () {\n /**\r\n * Creates a new instance of ResizeObserverController.\r\n *\r\n * @private\r\n */\n function ResizeObserverController() {\n /**\r\n * Indicates whether DOM listeners have been added.\r\n *\r\n * @private {boolean}\r\n */\n this.connected_ = false;\n /**\r\n * Tells that controller has subscribed for Mutation Events.\r\n *\r\n * @private {boolean}\r\n */\n this.mutationEventsAdded_ = false;\n /**\r\n * Keeps reference to the instance of MutationObserver.\r\n *\r\n * @private {MutationObserver}\r\n */\n this.mutationsObserver_ = null;\n /**\r\n * A list of connected observers.\r\n *\r\n * @private {Array}\r\n */\n this.observers_ = [];\n this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);\n this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);\n }\n /**\r\n * Adds observer to observers list.\r\n *\r\n * @param {ResizeObserverSPI} observer - Observer to be added.\r\n * @returns {void}\r\n */\n ResizeObserverController.prototype.addObserver = function (observer) {\n if (!~this.observers_.indexOf(observer)) {\n this.observers_.push(observer);\n }\n // Add listeners if they haven't been added yet.\n if (!this.connected_) {\n this.connect_();\n }\n };\n /**\r\n * Removes observer from observers list.\r\n *\r\n * @param {ResizeObserverSPI} observer - Observer to be removed.\r\n * @returns {void}\r\n */\n ResizeObserverController.prototype.removeObserver = function (observer) {\n var observers = this.observers_;\n var index = observers.indexOf(observer);\n // Remove observer if it's present in registry.\n if (~index) {\n observers.splice(index, 1);\n }\n // Remove listeners if controller has no connected observers.\n if (!observers.length && this.connected_) {\n this.disconnect_();\n }\n };\n /**\r\n * Invokes the update of observers. It will continue running updates insofar\r\n * it detects changes.\r\n *\r\n * @returns {void}\r\n */\n ResizeObserverController.prototype.refresh = function () {\n var changesDetected = this.updateObservers_();\n // Continue running updates if changes have been detected as there might\n // be future ones caused by CSS transitions.\n if (changesDetected) {\n this.refresh();\n }\n };\n /**\r\n * Updates every observer from observers list and notifies them of queued\r\n * entries.\r\n *\r\n * @private\r\n * @returns {boolean} Returns \"true\" if any observer has detected changes in\r\n * dimensions of it's elements.\r\n */\n ResizeObserverController.prototype.updateObservers_ = function () {\n // Collect observers that have active observations.\n var activeObservers = this.observers_.filter(function (observer) {\n return observer.gatherActive(), observer.hasActive();\n });\n // Deliver notifications in a separate cycle in order to avoid any\n // collisions between observers, e.g. when multiple instances of\n // ResizeObserver are tracking the same element and the callback of one\n // of them changes content dimensions of the observed target. Sometimes\n // this may result in notifications being blocked for the rest of observers.\n activeObservers.forEach(function (observer) {\n return observer.broadcastActive();\n });\n return activeObservers.length > 0;\n };\n /**\r\n * Initializes DOM listeners.\r\n *\r\n * @private\r\n * @returns {void}\r\n */\n ResizeObserverController.prototype.connect_ = function () {\n // Do nothing if running in a non-browser environment or if listeners\n // have been already added.\n if (!isBrowser || this.connected_) {\n return;\n }\n // Subscription to the \"Transitionend\" event is used as a workaround for\n // delayed transitions. This way it's possible to capture at least the\n // final state of an element.\n document.addEventListener('transitionend', this.onTransitionEnd_);\n window.addEventListener('resize', this.refresh);\n if (mutationObserverSupported) {\n this.mutationsObserver_ = new MutationObserver(this.refresh);\n this.mutationsObserver_.observe(document, {\n attributes: true,\n childList: true,\n characterData: true,\n subtree: true\n });\n } else {\n document.addEventListener('DOMSubtreeModified', this.refresh);\n this.mutationEventsAdded_ = true;\n }\n this.connected_ = true;\n };\n /**\r\n * Removes DOM listeners.\r\n *\r\n * @private\r\n * @returns {void}\r\n */\n ResizeObserverController.prototype.disconnect_ = function () {\n // Do nothing if running in a non-browser environment or if listeners\n // have been already removed.\n if (!isBrowser || !this.connected_) {\n return;\n }\n document.removeEventListener('transitionend', this.onTransitionEnd_);\n window.removeEventListener('resize', this.refresh);\n if (this.mutationsObserver_) {\n this.mutationsObserver_.disconnect();\n }\n if (this.mutationEventsAdded_) {\n document.removeEventListener('DOMSubtreeModified', this.refresh);\n }\n this.mutationsObserver_ = null;\n this.mutationEventsAdded_ = false;\n this.connected_ = false;\n };\n /**\r\n * \"Transitionend\" event handler.\r\n *\r\n * @private\r\n * @param {TransitionEvent} event\r\n * @returns {void}\r\n */\n ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {\n var _b = _a.propertyName,\n propertyName = _b === void 0 ? '' : _b;\n // Detect whether transition may affect dimensions of an element.\n var isReflowProperty = transitionKeys.some(function (key) {\n return !!~propertyName.indexOf(key);\n });\n if (isReflowProperty) {\n this.refresh();\n }\n };\n /**\r\n * Returns instance of the ResizeObserverController.\r\n *\r\n * @returns {ResizeObserverController}\r\n */\n ResizeObserverController.getInstance = function () {\n if (!this.instance_) {\n this.instance_ = new ResizeObserverController();\n }\n return this.instance_;\n };\n /**\r\n * Holds reference to the controller's instance.\r\n *\r\n * @private {ResizeObserverController}\r\n */\n ResizeObserverController.instance_ = null;\n return ResizeObserverController;\n}();\n\n/**\r\n * Defines non-writable/enumerable properties of the provided target object.\r\n *\r\n * @param {Object} target - Object for which to define properties.\r\n * @param {Object} props - Properties to be defined.\r\n * @returns {Object} Target object.\r\n */\nvar defineConfigurable = function defineConfigurable(target, props) {\n for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {\n var key = _a[_i];\n Object.defineProperty(target, key, {\n value: props[key],\n enumerable: false,\n writable: false,\n configurable: true\n });\n }\n return target;\n};\n\n/**\r\n * Returns the global object associated with provided element.\r\n *\r\n * @param {Object} target\r\n * @returns {Object}\r\n */\nvar getWindowOf = function getWindowOf(target) {\n // Assume that the element is an instance of Node, which means that it\n // has the \"ownerDocument\" property from which we can retrieve a\n // corresponding global object.\n var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;\n // Return the local global object if it's not possible extract one from\n // provided element.\n return ownerGlobal || global$1;\n};\n\n// Placeholder of an empty content rectangle.\nvar emptyRect = createRectInit(0, 0, 0, 0);\n/**\r\n * Converts provided string to a number.\r\n *\r\n * @param {number|string} value\r\n * @returns {number}\r\n */\nfunction toFloat(value) {\n return parseFloat(value) || 0;\n}\n/**\r\n * Extracts borders size from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @param {...string} positions - Borders positions (top, right, ...)\r\n * @returns {number}\r\n */\nfunction getBordersSize(styles) {\n var positions = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n positions[_i - 1] = arguments[_i];\n }\n return positions.reduce(function (size, position) {\n var value = styles['border-' + position + '-width'];\n return size + toFloat(value);\n }, 0);\n}\n/**\r\n * Extracts paddings sizes from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @returns {Object} Paddings box.\r\n */\nfunction getPaddings(styles) {\n var positions = ['top', 'right', 'bottom', 'left'];\n var paddings = {};\n for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {\n var position = positions_1[_i];\n var value = styles['padding-' + position];\n paddings[position] = toFloat(value);\n }\n return paddings;\n}\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGGraphicsElement} target - Element content rectangle of which needs\r\n * to be calculated.\r\n * @returns {DOMRectInit}\r\n */\nfunction getSVGContentRect(target) {\n var bbox = target.getBBox();\n return createRectInit(0, 0, bbox.width, bbox.height);\n}\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element for which to calculate the content rectangle.\r\n * @returns {DOMRectInit}\r\n */\nfunction getHTMLElementContentRect(target) {\n // Client width & height properties can't be\n // used exclusively as they provide rounded values.\n var clientWidth = target.clientWidth,\n clientHeight = target.clientHeight;\n // By this condition we can catch all non-replaced inline, hidden and\n // detached elements. Though elements with width & height properties less\n // than 0.5 will be discarded as well.\n //\n // Without it we would need to implement separate methods for each of\n // those cases and it's not possible to perform a precise and performance\n // effective test for hidden elements. E.g. even jQuery's ':visible' filter\n // gives wrong results for elements with width & height less than 0.5.\n if (!clientWidth && !clientHeight) {\n return emptyRect;\n }\n var styles = getWindowOf(target).getComputedStyle(target);\n var paddings = getPaddings(styles);\n var horizPad = paddings.left + paddings.right;\n var vertPad = paddings.top + paddings.bottom;\n // Computed styles of width & height are being used because they are the\n // only dimensions available to JS that contain non-rounded values. It could\n // be possible to utilize the getBoundingClientRect if only it's data wasn't\n // affected by CSS transformations let alone paddings, borders and scroll bars.\n var width = toFloat(styles.width),\n height = toFloat(styles.height);\n // Width & height include paddings and borders when the 'border-box' box\n // model is applied (except for IE).\n if (styles.boxSizing === 'border-box') {\n // Following conditions are required to handle Internet Explorer which\n // doesn't include paddings and borders to computed CSS dimensions.\n //\n // We can say that if CSS dimensions + paddings are equal to the \"client\"\n // properties then it's either IE, and thus we don't need to subtract\n // anything, or an element merely doesn't have paddings/borders styles.\n if (Math.round(width + horizPad) !== clientWidth) {\n width -= getBordersSize(styles, 'left', 'right') + horizPad;\n }\n if (Math.round(height + vertPad) !== clientHeight) {\n height -= getBordersSize(styles, 'top', 'bottom') + vertPad;\n }\n }\n // Following steps can't be applied to the document's root element as its\n // client[Width/Height] properties represent viewport area of the window.\n // Besides, it's as well not necessary as the itself neither has\n // rendered scroll bars nor it can be clipped.\n if (!isDocumentElement(target)) {\n // In some browsers (only in Firefox, actually) CSS width & height\n // include scroll bars size which can be removed at this step as scroll\n // bars are the only difference between rounded dimensions + paddings\n // and \"client\" properties, though that is not always true in Chrome.\n var vertScrollbar = Math.round(width + horizPad) - clientWidth;\n var horizScrollbar = Math.round(height + vertPad) - clientHeight;\n // Chrome has a rather weird rounding of \"client\" properties.\n // E.g. for an element with content width of 314.2px it sometimes gives\n // the client width of 315px and for the width of 314.7px it may give\n // 314px. And it doesn't happen all the time. So just ignore this delta\n // as a non-relevant.\n if (Math.abs(vertScrollbar) !== 1) {\n width -= vertScrollbar;\n }\n if (Math.abs(horizScrollbar) !== 1) {\n height -= horizScrollbar;\n }\n }\n return createRectInit(paddings.left, paddings.top, width, height);\n}\n/**\r\n * Checks whether provided element is an instance of the SVGGraphicsElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\nvar isSVGGraphicsElement = function () {\n // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement\n // interface.\n if (typeof SVGGraphicsElement !== 'undefined') {\n return function (target) {\n return target instanceof getWindowOf(target).SVGGraphicsElement;\n };\n }\n // If it's so, then check that element is at least an instance of the\n // SVGElement and that it has the \"getBBox\" method.\n // eslint-disable-next-line no-extra-parens\n return function (target) {\n return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === 'function';\n };\n}();\n/**\r\n * Checks whether provided element is a document element ().\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\nfunction isDocumentElement(target) {\n return target === getWindowOf(target).document.documentElement;\n}\n/**\r\n * Calculates an appropriate content rectangle for provided html or svg element.\r\n *\r\n * @param {Element} target - Element content rectangle of which needs to be calculated.\r\n * @returns {DOMRectInit}\r\n */\nfunction getContentRect(target) {\n if (!isBrowser) {\n return emptyRect;\n }\n if (isSVGGraphicsElement(target)) {\n return getSVGContentRect(target);\n }\n return getHTMLElementContentRect(target);\n}\n/**\r\n * Creates rectangle with an interface of the DOMRectReadOnly.\r\n * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly\r\n *\r\n * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.\r\n * @returns {DOMRectReadOnly}\r\n */\nfunction createReadOnlyRect(_a) {\n var x = _a.x,\n y = _a.y,\n width = _a.width,\n height = _a.height;\n // If DOMRectReadOnly is available use it as a prototype for the rectangle.\n var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;\n var rect = Object.create(Constr.prototype);\n // Rectangle's properties are not writable and non-enumerable.\n defineConfigurable(rect, {\n x: x,\n y: y,\n width: width,\n height: height,\n top: y,\n right: x + width,\n bottom: height + y,\n left: x\n });\n return rect;\n}\n/**\r\n * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.\r\n * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit\r\n *\r\n * @param {number} x - X coordinate.\r\n * @param {number} y - Y coordinate.\r\n * @param {number} width - Rectangle's width.\r\n * @param {number} height - Rectangle's height.\r\n * @returns {DOMRectInit}\r\n */\nfunction createRectInit(x, y, width, height) {\n return {\n x: x,\n y: y,\n width: width,\n height: height\n };\n}\n\n/**\r\n * Class that is responsible for computations of the content rectangle of\r\n * provided DOM element and for keeping track of it's changes.\r\n */\nvar ResizeObservation = /** @class */function () {\n /**\r\n * Creates an instance of ResizeObservation.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n */\n function ResizeObservation(target) {\n /**\r\n * Broadcasted width of content rectangle.\r\n *\r\n * @type {number}\r\n */\n this.broadcastWidth = 0;\n /**\r\n * Broadcasted height of content rectangle.\r\n *\r\n * @type {number}\r\n */\n this.broadcastHeight = 0;\n /**\r\n * Reference to the last observed content rectangle.\r\n *\r\n * @private {DOMRectInit}\r\n */\n this.contentRect_ = createRectInit(0, 0, 0, 0);\n this.target = target;\n }\n /**\r\n * Updates content rectangle and tells whether it's width or height properties\r\n * have changed since the last broadcast.\r\n *\r\n * @returns {boolean}\r\n */\n ResizeObservation.prototype.isActive = function () {\n var rect = getContentRect(this.target);\n this.contentRect_ = rect;\n return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight;\n };\n /**\r\n * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data\r\n * from the corresponding properties of the last observed content rectangle.\r\n *\r\n * @returns {DOMRectInit} Last observed content rectangle.\r\n */\n ResizeObservation.prototype.broadcastRect = function () {\n var rect = this.contentRect_;\n this.broadcastWidth = rect.width;\n this.broadcastHeight = rect.height;\n return rect;\n };\n return ResizeObservation;\n}();\nvar ResizeObserverEntry = /** @class */function () {\n /**\r\n * Creates an instance of ResizeObserverEntry.\r\n *\r\n * @param {Element} target - Element that is being observed.\r\n * @param {DOMRectInit} rectInit - Data of the element's content rectangle.\r\n */\n function ResizeObserverEntry(target, rectInit) {\n var contentRect = createReadOnlyRect(rectInit);\n // According to the specification following properties are not writable\n // and are also not enumerable in the native implementation.\n //\n // Property accessors are not being used as they'd require to define a\n // private WeakMap storage which may cause memory leaks in browsers that\n // don't support this type of collections.\n defineConfigurable(this, {\n target: target,\n contentRect: contentRect\n });\n }\n return ResizeObserverEntry;\n}();\nvar ResizeObserverSPI = /** @class */function () {\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {ResizeObserverCallback} callback - Callback function that is invoked\r\n * when one of the observed elements changes it's content dimensions.\r\n * @param {ResizeObserverController} controller - Controller instance which\r\n * is responsible for the updates of observer.\r\n * @param {ResizeObserver} callbackCtx - Reference to the public\r\n * ResizeObserver instance which will be passed to callback function.\r\n */\n function ResizeObserverSPI(callback, controller, callbackCtx) {\n /**\r\n * Collection of resize observations that have detected changes in dimensions\r\n * of elements.\r\n *\r\n * @private {Array}\r\n */\n this.activeObservations_ = [];\n /**\r\n * Registry of the ResizeObservation instances.\r\n *\r\n * @private {Map}\r\n */\n this.observations_ = new MapShim();\n if (typeof callback !== 'function') {\n throw new TypeError('The callback provided as parameter 1 is not a function.');\n }\n this.callback_ = callback;\n this.controller_ = controller;\n this.callbackCtx_ = callbackCtx;\n }\n /**\r\n * Starts observing provided element.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n * @returns {void}\r\n */\n ResizeObserverSPI.prototype.observe = function (target) {\n if (!arguments.length) {\n throw new TypeError('1 argument required, but only 0 present.');\n }\n // Do nothing if current environment doesn't have the Element interface.\n if (typeof Element === 'undefined' || !(Element instanceof Object)) {\n return;\n }\n if (!(target instanceof getWindowOf(target).Element)) {\n throw new TypeError('parameter 1 is not of type \"Element\".');\n }\n var observations = this.observations_;\n // Do nothing if element is already being observed.\n if (observations.has(target)) {\n return;\n }\n observations.set(target, new ResizeObservation(target));\n this.controller_.addObserver(this);\n // Force the update of observations.\n this.controller_.refresh();\n };\n /**\r\n * Stops observing provided element.\r\n *\r\n * @param {Element} target - Element to stop observing.\r\n * @returns {void}\r\n */\n ResizeObserverSPI.prototype.unobserve = function (target) {\n if (!arguments.length) {\n throw new TypeError('1 argument required, but only 0 present.');\n }\n // Do nothing if current environment doesn't have the Element interface.\n if (typeof Element === 'undefined' || !(Element instanceof Object)) {\n return;\n }\n if (!(target instanceof getWindowOf(target).Element)) {\n throw new TypeError('parameter 1 is not of type \"Element\".');\n }\n var observations = this.observations_;\n // Do nothing if element is not being observed.\n if (!observations.has(target)) {\n return;\n }\n observations.delete(target);\n if (!observations.size) {\n this.controller_.removeObserver(this);\n }\n };\n /**\r\n * Stops observing all elements.\r\n *\r\n * @returns {void}\r\n */\n ResizeObserverSPI.prototype.disconnect = function () {\n this.clearActive();\n this.observations_.clear();\n this.controller_.removeObserver(this);\n };\n /**\r\n * Collects observation instances the associated element of which has changed\r\n * it's content rectangle.\r\n *\r\n * @returns {void}\r\n */\n ResizeObserverSPI.prototype.gatherActive = function () {\n var _this = this;\n this.clearActive();\n this.observations_.forEach(function (observation) {\n if (observation.isActive()) {\n _this.activeObservations_.push(observation);\n }\n });\n };\n /**\r\n * Invokes initial callback function with a list of ResizeObserverEntry\r\n * instances collected from active resize observations.\r\n *\r\n * @returns {void}\r\n */\n ResizeObserverSPI.prototype.broadcastActive = function () {\n // Do nothing if observer doesn't have active observations.\n if (!this.hasActive()) {\n return;\n }\n var ctx = this.callbackCtx_;\n // Create ResizeObserverEntry instance for every active observation.\n var entries = this.activeObservations_.map(function (observation) {\n return new ResizeObserverEntry(observation.target, observation.broadcastRect());\n });\n this.callback_.call(ctx, entries, ctx);\n this.clearActive();\n };\n /**\r\n * Clears the collection of active observations.\r\n *\r\n * @returns {void}\r\n */\n ResizeObserverSPI.prototype.clearActive = function () {\n this.activeObservations_.splice(0);\n };\n /**\r\n * Tells whether observer has active observations.\r\n *\r\n * @returns {boolean}\r\n */\n ResizeObserverSPI.prototype.hasActive = function () {\n return this.activeObservations_.length > 0;\n };\n return ResizeObserverSPI;\n}();\n\n// Registry of internal observers. If WeakMap is not available use current shim\n// for the Map collection as it has all required methods and because WeakMap\n// can't be fully polyfilled anyway.\nvar observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();\n/**\r\n * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation\r\n * exposing only those methods and properties that are defined in the spec.\r\n */\nvar ResizeObserver = /** @class */function () {\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {ResizeObserverCallback} callback - Callback that is invoked when\r\n * dimensions of the observed elements change.\r\n */\n function ResizeObserver(callback) {\n if (!(this instanceof ResizeObserver)) {\n throw new TypeError('Cannot call a class as a function.');\n }\n if (!arguments.length) {\n throw new TypeError('1 argument required, but only 0 present.');\n }\n var controller = ResizeObserverController.getInstance();\n var observer = new ResizeObserverSPI(callback, controller, this);\n observers.set(this, observer);\n }\n return ResizeObserver;\n}();\n// Expose public methods of ResizeObserver.\n['observe', 'unobserve', 'disconnect'].forEach(function (method) {\n ResizeObserver.prototype[method] = function () {\n var _a;\n return (_a = observers.get(this))[method].apply(_a, arguments);\n };\n});\nvar index = function () {\n // Export existing implementation if available.\n if (typeof global$1.ResizeObserver !== 'undefined') {\n return global$1.ResizeObserver;\n }\n return ResizeObserver;\n}();\nexport default index;","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar HAS_NAVIGATOR = typeof navigator !== 'undefined';\nvar IS_IPAD_PRO = HAS_NAVIGATOR && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;\nvar IS_IOS = HAS_NAVIGATOR && (/iPad|iPhone|iPod/.test(navigator.userAgent) || IS_IPAD_PRO) && !window.MSStream;\nvar IS_SAFARI = HAS_NAVIGATOR && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && !window.MSStream;\nvar HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js';\nvar HLS_GLOBAL = 'Hls';\nvar DASH_SDK_URL = 'https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js';\nvar DASH_GLOBAL = 'dashjs';\nvar FLV_SDK_URL = 'https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js';\nvar FLV_GLOBAL = 'flvjs';\nvar MATCH_DROPBOX_URL = /www\\.dropbox\\.com\\/.+/;\nvar MATCH_CLOUDFLARE_STREAM = /https:\\/\\/watch\\.cloudflarestream\\.com\\/([a-z0-9]+)/;\nvar REPLACE_CLOUDFLARE_STREAM = 'https://videodelivery.net/{id}/manifest/video.m3u8';\nvar FilePlayer = /*#__PURE__*/function (_Component) {\n _inherits(FilePlayer, _Component);\n var _super = _createSuper(FilePlayer);\n function FilePlayer() {\n var _this;\n _classCallCheck(this, FilePlayer);\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(_args));\n _defineProperty(_assertThisInitialized(_this), \"onReady\", function () {\n var _this$props;\n return (_this$props = _this.props).onReady.apply(_this$props, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onPlay\", function () {\n var _this$props2;\n return (_this$props2 = _this.props).onPlay.apply(_this$props2, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onBuffer\", function () {\n var _this$props3;\n return (_this$props3 = _this.props).onBuffer.apply(_this$props3, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onBufferEnd\", function () {\n var _this$props4;\n return (_this$props4 = _this.props).onBufferEnd.apply(_this$props4, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onPause\", function () {\n var _this$props5;\n return (_this$props5 = _this.props).onPause.apply(_this$props5, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onEnded\", function () {\n var _this$props6;\n return (_this$props6 = _this.props).onEnded.apply(_this$props6, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onError\", function () {\n var _this$props7;\n return (_this$props7 = _this.props).onError.apply(_this$props7, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onPlayBackRateChange\", function (event) {\n return _this.props.onPlaybackRateChange(event.target.playbackRate);\n });\n _defineProperty(_assertThisInitialized(_this), \"onEnablePIP\", function () {\n var _this$props8;\n return (_this$props8 = _this.props).onEnablePIP.apply(_this$props8, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"onDisablePIP\", function (e) {\n var _this$props9 = _this.props,\n onDisablePIP = _this$props9.onDisablePIP,\n playing = _this$props9.playing;\n onDisablePIP(e);\n if (playing) {\n _this.play();\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"onPresentationModeChange\", function (e) {\n if (_this.player && (0, _utils.supportsWebKitPresentationMode)(_this.player)) {\n var webkitPresentationMode = _this.player.webkitPresentationMode;\n if (webkitPresentationMode === 'picture-in-picture') {\n _this.onEnablePIP(e);\n } else if (webkitPresentationMode === 'inline') {\n _this.onDisablePIP(e);\n }\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"onSeek\", function (e) {\n _this.props.onSeek(e.target.currentTime);\n });\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.player.muted = true;\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.player.muted = false;\n });\n _defineProperty(_assertThisInitialized(_this), \"renderSourceElement\", function (source, index) {\n if (typeof source === 'string') {\n return /*#__PURE__*/_react[\"default\"].createElement(\"source\", {\n key: index,\n src: source\n });\n }\n return /*#__PURE__*/_react[\"default\"].createElement(\"source\", _extends({\n key: index\n }, source));\n });\n _defineProperty(_assertThisInitialized(_this), \"renderTrack\", function (track, index) {\n return /*#__PURE__*/_react[\"default\"].createElement(\"track\", _extends({\n key: index\n }, track));\n });\n _defineProperty(_assertThisInitialized(_this), \"ref\", function (player) {\n if (_this.player) {\n // Store previous player to be used by removeListeners()\n _this.prevPlayer = _this.player;\n }\n _this.player = player;\n });\n return _this;\n }\n _createClass(FilePlayer, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n this.addListeners(this.player);\n var src = this.getSource(this.props.url); // Ensure src is set in strict mode\n\n if (src) {\n this.player.src = src;\n }\n if (IS_IOS || this.props.config.forceDisableHls) {\n this.player.load();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.shouldUseAudio(this.props) !== this.shouldUseAudio(prevProps)) {\n this.removeListeners(this.prevPlayer, prevProps.url);\n this.addListeners(this.player);\n }\n if (this.props.url !== prevProps.url && !(0, _utils.isMediaStream)(this.props.url) && !(this.props.url instanceof Array) // Avoid infinite loop\n ) {\n this.player.srcObject = null;\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.player.removeAttribute('src');\n this.removeListeners(this.player);\n if (this.hls) {\n this.hls.destroy();\n }\n }\n }, {\n key: \"addListeners\",\n value: function addListeners(player) {\n var _this$props10 = this.props,\n url = _this$props10.url,\n playsinline = _this$props10.playsinline;\n player.addEventListener('play', this.onPlay);\n player.addEventListener('waiting', this.onBuffer);\n player.addEventListener('playing', this.onBufferEnd);\n player.addEventListener('pause', this.onPause);\n player.addEventListener('seeked', this.onSeek);\n player.addEventListener('ended', this.onEnded);\n player.addEventListener('error', this.onError);\n player.addEventListener('ratechange', this.onPlayBackRateChange);\n player.addEventListener('enterpictureinpicture', this.onEnablePIP);\n player.addEventListener('leavepictureinpicture', this.onDisablePIP);\n player.addEventListener('webkitpresentationmodechanged', this.onPresentationModeChange);\n if (!this.shouldUseHLS(url)) {\n // onReady is handled by hls.js\n player.addEventListener('canplay', this.onReady);\n }\n if (playsinline) {\n player.setAttribute('playsinline', '');\n player.setAttribute('webkit-playsinline', '');\n player.setAttribute('x5-playsinline', '');\n }\n }\n }, {\n key: \"removeListeners\",\n value: function removeListeners(player, url) {\n player.removeEventListener('canplay', this.onReady);\n player.removeEventListener('play', this.onPlay);\n player.removeEventListener('waiting', this.onBuffer);\n player.removeEventListener('playing', this.onBufferEnd);\n player.removeEventListener('pause', this.onPause);\n player.removeEventListener('seeked', this.onSeek);\n player.removeEventListener('ended', this.onEnded);\n player.removeEventListener('error', this.onError);\n player.removeEventListener('ratechange', this.onPlayBackRateChange);\n player.removeEventListener('enterpictureinpicture', this.onEnablePIP);\n player.removeEventListener('leavepictureinpicture', this.onDisablePIP);\n player.removeEventListener('webkitpresentationmodechanged', this.onPresentationModeChange);\n if (!this.shouldUseHLS(url)) {\n // onReady is handled by hls.js\n player.removeEventListener('canplay', this.onReady);\n }\n } // Proxy methods to prevent listener leaks\n }, {\n key: \"shouldUseAudio\",\n value: function shouldUseAudio(props) {\n if (props.config.forceVideo) {\n return false;\n }\n if (props.config.attributes.poster) {\n return false; // Use so that poster is shown\n }\n\n return _patterns.AUDIO_EXTENSIONS.test(props.url) || props.config.forceAudio;\n }\n }, {\n key: \"shouldUseHLS\",\n value: function shouldUseHLS(url) {\n if (IS_SAFARI && this.props.config.forceSafariHLS || this.props.config.forceHLS) {\n return true;\n }\n if (IS_IOS || this.props.config.forceDisableHls) {\n return false;\n }\n return _patterns.HLS_EXTENSIONS.test(url) || MATCH_CLOUDFLARE_STREAM.test(url);\n }\n }, {\n key: \"shouldUseDASH\",\n value: function shouldUseDASH(url) {\n return _patterns.DASH_EXTENSIONS.test(url) || this.props.config.forceDASH;\n }\n }, {\n key: \"shouldUseFLV\",\n value: function shouldUseFLV(url) {\n return _patterns.FLV_EXTENSIONS.test(url) || this.props.config.forceFLV;\n }\n }, {\n key: \"load\",\n value: function load(url) {\n var _this2 = this;\n var _this$props$config = this.props.config,\n hlsVersion = _this$props$config.hlsVersion,\n hlsOptions = _this$props$config.hlsOptions,\n dashVersion = _this$props$config.dashVersion,\n flvVersion = _this$props$config.flvVersion;\n if (this.hls) {\n this.hls.destroy();\n }\n if (this.dash) {\n this.dash.reset();\n }\n if (this.shouldUseHLS(url)) {\n (0, _utils.getSDK)(HLS_SDK_URL.replace('VERSION', hlsVersion), HLS_GLOBAL).then(function (Hls) {\n _this2.hls = new Hls(hlsOptions);\n _this2.hls.on(Hls.Events.MANIFEST_PARSED, function () {\n _this2.props.onReady();\n });\n _this2.hls.on(Hls.Events.ERROR, function (e, data) {\n _this2.props.onError(e, data, _this2.hls, Hls);\n });\n if (MATCH_CLOUDFLARE_STREAM.test(url)) {\n var id = url.match(MATCH_CLOUDFLARE_STREAM)[1];\n _this2.hls.loadSource(REPLACE_CLOUDFLARE_STREAM.replace('{id}', id));\n } else {\n _this2.hls.loadSource(url);\n }\n _this2.hls.attachMedia(_this2.player);\n _this2.props.onLoaded();\n });\n }\n if (this.shouldUseDASH(url)) {\n (0, _utils.getSDK)(DASH_SDK_URL.replace('VERSION', dashVersion), DASH_GLOBAL).then(function (dashjs) {\n _this2.dash = dashjs.MediaPlayer().create();\n _this2.dash.initialize(_this2.player, url, _this2.props.playing);\n _this2.dash.on('error', _this2.props.onError);\n if (parseInt(dashVersion) < 3) {\n _this2.dash.getDebug().setLogToBrowserConsole(false);\n } else {\n _this2.dash.updateSettings({\n debug: {\n logLevel: dashjs.Debug.LOG_LEVEL_NONE\n }\n });\n }\n _this2.props.onLoaded();\n });\n }\n if (this.shouldUseFLV(url)) {\n (0, _utils.getSDK)(FLV_SDK_URL.replace('VERSION', flvVersion), FLV_GLOBAL).then(function (flvjs) {\n _this2.flv = flvjs.createPlayer({\n type: 'flv',\n url: url\n });\n _this2.flv.attachMediaElement(_this2.player);\n _this2.flv.on(flvjs.Events.ERROR, function (e, data) {\n _this2.props.onError(e, data, _this2.flv, flvjs);\n });\n _this2.flv.load();\n _this2.props.onLoaded();\n });\n }\n if (url instanceof Array) {\n // When setting new urls () on an already loaded video,\n // HTMLMediaElement.load() is needed to reset the media element\n // and restart the media resource. Just replacing children source\n // dom nodes is not enough\n this.player.load();\n } else if ((0, _utils.isMediaStream)(url)) {\n try {\n this.player.srcObject = url;\n } catch (e) {\n this.player.src = window.URL.createObjectURL(url);\n }\n }\n }\n }, {\n key: \"play\",\n value: function play() {\n var promise = this.player.play();\n if (promise) {\n promise[\"catch\"](this.props.onError);\n }\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.player.pause();\n }\n }, {\n key: \"stop\",\n value: function stop() {\n this.player.removeAttribute('src');\n if (this.dash) {\n this.dash.reset();\n }\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.player.currentTime = seconds;\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.player.volume = fraction;\n }\n }, {\n key: \"enablePIP\",\n value: function enablePIP() {\n if (this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player) {\n this.player.requestPictureInPicture();\n } else if ((0, _utils.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== 'picture-in-picture') {\n this.player.webkitSetPresentationMode('picture-in-picture');\n }\n }\n }, {\n key: \"disablePIP\",\n value: function disablePIP() {\n if (document.exitPictureInPicture && document.pictureInPictureElement === this.player) {\n document.exitPictureInPicture();\n } else if ((0, _utils.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== 'inline') {\n this.player.webkitSetPresentationMode('inline');\n }\n }\n }, {\n key: \"setPlaybackRate\",\n value: function setPlaybackRate(rate) {\n try {\n this.player.playbackRate = rate;\n } catch (error) {\n this.props.onError(error);\n }\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n if (!this.player) return null;\n var _this$player = this.player,\n duration = _this$player.duration,\n seekable = _this$player.seekable; // on iOS, live streams return Infinity for the duration\n // so instead we use the end of the seekable timerange\n\n if (duration === Infinity && seekable.length > 0) {\n return seekable.end(seekable.length - 1);\n }\n return duration;\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n if (!this.player) return null;\n return this.player.currentTime;\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n if (!this.player) return null;\n var buffered = this.player.buffered;\n if (buffered.length === 0) {\n return 0;\n }\n var end = buffered.end(buffered.length - 1);\n var duration = this.getDuration();\n if (end > duration) {\n return duration;\n }\n return end;\n }\n }, {\n key: \"getSource\",\n value: function getSource(url) {\n var useHLS = this.shouldUseHLS(url);\n var useDASH = this.shouldUseDASH(url);\n var useFLV = this.shouldUseFLV(url);\n if (url instanceof Array || (0, _utils.isMediaStream)(url) || useHLS || useDASH || useFLV) {\n return undefined;\n }\n if (MATCH_DROPBOX_URL.test(url)) {\n return url.replace('www.dropbox.com', 'dl.dropboxusercontent.com');\n }\n return url;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props11 = this.props,\n url = _this$props11.url,\n playing = _this$props11.playing,\n loop = _this$props11.loop,\n controls = _this$props11.controls,\n muted = _this$props11.muted,\n config = _this$props11.config,\n width = _this$props11.width,\n height = _this$props11.height;\n var useAudio = this.shouldUseAudio(this.props);\n var Element = useAudio ? 'audio' : 'video';\n var style = {\n width: width === 'auto' ? width : '100%',\n height: height === 'auto' ? height : '100%'\n };\n return /*#__PURE__*/_react[\"default\"].createElement(Element, _extends({\n ref: this.ref,\n src: this.getSource(url),\n style: style,\n preload: \"auto\",\n autoPlay: playing || undefined,\n controls: controls,\n muted: muted,\n loop: loop\n }, config.attributes), url instanceof Array && url.map(this.renderSourceElement), config.tracks.map(this.renderTrack));\n }\n }]);\n return FilePlayer;\n}(_react.Component);\nexports[\"default\"] = FilePlayer;\n_defineProperty(FilePlayer, \"displayName\", 'FilePlayer');\n_defineProperty(FilePlayer, \"canPlay\", _patterns.canPlay.file);","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\n\n/* eslint no-bitwise: [\"error\", { \"allow\": [\">>\"] }] */\nimport { nextTick, bindModuleMethods } from '../../utils/utils';\nvar Controller = {\n LinearSpline: function LinearSpline(x, y) {\n var binarySearch = function search() {\n var maxIndex;\n var minIndex;\n var guess;\n return function (array, val) {\n minIndex = -1;\n maxIndex = array.length;\n while (maxIndex - minIndex > 1) {\n guess = maxIndex + minIndex >> 1;\n if (array[guess] <= val) {\n minIndex = guess;\n } else {\n maxIndex = guess;\n }\n }\n return maxIndex;\n };\n }();\n this.x = x;\n this.y = y;\n this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:\n // (x1,y1) is the known point before given value,\n // (x3,y3) is the known point after given value.\n\n var i1;\n var i3;\n this.interpolate = function interpolate(x2) {\n if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):\n\n i3 = binarySearch(this.x, x2);\n i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:\n // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1\n\n return (x2 - this.x[i1]) * (this.y[i3] - this.y[i1]) / (this.x[i3] - this.x[i1]) + this.y[i1];\n };\n return this;\n },\n // xxx: for now i will just save one spline function to to\n getInterpolateFunction: function getInterpolateFunction(c) {\n var swiper = this;\n if (!swiper.controller.spline) {\n swiper.controller.spline = swiper.params.loop ? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid) : new Controller.LinearSpline(swiper.snapGrid, c.snapGrid);\n }\n },\n setTranslate: function setTranslate(_setTranslate, byController) {\n var swiper = this;\n var controlled = swiper.controller.control;\n var multiplier;\n var controlledTranslate;\n var Swiper = swiper.constructor;\n function setControlledTranslate(c) {\n // this will create an Interpolate function based on the snapGrids\n // x is the Grid of the scrolled scroller and y will be the controlled scroller\n // it makes sense to create this only once and recall it for the interpolation\n // the function does a lot of value caching for performance\n var translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;\n if (swiper.params.controller.by === 'slide') {\n swiper.controller.getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid\n // but it did not work out\n\n controlledTranslate = -swiper.controller.spline.interpolate(-translate);\n }\n if (!controlledTranslate || swiper.params.controller.by === 'container') {\n multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());\n controlledTranslate = (translate - swiper.minTranslate()) * multiplier + c.minTranslate();\n }\n if (swiper.params.controller.inverse) {\n controlledTranslate = c.maxTranslate() - controlledTranslate;\n }\n c.updateProgress(controlledTranslate);\n c.setTranslate(controlledTranslate, swiper);\n c.updateActiveIndex();\n c.updateSlidesClasses();\n }\n if (Array.isArray(controlled)) {\n for (var i = 0; i < controlled.length; i += 1) {\n if (controlled[i] !== byController && controlled[i] instanceof Swiper) {\n setControlledTranslate(controlled[i]);\n }\n }\n } else if (controlled instanceof Swiper && byController !== controlled) {\n setControlledTranslate(controlled);\n }\n },\n setTransition: function setTransition(duration, byController) {\n var swiper = this;\n var Swiper = swiper.constructor;\n var controlled = swiper.controller.control;\n var i;\n function setControlledTransition(c) {\n c.setTransition(duration, swiper);\n if (duration !== 0) {\n c.transitionStart();\n if (c.params.autoHeight) {\n nextTick(function () {\n c.updateAutoHeight();\n });\n }\n c.$wrapperEl.transitionEnd(function () {\n if (!controlled) return;\n if (c.params.loop && swiper.params.controller.by === 'slide') {\n c.loopFix();\n }\n c.transitionEnd();\n });\n }\n }\n if (Array.isArray(controlled)) {\n for (i = 0; i < controlled.length; i += 1) {\n if (controlled[i] !== byController && controlled[i] instanceof Swiper) {\n setControlledTransition(controlled[i]);\n }\n }\n } else if (controlled instanceof Swiper && byController !== controlled) {\n setControlledTransition(controlled);\n }\n }\n};\nexport default {\n name: 'controller',\n params: {\n controller: {\n control: undefined,\n inverse: false,\n by: 'slide' // or 'container'\n }\n },\n\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n controller: _extends({\n control: swiper.params.controller.control\n }, Controller)\n });\n },\n on: {\n update: function update(swiper) {\n if (!swiper.controller.control) return;\n if (swiper.controller.spline) {\n swiper.controller.spline = undefined;\n delete swiper.controller.spline;\n }\n },\n resize: function resize(swiper) {\n if (!swiper.controller.control) return;\n if (swiper.controller.spline) {\n swiper.controller.spline = undefined;\n delete swiper.controller.spline;\n }\n },\n observerUpdate: function observerUpdate(swiper) {\n if (!swiper.controller.control) return;\n if (swiper.controller.spline) {\n swiper.controller.spline = undefined;\n delete swiper.controller.spline;\n }\n },\n setTranslate: function setTranslate(swiper, translate, byController) {\n if (!swiper.controller.control) return;\n swiper.controller.setTranslate(translate, byController);\n },\n setTransition: function setTransition(swiper, duration, byController) {\n if (!swiper.controller.control) return;\n swiper.controller.setTransition(duration, byController);\n }\n }\n};","import { getDocument, getWindow } from 'ssr-window';\nfunction deleteProps(obj) {\n var object = obj;\n Object.keys(object).forEach(function (key) {\n try {\n object[key] = null;\n } catch (e) {// no getter for object\n }\n try {\n delete object[key];\n } catch (e) {// something got wrong\n }\n });\n}\nfunction nextTick(callback, delay) {\n if (delay === void 0) {\n delay = 0;\n }\n return setTimeout(callback, delay);\n}\nfunction now() {\n return Date.now();\n}\nfunction getComputedStyle(el) {\n var window = getWindow();\n var style;\n if (window.getComputedStyle) {\n style = window.getComputedStyle(el, null);\n }\n if (!style && el.currentStyle) {\n style = el.currentStyle;\n }\n if (!style) {\n style = el.style;\n }\n return style;\n}\nfunction getTranslate(el, axis) {\n if (axis === void 0) {\n axis = 'x';\n }\n var window = getWindow();\n var matrix;\n var curTransform;\n var transformMatrix;\n var curStyle = getComputedStyle(el, null);\n if (window.WebKitCSSMatrix) {\n curTransform = curStyle.transform || curStyle.webkitTransform;\n if (curTransform.split(',').length > 6) {\n curTransform = curTransform.split(', ').map(function (a) {\n return a.replace(',', '.');\n }).join(', ');\n } // Some old versions of Webkit choke when 'none' is passed; pass\n // empty string instead in this case\n\n transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);\n } else {\n transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');\n matrix = transformMatrix.toString().split(',');\n }\n if (axis === 'x') {\n // Latest Chrome and webkits Fix\n if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41; // Crazy IE10 Matrix\n else if (matrix.length === 16) curTransform = parseFloat(matrix[12]); // Normal Browsers\n else curTransform = parseFloat(matrix[4]);\n }\n if (axis === 'y') {\n // Latest Chrome and webkits Fix\n if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42; // Crazy IE10 Matrix\n else if (matrix.length === 16) curTransform = parseFloat(matrix[13]); // Normal Browsers\n else curTransform = parseFloat(matrix[5]);\n }\n return curTransform || 0;\n}\nfunction isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\nfunction isNode(node) {\n // eslint-disable-next-line\n if (typeof window !== 'undefined' && typeof window.HTMLElement !== 'undefined') {\n return node instanceof HTMLElement;\n }\n return node && (node.nodeType === 1 || node.nodeType === 11);\n}\nfunction extend() {\n var to = Object(arguments.length <= 0 ? undefined : arguments[0]);\n var noExtend = ['__proto__', 'constructor', 'prototype'];\n for (var i = 1; i < arguments.length; i += 1) {\n var nextSource = i < 0 || arguments.length <= i ? undefined : arguments[i];\n if (nextSource !== undefined && nextSource !== null && !isNode(nextSource)) {\n var keysArray = Object.keys(Object(nextSource)).filter(function (key) {\n return noExtend.indexOf(key) < 0;\n });\n for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n if (desc !== undefined && desc.enumerable) {\n if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {\n if (nextSource[nextKey].__swiper__) {\n to[nextKey] = nextSource[nextKey];\n } else {\n extend(to[nextKey], nextSource[nextKey]);\n }\n } else if (!isObject(to[nextKey]) && isObject(nextSource[nextKey])) {\n to[nextKey] = {};\n if (nextSource[nextKey].__swiper__) {\n to[nextKey] = nextSource[nextKey];\n } else {\n extend(to[nextKey], nextSource[nextKey]);\n }\n } else {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n }\n return to;\n}\nfunction bindModuleMethods(instance, obj) {\n Object.keys(obj).forEach(function (key) {\n if (isObject(obj[key])) {\n Object.keys(obj[key]).forEach(function (subKey) {\n if (typeof obj[key][subKey] === 'function') {\n obj[key][subKey] = obj[key][subKey].bind(instance);\n }\n });\n }\n instance[key] = obj[key];\n });\n}\nfunction classesToSelector(classes) {\n if (classes === void 0) {\n classes = '';\n }\n return \".\" + classes.trim().replace(/([\\.:!\\/])/g, '\\\\$1') // eslint-disable-line\n .replace(/ /g, '.');\n}\nfunction createElementIfNotDefined($container, params, createElements, checkProps) {\n var document = getDocument();\n if (createElements) {\n Object.keys(checkProps).forEach(function (key) {\n if (!params[key] && params.auto === true) {\n var element = document.createElement('div');\n element.className = checkProps[key];\n $container.append(element);\n params[key] = element;\n }\n });\n }\n return params;\n}\nexport { deleteProps, nextTick, now, getTranslate, isObject, extend, bindModuleMethods, getComputedStyle, classesToSelector, createElementIfNotDefined };","import React from \"react\"\r\nimport clsx from \"clsx\"\r\nimport Box from \"@material-ui/core/Box\"\r\nimport { Container, Grid, Chip, Hidden, useMediaQuery } from \"@material-ui/core\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\r\nimport txt from \"@src/utils/txt\"\r\n\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport Button from \"../components/Button\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport Stamp from \"../components/Stamp\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n collectionList: {\r\n padding: 0,\r\n // \"& $collectionWrapper:first-child \": {\r\n // marginTop: 0,\r\n // },\r\n },\r\n title: {\r\n marginBottom: theme.spacing(7),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginBottom: theme.spacing(4),\r\n },\r\n },\r\n elementContainer: {\r\n height: \"100%\",\r\n position: \"relative\",\r\n minHeight: 450,\r\n },\r\n /* BACKGROUND */\r\n background: {\r\n position: \"absolute\",\r\n zIndex: -1,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n margin: \"auto\",\r\n },\r\n backgroundLayer0: {\r\n position: \"absolute !important\",\r\n zIndex: 0,\r\n [theme.breakpoints.up(\"md\")]: {\r\n \"& .parallax-inner > div\": {\r\n margin: \"-10%\",\r\n },\r\n },\r\n },\r\n backgroundLayer1: {\r\n position: \"absolute\",\r\n top: \"50%\",\r\n right: 0,\r\n height: \"124%\",\r\n width: \"74%\",\r\n maxHeight: 620,\r\n transform: \"translate(0, -50%)\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n \"& .parallax-inner\": {\r\n justifyContent: \"center\",\r\n },\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n right: \"unset\",\r\n left: \"50%\",\r\n width: \"100%\",\r\n transform: \"translate(-50%, -50%)\",\r\n \"& img\": {\r\n maxWidth: 400,\r\n },\r\n },\r\n },\r\n item: {\r\n maxHeight: 620,\r\n },\r\n /* FOREGROUND */\r\n foreground: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"flex-start\",\r\n maxWidth: \"55%\",\r\n height: \"100%\",\r\n padding: theme.spacing(3),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n maxWidth: \"100%\",\r\n padding: theme.spacing(2, 3),\r\n },\r\n },\r\n foreground1: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"flex-start\",\r\n maxWidth: \"55%\",\r\n height: \"100%\",\r\n padding: theme.spacing(5),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n maxWidth: \"100%\",\r\n padding: theme.spacing(2, 3),\r\n },\r\n },\r\n logo: {\r\n maxWidth: \"95%\",\r\n maxHeight: 110,\r\n marginBottom: theme.spacing(4),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n maxWidth: \"56%\",\r\n marginBottom: \"30%\",\r\n },\r\n },\r\n chipContainer: {\r\n marginBottom: theme.spacing(1),\r\n },\r\n chip: {},\r\n textContainer: {\r\n marginBottom: theme.spacing(3),\r\n },\r\n button: {\r\n padding: \"14px 40px\",\r\n whiteSpace: \"nowrap\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n stamp: {\r\n position: \"absolute\",\r\n fontFamily: \"SpeziaExtended\",\r\n fontSize: 18,\r\n lineHeight: 1,\r\n fontWeight: \"bold\",\r\n bottom: theme.spacing(12),\r\n transform: \"translate(-50%, -50%)\",\r\n right: 0,\r\n padding: 30,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: 14,\r\n bottom: \"45%\",\r\n right: 0,\r\n left: \"70px\",\r\n },\r\n },\r\n stampSmall: {\r\n fontSize: 14,\r\n [theme.breakpoints.up(\"md\")]: {\r\n transform: \"translate(-10%, -50%)\",\r\n },\r\n },\r\n big: {\r\n \"& $backgroundLayer1\": {\r\n [theme.breakpoints.up(\"md\")]: {\r\n width: \"70%\",\r\n },\r\n },\r\n \"& $foreground\": {\r\n [theme.breakpoints.up(\"md\")]: {\r\n maxWidth: \"33%\",\r\n },\r\n },\r\n \"& $logo\": {\r\n maxHeight: 147,\r\n [theme.breakpoints.up(\"md\")]: {\r\n marginBottom: theme.spacing(10),\r\n },\r\n },\r\n \"& $button\": {\r\n [theme.breakpoints.up(\"md\")]: {\r\n width: \"100%\",\r\n maxWidth: \"500px\",\r\n height: 56,\r\n },\r\n },\r\n },\r\n small: {\r\n \"& $backgroundLayer1\": {\r\n [theme.breakpoints.up(\"md\")]: {\r\n width: \"88%\",\r\n },\r\n },\r\n \"& $logo\": {\r\n maxHeight: 110,\r\n [theme.breakpoints.up(\"md\")]: {\r\n marginBottom: theme.spacing(10),\r\n },\r\n },\r\n \"& $item\": {\r\n alignItems: \"initial\",\r\n },\r\n },\r\n collectionWrapper: {\r\n margin: theme.spacing(5, 1 / 2),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n margin: \"10px 4px\",\r\n // marginBottom: \"40px !important\",\r\n // \"&:not(:last-child)\": {\r\n // margin: theme.spacing(0, 1 / 2, 17, 1 / 2),\r\n // marginBottom: \"134px !important\",\r\n // },\r\n },\r\n },\r\n position_center_logo: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n narrow_logo_desktop: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n maxHeight: 125,\r\n },\r\n },\r\n narrow_logo_mobile: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n maxWidth: \"56%\",\r\n marginBottom: \"30%\",\r\n maxHeight: \"125px\",\r\n },\r\n },\r\n}))\r\n\r\nconst CollectionListElement = ({\r\n collection,\r\n variant = \"normal\",\r\n singleEl,\r\n moduleTitle,\r\n tracking,\r\n}) => {\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {collection.stampText && (\r\n \r\n {txt.lastWord(collection.stampText, 1.5)}\r\n \r\n )}\r\n \r\n \r\n \r\n {collection.logo && (\r\n \r\n {collection.chipText && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {collection.title}\r\n \r\n \r\n\r\n {/* {collection.description} */}\r\n \r\n {collection.link && collection.link.title && (\r\n \r\n \r\n {collection.link.title}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst CollectionListModule = ({ title, collections, ...others }) => {\r\n const classes = useStyles()\r\n\r\n var variant = \"medium\"\r\n if (collections.length === 1) {\r\n variant = \"big\"\r\n } else if (collections.length > 2) {\r\n variant = \"small\"\r\n }\r\n\r\n return (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n \r\n {(collections || []).map((collection, i) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n )\r\n}\r\n\r\nconst defaultProps = {\r\n collections: [],\r\n}\r\n\r\nCollectionListModule.defaultProps = defaultProps\r\n\r\nexport default CollectionListModule\r\n","import React from 'react';\nimport clsx from 'clsx';\nimport { Container, Box } from '@material-ui/core';\nimport { Grid } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslation } from \"react-i18next\"\n\nimport Text from '@src/components/Text';\nimport Stamp from '@src/components/Stamp';\nimport Module from '@src/components/Module';\n\nconst useStyles = makeStyles((theme) => ({\n hilights: {\n position: 'relative', \n width: '84%',\n maxWidth: '84%',\n margin: '0 auto',\n padding: 0,\n [theme.breakpoints.only('xs')]: {\n maxWidth: '95%',\n }\n },\n titleWrapper: {\n marginTop: theme.spacing(10),\n marginBottom: theme.spacing(5),\n textAlign: 'center',\n [theme.breakpoints.only('xs')]: {\n marginTop: theme.spacing(8),\n }\n },\n caption: {\n fontFamily: 'SpeziaExtended',\n textTransform: 'uppercase',\n color: '#f19110',\n fontSize: '1.05rem !important',\n fontWeight: 'bold',\n //letterSpacing: '0.1rem',\n [theme.breakpoints.only('xs')]: {\n fontSize: '3.8vw',\n }\n },\n title: {\n fontFamily: 'SpeziaExtended',\n color: '#662482',\n width: '80%',\n margin: '1rem auto',\n fontSize: '2.4rem',\n fontWeight: 'bold',\n //lineHeight: '3.2vw',\n [theme.breakpoints.only('xs')]: {\n width: '90%',\n //fontSize: '5.6vw',\n //lineHeight: '6.1vw',\n }\n },\n subtitle: {\n textAlign: 'center',\n fontFamily: 'SpeziaExtended',\n color: '#662482',\n fontSize: '1.1rem',\n fontWeight: 'bold',\n margin: '0 auto',\n [theme.breakpoints.only('xs')]: {\n width: '90%',\n //fontSize: '3.8vw',\n }\n },\n grid: {\n },\n gridElement: {\n },\n helpBox: {\n height: '100%',\n flex: '1 1 auto',\n display: 'flex',\n flexDirection: 'column',\n backgroundColor: theme.customPalette.greyClear,\n padding: theme.spacing(4, 3),\n borderBottom: `4px solid ${theme.palette.primary.main}`,\n [theme.breakpoints.only('xs')]: {\n padding: theme.spacing(2, 2, 0, 2),\n },\n },\n helpHeader: {\n marginBottom: theme.spacing(2),\n textAlign: 'center'\n },\n helpHeaderText: {\n fontFamily: 'SpeziaExtended',\n textTransform: 'uppercase',\n color: '#f19110',\n fontSize: '0.7rem !important',\n fontWeight: 'bold',\n [theme.breakpoints.only('xs')]: {\n //fontSize: '3.4vw',\n }\n },\n helpContent: {\n // padding: theme.spacing(3, 4),\n flexGrow: 1,\n textAlign: 'center',\n margin: '0 auto',\n width: '80%', \n },\n helpContentText: {\n fontFamily: 'SpeziaExtended',\n fontSize: '1.3rem !important',\n fontWeight: 'bold',\n color: '#662482',\n [theme.breakpoints.only('xs')]: {\n //fontSize: '4.2vw',\n marginBottom: theme.spacing(4),\n }\n }\n}));\n\nconst HelpBox = ({ title, text }) => {\n const classes = useStyles();\n\n return (\n \n \n {title} \n \n \n \n \n \n {text} \n \n \n \n \n \n );\n};\n\nconst PrelaunchHilightsModule = () => {\n const classes = useStyles()\n\n const { t, i18n } = useTranslation()\n\n const stamp = {\n text: t('prelaunch.offer.stamp.text'),\n highlightedText: t('prelaunch.offer.stamp.highlightedText'),\n }\n\n return (\n \n \n \n {t('prelaunch.caption')} \n {t('prelaunch.title')} \n {t('prelaunch.subtitle')} \n \n \n \n \n \n \n \n \n \n );\n};\n\nconst defaultProps = {\n \n};\n\nPrelaunchHilightsModule.defaultProps = defaultProps;\n\nexport default PrelaunchHilightsModule;\n","import React, { useState, useRef, useEffect, useContext } from 'react';\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { window, document } from 'browser-monads';\r\n\r\nimport Box from '@material-ui/core/Box';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport { GlobalDispatchContext } from \"../context/GlobalContextProvider\";\r\n\r\nimport Module from '../components/Module';\r\nimport Icon from '../components/Icon';\r\nimport Text from '../components/Text';\r\nimport Push from '../components/Push';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cookiePolicy: {\r\n display: 'none',\r\n outline: \"3px solid rgba(0, 0, 0, 0.07)\",\r\n //boxShadow: \"0 2px 4px 0 rgba(0, 0, 0, 0.07) inset\",\r\n backgroundColor: 'white',\r\n },\r\n cookieBar: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignContent: 'center',\r\n width: '100%',\r\n padding: theme.spacing(2),\r\n color: '#000',\r\n [theme.breakpoints.only('xs')]: {\r\n padding: theme.spacing(3, 2, 3, 2),\r\n },\r\n },\r\n container: {\r\n [theme.breakpoints.down('lg')]: {\r\n maxWidth: '100%'\r\n }\r\n },\r\n sticky: {\r\n position: \"fixed\",\r\n zIndex: theme.zIndex.modal - 2,\r\n width: '100%',\r\n bottom: 0\r\n },\r\n shown: {\r\n display: 'block'\r\n },\r\n content: {\r\n display: 'grid',\r\n placeContent: 'center',\r\n gridAutoFlow: 'column',\r\n gridGap: '16px'\r\n },\r\n text: {\r\n margin: 'auto'\r\n },\r\n cookieIcon: {\r\n width: 40,\r\n height: 40\r\n },\r\n closeButton: {\r\n margin: 'auto',\r\n width: 30,\r\n height: 30\r\n },\r\n closeIcon: {\r\n margin: 'auto',\r\n width: 24,\r\n height: 24\r\n }\r\n}));\r\n\r\nconst CookieBar = ({ title, text, onClose }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {title} \r\n {text} \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst cookieName = 'cookie_policy_flag';\r\nconst pushId = 'push_cookie';\r\n\r\nconst hasAcceptedCookies = () => {\r\n let value = window.localStorage.getItem(cookieName);\r\n return typeof value !== \"undefined\" && value !== null;\r\n};\r\n\r\nconst createCookie = () => {\r\n window.localStorage.setItem(cookieName, new Date());\r\n}\r\n\r\nconst CookiePolicyModule = ({ title, text }) => {\r\n const dispatch = useContext(GlobalDispatchContext);\r\n const classes = useStyles();\r\n const cookieRef = useRef(null);\r\n const [open, setOpen] = useState(false);\r\n const [pushContent, setPushContent] = useState(false);\r\n\r\n const removePush = () => {\r\n setPushContent(false);\r\n dispatch({ type: \"updateCookieBar\", payload: { show: false, height: 0 } });\r\n };\r\n\r\n const handleOnClose = () => {\r\n setOpen(false);\r\n createCookie();\r\n removePush();\r\n }\r\n\r\n const handleResize = () => {\r\n if (cookieRef.current) {\r\n const height = cookieRef.current.clientHeight;\r\n dispatch({ type: \"updateCookieBar\", payload: { height } });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const notAccepted = !hasAcceptedCookies();\r\n setOpen(notAccepted);\r\n if (notAccepted) {\r\n setPushContent(true);\r\n setTimeout(() => handleResize());\r\n\r\n }\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!hasAcceptedCookies()) {\r\n // Remove first to avoid unhandled renders\r\n window.removeEventListener('resize', handleResize);\r\n window.addEventListener('resize', handleResize);\r\n }\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \n \n \n {title}\n \n \n
\n
\n \n );\n};\n\nconst defaultProps = {\n title: '',\n picture: {\n src: \"\",\n }\n};\n\nCollectionListImageModule.defaultProps = defaultProps;\n\nexport default CollectionListImageModule;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjUwIiBmaWxsPSIjNjYyNDgyIiAvPg0KPC9zdmc+\"","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://connect.facebook.net/en_US/sdk.js';\nvar SDK_GLOBAL = 'FB';\nvar SDK_GLOBAL_READY = 'fbAsyncInit';\nvar PLAYER_ID_PREFIX = 'facebook-player-';\nvar Facebook = /*#__PURE__*/function (_Component) {\n _inherits(Facebook, _Component);\n var _super = _createSuper(Facebook);\n function Facebook() {\n var _this;\n _classCallCheck(this, Facebook);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"playerID\", _this.props.config.playerId || \"\".concat(PLAYER_ID_PREFIX).concat((0, _utils.randomString)()));\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.callPlayer('mute');\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n _this.callPlayer('unmute');\n });\n return _this;\n }\n _createClass(Facebook, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url, isReady) {\n var _this2 = this;\n if (isReady) {\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY).then(function (FB) {\n return FB.XFBML.parse();\n });\n return;\n }\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY).then(function (FB) {\n FB.init({\n appId: _this2.props.config.appId,\n xfbml: true,\n version: _this2.props.config.version\n });\n FB.Event.subscribe('xfbml.render', function (msg) {\n // Here we know the SDK has loaded, even if onReady/onPlay\n // is not called due to a video that cannot be embedded\n _this2.props.onLoaded();\n });\n FB.Event.subscribe('xfbml.ready', function (msg) {\n if (msg.type === 'video' && msg.id === _this2.playerID) {\n _this2.player = msg.instance;\n _this2.player.subscribe('startedPlaying', _this2.props.onPlay);\n _this2.player.subscribe('paused', _this2.props.onPause);\n _this2.player.subscribe('finishedPlaying', _this2.props.onEnded);\n _this2.player.subscribe('startedBuffering', _this2.props.onBuffer);\n _this2.player.subscribe('finishedBuffering', _this2.props.onBufferEnd);\n _this2.player.subscribe('error', _this2.props.onError);\n if (_this2.props.muted) {\n _this2.callPlayer('mute');\n } else {\n _this2.callPlayer('unmute');\n }\n _this2.props.onReady(); // For some reason Facebook have added `visibility: hidden`\n // to the iframe when autoplay fails, so here we set it back\n\n document.getElementById(_this2.playerID).querySelector('iframe').style.visibility = 'visible';\n }\n });\n });\n }\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {// Nothing to do\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('seek', seconds);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('setVolume', fraction);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.callPlayer('getDuration');\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.callPlayer('getCurrentPosition');\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var attributes = this.props.config.attributes;\n var style = {\n width: '100%',\n height: '100%'\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({\n style: style,\n id: this.playerID,\n className: \"fb-video\",\n \"data-href\": this.props.url,\n \"data-autoplay\": this.props.playing ? 'true' : 'false',\n \"data-allowfullscreen\": \"true\",\n \"data-controls\": this.props.controls ? 'true' : 'false'\n }, attributes));\n }\n }]);\n return Facebook;\n}(_react.Component);\nexports[\"default\"] = Facebook;\n_defineProperty(Facebook, \"displayName\", 'Facebook');\n_defineProperty(Facebook, \"canPlay\", _patterns.canPlay.facebook);\n_defineProperty(Facebook, \"loopOnEnded\", true);","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport withStyles from '@material-ui/core/styles/withStyles';\r\n\r\nexport const styles = (theme) => ({\r\n gridGallery: {\r\n display: 'grid',\r\n gridGap: theme.spacing(1),\r\n gridTemplateColumns: 'repeat( auto-fit, minmax(250px, 1fr) )',\r\n gridTemplateRows: 'repeat( auto-fit, 22vw )',\r\n [theme.breakpoints.down('sm')]: {\r\n gridTemplateColumns: '1fr !important',\r\n gridGap: 'initial',\r\n gridRowGap: theme.spacing(1),\r\n gridTemplateRows: 'repeat( auto-fit, 40vw )',\r\n },\r\n },\r\n background: {\r\n height: '100%',\r\n width: \"100%\",\r\n backgroundSize: 'cover',\r\n backgroundPosition: \"center center\",\r\n backgroundRepeat: \"no-repeat\",\r\n minHeight: '22vw',\r\n [theme.breakpoints.down('sm')]: {\r\n minHeight: '40vw',\r\n },\r\n }\r\n});\r\n\r\nconst GridGallery = React.forwardRef(function GridGallery(props, ref) {\r\n const {\r\n classes,\r\n className,\r\n photos\r\n } = props;\r\n\r\n return (\r\n \r\n {(photos || []).map(({ className, gridArea, src, ...others }, i) => (\r\n
\r\n ))}\r\n
\n \n \n {title}\n \n \n {(items || []).map((el, i) => (\n \n \n \n {el.text} \n \n ))}\n \n \n \n );\n};\n\nconst defaultProps = {\n title: '',\n items: [],\n};\n\nBenefitsModule.defaultProps = defaultProps;\n\nexport default BenefitsModule;\n","export default function deprecatedPropType(validator, reason) {\n if (process.env.NODE_ENV === 'production') {\n return function () {\n return null;\n };\n }\n return function (props, propName, componentName, location, propFullName) {\n var componentNameSafe = componentName || '<>';\n var propFullNameSafe = propFullName || propName;\n if (typeof props[propName] !== 'undefined') {\n return new Error(\"The \".concat(location, \" `\").concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameSafe, \"` is deprecated. \").concat(reason));\n }\n return null;\n };\n}","import React from \"react\"\nimport clsx from \"clsx\"\n// import Box from \"@material-ui/core/Box\"\nimport { Box, Grid, Chip, Hidden, useMediaQuery } from \"@material-ui/core\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\nimport txt from \"@src/utils/txt\"\n\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport Button from \"../components/Button\"\nimport Parallax from \"../components/Parallax\"\nimport FluidImage from \"../components/FluidImage\"\nimport Stamp from \"../components/Stamp\"\n\nconst useStyles = makeStyles(theme => ({\n collectionList: {\n \"& $collectionWrapper:first-child \": {\n marginTop: 0,\n },\n },\n title: {\n marginTop: theme.spacing(7),\n marginBottom: theme.spacing(5),\n },\n topSpacing: {\n [theme.breakpoints.up(\"md\")]: {\n marginTop: theme.spacing(6),\n },\n },\n elementContainer: {\n height: \"100%\",\n position: \"relative\",\n minHeight: 450,\n },\n /* BACKGROUND */\n background: {\n position: \"absolute\",\n zIndex: -1,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n },\n backgroundLayer0: {\n position: \"absolute !important\",\n zIndex: 0,\n },\n backgroundLayer1: {\n position: \"absolute\",\n top: \"50%\",\n right: 0,\n height: \"124%\",\n width: \"74%\",\n maxHeight: 620,\n transform: \"translate(0, -50%)\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"87%\",\n },\n },\n item: {\n maxHeight: 620,\n },\n /* FOREGROUND */\n foreground: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n alignItems: \"flex-start\",\n maxWidth: \"55%\",\n height: \"100%\",\n padding: theme.spacing(4),\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n maxWidth: \"100%\",\n },\n },\n logo: {\n maxWidth: \"95%\",\n maxHeight: 110,\n marginBottom: theme.spacing(4),\n [theme.breakpoints.down(\"sm\")]: {\n maxWidth: \"56%\",\n marginBottom: \"30%\",\n },\n },\n chipContainer: {\n marginBottom: theme.spacing(1),\n },\n chip: {},\n textContainer: {\n marginBottom: theme.spacing(3),\n },\n button: {\n whiteSpace: \"nowrap\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n },\n },\n stampBig: {\n position: \"absolute\",\n fontFamily: \"SpeziaExtended\",\n fontSize: 18,\n lineHeight: 1,\n fontWeight: \"bold\",\n bottom: theme.spacing(20),\n transform: \"translate(-50%, -50%)\",\n left: theme.spacing(14),\n padding: 30,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 14,\n bottom: \"45%\",\n right: 0,\n left: \"auto\",\n },\n },\n stamp: {\n position: \"absolute\",\n fontFamily: \"SpeziaExtended\",\n fontSize: 18,\n lineHeight: 1,\n fontWeight: \"bold\",\n bottom: theme.spacing(12),\n transform: \"translate(-50%, -50%)\",\n right: 0,\n padding: 30,\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: 14,\n bottom: \"45%\",\n right: 0,\n },\n },\n big: {\n \"& $backgroundLayer1\": {\n [theme.breakpoints.up(\"md\")]: {\n width: \"70%\",\n },\n },\n \"& $foreground\": {\n [theme.breakpoints.up(\"md\")]: {\n maxWidth: \"33%\",\n },\n },\n \"& $logo\": {\n maxHeight: 147,\n [theme.breakpoints.up(\"md\")]: {\n marginBottom: theme.spacing(10),\n },\n },\n \"& $button\": {\n [theme.breakpoints.up(\"md\")]: {\n width: \"100%\",\n height: 56,\n },\n },\n },\n small: {\n \"& $backgroundLayer1\": {\n [theme.breakpoints.up(\"md\")]: {\n width: \"88%\",\n },\n },\n \"& $logo\": {\n maxHeight: 110,\n [theme.breakpoints.up(\"md\")]: {\n marginBottom: theme.spacing(10),\n },\n },\n \"& $item\": {\n alignItems: \"initial\",\n },\n },\n collectionWrapper: {\n padding: theme.spacing(0, 1 / 2),\n paddingBottom: theme.spacing(1),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 1 / 2, 11, 1 / 2),\n paddingBottom: theme.spacing(1),\n \"&:not(:last-child)\": {\n padding: theme.spacing(0, 1 / 2, 17, 1 / 2),\n paddingBottom: theme.spacing(1),\n },\n },\n },\n position_center_logo: {\n marginLeft: \"auto\",\n marginRight: \"auto\",\n },\n narrow_logo_desktop: {\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: \"150px !important\",\n },\n },\n narrow_logo_mobile: {\n [theme.breakpoints.down(\"sm\")]: {\n maxWidth: \"56%\",\n marginBottom: \"30%\",\n maxHeight: \"125px\",\n },\n },\n}))\n\nconst CategoryListElement = ({\n collection,\n variant = \"normal\",\n moduleTitle,\n tracking,\n}) => {\n const classes = useStyles()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n\n return (\n \n \n \n \n \n \n \n \n {collection.stampText && (\n \n {txt.lastWord(collection.stampText, 1.5)}\n \n )}\n \n \n \n {collection.logo && (\n \n {collection.chipText && (\n \n \n )}\n \n \n {collection.title}\n \n {/* {collection.description} */}\n \n {collection.link && collection.link.title && (\n \n \n {collection.link.title}\n \n \n )}\n \n \n \n )\n}\n\nconst CategoryListModule = props => {\n const classes = useStyles()\n\n const { title, products } = props\n\n var variant = \"medium\"\n if (products) {\n if (products.length === 1) {\n variant = \"big\"\n } else if (products.length > 2) {\n variant = \"small\"\n }\n }\n\n return (\n \n {title && (\n \n \n {title}\n \n \n )}\n\n \n {(products || []).map((collection, i) => {\n return (\n \n \n )\n })}\n \n \n )\n}\n\nCategoryListModule.defaultProps = {\n products: [],\n}\n\nexport default CategoryListModule\n","\"use strict\";\n\nrequire(\"core-js/modules/es.array.reduce.js\");\nObject.defineProperty(exports, \"__esModule\", {\n value: !0\n});\nvar n = require(\"react\");\nfunction t(n) {\n return Array.prototype.slice.call(n);\n}\nfunction e(n, t) {\n var e = Math.floor(n);\n return e === t || e + 1 === t ? n : t;\n}\nfunction i() {\n return Date.now();\n}\nfunction r(n, t, e) {\n if (t = \"data-keen-slider-\" + t, null === e) return n.removeAttribute(t);\n n.setAttribute(t, e || \"\");\n}\nfunction a(n, e) {\n return e = e || document, \"function\" == typeof n && (n = n(e)), Array.isArray(n) ? n : \"string\" == typeof n ? t(e.querySelectorAll(n)) : n instanceof HTMLElement ? [n] : n instanceof NodeList ? t(n) : [];\n}\nfunction o(n) {\n n.raw && (n = n.raw), n.cancelable && !n.defaultPrevented && n.preventDefault();\n}\nfunction u(n) {\n n.raw && (n = n.raw), n.stopPropagation && n.stopPropagation();\n}\nfunction c() {\n var n = [];\n return {\n add: function add(t, e, i, r) {\n t.addListener ? t.addListener(i) : t.addEventListener(e, i, r), n.push([t, e, i, r]);\n },\n input: function input(n, t, e, i) {\n this.add(n, t, function (n) {\n return function (t) {\n t.nativeEvent && (t = t.nativeEvent);\n var e = t.changedTouches || [],\n i = t.targetTouches || [],\n r = t.detail && t.detail.x ? t.detail : null;\n return n({\n id: r ? r.identifier ? r.identifier : \"i\" : i[0] ? i[0] ? i[0].identifier : \"e\" : \"d\",\n idChanged: r ? r.identifier ? r.identifier : \"i\" : e[0] ? e[0] ? e[0].identifier : \"e\" : \"d\",\n raw: t,\n x: r && r.x ? r.x : i[0] ? i[0].screenX : r ? r.x : t.pageX,\n y: r && r.y ? r.y : i[0] ? i[0].screenY : r ? r.y : t.pageY\n });\n };\n }(e), i);\n },\n purge: function purge() {\n n.forEach(function (n) {\n n[0].removeListener ? n[0].removeListener(n[2]) : n[0].removeEventListener(n[1], n[2], n[3]);\n }), n = [];\n }\n };\n}\nfunction s(n, t, e) {\n return Math.min(Math.max(n, t), e);\n}\nfunction d(n) {\n return (n > 0 ? 1 : 0) - (n < 0 ? 1 : 0) || +n;\n}\nfunction l(n) {\n var t = n.getBoundingClientRect();\n return {\n height: e(t.height, n.offsetHeight),\n width: e(t.width, n.offsetWidth)\n };\n}\nfunction f(n, t, e, i) {\n var r = n && n[t];\n return null == r ? e : i && \"function\" == typeof r ? r() : r;\n}\nfunction p(n) {\n return Math.round(1e6 * n) / 1e6;\n}\nfunction v(n, t) {\n if (n === t) return !0;\n var e = typeof n;\n if (e !== typeof t) return !1;\n if (\"object\" !== e || null === n || null === t) return \"function\" === e && n.toString() === t.toString();\n if (n.length !== t.length || Object.getOwnPropertyNames(n).length !== Object.getOwnPropertyNames(t).length) return !1;\n for (var i in n) if (!v(n[i], t[i])) return !1;\n return !0;\n}\nvar _h = function h() {\n return _h = Object.assign || function (n) {\n for (var t, e = 1, i = arguments.length; e < i; e++) for (var r in t = arguments[e]) Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);\n return n;\n }, _h.apply(this, arguments);\n};\nfunction m(n, t, e) {\n if (e || 2 === arguments.length) for (var i, r = 0, a = t.length; r < a; r++) !i && r in t || (i || (i = Array.prototype.slice.call(t, 0, r)), i[r] = t[r]);\n return n.concat(i || Array.prototype.slice.call(t));\n}\nfunction g(n) {\n var t, e, i, r, a, o;\n function u(t) {\n o || (o = t), c(!0);\n var a = t - o;\n a > i && (a = i);\n var l = r[e];\n if (l[3] < a) return e++, u(t);\n var f = l[2],\n p = l[4],\n v = l[0],\n h = l[1] * (0, l[5])(0 === p ? 1 : (a - f) / p);\n if (h && n.track.to(v + h), a < i) return d();\n o = null, c(!1), s(null), n.emit(\"animationEnded\");\n }\n function c(n) {\n t.active = n;\n }\n function s(n) {\n t.targetIdx = n;\n }\n function d() {\n var n;\n n = u, a = window.requestAnimationFrame(n);\n }\n function l() {\n var t;\n t = a, window.cancelAnimationFrame(t), c(!1), s(null), o && n.emit(\"animationStopped\"), o = null;\n }\n return t = {\n active: !1,\n start: function start(t) {\n if (l(), n.track.details) {\n var a = 0,\n o = n.track.details.position;\n e = 0, i = 0, r = t.map(function (n) {\n var t,\n e = Number(o),\n r = null !== (t = n.earlyExit) && void 0 !== t ? t : n.duration,\n u = n.easing,\n c = n.distance * u(r / n.duration) || 0;\n o += c;\n var s = i;\n return i += r, a += c, [e, n.distance, s, i, n.duration, u];\n }), s(n.track.distToIdx(a)), d(), n.emit(\"animationStarted\");\n }\n },\n stop: l,\n targetIdx: null\n };\n}\nfunction b(n) {\n var t,\n e,\n r,\n a,\n o,\n u,\n c,\n l,\n v,\n h,\n g,\n b,\n y,\n x,\n k = 1 / 0,\n w = [],\n M = null,\n T = 0;\n function C(n) {\n P(T + n);\n }\n function E(n) {\n var t = z(T + n).abs;\n return O(t) ? t : null;\n }\n function z(n) {\n var t = Math.floor(Math.abs(p(n / e))),\n i = p((n % e + e) % e);\n i === e && (i = 0);\n var r = d(n),\n a = c.indexOf(m([], c, !0).reduce(function (n, t) {\n return Math.abs(t - i) < Math.abs(n - i) ? t : n;\n })),\n o = a;\n return r < 0 && t++, a === u && (o = 0, t += r > 0 ? 1 : -1), {\n abs: o + t * u * r,\n origin: a,\n rel: o\n };\n }\n function I(n, t, e) {\n var i;\n if (t || !S()) return A(n, e);\n if (!O(n)) return null;\n var r = z(null != e ? e : T),\n a = r.abs,\n o = n - r.rel,\n c = a + o;\n i = A(c);\n var s = A(c - u * d(o));\n return (null !== s && Math.abs(s) < Math.abs(i) || null === i) && (i = s), p(i);\n }\n function A(n, t) {\n if (null == t && (t = p(T)), !O(n) || null === n) return null;\n n = Math.round(n);\n var i = z(t),\n r = i.abs,\n a = i.rel,\n o = i.origin,\n s = L(n),\n d = (t % e + e) % e,\n l = c[o],\n f = Math.floor((n - (r - a)) / u) * e;\n return p(l - d - l + c[s] + f + (o === u ? e : 0));\n }\n function O(n) {\n return D(n) === n;\n }\n function D(n) {\n return s(n, v, h);\n }\n function S() {\n return a.loop;\n }\n function L(n) {\n return (n % u + u) % u;\n }\n function P(t) {\n var e;\n e = t - T, w.push({\n distance: e,\n timestamp: i()\n }), w.length > 6 && (w = w.slice(-6)), T = p(t);\n var r = _().abs;\n if (r !== M) {\n var a = null !== M;\n M = r, a && n.emit(\"slideChanged\");\n }\n }\n function _(i) {\n var c = i ? null : function () {\n if (u) {\n var n = S(),\n t = n ? (T % e + e) % e : T,\n i = (n ? T % e : T) - o[0][2],\n c = 0 - (i < 0 && n ? e - Math.abs(i) : i),\n s = 0,\n l = z(T),\n f = l.abs,\n p = l.rel,\n m = o[p][2],\n k = o.map(function (t, i) {\n var r = c + s;\n (r < 0 - t[0] || r > 1) && (r += (Math.abs(r) > e - 1 && n ? e : 0) * d(-r));\n var o = i - p,\n l = d(o),\n v = o + f;\n n && (-1 === l && r > m && (v += u), 1 === l && r < m && (v -= u), null !== g && v < g && (r += e), null !== b && v > b && (r -= e));\n var h = r + t[0] + t[1],\n y = Math.max(r >= 0 && h <= 1 ? 1 : h < 0 || r > 1 ? 0 : r < 0 ? Math.min(1, (t[0] + r) / t[0]) : (1 - r) / t[0], 0);\n return s += t[0] + t[1], {\n abs: v,\n distance: a.rtl ? -1 * r + 1 - t[0] : r,\n portion: y,\n size: t[0]\n };\n });\n return f = D(f), p = L(f), {\n abs: D(f),\n length: r,\n max: x,\n maxIdx: h,\n min: y,\n minIdx: v,\n position: T,\n progress: n ? t / e : T / r,\n rel: p,\n slides: k,\n slidesLength: e\n };\n }\n }();\n return t.details = c, n.emit(\"detailsChanged\"), c;\n }\n return t = {\n absToRel: L,\n add: C,\n details: null,\n distToIdx: E,\n idxToDist: I,\n init: function init(t) {\n if (function () {\n if (a = n.options, o = (a.trackConfig || []).map(function (n) {\n return [f(n, \"size\", 1), f(n, \"spacing\", 0), f(n, \"origin\", 0)];\n }), u = o.length) {\n e = p(o.reduce(function (n, t) {\n return n + t[0] + t[1];\n }, 0));\n var t,\n i = u - 1;\n r = p(e + o[0][2] - o[i][0] - o[i][2] - o[i][1]), c = o.reduce(function (n, e) {\n if (!n) return [0];\n var i = o[n.length - 1],\n r = n[n.length - 1] + (i[0] + i[2]) + i[1];\n return r -= e[2], n[n.length - 1] > r && (r = n[n.length - 1]), r = p(r), n.push(r), (!t || t < r) && (l = n.length - 1), t = r, n;\n }, null), 0 === r && (l = 0), c.push(p(e));\n }\n }(), !u) return _(!0);\n var i;\n !function () {\n var t = n.options.range,\n e = n.options.loop;\n g = v = e ? f(e, \"min\", -1 / 0) : 0, b = h = e ? f(e, \"max\", k) : l;\n var i = f(t, \"min\", null),\n r = f(t, \"max\", null);\n null !== i && (v = i), null !== r && (h = r), y = v === -1 / 0 ? v : n.track.idxToDist(v || 0, !0, 0), x = h === k ? h : I(h, !0, 0), null === r && (b = h), f(t, \"align\", !1) && h !== k && 0 === o[L(h)][2] && (x -= 1 - o[L(h)][0], h = E(x - T)), y = p(y), x = p(x);\n }(), i = t, Number(i) === i ? C(A(D(t))) : _();\n },\n to: P,\n velocity: function velocity() {\n var n = i(),\n t = w.reduce(function (t, e) {\n var i = e.distance,\n r = e.timestamp;\n return n - r > 200 || (d(i) !== d(t.distance) && t.distance && (t = {\n distance: 0,\n lastTimestamp: 0,\n time: 0\n }), t.time && (t.distance += i), t.lastTimestamp && (t.time += r - t.lastTimestamp), t.lastTimestamp = r), t;\n }, {\n distance: 0,\n lastTimestamp: 0,\n time: 0\n });\n return t.distance / t.time || 0;\n }\n };\n}\nfunction y(n) {\n var t, e, i, r, a, o, u, c;\n function l(n) {\n return 2 * n;\n }\n function f(n) {\n return s(n, u, c);\n }\n function p(n) {\n return 1 - Math.pow(1 - n, 3);\n }\n function v() {\n return i ? n.track.velocity() : 0;\n }\n function h() {\n b();\n var t = \"free-snap\" === n.options.mode,\n e = n.track,\n i = v();\n r = d(i);\n var u = n.track.details,\n c = [];\n if (i || !t) {\n var s = m(i),\n h = s.dist,\n g = s.dur;\n if (g = l(g), h *= r, t) {\n var y = e.idxToDist(e.distToIdx(h), !0);\n y && (h = y);\n }\n c.push({\n distance: h,\n duration: g,\n easing: p\n });\n var x = u.position,\n k = x + h;\n if (k < a || k > o) {\n var w = k < a ? a - x : o - x,\n M = 0,\n T = i;\n if (d(w) === r) {\n var C = Math.min(Math.abs(w) / Math.abs(h), 1),\n E = function (n) {\n return 1 - Math.pow(1 - n, 1 / 3);\n }(C) * g;\n c[0].earlyExit = E, T = i * (1 - C);\n } else c[0].earlyExit = 0, M += w;\n var z = m(T, 100),\n I = z.dist * r;\n n.options.rubberband && (c.push({\n distance: I,\n duration: l(z.dur),\n easing: p\n }), c.push({\n distance: -I + M,\n duration: 500,\n easing: p\n }));\n }\n n.animator.start(c);\n } else n.moveToIdx(f(u.abs), !0, {\n duration: 500,\n easing: function easing(n) {\n return 1 + --n * n * n * n * n;\n }\n });\n }\n function m(n, t) {\n void 0 === t && (t = 1e3);\n var e = 147e-9 + (n = Math.abs(n)) / t;\n return {\n dist: Math.pow(n, 2) / e,\n dur: n / e\n };\n }\n function g() {\n var t = n.track.details;\n t && (a = t.min, o = t.max, u = t.minIdx, c = t.maxIdx);\n }\n function b() {\n n.animator.stop();\n }\n n.on(\"updated\", g), n.on(\"optionsChanged\", g), n.on(\"created\", g), n.on(\"dragStarted\", function () {\n i = !1, b(), t = e = n.track.details.abs;\n }), n.on(\"dragChecked\", function () {\n i = !0;\n }), n.on(\"dragEnded\", function () {\n var i = n.options.mode;\n \"snap\" === i && function () {\n var i = n.track,\n r = n.track.details,\n u = r.position,\n c = d(v());\n (u > o || u < a) && (c = 0);\n var s = t + c;\n 0 === r.slides[i.absToRel(s)].portion && (s -= c), t !== e && (s = e), d(i.idxToDist(s, !0)) !== c && (s += c), s = f(s);\n var l = i.idxToDist(s, !0);\n n.animator.start([{\n distance: l,\n duration: 500,\n easing: function easing(n) {\n return 1 + --n * n * n * n * n;\n }\n }]);\n }(), \"free\" !== i && \"free-snap\" !== i || h();\n }), n.on(\"dragged\", function () {\n e = n.track.details.abs;\n });\n}\nfunction x(n) {\n var t,\n e,\n i,\n r,\n l,\n f,\n p,\n v,\n h,\n m,\n g,\n b,\n y,\n x,\n k,\n w,\n M,\n T,\n C = c();\n function E(t) {\n if (f && v === t.id) {\n var a = O(t);\n if (h) {\n if (!A(t)) return I(t);\n m = a, h = !1, n.emit(\"dragChecked\");\n }\n if (w) return m = a;\n o(t);\n var c = function (t) {\n if (M === -1 / 0 && T === 1 / 0) return t;\n var i = n.track.details,\n a = i.length,\n o = i.position,\n u = s(t, M - o, T - o);\n if (0 === a) return 0;\n if (!n.options.rubberband) return u;\n if (o <= T && o >= M) return t;\n if (o < M && e > 0 || o > T && e < 0) return t;\n var c = (o < M ? o - M : o - T) / a,\n d = r * a,\n f = Math.abs(c * d),\n p = Math.max(0, 1 - f / l * 2);\n return p * p * t;\n }(p(m - a) / r * i);\n e = d(c);\n var y = n.track.details.position;\n (y > M && y < T || y === M && e > 0 || y === T && e < 0) && u(t), g += c, !b && Math.abs(g * r) > 5 && (b = !0), n.track.add(c), m = a, n.emit(\"dragged\");\n }\n }\n function z(t) {\n !f && n.track.details && n.track.details.length && (g = 0, f = !0, b = !1, h = !0, v = t.id, A(t), m = O(t), n.emit(\"dragStarted\"));\n }\n function I(t) {\n f && v === t.idChanged && (f = !1, n.emit(\"dragEnded\"));\n }\n function A(n) {\n var t = D(),\n e = t ? n.y : n.x,\n i = t ? n.x : n.y,\n r = void 0 !== y && void 0 !== x && Math.abs(x - i) <= Math.abs(y - e);\n return y = e, x = i, r;\n }\n function O(n) {\n return D() ? n.y : n.x;\n }\n function D() {\n return n.options.vertical;\n }\n function S() {\n r = n.size, l = D() ? window.innerHeight : window.innerWidth;\n var t = n.track.details;\n t && (M = t.min, T = t.max);\n }\n function L(n) {\n b && (u(n), o(n));\n }\n function P() {\n if (C.purge(), n.options.drag && !n.options.disabled) {\n var e;\n e = n.options.dragSpeed || 1, p = \"function\" == typeof e ? e : function (n) {\n return n * e;\n }, i = n.options.rtl ? -1 : 1, S(), t = n.container, function () {\n var n = \"data-keen-slider-clickable\";\n a(\"[\".concat(n, \"]:not([\").concat(n, \"=false])\"), t).map(function (n) {\n C.add(n, \"dragstart\", u), C.add(n, \"mousedown\", u), C.add(n, \"touchstart\", u);\n });\n }(), C.add(t, \"dragstart\", function (n) {\n o(n);\n }), C.add(t, \"click\", L, {\n capture: !0\n }), C.input(t, \"ksDragStart\", z), C.input(t, \"ksDrag\", E), C.input(t, \"ksDragEnd\", I), C.input(t, \"mousedown\", z), C.input(t, \"mousemove\", E), C.input(t, \"mouseleave\", I), C.input(t, \"mouseup\", I), C.input(t, \"touchstart\", z, {\n passive: !0\n }), C.input(t, \"touchmove\", E, {\n passive: !1\n }), C.input(t, \"touchend\", I), C.input(t, \"touchcancel\", I), C.add(window, \"wheel\", function (n) {\n f && o(n);\n });\n var r = \"data-keen-slider-scrollable\";\n a(\"[\".concat(r, \"]:not([\").concat(r, \"=false])\"), n.container).map(function (n) {\n return function (n) {\n var t;\n C.input(n, \"touchstart\", function (n) {\n t = O(n), w = !0, k = !0;\n }, {\n passive: !0\n }), C.input(n, \"touchmove\", function (e) {\n var i = D(),\n r = i ? n.scrollHeight - n.clientHeight : n.scrollWidth - n.clientWidth,\n a = t - O(e),\n u = i ? n.scrollTop : n.scrollLeft,\n c = i && \"scroll\" === n.style.overflowY || !i && \"scroll\" === n.style.overflowX;\n if (t = O(e), (a < 0 && u > 0 || a > 0 && u < r) && k && c) return w = !0;\n k = !1, o(e), w = !1;\n }), C.input(n, \"touchend\", function () {\n w = !1;\n });\n }(n);\n });\n }\n }\n n.on(\"updated\", S), n.on(\"optionsChanged\", P), n.on(\"created\", P), n.on(\"destroyed\", C.purge);\n}\nfunction k(n) {\n var t,\n e,\n i = null;\n function r(t, e, i) {\n n.animator.active ? o(t, e, i) : requestAnimationFrame(function () {\n return o(t, e, i);\n });\n }\n function a() {\n r(!1, !1, e);\n }\n function o(e, r, a) {\n var o = 0,\n u = n.size,\n d = n.track.details;\n if (d && t) {\n var l = d.slides;\n t.forEach(function (n, t) {\n if (e) !i && r && c(n, null, a), s(n, null, a);else {\n if (!l[t]) return;\n var d = l[t].size * u;\n !i && r && c(n, d, a), s(n, l[t].distance * u - o, a), o += d;\n }\n });\n }\n }\n function u(t) {\n return \"performance\" === n.options.renderMode ? Math.round(t) : t;\n }\n function c(n, t, e) {\n var i = e ? \"height\" : \"width\";\n null !== t && (t = u(t) + \"px\"), n.style[\"min-\" + i] = t, n.style[\"max-\" + i] = t;\n }\n function s(n, t, e) {\n if (null !== t) {\n t = u(t);\n var i = e ? t : 0;\n t = \"translate3d(\".concat(e ? 0 : t, \"px, \").concat(i, \"px, 0)\");\n }\n n.style.transform = t, n.style[\"-webkit-transform\"] = t;\n }\n function d() {\n t && (o(!0, !0, e), t = null), n.on(\"detailsChanged\", a, !0);\n }\n function l() {\n r(!1, !0, e);\n }\n function p() {\n d(), e = n.options.vertical, n.options.disabled || \"custom\" === n.options.renderMode || (i = \"auto\" === f(n.options.slides, \"perView\", null), n.on(\"detailsChanged\", a), (t = n.slides).length && l());\n }\n n.on(\"created\", p), n.on(\"optionsChanged\", p), n.on(\"beforeOptionsChanged\", function () {\n d();\n }), n.on(\"updated\", l), n.on(\"destroyed\", d);\n}\nfunction w(n, t) {\n return function (e) {\n var i,\n o,\n u,\n s,\n d,\n p,\n v = c();\n function m(n) {\n var t;\n r(e.container, \"reverse\", \"rtl\" !== (t = e.container, window.getComputedStyle(t, null).getPropertyValue(\"direction\")) || n ? null : \"\"), r(e.container, \"v\", e.options.vertical && !n ? \"\" : null), r(e.container, \"disabled\", e.options.disabled && !n ? \"\" : null);\n }\n function g() {\n b() && M();\n }\n function b() {\n var n = null;\n if (s.forEach(function (t) {\n t.matches && (n = t.__media);\n }), n === i) return !1;\n i || e.emit(\"beforeOptionsChanged\"), i = n;\n var t = n ? u.breakpoints[n] : u;\n return e.options = _h(_h({}, u), t), m(), I(), A(), C(), !0;\n }\n function y(n) {\n var t = l(n);\n return (e.options.vertical ? t.height : t.width) / e.size || 1;\n }\n function x() {\n return e.options.trackConfig.length;\n }\n function k(n) {\n for (var r in i = !1, u = _h(_h({}, t), n), v.purge(), o = e.size, s = [], u.breakpoints || []) {\n var a = window.matchMedia(r);\n a.__media = r, s.push(a), v.add(a, \"change\", g);\n }\n v.add(window, \"orientationchange\", z), v.add(window, \"resize\", E), b();\n }\n function w(n) {\n e.animator.stop();\n var t = e.track.details;\n e.track.init(null != n ? n : t ? t.abs : 0);\n }\n function M(n) {\n w(n), e.emit(\"optionsChanged\");\n }\n function T(n, t) {\n if (n) return k(n), void M(t);\n I(), A();\n var i = x();\n C(), x() !== i ? M(t) : w(t), e.emit(\"updated\");\n }\n function C() {\n var n = e.options.slides;\n if (\"function\" == typeof n) return e.options.trackConfig = n(e.size, e.slides);\n for (var t = e.slides, i = t.length, r = \"number\" == typeof n ? n : f(n, \"number\", i, !0), a = [], o = f(n, \"perView\", 1, !0), u = f(n, \"spacing\", 0, !0) / e.size || 0, c = \"auto\" === o ? u : u / o, s = f(n, \"origin\", \"auto\"), d = 0, l = 0; l < r; l++) {\n var p = \"auto\" === o ? y(t[l]) : 1 / o - u + c,\n v = \"center\" === s ? .5 - p / 2 : \"auto\" === s ? 0 : s;\n a.push({\n origin: v,\n size: p,\n spacing: u\n }), d += p;\n }\n if (d += u * (r - 1), \"auto\" === s && !e.options.loop && 1 !== o) {\n var h = 0;\n a.map(function (n) {\n var t = d - h;\n return h += n.size + u, t >= 1 || (n.origin = 1 - t - (d > 1 ? 0 : 1 - d)), n;\n });\n }\n e.options.trackConfig = a;\n }\n function E() {\n I();\n var n = e.size;\n e.options.disabled || n === o || (o = n, T());\n }\n function z() {\n E(), setTimeout(E, 500), setTimeout(E, 2e3);\n }\n function I() {\n var n = l(e.container);\n e.size = (e.options.vertical ? n.height : n.width) || 1;\n }\n function A() {\n e.slides = a(e.options.selector, e.container);\n }\n e.container = (p = a(n, d || document)).length ? p[0] : null, e.destroy = function () {\n v.purge(), e.emit(\"destroyed\"), m(!0);\n }, e.prev = function () {\n e.moveToIdx(e.track.details.abs - 1, !0);\n }, e.next = function () {\n e.moveToIdx(e.track.details.abs + 1, !0);\n }, e.update = T, k(e.options);\n };\n}\nvar M = function M(n, t, e) {\n try {\n return function (n, t) {\n var e,\n i = {};\n return e = {\n emit: function emit(n) {\n i[n] && i[n].forEach(function (n) {\n n(e);\n });\n var t = e.options && e.options[n];\n t && t(e);\n },\n moveToIdx: function moveToIdx(n, t, i) {\n var r = e.track.idxToDist(n, t);\n if (r) {\n var a = e.options.defaultAnimation;\n e.animator.start([{\n distance: r,\n duration: f(i || a, \"duration\", 500),\n easing: f(i || a, \"easing\", function (n) {\n return 1 + --n * n * n * n * n;\n })\n }]);\n }\n },\n on: function on(n, t, e) {\n void 0 === e && (e = !1), i[n] || (i[n] = []);\n var r = i[n].indexOf(t);\n r > -1 ? e && delete i[n][r] : e || i[n].push(t);\n },\n options: n\n }, function () {\n if (e.track = b(e), e.animator = g(e), t) for (var n = 0, i = t; n < i.length; n++) (0, i[n])(e);\n e.track.init(e.options.initial || 0), e.emit(\"created\");\n }(), e;\n }(t, m([w(n, {\n drag: !0,\n mode: \"snap\",\n renderMode: \"precision\",\n rubberband: !0,\n selector: \".keen-slider__slide\"\n }), k, x, y], e || [], !0));\n } catch (n) {\n console.error(n);\n }\n};\nexports.useKeenSlider = function (t, e) {\n var i = n.useRef(null),\n r = n.useRef(!1),\n a = n.useRef(t),\n o = n.useCallback(function (n) {\n n ? (a.current = t, i.current = new M(n, t, e), r.current = !1) : (i.current && i.current.destroy && i.current.destroy(), i.current = null);\n }, []);\n return n.useEffect(function () {\n v(a.current, t) || (a.current = t, i.current && i.current.update(a.current));\n }, [t]), [o, i];\n};","import React from \"react\"\nimport Module from \"../components/Module\"\nimport Box from \"@material-ui/core/Box\"\nimport { Container } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\nimport KlarnaPlacement from \"../components/KlarnaPlacement\"\nimport clsx from \"clsx\"\nimport \"../style/KlarnaWebMessagingModule.css\"\n\nconst useStyles = makeStyles(theme => ({\n Klarna: {},\n}))\n\nconst KlarnaWebMessaging = props => {\n const { repo } = props\n const classes = useStyles()\n\n return (\n \n \n \n \n \n \n \n \n )\n}\n\nexport default KlarnaWebMessaging\n","import React from \"react\"\nimport { Container, Box, Hidden, useMediaQuery } from \"@material-ui/core\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport Parallax from \"../components/Parallax\"\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\nimport clsx from \"clsx\"\nimport Text from \"../components/Text\"\nimport Video from \"../components/Video\"\nimport Module from \"../components/Module\"\n\nconst useStyles = makeStyles(theme => ({\n videoBanner: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n position: \"relative\",\n color: \"white\",\n overflow: \"hidden\",\n height: \"700px\",\n //marginTop: theme.spacing(1 / 2), // FIX ** better to no margin inside modules if not necessary\n //marginBottom: theme.spacing(1 / 2),\n [theme.breakpoints.down(\"sm\")]: {\n color: \"black\",\n height: \"auto\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n top: \"32px\",\n },\n },\n container: {\n width: \"100%\",\n height: \"100%\",\n },\n title: {\n //marginTop: theme.spacing(7), // FIX ** better to no margin inside modules if not necessary\n //marginBottom: theme.spacing(4),\n paddingBottom: theme.spacing(4),\n [theme.breakpoints.down(\"sm\")]: {\n marginTop: 0,\n backgroundColor: \"white\",\n //...theme.fonts.faces.specialTitleXL\n },\n },\n videoWrapper: {\n //position: 'relative',\n //height: 'min(max(45vw, 235px), 636px)'\n height: 510,\n width: \"87%\",\n margin: \"0 auto\",\n boxShadow: theme.shadows[16],\n [theme.breakpoints.only(\"sm\")]: {\n width: \"100%\",\n //marginTop: theme.spacing(3.5),\n marginBottom: theme.spacing(3.5),\n },\n [theme.breakpoints.down(\"xs\")]: {\n height: 200,\n width: \"100%\",\n //marginTop: theme.spacing(3.5),\n marginBottom: theme.spacing(3.5),\n },\n },\n playerWrapper: {\n height: \"100%\",\n },\n background: {\n position: \"absolute\",\n top: \"-10%\",\n left: \"-10%\",\n backgroundSize: \"150% 150%\",\n backgroundPosition: \"center 90%\",\n opacity: 0.8,\n zIndex: -2,\n width: \"120%\",\n height: \"120%\",\n filter: \"blur(20px)\",\n WebkitMaskImage:\n \"-webkit-linear-gradient(rgba(0,0,0,1) 35%, rgba(0,0,0,0) 70%)\",\n maskImage: \"linear-gradient(rgba(0,0,0,1) 30%, rgba(0,0,0,0) 70%)\",\n [theme.breakpoints.down(\"sm\")]: {\n top: \"0%\",\n },\n },\n}))\n\nconst VideoBannerModule = ({ title, video, ...VideoBannerModule }) => {\n const classes = useStyles()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n\n const image = video && video.preview ? video.preview.src : \"\"\n\n return (\n \n \n \n \n \n \n \n {title}\n \n \n \n \n \n )\n}\n\nexport default VideoBannerModule\n","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport withStyles from '@material-ui/core/styles/withStyles';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport Icon from '../components/Icon';\r\nimport Text from '../components/Text';\r\n\r\nexport const styles = (theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n playButton: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n cursor: 'pointer',\r\n width: \"49px\",\r\n height: \"49px\",\r\n boxShadow: \"0 1px 4px 0 rgba(0, 0, 0, 0.38)\",\r\n backgroundColor: theme.customPalette.tangerine,\r\n borderRadius: '50%'\r\n },\r\n playText: {\r\n marginTop: theme.spacing(2),\r\n fontWeight: 500,\r\n },\r\n playIcon: {\r\n width: 27,\r\n height: 27\r\n },\r\n});\r\n\r\n\r\nconst PlayButton = React.forwardRef(function PlayButton(props, ref) {\r\n\r\n const {\r\n classes,\r\n className,\r\n children,\r\n showPlayButtonText = false,\r\n onClick = () => { },\r\n } = props;\r\n\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n
\r\n
\r\n {showPlayButtonText ?
{t('playVideo')} : ''}\r\n
\r\n \r\n {children}\r\n \r\n {ellipse && \r\n {expand ?\r\n {readLessText} : {readMoreText} \r\n }\r\n \r\n }\r\n );\r\n});\r\n\r\nShowMoreText.propTypes = {\r\n /**\r\n * Override or extend the styles applied to the component.\r\n * See [CSS API](#css) below for more details.\r\n */\r\n classes: PropTypes.object.isRequired,\r\n /**\r\n * @ignore\r\n */\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default withStyles(styles, { name: 'FHShowMoreText' })(ShowMoreText);","import React, { useState, useEffect, useRef } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\nimport { Box, Hidden, useMediaQuery } from \"@material-ui/core\"\r\nimport { showGuides } from \"@src/utils/debug\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport ShowMoreText from \"../components/ShowMoreText\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport { useInView } from \"react-intersection-observer\"\r\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\r\n\r\nconst parallaxHeight = 400\r\nconst containerHeight = 540\r\nconst imageMaxHeightRatio = 1.35\r\nconst safeguard = 10\r\nconst safeguardSensibility = 2\r\nconst lowerSensibility = 200\r\nconst upperSensibility = 100\r\nconst useStyles = makeStyles(theme => ({\r\n simpleContent: {},\r\n containerWrapper: {\r\n display: \"block\",\r\n position: \"absolute\",\r\n top: `${(parallaxHeight * imageMaxHeightRatio) / 2}px`,\r\n //transform: `translate3d(0, -${parallaxHeight/2}px, 0)`\r\n },\r\n contentContainer: {\r\n display: \"flex\",\r\n //flexDirection: 'row',\r\n position: \"relative\",\r\n minHeight: containerHeight,\r\n [theme.breakpoints.down(\"md\")]: {\r\n paddingRight: 0,\r\n paddingLeft: 0,\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n float: \"initial !important\",\r\n },\r\n },\r\n extraMargin: {\r\n marginBottom: \"100px!important\",\r\n },\r\n editorialContent: {\r\n width: \"40%\",\r\n //marginLeft: 'auto',\r\n //height: 'fit-content',\r\n //paddingTop: (containerHeight - parallaxHeight) * 0.5, // + theme.spacing(6),\r\n //marginBottom: 'auto',\r\n display: \"flex\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n paddingTop: 0,\r\n marginLeft: \"initial\",\r\n },\r\n },\r\n editorialContentInner: {\r\n marginTop: \"auto\",\r\n marginBottom: \"auto\",\r\n paddingLeft: theme.spacing(6),\r\n [theme.breakpoints.down(\"md\")]: {\r\n padding: theme.spacing(1),\r\n },\r\n },\r\n title: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n textAlign: \"center\",\r\n },\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"md\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n text: {\r\n paddingTop: theme.spacing(4),\r\n paddingRight: theme.spacing(8),\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: \"100%\",\r\n textAlign: \"center\",\r\n padding: theme.spacing(4),\r\n },\r\n },\r\n anchor: {\r\n ...theme.fonts.faces.bodyXS,\r\n ...theme.fonts.weights.bold,\r\n color: \"black !important\",\r\n borderBottom: `3px solid ${theme.customPalette.tangerine}`,\r\n },\r\n imageWrapper: {\r\n //border: showGuides('4px dashed green'),\r\n border: \"1px solid transparent\",\r\n position: \"relative\",\r\n width: \"57%\",\r\n float: \"left\",\r\n display: \"flex\",\r\n //maxHeight: parallaxHeight * imageMaxHeightRatio,\r\n maxHeight: containerHeight,\r\n //top: parallaxHeight/2,\r\n //transform: 'translate3d(0,-50%,0)',\r\n },\r\n parallaxWrapper: {\r\n position: \"absolute\",\r\n border: showGuides(\"2px solid magenta\"),\r\n left: -theme.spacing(8),\r\n right: -theme.spacing(0),\r\n zIndex: -1,\r\n //width: '100%',\r\n height: `${parallaxHeight}px`,\r\n top: \"0%\",\r\n //top: '50%',\r\n //transform: 'translate3d(0, -50%, 0)',\r\n //maxHeight: '400px',\r\n /* top: 0,\r\n bottom: 0,\r\n height: '100%',\r\n right: theme.spacing(8),\r\n left: '-25vw',\r\n margin: 'auto',\r\n zIndex: -1,*/\r\n },\r\n foregroundWrapper: {},\r\n parallax: {\r\n border: showGuides(\"2px dashed gray\"),\r\n },\r\n background: {\r\n position: \"absolute\",\r\n bottom: 0,\r\n width: \"100%\",\r\n height: \"85%\",\r\n zIndex: -1,\r\n backgroundPosition: \"center center\",\r\n backgroundRepeat: \"no-repeat\",\r\n backgroundSize: \"cover\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n height: \"100%\",\r\n width: \"120%\",\r\n left: \"-10%\",\r\n top: \"50%\",\r\n transform: \"translate3d(0,-50%,0)\",\r\n backgroundSize: \"100%\",\r\n backgroundPosition: \"center top\",\r\n },\r\n },\r\n foreground: {\r\n //height: 'fit-content',\r\n maxHeight: containerHeight,\r\n width: \"100%\",\r\n textAlign: \"right\",\r\n marginLeft: \"auto\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n minHeight: 400,\r\n maxWidth: 500,\r\n height: \"100%\",\r\n width: \"100%\",\r\n margin: \"0 auto\",\r\n },\r\n },\r\n parallaxItem: {\r\n //position: 'absolute',\r\n //top: '50%',\r\n right: 0,\r\n //transform: 'translate3d(0, -50%, 0)'\r\n },\r\n fixedImage: {\r\n position: \"fixed\",\r\n left: -613,\r\n //top: 100\r\n },\r\n foregroundContainer: {\r\n position: \"relative\",\r\n },\r\n fixedImage2: {\r\n position: \"fixed\",\r\n },\r\n fixedImageContainer: {},\r\n innerImage: {\r\n width: \"100%\",\r\n maxHeight: containerHeight,\r\n },\r\n fluidBackground: {\r\n width: \"inherit\",\r\n height: \"inherit\",\r\n },\r\n}))\r\n\r\nconst SimpleContentModule = ({\r\n title,\r\n text,\r\n foregroundImage,\r\n backgroundImage,\r\n mobileBackgroundImage,\r\n readMoreText,\r\n readLessText,\r\n lines,\r\n}) => {\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n\r\n /*if(true){\r\n title= 'About the model';\r\n text= 'An incredible collection with the most relevant characters of the Star Wars saga. \\n High quality 15 cm figures, made of natural resins and hand-painted. \\n An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. \\n \\n \\nAn incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted.\\n High quality 15 cm figures, made of natural resins and hand-painted. \\n An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted. An incredible collection with the most relevant characters of the Star Wars saga. High quality 15 cm figures, made of natural resins and hand-painted.\\n';\r\n backgroundImage= {\r\n title: 'image title',\r\n alt: 'image alt',\r\n src: 'https://d24udp600h4lxn.cloudfront.net/fh/live/media/about-this-background/about-this-background_optmzd_80.png',\r\n webp: 'https://d24udp600h4lxn.cloudfront.net/fh/live/media/about-this-background/about-this-background_optmzd_80.png',\r\n };\r\n mobileBackgroundImage= {\r\n title: 'image title',\r\n alt: 'image alt',\r\n src: 'https://d24udp600h4lxn.cloudfront.net/fh/live/media/about-this-background/about-this-background_optmzd_80.png',\r\n webp: 'https://d24udp600h4lxn.cloudfront.net/fh/live/media/about-this-background/about-this-background_optmzd_80.png',\r\n };\r\n lines= 10;\r\n readMoreText= 'READ MORE';\r\n readLessText= 'READ LESS';\r\n }*/\r\n\r\n const [visible, setVisible] = useState(false)\r\n const [target, setTarget] = useState(false)\r\n const [expanded, setExpanded] = useState(false)\r\n const [fixImage, _setFixImage] = useState(false)\r\n const [difference, _setDifference] = useState(0)\r\n const [archor, _setArchor] = useState(true)\r\n\r\n const archorListener = React.useRef(archor)\r\n const setArchor = data => {\r\n archorListener.current = data\r\n _setArchor(data)\r\n }\r\n const fixImageListener = React.useRef(fixImage)\r\n const setFixImage = data => {\r\n fixImageListener.current = data\r\n _setFixImage(data)\r\n }\r\n const differenceListener = React.useRef(difference)\r\n const setDifference = data => {\r\n differenceListener.current = data\r\n _setDifference(data)\r\n }\r\n\r\n //const {ref, inView, entry} = useInView()\r\n const reference = useRef(null)\r\n const refImage = useRef(null)\r\n const refImage2 = useRef(null)\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n\r\n const handleScroll = e => {\r\n if (isMobile) return\r\n if (!e) {\r\n e = {\r\n target: document,\r\n }\r\n }\r\n if (reference.current && refImage.current && fixImageListener.current) {\r\n var elDistanceToTop = reference.current.getBoundingClientRect().top\r\n var imageDistaceToTop = refImage.current.getBoundingClientRect().top\r\n var elDistanceToBottom = reference.current.getBoundingClientRect().bottom\r\n var imageDistaceToBottom = refImage.current.getBoundingClientRect().bottom\r\n //var containerHeight = reference.current.clientHeight;\r\n var imageHeight = refImage.current.clientHeight\r\n const viewportHeight = window.innerHeight\r\n\r\n if (archorListener.current) {\r\n if (\r\n (elDistanceToTop >= 0 &&\r\n imageDistaceToTop >= 0 &&\r\n elDistanceToTop <= imageDistaceToTop &&\r\n imageDistaceToTop - elDistanceToTop > differenceListener.current) ||\r\n (imageDistaceToTop >= 0 &&\r\n elDistanceToTop >= 0 &&\r\n imageDistaceToTop < upperSensibility) ||\r\n (imageDistaceToTop < 0 && elDistanceToBottom > imageDistaceToBottom)\r\n ) {\r\n refImage.current.style.top = refImage.current.style.top\r\n ? refImage.current.style.top\r\n : (imageDistaceToTop < upperSensibility\r\n ? upperSensibility + 1\r\n : imageDistaceToTop) + \"px\"\r\n refImage.current.style.left = refImage.current.style.left\r\n ? refImage.current.style.left\r\n : refImage.current.getBoundingClientRect() + \"px\"\r\n setArchor(false)\r\n if (refImage2 && refImage2.current) {\r\n refImage2.current.style.top = refImage2.current.style.top\r\n ? refImage2.current.style.top\r\n : refImage.current.getBoundingClientRect().top + \"px\"\r\n refImage2.current.style.width = refImage2.current.style.width\r\n ? refImage2.current.style.width\r\n : refImage2.current.clientWidth + \"px\"\r\n refImage2.current.style.height = refImage2.current.style.height\r\n ? refImage2.current.style.height\r\n : refImage2.current.clientHeight + \"px\"\r\n }\r\n } else if (\r\n !(elDistanceToTop >= 0 && imageDistaceToTop >= 0) &&\r\n viewportHeight - imageDistaceToBottom > 0 &&\r\n viewportHeight - imageDistaceToBottom < lowerSensibility\r\n ) {\r\n refImage.current.style.top =\r\n viewportHeight -\r\n imageHeight -\r\n (lowerSensibility + safeguardSensibility) +\r\n \"px\"\r\n refImage.current.style.left = refImage.current.style.left\r\n ? refImage.current.style.left\r\n : refImage.current.getBoundingClientRect() + \"px\"\r\n setArchor(false)\r\n if (refImage2 && refImage2.current) {\r\n refImage2.current.style.top =\r\n viewportHeight -\r\n refImage.current.clientHeight -\r\n (lowerSensibility + safeguardSensibility) +\r\n \"px\"\r\n refImage2.current.style.width = refImage2.current.style.width\r\n ? refImage2.current.style.width\r\n : refImage2.current.clientWidth + \"px\"\r\n refImage2.current.style.height = refImage2.current.style.height\r\n ? refImage2.current.style.height\r\n : refImage2.current.clientHeight + \"px\"\r\n }\r\n }\r\n } else {\r\n if (\r\n elDistanceToTop >= 0 &&\r\n imageDistaceToTop >= 0 &&\r\n elDistanceToTop > imageDistaceToTop\r\n ) {\r\n refImage.current.style.top = \"\"\r\n refImage.current.style.left = \"\"\r\n setArchor(true)\r\n if (refImage2 && refImage2.current) {\r\n refImage2.current.style.top = \"\"\r\n refImage2.current.style.width = \"\"\r\n refImage2.current.style.height = \"\"\r\n }\r\n } else if (elDistanceToBottom <= imageDistaceToBottom) {\r\n refImage.current.style.top =\r\n reference.current.clientHeight -\r\n refImage.current.clientHeight +\r\n \"px\"\r\n refImage.current.style.left = \"\"\r\n setArchor(true)\r\n if (refImage2 && refImage2.current) {\r\n refImage2.current.style.top =\r\n reference.current.clientHeight -\r\n refImage.current.clientHeight +\r\n \"px\"\r\n refImage2.current.style.width = \"\"\r\n refImage2.current.style.height = \"\"\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (reference && reference.current && refImage && refImage.current) {\r\n setDifference(\r\n reference.current.getBoundingClientRect().top -\r\n refImage.current.getBoundingClientRect().top +\r\n safeguard\r\n )\r\n }\r\n }, [reference, refImage, reference.current, refImage.current])\r\n\r\n useEffect(() => {\r\n if (!fixImage) {\r\n setTimeout(() => {\r\n // Remove first to avoid unhandled renders\r\n window.removeEventListener(\"scroll\", handleScroll)\r\n window.addEventListener(\"scroll\", handleScroll)\r\n }, 100) // detach from initial render to improve page speed\r\n }\r\n }, [])\r\n\r\n const onVisible = visibility => {\r\n if (!visible && visibility) {\r\n setVisible(visibility) // just once\r\n }\r\n }\r\n\r\n const handleOnEllipsisInit = e => {\r\n var target = e.current.parentElement.parentElement\r\n setTarget(target)\r\n }\r\n\r\n const handleOnChange = expand => {\r\n setExpanded(expand)\r\n setFixImage(expand)\r\n //handleScroll();\r\n setArchor(!expanded)\r\n if (expanded) {\r\n if (refImage.current) {\r\n refImage.current.style.top = \"\"\r\n }\r\n if (refImage2.current) {\r\n refImage2.current.style.top = \"\"\r\n }\r\n } else {\r\n var imageDistaceToTop\r\n if (refImage.current) {\r\n imageDistaceToTop = refImage.current.getBoundingClientRect().top\r\n refImage.current.style.top = refImage.current.style.top\r\n ? refImage.current.style.top\r\n : (imageDistaceToTop < upperSensibility\r\n ? upperSensibility + 1\r\n : imageDistaceToTop) + \"px\"\r\n //refImage.current.style.top = (refImage.current.style.top ? refImage.current.style.top: reference.current.getBoundingClientRect().top);\r\n }\r\n if (refImage.current && refImage2.current) {\r\n refImage2.current.style.top = refImage2.current.style.top\r\n ? refImage.current.style.top\r\n : (imageDistaceToTop < upperSensibility\r\n ? upperSensibility + 1\r\n : imageDistaceToTop) + \"px\"\r\n //refImage2.current.style.top = (refImage2.current.style.top ? refImage2.current.style.top: reference.current.getBoundingClientRect().top);\r\n }\r\n }\r\n }\r\n\r\n const hasBothImages = foregroundImage && backgroundImage\r\n\r\n return (\r\n \r\n \r\n \r\n {hasBothImages ? (\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n {visible && (\r\n \r\n {text}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SimpleContentModule\r\n","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport ListItem from '../ListItem';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.body1, _defineProperty({\n minHeight: 48,\n paddingTop: 6,\n paddingBottom: 6,\n boxSizing: 'border-box',\n width: 'auto',\n overflow: 'hidden',\n whiteSpace: 'nowrap'\n }, theme.breakpoints.up('sm'), {\n minHeight: 'auto'\n })),\n // TODO v5: remove\n\n /* Styles applied to the root element if `disableGutters={false}`. */\n gutters: {},\n /* Styles applied to the root element if `selected={true}`. */\n selected: {},\n /* Styles applied to the root element if dense. */\n dense: _extends({}, theme.typography.body2, {\n minHeight: 'auto'\n })\n };\n};\nvar MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n component = _props$component === void 0 ? 'li' : _props$component,\n _props$disableGutters = props.disableGutters,\n disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,\n ListItemClasses = props.ListItemClasses,\n _props$role = props.role,\n role = _props$role === void 0 ? 'menuitem' : _props$role,\n selected = props.selected,\n tabIndexProp = props.tabIndex,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"disableGutters\", \"ListItemClasses\", \"role\", \"selected\", \"tabIndex\"]);\n var tabIndex;\n if (!props.disabled) {\n tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;\n }\n return /*#__PURE__*/React.createElement(ListItem, _extends({\n button: true,\n role: role,\n tabIndex: tabIndex,\n component: component,\n selected: selected,\n disableGutters: disableGutters,\n classes: _extends({\n dense: classes.dense\n }, ListItemClasses),\n className: clsx(classes.root, className, selected && classes.selected, !disableGutters && classes.gutters),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiMenuItem'\n})(MenuItem);","var map = {\n\t\"./AboutModule.js\": \"qLmW\",\n\t\"./AboutUsHeaderModule.js\": \"5dvn\",\n\t\"./BannerAlertModule.js\": \"Dw6D\",\n\t\"./BenefitsModule.js\": \"hVTf\",\n\t\"./BrandsModule.js\": \"69V7\",\n\t\"./CategoriesProductListV2AutomaticModule.js\": \"zFTz\",\n\t\"./CategoriesProductListV2ManualModule.js\": \"0U3v\",\n\t\"./CategoryListModule.js\": \"iGVw\",\n\t\"./CollectionListImageModule.js\": \"ebKi\",\n\t\"./CollectionListModule.js\": \"cYVf\",\n\t\"./CollectorsWallModule.js\": \"0FKC\",\n\t\"./ColumnContentModule.js\": \"73gc\",\n\t\"./CookiePolicyModule.js\": \"cn+y\",\n\t\"./CookieProButtonModule.js\": \"vyYW\",\n\t\"./CookieProListModule.js\": \"RXmQ\",\n\t\"./CrossSellingAutomaticModule.js\": \"nE4a\",\n\t\"./CrossSellingModule.js\": \"voUZ\",\n\t\"./CtaButtonModule.js\": \"mU4O\",\n\t\"./CtaModule.js\": \"6yvu\",\n\t\"./CtaShortcutModule.js\": \"I5IS\",\n\t\"./CuriousThingsModule.js\": \"/1g6\",\n\t\"./DeliveryPlanOfferModule.js\": \"sAWn\",\n\t\"./DoubleTabSpecificationsModule.js\": \"VzOf\",\n\t\"./EarlybirdOfferModule.js\": \"EBdV\",\n\t\"./EcommerceMonthlyItemModule.js\": \"7J0r\",\n\t\"./FaqsModule.js\": \"W8Z0\",\n\t\"./FigureSpecsModule.js\": \"kRSl\",\n\t\"./FiguresGridAutomaticModule.js\": \"WiRh\",\n\t\"./FiguresGridModule.js\": \"pte2\",\n\t\"./FirstVisitModule.js\": \"rTIx\",\n\t\"./FooterModule.js\": \"3g9v\",\n\t\"./GenericContentModule.js\": \"BAyd\",\n\t\"./GenericTopBannerModule.js\": \"Kb3p\",\n\t\"./GiftsModule.js\": \"1Rn3\",\n\t\"./HeaderModule.js\": \"PWfQ\",\n\t\"./HelpModule.js\": \"ZAUt\",\n\t\"./HeroBannerModule.js\": \"1i5q\",\n\t\"./HeroBannerOneLayerFormModule.js\": \"Xg4/\",\n\t\"./HeroBannerTwoLayerFormModule.js\": \"9XdZ\",\n\t\"./HeroBannerV2Module.js\": \"V5V8\",\n\t\"./HeroBannerV4Module.js\": \"zV1s\",\n\t\"./HeroBannerVideoModule.js\": \"9Sbe\",\n\t\"./HighlightsModule.js\": \"1292\",\n\t\"./HowItWorksModule.js\": \"qxNz\",\n\t\"./HowItWorksV2Module.js\": \"rQC3\",\n\t\"./ImageGalleryModule.js\": \"nAIB\",\n\t\"./InfluencerModule.js\": \"8DRg\",\n\t\"./InlineMenuFormModule.js\": \"5sgX\",\n\t\"./IssueLinkModule.js\": \"4+ut\",\n\t\"./KlarnaWebMessagingModule.js\": \"iat1\",\n\t\"./LeadFormModule.js\": \"Vi/t\",\n\t\"./Module360Module.js\": \"BuNs\",\n\t\"./MoreProductsModule.js\": \"AfEV\",\n\t\"./NewsModule.js\": \"yvCv\",\n\t\"./NewsletterSubscriptionModule.js\": \"GxN2\",\n\t\"./OffersModule.js\": \"3drc\",\n\t\"./OffersV2Module.js\": \"1tQ4\",\n\t\"./OverrideUrlModule.js\": \"+GLx\",\n\t\"./PackageModule.js\": \"RXUu\",\n\t\"./PackageV2Module.js\": \"BEo5\",\n\t\"./PhotosGridModule.js\": \"wj5g\",\n\t\"./PremiumSubscriptionModule.js\": \"2aIt\",\n\t\"./QuoteModule.js\": \"ZIsH\",\n\t\"./RowContentModule.js\": \"v44X\",\n\t\"./SecurePaymentsModule.js\": \"yoLi\",\n\t\"./SimpleContentModule.js\": \"jYxr\",\n\t\"./SpecialGiftModule.js\": \"HF80\",\n\t\"./StickyBarModule.js\": \"UHpd\",\n\t\"./SubscriptionOfferModule.js\": \"OkAa\",\n\t\"./TrustpilotSliderModule.js\": \"Y7NV\",\n\t\"./TrustpilotWidgetModule.js\": \"znyn\",\n\t\"./VideoBannerModule.js\": \"iyKN\",\n\t\"./VideoDescriptionModule.js\": \"6lJ2\",\n\t\"./VideoFullModule.js\": \"xKZt\",\n\t\"./VideoGalleryModule.js\": \"/ldR\",\n\t\"./WarrantyListModule.js\": \"jomC\",\n\t\"./common/Error.js\": \"oVXV\",\n\t\"./static/PrelaunchHeroModule.js\": \"q77i\",\n\t\"./static/PrelaunchHilightsModule.js\": \"cc00\",\n\t\"./static/PrelaunchOfferModule.js\": \"tWy5\",\n\t\"./static/PrelaunchPrefooterModule.js\": \"6K3L\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"jmgy\";","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Icon from \"../components/Icon\"\nimport Text from '../components/Text';\nimport Module from '../components/Module';\nimport Grid from '@material-ui/core/Grid';\nimport Box from \"@material-ui/core/Box\"\nimport { Container } from '@material-ui/core';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n WarrantyList: {\n },\n title: {\n marginBottom: theme.spacing(4),\n [theme.breakpoints.only('xs')]: {\n marginBottom: theme.spacing(5),\n }, \n },\n container: {\n width: '100%',\n height: '100%',\n },\n grid: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n paddingBottom: theme.spacing(7),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 2, 2, 2),\n },\n }, \n icon: {\n width:16,\n height:16,\n marginRight: 10,\n verticalAlign: 'sub'\n },\n card: {\n padding:'5px 10px',\n [theme.breakpoints.down('lg')]: {\n padding:'5px 16px',\n } \n },\n text: {\n color:'#000'\n } \n}));\n\nconst WarrantyListModule = props => {\n\n const { title, primary } = props;\n const classes = useStyles();\n\n return (\n \n \n \n \n {title?.field_value || \"\"}\n \n \n {(primary?.field_value || []).map((element, index) => (\n \n \n { element?.field_value?.text?.field_value } \n \n ))}\n \n \n \n \n );\n\n};\n\nWarrantyListModule.propTypes = {\n title: PropTypes.string,\n primary: PropTypes.array,\n}\n\nexport default WarrantyListModule;","var MediaQueryDispatch = require('./MediaQueryDispatch');\nmodule.exports = new MediaQueryDispatch();","/*!\n* screenfull\n* v5.2.0 - 2021-11-03\n* (c) Sindre Sorhus; MIT License\n*/\n(function () {\n 'use strict';\n\n var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};\n var isCommonjs = typeof module !== 'undefined' && module.exports;\n var fn = function () {\n var val;\n var fnMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],\n // New WebKit\n ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],\n // Old WebKit\n ['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'], ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'], ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];\n var i = 0;\n var l = fnMap.length;\n var ret = {};\n for (; i < l; i++) {\n val = fnMap[i];\n if (val && val[1] in document) {\n for (i = 0; i < val.length; i++) {\n ret[fnMap[0][i]] = val[i];\n }\n return ret;\n }\n }\n return false;\n }();\n var eventNameMap = {\n change: fn.fullscreenchange,\n error: fn.fullscreenerror\n };\n var screenfull = {\n request: function request(element, options) {\n return new Promise(function (resolve, reject) {\n var onFullScreenEntered = function () {\n this.off('change', onFullScreenEntered);\n resolve();\n }.bind(this);\n this.on('change', onFullScreenEntered);\n element = element || document.documentElement;\n var returnPromise = element[fn.requestFullscreen](options);\n if (returnPromise instanceof Promise) {\n returnPromise.then(onFullScreenEntered).catch(reject);\n }\n }.bind(this));\n },\n exit: function exit() {\n return new Promise(function (resolve, reject) {\n if (!this.isFullscreen) {\n resolve();\n return;\n }\n var onFullScreenExit = function () {\n this.off('change', onFullScreenExit);\n resolve();\n }.bind(this);\n this.on('change', onFullScreenExit);\n var returnPromise = document[fn.exitFullscreen]();\n if (returnPromise instanceof Promise) {\n returnPromise.then(onFullScreenExit).catch(reject);\n }\n }.bind(this));\n },\n toggle: function toggle(element, options) {\n return this.isFullscreen ? this.exit() : this.request(element, options);\n },\n onchange: function onchange(callback) {\n this.on('change', callback);\n },\n onerror: function onerror(callback) {\n this.on('error', callback);\n },\n on: function on(event, callback) {\n var eventName = eventNameMap[event];\n if (eventName) {\n document.addEventListener(eventName, callback, false);\n }\n },\n off: function off(event, callback) {\n var eventName = eventNameMap[event];\n if (eventName) {\n document.removeEventListener(eventName, callback, false);\n }\n },\n raw: fn\n };\n if (!fn) {\n if (isCommonjs) {\n module.exports = {\n isEnabled: false\n };\n } else {\n window.screenfull = {\n isEnabled: false\n };\n }\n return;\n }\n Object.defineProperties(screenfull, {\n isFullscreen: {\n get: function get() {\n return Boolean(document[fn.fullscreenElement]);\n }\n },\n element: {\n enumerable: true,\n get: function get() {\n return document[fn.fullscreenElement];\n }\n },\n isEnabled: {\n enumerable: true,\n get: function get() {\n // Coerce to boolean in case of old WebKit\n return Boolean(document[fn.fullscreenEnabled]);\n }\n }\n });\n if (isCommonjs) {\n module.exports = screenfull;\n } else {\n window.screenfull = screenfull;\n }\n})();","/**\n * Delegate to handle a media query being matched and unmatched.\n *\n * @param {object} options\n * @param {function} options.match callback for when the media query is matched\n * @param {function} [options.unmatch] callback for when the media query is unmatched\n * @param {function} [options.setup] one-time callback triggered the first time a query is matched\n * @param {boolean} [options.deferSetup=false] should the setup callback be run immediately, rather than first time query is matched?\n * @constructor\n */\nfunction QueryHandler(options) {\n this.options = options;\n !options.deferSetup && this.setup();\n}\nQueryHandler.prototype = {\n constructor: QueryHandler,\n /**\n * coordinates setup of the handler\n *\n * @function\n */\n setup: function setup() {\n if (this.options.setup) {\n this.options.setup();\n }\n this.initialised = true;\n },\n /**\n * coordinates setup and triggering of the handler\n *\n * @function\n */\n on: function on() {\n !this.initialised && this.setup();\n this.options.match && this.options.match();\n },\n /**\n * coordinates the unmatch event for the handler\n *\n * @function\n */\n off: function off() {\n this.options.unmatch && this.options.unmatch();\n },\n /**\n * called when a handler is to be destroyed.\n * delegates to the destroy or unmatch callbacks, depending on availability.\n *\n * @function\n */\n destroy: function destroy() {\n this.options.destroy ? this.options.destroy() : this.off();\n },\n /**\n * determines equality by reference.\n * if object is supplied compare options, if function, compare match callback\n *\n * @function\n * @param {object || function} [target] the target for comparison\n */\n equals: function equals(target) {\n return this.options === target || this.options.match === target;\n }\n};\nmodule.exports = QueryHandler;","import * as React from 'react';\n/**\n * Private module reserved for @material-ui/x packages.\n */\n\nexport default function useId(idOverride) {\n var _React$useState = React.useState(idOverride),\n defaultId = _React$useState[0],\n setDefaultId = _React$useState[1];\n var id = idOverride || defaultId;\n React.useEffect(function () {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the random value for client-side rendering only.\n // We can't use it server-side.\n setDefaultId(\"mui-\".concat(Math.round(Math.random() * 1e5)));\n }\n }, [defaultId]);\n return id;\n}","import React, { useState, useEffect } from \"react\";\r\nimport clsx from 'clsx';\r\nimport { useInView } from 'react-intersection-observer'\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useSpring, animated } from \"react-spring\";\r\nimport VisibilitySensor from './VisibilitySensor';\r\nimport * as easings from 'd3-ease';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n growthContainer: {\r\n display: 'grid',\r\n placeItems: 'center',\r\n width: '100%',\r\n height: '100%',\r\n }\r\n}));\r\n\r\nconst GrowthContainer = (props) => {\r\n const classes = useStyles();\r\n const {\r\n delay = 500,\r\n duration = 2000,\r\n fromH = '100%',\r\n toH = '100%',\r\n fromW = '100%',\r\n toW = '100%',\r\n className,\r\n children\r\n } = props;\r\n\r\n const {ref, inView, entry} = useInView()\r\n const [animate, setAnimate] = React.useState(true);\r\n\r\n useEffect(() => {\r\n if(animate && inView && ref){\r\n setAnimate(false);\r\n Array.from(entry.target.children).forEach((sub,i)=>{\r\n //sub.style.opacity=0;\r\n sub.animate([\r\n { height: fromH, width: fromW, marginTop: toH },\r\n { height: toH, width: toW, marginTop: toH }\r\n ], {\r\n // timing options\r\n duration: duration,\r\n delay: delay\r\n }\r\n )\r\n setTimeout(()=>{\r\n sub.style.opacity=1;\r\n sub.style.height=toH;\r\n sub.style.width=toW;\r\n },delay);\r\n });\r\n }\r\n }, [ref, inView, entry]);\r\n\r\n /*const config = useSpring({\r\n delay: delay,\r\n config: { duration: duration, easing: easings.easeExpOut },\r\n width: toW,\r\n margin: 'auto',\r\n onStart: ()=>console.log(\"animation starting!!!\"),\r\n height: toH,\r\n from: { width: fromW, height: fromH, marginTop: toH }\r\n });*/\r\n\r\n return (\r\n \r\n {children}\r\n {/*
\r\n {({ isVisible }) => {console.log(\"resetting\",!isVisible);\r\n return(\r\n {children} \r\n )}}\r\n */}\r\n
\r\n \r\n {label}\r\n \r\n \r\n {value}\r\n \r\n \r\n )\r\n}\r\n\r\nconst ImageContainer = ({ picture, height, width, shadow }) => {\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {width && (\r\n \r\n \r\n \r\n {width}\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n {height && (\r\n \r\n \r\n {height}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nconst FigureSpecsModule = props => {\r\n const {\r\n title,\r\n subtitle,\r\n description,\r\n specs,\r\n picture,\r\n pictureMobile,\r\n firstSpec,\r\n secondSpec,\r\n height,\r\n width,\r\n } = props\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const empty = spec => !spec || !spec.label || !spec.value\r\n\r\n // Handle height specs in desktop\r\n const [specsMinHeight, setSpecsMinHeight] = React.useState(\"auto\")\r\n const ref = React.useRef(null)\r\n const handleMinHeight = () => {\r\n if (ref?.current) {\r\n const { height } = ref?.current?.getBoundingClientRect()\r\n setSpecsMinHeight(`${height}px`)\r\n }\r\n }\r\n React.useLayoutEffect(() => {\r\n window.addEventListener(\"resize\", handleMinHeight)\r\n return () => window.removeEventListener(\"resize\", handleMinHeight)\r\n }, [])\r\n // END Handle height specs in desktop\r\n\r\n const Specs = () => (\r\n \r\n {!empty(firstSpec) && (\r\n \r\n )\r\n\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n\r\n const Content = ({ shadow }) => (\r\n \r\n {/* Desktop content */}\r\n \r\n {!shadow && (\r\n <>\r\n \r\n \r\n {title}\r\n \r\n \r\n {subtitle}\r\n \r\n {description && (\r\n \r\n {description}\r\n \r\n )}\r\n \r\n {(specs || []).map((el, i) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n
\r\n
\r\n \r\n\r\n {/* Mobile content */}\r\n \r\n {!shadow && (\r\n <>\r\n \r\n \r\n {title}\r\n \r\n \r\n {subtitle}\r\n \r\n {description && (\r\n \r\n {description}\r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n\r\n \r\n {!shadow && (\r\n <>\r\n \r\n \r\n {(specs || []).map((el, i) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n
\r\n
\r\n \r\n )}\r\n \r\n {isMobile && pictureMobile && (\r\n \r\n {/* Shadow */}\r\n \r\n \r\n \r\n \r\n {link && \r\n {(link?.label || link?.title)}\r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default CtaButtonModule;\r\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.canPlay = exports.FLV_EXTENSIONS = exports.DASH_EXTENSIONS = exports.HLS_EXTENSIONS = exports.VIDEO_EXTENSIONS = exports.AUDIO_EXTENSIONS = exports.MATCH_URL_KALTURA = exports.MATCH_URL_VIDYARD = exports.MATCH_URL_MIXCLOUD = exports.MATCH_URL_DAILYMOTION = exports.MATCH_URL_TWITCH_CHANNEL = exports.MATCH_URL_TWITCH_VIDEO = exports.MATCH_URL_WISTIA = exports.MATCH_URL_STREAMABLE = exports.MATCH_URL_FACEBOOK_WATCH = exports.MATCH_URL_FACEBOOK = exports.MATCH_URL_VIMEO = exports.MATCH_URL_SOUNDCLOUD = exports.MATCH_URL_YOUTUBE = void 0;\nvar _utils = require(\"./utils\");\nfunction _createForOfIteratorHelper(o, allowArrayLike) {\n var it;\n if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n if (it) o = it;\n var i = 0;\n var F = function F() {};\n return {\n s: F,\n n: function n() {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function e(_e) {\n throw _e;\n },\n f: F\n };\n }\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n var normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function s() {\n it = o[Symbol.iterator]();\n },\n n: function n() {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function e(_e2) {\n didErr = true;\n err = _e2;\n },\n f: function f() {\n try {\n if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n } finally {\n if (didErr) throw err;\n }\n }\n };\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n return arr2;\n}\nvar MATCH_URL_YOUTUBE = /(?:youtu\\.be\\/|youtube(?:-nocookie|education)?\\.com\\/(?:embed\\/|v\\/|watch\\/|watch\\?v=|watch\\?.+&v=|shorts\\/|live\\/))((\\w|-){11})|youtube\\.com\\/playlist\\?list=|youtube\\.com\\/user\\//;\nexports.MATCH_URL_YOUTUBE = MATCH_URL_YOUTUBE;\nvar MATCH_URL_SOUNDCLOUD = /(?:soundcloud\\.com|snd\\.sc)\\/[^.]+$/;\nexports.MATCH_URL_SOUNDCLOUD = MATCH_URL_SOUNDCLOUD;\nvar MATCH_URL_VIMEO = /vimeo\\.com\\/(?!progressive_redirect).+/;\nexports.MATCH_URL_VIMEO = MATCH_URL_VIMEO;\nvar MATCH_URL_FACEBOOK = /^https?:\\/\\/(www\\.)?facebook\\.com.*\\/(video(s)?|watch|story)(\\.php?|\\/).+$/;\nexports.MATCH_URL_FACEBOOK = MATCH_URL_FACEBOOK;\nvar MATCH_URL_FACEBOOK_WATCH = /^https?:\\/\\/fb\\.watch\\/.+$/;\nexports.MATCH_URL_FACEBOOK_WATCH = MATCH_URL_FACEBOOK_WATCH;\nvar MATCH_URL_STREAMABLE = /streamable\\.com\\/([a-z0-9]+)$/;\nexports.MATCH_URL_STREAMABLE = MATCH_URL_STREAMABLE;\nvar MATCH_URL_WISTIA = /(?:wistia\\.(?:com|net)|wi\\.st)\\/(?:medias|embed)\\/(?:iframe\\/)?([^?]+)/;\nexports.MATCH_URL_WISTIA = MATCH_URL_WISTIA;\nvar MATCH_URL_TWITCH_VIDEO = /(?:www\\.|go\\.)?twitch\\.tv\\/videos\\/(\\d+)($|\\?)/;\nexports.MATCH_URL_TWITCH_VIDEO = MATCH_URL_TWITCH_VIDEO;\nvar MATCH_URL_TWITCH_CHANNEL = /(?:www\\.|go\\.)?twitch\\.tv\\/([a-zA-Z0-9_]+)($|\\?)/;\nexports.MATCH_URL_TWITCH_CHANNEL = MATCH_URL_TWITCH_CHANNEL;\nvar MATCH_URL_DAILYMOTION = /^(?:(?:https?):)?(?:\\/\\/)?(?:www\\.)?(?:(?:dailymotion\\.com(?:\\/embed)?\\/video)|dai\\.ly)\\/([a-zA-Z0-9]+)(?:_[\\w_-]+)?(?:[\\w.#_-]+)?/;\nexports.MATCH_URL_DAILYMOTION = MATCH_URL_DAILYMOTION;\nvar MATCH_URL_MIXCLOUD = /mixcloud\\.com\\/([^/]+\\/[^/]+)/;\nexports.MATCH_URL_MIXCLOUD = MATCH_URL_MIXCLOUD;\nvar MATCH_URL_VIDYARD = /vidyard.com\\/(?:watch\\/)?([a-zA-Z0-9-_]+)/;\nexports.MATCH_URL_VIDYARD = MATCH_URL_VIDYARD;\nvar MATCH_URL_KALTURA = /^https?:\\/\\/[a-zA-Z]+\\.kaltura.(com|org)\\/p\\/([0-9]+)\\/sp\\/([0-9]+)00\\/embedIframeJs\\/uiconf_id\\/([0-9]+)\\/partner_id\\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/;\nexports.MATCH_URL_KALTURA = MATCH_URL_KALTURA;\nvar AUDIO_EXTENSIONS = /\\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\\?)/i;\nexports.AUDIO_EXTENSIONS = AUDIO_EXTENSIONS;\nvar VIDEO_EXTENSIONS = /\\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\\d+]+)?($|\\?)/i;\nexports.VIDEO_EXTENSIONS = VIDEO_EXTENSIONS;\nvar HLS_EXTENSIONS = /\\.(m3u8)($|\\?)/i;\nexports.HLS_EXTENSIONS = HLS_EXTENSIONS;\nvar DASH_EXTENSIONS = /\\.(mpd)($|\\?)/i;\nexports.DASH_EXTENSIONS = DASH_EXTENSIONS;\nvar FLV_EXTENSIONS = /\\.(flv)($|\\?)/i;\nexports.FLV_EXTENSIONS = FLV_EXTENSIONS;\nvar canPlayFile = function canPlayFile(url) {\n if (url instanceof Array) {\n var _iterator = _createForOfIteratorHelper(url),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var item = _step.value;\n if (typeof item === 'string' && canPlayFile(item)) {\n return true;\n }\n if (canPlayFile(item.src)) {\n return true;\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n return false;\n }\n if ((0, _utils.isMediaStream)(url) || (0, _utils.isBlobUrl)(url)) {\n return true;\n }\n return AUDIO_EXTENSIONS.test(url) || VIDEO_EXTENSIONS.test(url) || HLS_EXTENSIONS.test(url) || DASH_EXTENSIONS.test(url) || FLV_EXTENSIONS.test(url);\n};\nvar canPlay = {\n youtube: function youtube(url) {\n if (url instanceof Array) {\n return url.every(function (item) {\n return MATCH_URL_YOUTUBE.test(item);\n });\n }\n return MATCH_URL_YOUTUBE.test(url);\n },\n soundcloud: function soundcloud(url) {\n return MATCH_URL_SOUNDCLOUD.test(url) && !AUDIO_EXTENSIONS.test(url);\n },\n vimeo: function vimeo(url) {\n return MATCH_URL_VIMEO.test(url) && !VIDEO_EXTENSIONS.test(url) && !HLS_EXTENSIONS.test(url);\n },\n facebook: function facebook(url) {\n return MATCH_URL_FACEBOOK.test(url) || MATCH_URL_FACEBOOK_WATCH.test(url);\n },\n streamable: function streamable(url) {\n return MATCH_URL_STREAMABLE.test(url);\n },\n wistia: function wistia(url) {\n return MATCH_URL_WISTIA.test(url);\n },\n twitch: function twitch(url) {\n return MATCH_URL_TWITCH_VIDEO.test(url) || MATCH_URL_TWITCH_CHANNEL.test(url);\n },\n dailymotion: function dailymotion(url) {\n return MATCH_URL_DAILYMOTION.test(url);\n },\n mixcloud: function mixcloud(url) {\n return MATCH_URL_MIXCLOUD.test(url);\n },\n vidyard: function vidyard(url) {\n return MATCH_URL_VIDYARD.test(url);\n },\n kaltura: function kaltura(url) {\n return MATCH_URL_KALTURA.test(url);\n },\n file: canPlayFile\n};\nexports.canPlay = canPlay;","import React, { useRef, useEffect } from \"react\"\nimport clsx from \"clsx\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport {\n Grid,\n Hidden,\n Box,\n IconButton,\n Dialog,\n AppBar,\n Toolbar,\n useMediaQuery,\n} from \"@material-ui/core\"\nimport Slide from \"@material-ui/core/Slide\"\nimport shortid from \"shortid\"\nimport Slider from \"./Slider\"\n\nimport Text from \"./Text\"\nimport Icon from \"./Icon\"\nimport FluidImage from \"./FluidImage\"\n\nconst useStyles = makeStyles(theme => ({\n giftOverlay: {\n backgroundColor: \"rgba(59,65,84,.8)\",\n zIndex: \"999999 !important\",\n \"& .MuiDialog-paper\": {\n backgroundColor: \"transparent\",\n boxShadow: \"unset\",\n },\n \"& .slick-list\": {\n padding: \"0 20px\",\n },\n \"& .slick-list, & .slick-track\": {\n height: \"auto !important\",\n minHeight: \"calc(100vh - 200px) !important\",\n },\n \"& .slick-slide\": {\n display: \"flex !important\",\n alignItems: \"center !important\",\n justifyContent: \"center !important\",\n \"& > div\": {\n height: \"auto !important\",\n },\n },\n },\n appBar: {\n position: \"relative\",\n padding: \"0 8px 0 8px !important\",\n background: \"white\",\n borderBottom: `1px solid ${theme.customPalette.greyClear}`,\n [theme.breakpoints.down(\"sm\")]: {\n borderTop: `27px solid ${theme.customPalette.greyClear}`,\n },\n },\n appBarSticky: {\n top: 0,\n left: \"auto\",\n right: 0,\n width: \"100%\",\n zIndex: 1100,\n position: \"sticky\",\n padding: \"0 30px 0 30px !important\",\n background: \"transparent\",\n [theme.breakpoints.down(\"sm\")]: {\n borderTop: `27px solid ${theme.customPalette.greyClear}`,\n },\n },\n body: {\n padding: theme.spacing(0, 4, 4, 4),\n },\n icon: {\n height: 24,\n width: 24,\n },\n image: {\n width: \"70%\",\n [theme.breakpoints.down(\"md\")]: {\n width: \"99%\",\n marginLeft: \"-19px\",\n },\n display: \"block\",\n margin: \"auto\",\n },\n slider: {\n backgroundColor: \"transparent\",\n },\n header: {\n justifyContent: \"end\",\n },\n}))\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n return \n \n \n \n )\n}\n\nconst ImageGalleryOverlay = React.forwardRef(function ImageGalleryOverlay(\n props,\n ref\n) {\n const { className, items, stickyHeader, tracking, ...other } = props\n const classes = useStyles()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n const [open, setOpen] = React.useState(false)\n const [initialPos, setInitialPos] = React.useState(false)\n\n const sliderSettings = {\n tracking: tracking,\n dots: false,\n infinite: false,\n arrows: true,\n adaptiveHeight: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n className: classes.slider,\n }\n\n React.useImperativeHandle(ref, () => ({\n open(index) {\n setInitialPos(index)\n setOpen(true)\n },\n }))\n\n return (\n setOpen(false)}\n TransitionComponent={Transition}\n >\n \n \n \n setOpen(false)}\n aria-label=\"close\"\n >\n \n \n \n {items && items.length > 0 ? (\n \n {items.map(item => (\n \n \n \n \n \n
\n ))}\n \n ) : null}\n \n \n )\n})\n\nexport default ImageGalleryOverlay\n","import React, { useRef, useState, useEffect } from \"react\"\nimport shortid from \"shortid\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Box, Hidden, Grid } from \"@material-ui/core\"\nimport Slider from \"../components/Slider\"\nimport PropTypes from \"prop-types\"\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport ImageGalleryOverlay from \"../components/ImageGalleryOverlay\"\nimport FluidImage from \"../components/FluidImage\"\nimport Icon from \"../components/Icon\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Navigation, Pagination } from \"swiper\"\nimport clsx from \"clsx\"\nimport \"swiper/swiper-bundle.css\"\n\nconst useStyles = makeStyles(theme => ({\n gallery: {\n textAlign: \"center\",\n overflow: \"hidden\",\n \"& .swiper-pagination-bullet\": {\n width: \"16px\",\n height: \"16px\",\n textAlign: \"center\",\n lineHeight: \"20px\",\n fontSize: \"12px\",\n color: \"#000\",\n opacity: \"1\",\n background: \"#d2d3d6\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n },\n \"& .swiper-pagination-bullet-active\": {\n color: \"#fff\",\n background: \"#ffbd08\",\n },\n },\n container: {\n [theme.breakpoints.down(\"sm\")]: {\n padding: 0,\n },\n },\n title: {\n paddingBottom: theme.spacing(4),\n },\n subtitle: {\n paddingBottom: theme.spacing(4),\n },\n slider: {},\n image: {\n height: \"345px\",\n border: \"4px solid #fff\",\n position: \"relative\",\n overflow: \"hidden\",\n maxWidth: \"100%\",\n \"&:hover\": {\n cursor: \"pointer\",\n border: \"4px solid #f29100\",\n },\n \"& img\": {\n width: \"100%\",\n height: \"100%\",\n objectFit: \"cover\",\n objectPosition: \"center\",\n padding: 0,\n margin: 0,\n },\n },\n flex: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n arrow: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n cursor: \"pointer\",\n },\n icon: {\n width: 24,\n height: 24,\n },\n w100: {\n width: \"100%\",\n },\n py4: {\n paddingBottom: 32,\n paddingTop: 32,\n },\n modalSwiper: {\n height: \"100%\",\n },\n prelative: {\n position: \"relative !important\",\n },\n}))\n\n// install Swiper modules\nSwiperCore.use([Navigation, Pagination])\n\nconst swiperResponsive = {\n 425: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 3,\n spaceBetween: 14,\n },\n 1024: {\n slidesPerView: 3,\n spaceBetween: 14,\n },\n}\n\nconst ImageGalleryModule = props => {\n const classes = useStyles()\n const { title, description, primary } = props\n const sliderRef = useRef(null)\n const dialogRef = useRef(null)\n const [index, setIndex] = useState(0)\n const [isEnd, setIsEnd] = useState(false)\n const sliderSettings = {\n dots: false,\n arrows: true,\n infinite: false,\n variableWidth: false,\n speed: 500,\n slidesToShow: 3.5,\n slidesToScroll: 1,\n className: classes.slider,\n responsive: [\n {\n breakpoint: 960,\n settings: {\n slidesToShow: 2.5,\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 1.5,\n slidesToScroll: 1,\n },\n },\n ],\n }\n\n const pagination = {\n el: \".swiper-pagination\",\n clickable: true,\n renderBullet: function (index, className) {\n return '' + \" \"\n },\n }\n\n const handleClick = index => {\n dialogRef.current?.open(index)\n }\n\n return (\n \n \n {title?.field_value}\n \n {description?.field_value && (\n \n {description?.field_value}\n \n )}\n\n \n \n
\n \n
\n
\n {(primary?.field_value || []).map((image, index) => {\n return (\n \n handleClick(index)}>\n \n \n \n \n
\n \n )\n })}\n \n \n
\n \n
\n \n )\n}\n\nImageGalleryModule.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n primary: PropTypes.array,\n}\n\nexport default ImageGalleryModule\n","import React, { useState, useEffect } from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Module from \"../components/Module\"\nimport FluidImage from \"../components/FluidImage\"\nimport Text from \"../components/Text\"\nimport Button from \"../components/Button\"\n\nimport { Box } from \"@material-ui/core\"\n\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Lazy } from \"swiper\"\nimport axios from \"axios\"\nimport { detectAlpha2Country } from \"@src/utils/country\"\n\n// install Swiper modules\nSwiperCore.use([Lazy])\n\nconst useStyles = makeStyles(theme => ({\n benefits: {\n overflow: \"hidden\",\n \"& .swiper-container\": {\n width: \"100%\",\n listStyle: \"none\",\n marginLeft: \"auto\",\n marginRight: \"auto\",\n position: \"relative\",\n zIndex: 1,\n padding: 0,\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 2),\n },\n },\n \"& .swiper-wrapper\": {\n boxSizing: \"border-box\",\n display: \"flex\",\n height: \"100%\",\n position: \"relative\",\n transitionProperty: \"-webkit-transform\",\n transitionProperty: \"transform\",\n transitionProperty: \"transform,-webkit-transform\",\n width: \"100%\",\n zIndex: 1,\n },\n \"& .swiper-slide\": {\n flexShrink: 0,\n height: \"auto\",\n position: \"relative\",\n transitionProperty: \"-webkit-transform\",\n transitionProperty: \"transform\",\n transitionProperty: \"transform,-webkit-transform\",\n width: \"100%\",\n },\n },\n sectionLogo: {\n maxWidth: \"200px\",\n margin: \"20px auto\",\n },\n title: {\n color: \"#00828c\",\n paddingBottom: theme.spacing(2),\n [theme.breakpoints.down(\"sm\")]: {\n paddingBottom: theme.spacing(1),\n },\n },\n slider: {\n \"& .slick-list\": {\n overflow: \"hidden\",\n },\n },\n card: {\n backgroundSize: \"cover\",\n backgroundPosition: \"center center\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n width: \"100%\",\n height: \"275px\",\n padding: theme.spacing(2),\n [theme.breakpoints.down(\"sm\")]: {\n height: \"300px\",\n },\n },\n logo: {\n height: \"70px\",\n \"& img\": {\n height: \"100%\",\n marginLeft: \"0%\",\n marginRight: \"100%\",\n },\n },\n text: {\n fontSize: \"20px !important\",\n maxWidth: \"50%\",\n width: \"100%\",\n },\n button: {\n marginTop: theme.spacing(1),\n maxWidth: \"65%\",\n width: \"100%\",\n justifyContent: \"space-between !important\",\n [theme.breakpoints.down(\"sm\")]: { maxWidth: \"100%\" },\n backgroundColor: \"#ff3658\",\n \"&:hover\": {\n backgroundImage:\n \"linear-gradient(246.99deg, #ff3658 -.44%, #ae1277 101.69%)\",\n },\n },\n}))\n\nconst CrossSellingAutomaticModule = ({\n background_color,\n section_logo,\n section_title,\n collections,\n ...others\n}) => {\n const classes = useStyles()\n const [arrayOfProduct, setArrayOfProduct] = useState([])\n\n useEffect(() => {\n let country = detectAlpha2Country()\n axios\n .get(process.env.SUMMARY_PRODUCT_ID + country)\n .then(res => {\n setArrayOfProduct(res.data)\n })\n .catch(function (thrown) {\n console.error(\"Request Error\", thrown)\n })\n }, [])\n\n const CollectionListElement = ({ cta, title, image, logo }) => {\n const classes = useStyles()\n let ctaHref = cta?.href || \"\"\n let ctaSplit = ctaHref.split(\"/\")\n const trakingCollection = ctaSplit[ctaSplit.length - 1]\n\n return (\n \n \n \n {title}\n \n {cta.href && cta.title && (\n \n \n {cta.title}\n \n \n )}\n \n \n )\n }\n\n return (\n \n \n {section_title.field_value}\n \n \n {(arrayOfProduct || []).map((arrayOfProduct, index) => {\n return (\n \n \n \n \n )\n })}\n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n items: [],\n}\n\nCrossSellingAutomaticModule.defaultProps = defaultProps\n\nexport default CrossSellingAutomaticModule\n","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Button from '@src/components/Button';\nimport Text from '@src/components/Text';\nimport FooterModule from '@src/modules/FooterModule'\nimport { useTranslation } from \"react-i18next\"\nimport { snake } from '@src/snake/core';\nimport Image from '@src/components/Image';\n\nconst useStyles = makeStyles((theme) => ({\n space: {\n backgroundImage: 'url(/img/errors/pexels@2x.png)',\n position: 'fixed',\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundColor: 'black',\n width: '100%',\n height: '100%'\n },\n spaceInner: {\n position: 'absolute',\n width: '100%',\n height: '100%'\n },\n logo: {\n height: 56,\n marginTop: '15px',\n marginLeft: '50%',\n transform: 'translateX(-50%)',\n [theme.breakpoints.only('xs')]: {\n height: 45,\n },\n },\n container: {\n position: 'absolute',\n top: '50%',\n width: '100%',\n },\n aligner: {\n display: 'block',\n textAlign: 'center',\n width: '70%',\n maxWidth: '700px',\n margin: '0 auto',\n transform: 'translateY(-35%)'\n },\n image: {\n width: '100%',\n maxWidth: '600px',\n },\n text: {\n color: 'white'\n },\n above: {\n marginBottom: '15px'\n },\n below: {\n marginTop: '20px'\n },\n note: {\n fontSize: '1.5em',\n marginTop: '10px'\n },\n footerWrap: {\n position: 'absolute',\n width: '100%',\n top: '100%',\n marginTop: -theme.spacing(4)\n },\n homeButton: {\n marginTop: '15px',\n //textTransform: 'uppercase'\n }\n}));\n\nexport default function Error({ code }) {\n const classes = useStyles();\n const [display, setDisplay] = useState({\n message: \"\",\n notes: \"\"\n })\n\n const { t, i18n } = useTranslation()\n const [footerData, setFooterData] = useState({});\n\n const handleClick = () => {\n window.location.assign('/');\n }\n\n useEffect(() => {\n setDisplay({\n message: t(`page${code}.message`),\n notes: t(`page${code}.notes`)\n });\n async function fetchData() {\n let site = t('site');\n const result = await snake.getSectionByType('footer', site);\n setFooterData(result.data.content);\n }\n fetchData();\n }, []);\n\n return (\n <>\n
\n \n
\n \n
\n
\n
Error \n
\n
{display.message} \n
{display.notes} \n
{t(`home`)} \n
\n
\n
\n
\n
\r\n
\r\n {children}\r\n
\r\n
\r\n
\r\n {children} \r\n \r\n );\r\n};\r\n\r\n\r\nexport default HighlightTextContainer;","var camel2hyphen = require('string-convert/camel2hyphen');\nvar isDimension = function isDimension(feature) {\n var re = /[height|width]$/;\n return re.test(feature);\n};\nvar obj2mq = function obj2mq(obj) {\n var mq = '';\n var features = Object.keys(obj);\n features.forEach(function (feature, index) {\n var value = obj[feature];\n feature = camel2hyphen(feature);\n // Add px to dimension features\n if (isDimension(feature) && typeof value === 'number') {\n value = value + 'px';\n }\n if (value === true) {\n mq += feature;\n } else if (value === false) {\n mq += 'not ' + feature;\n } else {\n mq += '(' + feature + ': ' + value + ')';\n }\n if (index < features.length - 1) {\n mq += ' and ';\n }\n });\n return mq;\n};\nvar json2mq = function json2mq(query) {\n var mq = '';\n if (typeof query === 'string') {\n return query;\n }\n // Handling array of media queries\n if (query instanceof Array) {\n query.forEach(function (q, index) {\n mq += obj2mq(q);\n if (index < query.length - 1) {\n mq += ', ';\n }\n });\n return mq;\n }\n // Handling single media query\n return obj2mq(query);\n};\nmodule.exports = json2mq;","import React, { useState, useRef, useImperativeHandle } from 'react';\r\nimport clsx from 'clsx';\r\nimport ReactPlayer from 'react-player';\r\nimport withStyles from '@material-ui/core/styles/withStyles';\r\n\r\nimport { IconButton, Modal } from '@material-ui/core';\r\n\r\nimport Icon from './Icon';\r\nimport PlayButton from './PlayButton';\r\n\r\nimport { GTMEvent } from \"../utils/gtm\";\r\n\r\nexport const styles = (theme) => ({\r\n video: {\r\n },\r\n image: {\r\n backgroundSize: 'cover',\r\n backgroundPosition: \"center center\",\r\n backgroundRepeat: \"no-repeat\",\r\n width: '100%',\r\n height: '100%',\r\n },\r\n foreground: {\r\n /* zIndex: 99 --> why is needed here? */\r\n },\r\n playerWrapper: {\r\n position: \"relative\",\r\n },\r\n player: {\r\n position: \"absolute\",\r\n top: \"0\",\r\n left: \"0\"\r\n },\r\n playWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n width: '100%',\r\n height: '100%'\r\n },\r\n fullscreenWrapper: {\r\n display: \"grid\",\r\n objectPosition: \"center\",\r\n gridTemplate: 'auto 1fr / auto',\r\n width: \"100%\",\r\n height: \"100%\",\r\n //overflow: \"auto\",\r\n backgroundColor: \"rgba(0,0,0,0.7)\"\r\n },\r\n fullscreenVideoWrapper: {\r\n position: 'relative',\r\n backgroundColor: 'black',\r\n width: \"100%\",\r\n height: \"100%\",\r\n margin: \"auto\",\r\n [theme.breakpoints.down('sm')]: {\r\n width: \"100%\",\r\n height: \"60vw\"\r\n }\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n fullscreenBar: {\r\n position: 'relative',\r\n display: 'flex',\r\n height: 30,\r\n padding: \"0 8px 0 8px !important\",\r\n backgroundColor: 'black',\r\n [theme.breakpoints.down('sm')]: {\r\n height: 80,\r\n backgroundColor: 'transparent',\r\n }\r\n },\r\n playButtonFullscreenWrapper: {\r\n position: 'absolute',\r\n top: 0,\r\n bottom: 0,\r\n right: 0,\r\n left: 0,\r\n },\r\n closeButton: {\r\n height: 'fit-content',\r\n margin: 'auto'\r\n },\r\n closeIcon: {\r\n height: 24,\r\n width: 24\r\n },\r\n});\r\n\r\n\r\nconst FullscreenBar = ({ classes, onClose }) => {\r\n return (\r\n \r\n );\r\n}\r\n\r\nconst Video = React.forwardRef(function Video(props, ref) {\r\n\r\n const {\r\n classes,\r\n className,\r\n url,\r\n preview,\r\n config = {\r\n youtube: {\r\n playerVars: {\r\n rel: 0,\r\n modestbranding: 1,\r\n showinfo: 0\r\n }\r\n }\r\n },\r\n hidePlayButton = false,\r\n playButton,\r\n showPlayButtonText = false,\r\n fullscreen = true,\r\n tracking\r\n } = props;\r\n\r\n\r\n const player = useRef(null);\r\n const [playing, setPlaying] = useState(false);\r\n\r\n const handlePlay = () => {\r\n setPlaying(true);\r\n GTMEvent(tracking, \"play_video\", (url || \"\"));\r\n };\r\n\r\n const handleStop = () => {\r\n setPlaying(false);\r\n player.current.showPreview();\r\n };\r\n\r\n useImperativeHandle(ref, () => ({\r\n play: () => {\r\n handlePlay();\r\n },\r\n stop: () => {\r\n handleStop();\r\n }\r\n }));\r\n\r\n const playButtonComponent = playButton ? playButton :
;\r\n\r\n if (!url) {\r\n return (\r\n \r\n {previewComponent}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {fullscreen ?\r\n <>\r\n {/* Video placeholder */}\r\n {previewComponent}\r\n {/* if the player is playing, do not show the play button. This is not needed*/}\r\n {(!playing && !hidePlayButton) ?\r\n
\r\n {playButtonComponent}\r\n
: null\r\n }\r\n {\r\n /**\r\n * FIX: video modal under the page content.\r\n * Modals provide a first-class way to render children into a DOM node\r\n * that exists outside the DOM hierarchy of the parent component.\r\n * In addition, it disables the scrollbar.\r\n */\r\n }\r\n
\r\n \r\n
\r\n
\r\n console.log('Video Error: ', e)}\r\n onEnded={handleStop}\r\n />\r\n
\r\n
\r\n \r\n :\r\n
\r\n console.log('Video Error:', e)}\r\n onEnded={handleStop}\r\n />\r\n
\r\n }\r\n
\n
\n {(figures || []).map((figure, index) => (\n { onSelect(figure) }}>\n
\n
\r\n {(photos || []).map((p, i) => (\r\n \r\n ))}\r\n \r\n );\r\n});\r\n\r\nGallery.propTypes = {\r\n /**\r\n * Override or extend the styles applied to the component.\r\n * See [CSS API](#css) below for more details.\r\n */\r\n classes: PropTypes.object.isRequired,\r\n /**\r\n * @ignore\r\n */\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default withStyles(styles, { name: 'FHGallery' })(Gallery);","import React from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Text from './Text';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n infoCard: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'flex-start',\r\n padding: theme.spacing(5, 7),\r\n width: '100%',\r\n height: '100%',\r\n backgroundColor: theme.customPalette.greyClear,\r\n borderBottom: `3px solid ${theme.customPalette.darkishPurple}`\r\n },\r\n number: {\r\n marginBottom: theme.spacing(3)\r\n },\r\n description: {\r\n lineHeight: 1.5\r\n }\r\n}));\r\n\r\nconst InfoCard = ({ number, title, description }) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n {number}\r\n \r\n \r\n {title &&\r\n \r\n {title} \r\n \r\n }\r\n {description &&\r\n \r\n {description} \r\n \r\n }\r\n \r\n );\r\n};\r\n\r\nexport default InfoCard;\r\n","import React from 'react';\r\nimport Box from '@material-ui/core/Box';\r\nimport { Grid, Hidden } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Text from './Text';\r\nimport InfoCard from './InfoCard';\r\nimport Slider from './Slider';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n infoCards: {\r\n marginBottom: theme.spacing(5),\r\n },\r\n title: {},\r\n subtitle: {},\r\n cards: {\r\n marginTop: theme.spacing(7),\r\n },\r\n sliderElement: {\r\n maxWidth: 500,\r\n height: '100%',\r\n paddingRight: theme.spacing(1)\r\n }\r\n}));\r\n\r\nconst InfoCards = ({ title, subtitle, items, tracking }) => {\r\n const classes = useStyles();\r\n\r\n const sliderSettings = {\r\n tracking: tracking,\r\n dots: false,\r\n infinite: false,\r\n arrows: true,\r\n speed: 500,\r\n adaptiveHeight: true,\r\n variableWidth: true,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n showExtraSlides: true\r\n };\r\n\r\n return (\r\n \r\n {title &&\r\n \r\n {title}\r\n \r\n }\r\n {subtitle &&\r\n \r\n {subtitle}\r\n \r\n }\r\n {\r\n items && \r\n \r\n \r\n {items.map((el, i) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n {items.map((el, i) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n }\r\n \r\n );\r\n};\r\n\r\nexport default InfoCards;\r\n","import React, { useState, useEffect, useRef } from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport { Box, MenuItem, useMediaQuery, useTheme } from \"@material-ui/core\"\r\nimport { useInView } from \"react-intersection-observer\"\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport FigureCard from \"../components/FigureCard\"\r\nimport CtaButton from \"../components/CtaButton\"\r\nimport Button from \"../components/Button\"\r\nimport Overlay from \"../components/Overlay\"\r\nimport FigureSelector from \"../components/FigureSelector\"\r\nimport Gallery from \"../components/Gallery\"\r\nimport InfoCards from \"../components/InfoCards\"\r\nimport VideoDescription from \"../components/VideoDescription\"\r\nimport Slider from \"../components/Slider\"\r\nimport { window } from \"browser-monads\"\r\nimport Select from \"../components/Select\"\r\nimport { GTMEvent } from \"../utils/gtm\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n figuresGrid: {\r\n textAlign: \"center\",\r\n marginTop: theme.spacing(4),\r\n padding: theme.spacing(1 / 4),\r\n },\r\n container: {\r\n display: \"grid\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n gridTemplateColumns: \"repeat(auto-fill, minmax(50%, 1fr))\",\r\n },\r\n },\r\n highlighted: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n gridColumn: \"span 2\",\r\n },\r\n },\r\n subtitle: {\r\n paddingBottom: theme.spacing(4),\r\n },\r\n description: {\r\n marginTop: theme.spacing(5),\r\n marginBottom: theme.spacing(5),\r\n },\r\n ctaButton: {\r\n marginBottom: theme.spacing(5),\r\n textTransform: \"none\",\r\n },\r\n biggerGap: {\r\n marginTop: \"80px!important\",\r\n margin: \"0 8px!important\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n margin: \"0 4px!important\",\r\n marginTop: \"40px!important\",\r\n },\r\n },\r\n bigGap: {\r\n marginTop: \"50px!important\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n marginTop: \"30px!important\",\r\n },\r\n },\r\n bottomGap: {\r\n marginBottom: \"30px!important\",\r\n },\r\n figureContainer: {\r\n padding: theme.spacing(1 / 2),\r\n },\r\n curiosities: {\r\n marginBottom: theme.spacing(7),\r\n },\r\n primaryGallery: {\r\n margin: \"0 8px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n margin: \"0 4px\",\r\n },\r\n },\r\n animatedBox: {\r\n opacity: 0,\r\n },\r\n notAnimatedBox: {\r\n opacity: 1,\r\n },\r\n fullHeightBox: {\r\n // height: \"100%\",\r\n padding: \"0 2.5px\",\r\n },\r\n firstSlide: {\r\n width: \"100%\",\r\n height: \"375px\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: 426,\r\n height: 518,\r\n },\r\n },\r\n otherSlides: {\r\n width: \"100%\",\r\n height: \"375px\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: 341,\r\n height: 426,\r\n },\r\n },\r\n secondaryGallery: {\r\n margin: \"0 8px 8px 8px\",\r\n gridTemplateAreas: '\"a0 a0 a1 a2\"\\n\"a0 a0 a3 aOthers\"',\r\n [theme.breakpoints.down(\"md\")]: {\r\n margin: \"0 4px 8px 4px\",\r\n gridTemplateAreas: '\"a0 a0\"\\n\"a0 a0\"\\n\"a1 a2\"\\n\"a3 aOthers\"',\r\n },\r\n [theme.breakpoints.down(\"xs\")]: {\r\n gridTemplateColumns: \"repeat( auto-fit, minmax(150px, 1fr) )\",\r\n gridTemplateRows: \"repeat( auto-fit, minmax(50px, 372px) )\",\r\n },\r\n },\r\n slider: {\r\n \"& .slick-list\": {\r\n overflow: \"visible\",\r\n },\r\n \"& .slick-track\": {\r\n alignItems: \"center\",\r\n },\r\n },\r\n select: {\r\n width: \"100%\",\r\n maxWidth: \"427px\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n figure: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n flexDirection: \"column\",\r\n paddingBottom: \"20px\",\r\n paddingLeft: 16,\r\n paddingRight: 16,\r\n },\r\n flexImage: {\r\n flex: \"1 1 0\",\r\n objectFit: \"contain\",\r\n width: \"100%\",\r\n },\r\n}))\r\n\r\nconst FiguresGridModule = props => {\r\n const classes = useStyles()\r\n const {\r\n title,\r\n subtitle,\r\n description,\r\n items,\r\n cta,\r\n overlayTitle,\r\n is_slider,\r\n ...others\r\n } = props\r\n\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"md\"))\r\n const { ref, inView, entry } = useInView()\r\n const [animate, setAnimate] = React.useState(true)\r\n const [openOverlay, setOpenOverlay] = useState(false)\r\n const [itemsWithPosition, setItemsWithPositions] = useState([])\r\n const [currentFigure, setCurrentFigure] = useState()\r\n const [indexSlider, setIndexSlider] = useState(0)\r\n\r\n // const sliderSettings = {\r\n // tracking: others.repo,\r\n // dots: false,\r\n // arrows: true,\r\n // speed: 500,\r\n // slidesToShow: 5.5,\r\n // slidesToScroll: 1,\r\n // className: classes.slider,\r\n // centerMode: true,\r\n // responsive: [\r\n // {\r\n // breakpoint: 1060,\r\n // settings: {\r\n // slidesToShow: 4.5,\r\n // slidesToScroll: 1,\r\n // },\r\n // },\r\n // {\r\n // breakpoint: 860,\r\n // settings: {\r\n // slidesToShow: 3.5,\r\n // slidesToScroll: 1,\r\n // },\r\n // },\r\n // {\r\n // breakpoint: 600,\r\n // settings: {\r\n // slidesToShow: 2.5,\r\n // slidesToScroll: 1,\r\n // },\r\n // },\r\n // ],\r\n // }\r\n\r\n const sliderSettingsNew = {\r\n tracking: others.repo,\r\n dots: false,\r\n infinite: true,\r\n arrows: true,\r\n speed: 500,\r\n slidesToShow: 5,\r\n variableWidth: true,\r\n slidesToScroll: 1,\r\n centerMode: true,\r\n responsive: [\r\n {\r\n breakpoint: 1060,\r\n settings: {\r\n slidesToShow: 5,\r\n slidesToScroll: 1,\r\n centerMode: true,\r\n infinite: true,\r\n variableWidth: true,\r\n },\r\n },\r\n {\r\n breakpoint: 860,\r\n settings: {\r\n slidesToShow: 3,\r\n slidesToScroll: 1,\r\n centerMode: true,\r\n infinite: true,\r\n variableWidth: true,\r\n },\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n slidesToShow: 1.3,\r\n slidesToScroll: 1,\r\n centerMode: false,\r\n infinite: false,\r\n variableWidth: false,\r\n },\r\n },\r\n ],\r\n }\r\n\r\n useEffect(() => {}, [])\r\n\r\n const handleFigureSelect = figure => {\r\n setCurrentFigure(figure)\r\n }\r\n\r\n const handleFigureClick = figure => {\r\n setOpenOverlay(true)\r\n setCurrentFigure(figure)\r\n\r\n if (figure.name && others.repo) {\r\n GTMEvent(others.repo, \"click_figure\", figure.name)\r\n }\r\n }\r\n const handleOverlayClose = () => {\r\n setOpenOverlay(false)\r\n }\r\n\r\n useEffect(() => {\r\n setItemsWithPositions(\r\n (items || []).map((item, index) => ({\r\n ...item,\r\n position: index,\r\n }))\r\n )\r\n }, [items])\r\n\r\n useEffect(() => {\r\n if (animate && inView && ref) {\r\n setAnimate(false)\r\n Array.from(entry.target.children).forEach((sub, i) => {\r\n sub.animate(\r\n [\r\n { opacity: 0, transform: `translateY(25%)` },\r\n { opacity: 1, transform: \"translateY(0%)\" },\r\n ],\r\n {\r\n // timing options\r\n duration: 500,\r\n delay: parseInt(i / 5) * 50,\r\n }\r\n )\r\n setTimeout(() => {\r\n sub.style.opacity = 1\r\n }, parseInt(i / 5) * 50 + 500)\r\n })\r\n }\r\n }, [ref, inView, entry])\r\n\r\n const IsObserverSupported = () => {\r\n return (\r\n \"IntersectionObserver\" in window &&\r\n \"IntersectionObserverEntry\" in window &&\r\n \"intersectionRatio\" in window.IntersectionObserverEntry.prototype\r\n )\r\n }\r\n\r\n // TODO questa logica DEVE arrivare da CMS\r\n const TEMPORARY_FIX =\r\n cta &&\r\n cta.href &&\r\n cta.href.includes(\"/subscribe\") &&\r\n ((cta.href.includes(\"checkout.fanhome.com/\") &&\r\n !cta.href.includes(\"testVersion\")) ||\r\n cta.href.includes(\"p1597070c1tst-store.occa.ocs.oraclecloud.com/\"))\r\n\r\n return (\r\n \r\n \r\n {title}\r\n \r\n {subtitle && (\r\n \r\n {subtitle}\r\n \r\n )}\r\n\r\n {is_slider && (\r\n \r\n {\r\n setIndexSlider(event.target.value)\r\n }}\r\n >\r\n {itemsWithPosition.map((item, index) => {\r\n return (\r\n \r\n \r\n )\r\n })}\r\n \r\n \r\n )}\r\n\r\n {is_slider ? (\r\n setIndexSlider(index)}\r\n indexSlider={indexSlider}\r\n {...sliderSettingsNew}\r\n >\r\n {itemsWithPosition.map((item, index) => (\r\n {\r\n setIndexSlider(index)\r\n handleFigureClick(item)\r\n }}\r\n className={clsx(\r\n classes.notAnimatedBox,\r\n classes.fullHeightBox,\r\n {\r\n [classes.highlighted]: item.highlighted,\r\n },\r\n indexSlider === index ? classes.firstSlide : classes.otherSlides\r\n )}\r\n flexImage={classes.flexImage}\r\n classesFigure={classes.figure}\r\n hover\r\n highlighted={item.highlighted}\r\n key={index}\r\n index={index}\r\n title={item.name}\r\n text={item.text}\r\n picture={item.picture}\r\n />\r\n ))}\r\n \r\n ) : IsObserverSupported() ? (\r\n \r\n {itemsWithPosition.map((item, index) => (\r\n {\r\n handleFigureClick(item)\r\n }}\r\n className={clsx(classes.animatedBox, {\r\n [classes.highlighted]: item.highlighted,\r\n })}\r\n hover\r\n highlighted={item.highlighted}\r\n key={index}\r\n title={item.name}\r\n picture={item.picture}\r\n />\r\n ))}\r\n \r\n ) : (\r\n \r\n {itemsWithPosition.map((item, index) => (\r\n {\r\n handleFigureClick(item)\r\n }}\r\n className={clsx(classes.notAnimatedBox, {\r\n [classes.highlighted]: item.highlighted,\r\n })}\r\n hover\r\n highlighted={item.highlighted}\r\n key={index}\r\n title={item.name}\r\n picture={item.picture}\r\n />\r\n ))}\r\n \r\n )}\r\n\r\n \r\n {description}\r\n \r\n {cta && cta.productCode && (\r\n \r\n {cta.text}\r\n \r\n )}\r\n {/*HOTFIX 26-07*/}\r\n {cta && cta.label && cta.href && TEMPORARY_FIX && (\r\n \r\n {cta.label}\r\n \r\n )}\r\n {/*HOTFIX 26-07*/}\r\n {cta && cta.label && cta.href && !TEMPORARY_FIX && (\r\n \r\n {cta.label}\r\n \r\n )}\r\n \r\n \r\n \r\n {currentFigure && (\r\n <>\r\n \r\n {currentFigure.curiosities && (\r\n \r\n \r\n )}\r\n {currentFigure.curiosities && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n )\r\n}\r\n\r\nFiguresGridModule.defaultProps = {\r\n items: [],\r\n}\r\n\r\nexport default FiguresGridModule\r\n","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _reactFastCompare = _interopRequireDefault(require(\"react-fast-compare\"));\nvar _props = require(\"./props\");\nvar _utils = require(\"./utils\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SEEK_ON_PLAY_EXPIRY = 5000;\nvar Player = /*#__PURE__*/function (_Component) {\n _inherits(Player, _Component);\n var _super = _createSuper(Player);\n function Player() {\n var _this;\n _classCallCheck(this, Player);\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(_args));\n _defineProperty(_assertThisInitialized(_this), \"mounted\", false);\n _defineProperty(_assertThisInitialized(_this), \"isReady\", false);\n _defineProperty(_assertThisInitialized(_this), \"isPlaying\", false);\n _defineProperty(_assertThisInitialized(_this), \"isLoading\", true);\n _defineProperty(_assertThisInitialized(_this), \"loadOnReady\", null);\n _defineProperty(_assertThisInitialized(_this), \"startOnPlay\", true);\n _defineProperty(_assertThisInitialized(_this), \"seekOnPlay\", null);\n _defineProperty(_assertThisInitialized(_this), \"onDurationCalled\", false);\n _defineProperty(_assertThisInitialized(_this), \"handlePlayerMount\", function (player) {\n if (_this.player) {\n _this.progress(); // Ensure onProgress is still called in strict mode\n\n return; // Return here to prevent loading twice in strict mode\n }\n\n _this.player = player;\n _this.player.load(_this.props.url);\n _this.progress();\n });\n _defineProperty(_assertThisInitialized(_this), \"getInternalPlayer\", function (key) {\n if (!_this.player) return null;\n return _this.player[key];\n });\n _defineProperty(_assertThisInitialized(_this), \"progress\", function () {\n if (_this.props.url && _this.player && _this.isReady) {\n var playedSeconds = _this.getCurrentTime() || 0;\n var loadedSeconds = _this.getSecondsLoaded();\n var duration = _this.getDuration();\n if (duration) {\n var progress = {\n playedSeconds: playedSeconds,\n played: playedSeconds / duration\n };\n if (loadedSeconds !== null) {\n progress.loadedSeconds = loadedSeconds;\n progress.loaded = loadedSeconds / duration;\n } // Only call onProgress if values have changed\n\n if (progress.playedSeconds !== _this.prevPlayed || progress.loadedSeconds !== _this.prevLoaded) {\n _this.props.onProgress(progress);\n }\n _this.prevPlayed = progress.playedSeconds;\n _this.prevLoaded = progress.loadedSeconds;\n }\n }\n _this.progressTimeout = setTimeout(_this.progress, _this.props.progressFrequency || _this.props.progressInterval);\n });\n _defineProperty(_assertThisInitialized(_this), \"handleReady\", function () {\n if (!_this.mounted) return;\n _this.isReady = true;\n _this.isLoading = false;\n var _this$props = _this.props,\n onReady = _this$props.onReady,\n playing = _this$props.playing,\n volume = _this$props.volume,\n muted = _this$props.muted;\n onReady();\n if (!muted && volume !== null) {\n _this.player.setVolume(volume);\n }\n if (_this.loadOnReady) {\n _this.player.load(_this.loadOnReady, true);\n _this.loadOnReady = null;\n } else if (playing) {\n _this.player.play();\n }\n _this.handleDurationCheck();\n });\n _defineProperty(_assertThisInitialized(_this), \"handlePlay\", function () {\n _this.isPlaying = true;\n _this.isLoading = false;\n var _this$props2 = _this.props,\n onStart = _this$props2.onStart,\n onPlay = _this$props2.onPlay,\n playbackRate = _this$props2.playbackRate;\n if (_this.startOnPlay) {\n if (_this.player.setPlaybackRate && playbackRate !== 1) {\n _this.player.setPlaybackRate(playbackRate);\n }\n onStart();\n _this.startOnPlay = false;\n }\n onPlay();\n if (_this.seekOnPlay) {\n _this.seekTo(_this.seekOnPlay);\n _this.seekOnPlay = null;\n }\n _this.handleDurationCheck();\n });\n _defineProperty(_assertThisInitialized(_this), \"handlePause\", function (e) {\n _this.isPlaying = false;\n if (!_this.isLoading) {\n _this.props.onPause(e);\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"handleEnded\", function () {\n var _this$props3 = _this.props,\n activePlayer = _this$props3.activePlayer,\n loop = _this$props3.loop,\n onEnded = _this$props3.onEnded;\n if (activePlayer.loopOnEnded && loop) {\n _this.seekTo(0);\n }\n if (!loop) {\n _this.isPlaying = false;\n onEnded();\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"handleError\", function () {\n var _this$props4;\n _this.isLoading = false;\n (_this$props4 = _this.props).onError.apply(_this$props4, arguments);\n });\n _defineProperty(_assertThisInitialized(_this), \"handleDurationCheck\", function () {\n clearTimeout(_this.durationCheckTimeout);\n var duration = _this.getDuration();\n if (duration) {\n if (!_this.onDurationCalled) {\n _this.props.onDuration(duration);\n _this.onDurationCalled = true;\n }\n } else {\n _this.durationCheckTimeout = setTimeout(_this.handleDurationCheck, 100);\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"handleLoaded\", function () {\n // Sometimes we know loading has stopped but onReady/onPlay are never called\n // so this provides a way for players to avoid getting stuck\n _this.isLoading = false;\n });\n return _this;\n }\n _createClass(Player, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.mounted = true;\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearTimeout(this.progressTimeout);\n clearTimeout(this.durationCheckTimeout);\n if (this.isReady && this.props.stopOnUnmount) {\n this.player.stop();\n if (this.player.disablePIP) {\n this.player.disablePIP();\n }\n }\n this.mounted = false;\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var _this2 = this;\n\n // If there isn’t a player available, don’t do anything\n if (!this.player) {\n return;\n } // Invoke player methods based on changed props\n\n var _this$props5 = this.props,\n url = _this$props5.url,\n playing = _this$props5.playing,\n volume = _this$props5.volume,\n muted = _this$props5.muted,\n playbackRate = _this$props5.playbackRate,\n pip = _this$props5.pip,\n loop = _this$props5.loop,\n activePlayer = _this$props5.activePlayer,\n disableDeferredLoading = _this$props5.disableDeferredLoading;\n if (!(0, _reactFastCompare[\"default\"])(prevProps.url, url)) {\n if (this.isLoading && !activePlayer.forceLoad && !disableDeferredLoading && !(0, _utils.isMediaStream)(url)) {\n console.warn(\"ReactPlayer: the attempt to load \".concat(url, \" is being deferred until the player has loaded\"));\n this.loadOnReady = url;\n return;\n }\n this.isLoading = true;\n this.startOnPlay = true;\n this.onDurationCalled = false;\n this.player.load(url, this.isReady);\n }\n if (!prevProps.playing && playing && !this.isPlaying) {\n this.player.play();\n }\n if (prevProps.playing && !playing && this.isPlaying) {\n this.player.pause();\n }\n if (!prevProps.pip && pip && this.player.enablePIP) {\n this.player.enablePIP();\n }\n if (prevProps.pip && !pip && this.player.disablePIP) {\n this.player.disablePIP();\n }\n if (prevProps.volume !== volume && volume !== null) {\n this.player.setVolume(volume);\n }\n if (prevProps.muted !== muted) {\n if (muted) {\n this.player.mute();\n } else {\n this.player.unmute();\n if (volume !== null) {\n // Set volume next tick to fix a bug with DailyMotion\n setTimeout(function () {\n return _this2.player.setVolume(volume);\n });\n }\n }\n }\n if (prevProps.playbackRate !== playbackRate && this.player.setPlaybackRate) {\n this.player.setPlaybackRate(playbackRate);\n }\n if (prevProps.loop !== loop && this.player.setLoop) {\n this.player.setLoop(loop);\n }\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n if (!this.isReady) return null;\n return this.player.getDuration();\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n if (!this.isReady) return null;\n return this.player.getCurrentTime();\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n if (!this.isReady) return null;\n return this.player.getSecondsLoaded();\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(amount, type, keepPlaying) {\n var _this3 = this;\n\n // When seeking before player is ready, store value and seek later\n if (!this.isReady) {\n if (amount !== 0) {\n this.seekOnPlay = amount;\n setTimeout(function () {\n _this3.seekOnPlay = null;\n }, SEEK_ON_PLAY_EXPIRY);\n }\n return;\n }\n var isFraction = !type ? amount > 0 && amount < 1 : type === 'fraction';\n if (isFraction) {\n // Convert fraction to seconds based on duration\n var duration = this.player.getDuration();\n if (!duration) {\n console.warn('ReactPlayer: could not seek using fraction – duration not yet available');\n return;\n }\n this.player.seekTo(duration * amount, keepPlaying);\n return;\n }\n this.player.seekTo(amount, keepPlaying);\n }\n }, {\n key: \"render\",\n value: function render() {\n var Player = this.props.activePlayer;\n if (!Player) {\n return null;\n }\n return /*#__PURE__*/_react[\"default\"].createElement(Player, _extends({}, this.props, {\n onMount: this.handlePlayerMount,\n onReady: this.handleReady,\n onPlay: this.handlePlay,\n onPause: this.handlePause,\n onEnded: this.handleEnded,\n onLoaded: this.handleLoaded,\n onError: this.handleError\n }));\n }\n }]);\n return Player;\n}(_react.Component);\nexports[\"default\"] = Player;\n_defineProperty(Player, \"displayName\", 'Player');\n_defineProperty(Player, \"propTypes\", _props.propTypes);\n_defineProperty(Player, \"defaultProps\", _props.defaultProps);","import React, { useState } from 'react';\nimport { Container, Box, Hidden } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslation } from \"react-i18next\"\nimport clsx from 'clsx';\nimport Module from '@src/components/Module';\nimport Text from '@src/components/Text';\nimport FluidImage from '@src/components/FluidImage';\nimport SubscribeForm from '@src/components/SubscribeForm';\nimport Countdown from '@src/components/Countdown';\n\nconst useStyles = makeStyles((theme) => ({\n prelaunchHero: {\n width: '100%',\n background: 'linear-gradient(0deg, #390b45 0%, #662482 50%, rgba(102, 36, 130, 1) 85%)',\n padding: '0',\n position: 'relative',\n top: '0',\n },\n heroBannerContainer: {\n width: '100%',\n //maxWidth: '100%',\n alignItems: 'center',\n padding: '0',\n position: 'relative'\n },\n logo: {\n display: 'block',\n position: 'relative',\n zIndex: 10,\n width: 300,\n paddingTop: 200,\n margin: '0 auto',\n padding: theme.spacing(1, 9, 1, 9),\n [theme.breakpoints.down('sm')]: {\n paddingTop: 100,\n width: 250,\n }\n },\n fluidBackgroundFull: {\n backgroundSize: 'cover',\n },\n\n fluidBackground: {\n display: 'table',\n position: 'absolute',\n width: '100%',\n height: '400px',\n backgroundSize: '100%',\n backgroundPosition: 'center top',\n backgroundRepeat: 'no-repeat',\n top: '0',\n right: '0',\n left: '0',\n WebkitMaskImage: \"-webkit-linear-gradient(rgba(0,0,0,1) 35%, rgba(0,0,0,0) 70%)\",\n maskImage: \"linear-gradient(rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%)\",\n [theme.breakpoints.down('sm')]: {\n backgroundSize: '135%',\n height: '56vw',\n },\n },\n picture: {\n maxHeight: '100%',\n maxWidth: '100%',\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n left: 0,\n margin: 'auto',\n zIndex: 2\n },\n gradientFix: {\n position: 'absolute',\n zIndex: 0,\n top: 0,\n width: '100%',\n height: '60vh',\n backgroundImage: 'linear-gradient(0deg, rgba(92, 34, 117, 0.5) 0%, rgba(99, 33, 127, 1) 30%, rgba(102, 36, 130, 0.9) 80%, rgba(102, 36, 130, 0) 100%)'\n },\n h1: {\n color: 'white',\n textTransform: 'uppercase',\n textAlign: 'center',\n fontSize: '4vw',\n maxWidth: '65%',\n margin: '0 auto 20px auto',\n fontWeight: '400',\n lineHeight: '4vw',\n paddingTop: '25px',\n position: 'relative',\n zIndex: 10,\n [theme.breakpoints.only('xs')]: {\n maxWidth: '90%',\n fontSize: '7.7vw',\n lineHeight: '8vw',\n paddingTop: '15px',\n }\n },\n intro: {\n width: '50%',\n color: 'white',\n textAlign: 'center',\n margin: '20px auto',\n padding: '0 10px',\n fontSize: '1.6vw',\n [theme.breakpoints.only('xs')]: {\n fontSize: '4vw',\n width: '80%',\n }\n },\n contentWrapper: {\n width: '50%',\n margin: '0 auto',\n paddingTop: '1vw',\n position: 'relative',\n zIndex: 10,\n [theme.breakpoints.down('sm')]: {\n width: '90%',\n }\n },\n logoboxContainer: {\n height: 140,\n width: '84%',\n display: 'block',\n margin: '0 auto',\n background: 'white',\n borderRadius: '5px',\n transform: 'translate3d(0, 50%, 0)',\n position: 'relative',\n filter: 'drop-shadow(0 0 0.65rem rgba(0,0,0,0.3))',\n [theme.breakpoints.only('xs')]: {\n width: '95%',\n height: '15vw',\n }\n },\n logobox: {\n width: '90%',\n margin: 'auto auto',\n position: 'absolute',\n top: '53%',\n left: '50%',\n transform: 'translate3d(-50%, -50%, 0)',\n }\n}));\n\nconst PrelaunchHeroModule = ({ site }) => {\n const classes = useStyles();\n\n const { t, i18n } = useTranslation()\n\n\n\n return (\n \n
\n \n
\n \n \n {t('prelaunch.h1')}\n \n {t('prelaunch.intro')} \n
\n \n
\n \n
\n \n \n );\n};\n\nexport default PrelaunchHeroModule;\n","import React from \"react\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\nimport { Box, Hidden } from \"@material-ui/core\"\r\nimport { showGuides } from \"@src/utils/debug\"\r\nimport FluidImage from \"../components/FluidImage\"\r\nimport Module from \"../components/Module\"\r\nimport Text from \"../components/Text\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\r\nimport { useMediaQuery } from \"@material-ui/core\"\r\nimport KlarnaPlacement from \"../components/KlarnaPlacement\"\r\nimport clsx from \"clsx\"\r\nimport \"../style/aboutModule.css\"\r\n\r\nconst parallaxHeight = 450\r\n\r\nconst left = \"LEFT\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n about: {\r\n marginTop: theme.spacing(1 / 2),\r\n marginBottom: theme.spacing(1 / 2),\r\n },\r\n contentContainer: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n position: \"relative\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n float: \"initial !important\",\r\n },\r\n },\r\n contentContainerReverse: {\r\n display: \"flex\",\r\n flexDirection: \"row-reverse\",\r\n position: \"relative\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n float: \"initial !important\",\r\n },\r\n },\r\n editorialContent: {\r\n float: \"left\",\r\n width: \"40%\",\r\n marginRight: \"5%\",\r\n marginTop: \"auto\",\r\n marginBottom: \"auto\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n color: \"white\",\r\n padding: theme.spacing(4, 4, 0, 4),\r\n marginRight: \"initial\",\r\n \r\n },\r\n },\r\n editorialContentRight: {\r\n float: \"right\",\r\n width: \"40%\",\r\n marginLeft: \"0px !important\",\r\n marginTop: \"auto\",\r\n marginBottom: \"auto\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n color: \"white\",\r\n padding: theme.spacing(4, 4, 0, 4),\r\n marginRight: \"initial\",\r\n },\r\n },\r\n editorialContentCentered: {\r\n width: \"100%\",\r\n marginTop: \"auto\",\r\n marginBottom: \"auto\",\r\n textAlign: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n padding: theme.spacing(4, 4, 0, 4),\r\n marginRight: \"initial\",\r\n },\r\n },\r\n title: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n },\r\n \"&:before\": {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n },\r\n titleCentered: {\r\n textAlign: \"center\",\r\n \"&:before\": {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n },\r\n text: {\r\n paddingTop: theme.spacing(4),\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: 20,\r\n padding: theme.spacing(4, 0, 0, 0),\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n fontSize: 18,\r\n lineHeight: 1.22,\r\n },\r\n },\r\n imageWrapper: {\r\n position: \"relative\",\r\n //overflow: 'hidden',\r\n float: \"right\",\r\n width: \"55%\",\r\n },\r\n parallaxWrapper: {\r\n position: \"absolute\",\r\n border: showGuides(\"4px dashed gray\"),\r\n right: -theme.spacing(8),\r\n top: \"50%\",\r\n transform: \"translate3d(0, -50%, 0)\",\r\n maxHeight: 450,\r\n width: \"100%\",\r\n zIndex: -1,\r\n },\r\n parallaxWrapperLeft: {\r\n position: \"absolute\",\r\n border: showGuides(\"4px dashed gray\"),\r\n left: -theme.spacing(8),\r\n top: \"50%\",\r\n transform: \"translate3d(0, -50%, 0)\",\r\n maxHeight: 450,\r\n width: \"100%\",\r\n zIndex: -1,\r\n },\r\n parallax: {\r\n zIndex: -1,\r\n },\r\n background: {\r\n position: \"absolute\",\r\n top: 0,\r\n width: \"100%\",\r\n height: \"90%\", // FIX ** to be align with visual...\r\n zIndex: -1,\r\n backgroundPosition: \"center center\",\r\n backgroundRepeat: \"no-repeat\",\r\n backgroundSize: \"cover\",\r\n },\r\n foreground: {\r\n width: \"100%\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n height: \"100%\",\r\n width: \"100%\",\r\n },\r\n },\r\n copyright: {\r\n paddingTop: theme.spacing(3),\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n },\r\n copyrightCentered: {\r\n paddingTop: theme.spacing(3),\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n copyrightImage: {\r\n width: \"auto\",\r\n height: 65,\r\n textAlign: \"left\", // FIX ** align to left...\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\", // FIX ** align to left...\r\n height: 55,\r\n },\r\n },\r\n}))\r\n\r\nconst Copyright = ({ copyright, copyrightImage, centered }) => {\r\n const classes = useStyles()\r\n return (\r\n \r\n \r\n \r\n {copyright}\r\n \r\n
\r\n )\r\n}\r\n\r\nconst AboutModule = ({\r\n title,\r\n text,\r\n foregroundImage,\r\n backgroundImage,\r\n mobileBackgroundImage,\r\n copyright,\r\n copyrightImage,\r\n videoUrl,\r\n images_gallery_position,\r\n active_klarna_web_messaging,\r\n repo,\r\n}) => {\r\n const classes = useStyles()\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\r\n return (\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n {text}\r\n \r\n {active_klarna_web_messaging && (\r\n \r\n \r\n \r\n \r\n \r\n {foregroundImage || backgroundImage ? (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {mobileBackgroundImage && mobileBackgroundImage.src ? (\r\n \r\n \r\n \r\n ) : null}\r\n \r\n )\r\n}\r\n\r\nexport default AboutModule\r\n","import React, { useEffect } from \"react\"\nimport { Grid } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { useInView } from \"react-intersection-observer\"\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\n\nconst useStyles = makeStyles(theme => ({\n howItWorks: {},\n container: {\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(5, 0),\n },\n },\n title: {\n marginBottom: theme.spacing(7),\n [theme.breakpoints.down(\"sm\")]: {\n marginBottom: theme.spacing(4),\n },\n },\n number: {\n marginBottom: theme.spacing(3),\n fontSize: 33,\n },\n elementTitle: {\n marginBottom: theme.spacing(2),\n fontWeight: \"bold !important\",\n },\n grid: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 2),\n },\n },\n \"@keyframes slideIn15\": {\n \"0%\": { opacity: 0, transform: \"translateY(15%)\" },\n \"100%\": { opacity: 1, transform: \"translateY(0%)\" },\n },\n gridElement: {\n opacity: 0,\n borderBottom: `3px solid ${theme.customPalette.darkishPurple}`,\n padding: theme.spacing(5, 7),\n marginRight: theme.spacing(1),\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n backgroundColor: theme.customPalette.greyClear,\n\n [theme.breakpoints.down(\"sm\")]: {\n padding: 0,\n border: 0,\n margin: theme.spacing(2, 0),\n backgroundColor: \"#FFF\",\n },\n },\n description: {\n lineHeight: 1.5,\n },\n}))\n\nconst HowItWorksModule = ({ title, items }) => {\n const classes = useStyles()\n const { ref, inView, entry } = useInView()\n const [animate, setAnimate] = React.useState(true)\n\n useEffect(() => {\n if (animate && inView && ref) {\n setAnimate(false)\n Array.from(entry.target.children).forEach((sub, i) => {\n sub.animate(\n [\n { opacity: 0, transform: `translateY(25%)` },\n { opacity: 1, transform: \"translateY(0%)\" },\n ],\n {\n // timing options\n duration: 500,\n delay: i * 50,\n }\n )\n setTimeout(() => {\n sub.style.opacity = 1\n }, i * 50 + 500)\n })\n }\n }, [ref, inView, entry])\n\n return (\n \n \n {title}\n \n \n {(items || []).map((el, i) => (\n \n \n \n \n {el.number}\n \n \n\n \n \n {el.title}\n \n \n {el.description}\n \n \n \n \n ))}\n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n items: [],\n}\n\nHowItWorksModule.defaultProps = defaultProps\n\nexport default HowItWorksModule\n","import React from \"react\"\r\nimport clsx from \"clsx\"\r\nimport { makeStyles } from \"@material-ui/core/styles\"\r\nimport Box from \"@material-ui/core/Box\"\r\nimport stampBackground from \"../assets/img/stamp.svg\"\r\nimport { showGuides } from \"@src/utils/debug\"\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n stamp: {\r\n color: \"#fff\",\r\n ...theme.fonts.faces.bodyM,\r\n ...theme.fonts.weights.bold,\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n textAlign: \"center\",\r\n lineHeight: 1,\r\n fontSize: 14,\r\n position: \"absolute\",\r\n minWidth: \"50px\",\r\n minHeight: \"50px\",\r\n border: showGuides(\"1px solid green\"),\r\n [theme.breakpoints.down(\"md\")]: {\r\n left: \"auto\",\r\n },\r\n },\r\n background: {\r\n backgroundSize: \"contain\",\r\n backgroundPosition: \"center\",\r\n backgroundRepeat: \"no-repeat\",\r\n padding: \"0 !important\",\r\n border: showGuides(\"1px solid yellow\"),\r\n },\r\n backgroundWrapper: {\r\n //padding: theme.spacing(1),\r\n border: showGuides(\"1px solid red\"),\r\n position: \"absolute\",\r\n width: \"100%\",\r\n minWidth: \"110px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: \"20px\",\r\n },\r\n },\r\n content: {\r\n //padding: theme.spacing(1),\r\n //padding: '10%',\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n },\r\n}))\r\n\r\nconst Stamp = ({ className, children }) => {\r\n const classes = useStyles()\r\n return (\r\n \r\n \r\n
\r\n
\r\n {children}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Stamp\r\n","import React, { useEffect } from \"react\"\nimport { Grid } from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport Module from \"../components/Module\"\nimport Text from \"../components/Text\"\nimport Picture from \"../components/Picture\"\n\nconst useStyles = makeStyles(theme => ({\n howItWorksV2: {},\n container: {\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(5, 0),\n },\n },\n title: {\n marginBottom: theme.spacing(7),\n [theme.breakpoints.down(\"sm\")]: {\n marginBottom: theme.spacing(4),\n },\n },\n grid: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n paddingBottom: theme.spacing(7),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 2, 2, 2),\n },\n },\n element: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n padding: theme.spacing(0, 1),\n [theme.breakpoints.down(\"sm\")]: {\n paddingBottom: theme.spacing(4),\n },\n },\n elementIcon: {\n marginTop: theme.spacing(1),\n width: \"100%\",\n maxWidth: \"70px\",\n [theme.breakpoints.down(\"sm\")]: {\n maxWidth: \"45px\",\n },\n },\n elementTitle: {\n marginBottom: theme.spacing(1),\n fontWeight: \"bold !important\",\n },\n elementTextcontainer: {\n padding: theme.spacing(0, 1),\n },\n bottomElementBackGround: {\n backgroundColor: theme.customPalette.greyClear,\n padding: theme.spacing(4, 0),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(3, 0),\n flexDirection: \"column\",\n },\n },\n bottomContainer: {\n justifyContent: \"center\",\n alignItems: \"center\",\n display: \"flex\",\n\n [theme.breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n },\n },\n bottomIcon: {\n width: \"100%\",\n maxWidth: \"38px\",\n marginRight: theme.spacing(2),\n [theme.breakpoints.down(\"sm\")]: {\n maxWidth: \"48px\",\n marginRight: 0,\n },\n },\n}))\n\nconst HowItWorksV2Module = props => {\n const classes = useStyles()\n const { title, items, bottom_icon, bottom_title } = props\n\n return (\n \n \n {title || \"\"}\n \n \n {(items || []).map((el, i) => (\n \n \n \n \n \n \n {el.title || \"\"}\n \n \n {el.description || \"\"}\n \n \n \n \n ))}\n \n \n \n \n {bottom_title || \"\"}\n \n \n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n items: [],\n bottom_icon: {},\n bottom_title: \"\",\n}\n\nHowItWorksV2Module.defaultProps = defaultProps\n\nexport default HowItWorksV2Module\n","import React from 'react';\r\nimport cookie from '@src/utils/cookie';\r\nimport { window } from 'browser-monads';\r\n\r\nconst cookieNamePrefix = 'first_visit_flag';\r\n\r\nconst FirstVisitModule = ({ url }) => {\r\n\r\n const path = window.location.pathname;\r\n // allow to use this module on multiple pages.\r\n const cookieName = `${cookieNamePrefix}_${path}`;\r\n\r\n // check if the user has been here before\r\n if (!cookie.isPresent(cookieName)) {\r\n window.location.replace(url + window.location.search);\r\n cookie.createCookie(cookieName);\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport default FirstVisitModule;\r\n","\nconst shortid = require('shortid');\n\nconst schema = 'pubsub___id___';\nconst default_publisher = `${schema}default`; \nvar clients = 0;\nvar registry = {};\n\nfunction newid() {\n return schema + clients++;\n}\n\nfunction oneoff() {\n return default_publisher + '___TOPIC___' + shortid.generate();\n}\n\nfunction subscribe(topic, handler, publisher) {\n if (!publisher) {\n publisher = default_publisher;\n }\n //console.debug('New Subscriber', topic, publisher);\n if (!registry[publisher]) {\n registry[publisher] = {};\n }\n if (!registry[publisher][topic]) {\n registry[publisher][topic] = [];\n }\n registry[publisher][topic].push(handler);\n}\n\nfunction publish(topic, event, publisher) {\n if (!publisher) {\n publisher = default_publisher;\n }\n //console.debug('Pulish Event', topic, event, publisher);\n if (!registry[publisher]) {\n return;\n }\n if (!registry[publisher][topic]) {\n return;\n }\n registry[publisher][topic].map((handler, k) => {\n //console.debug(\"Notify Event\", event, k, handler);\n handler.apply(handler, [event]);\n return true;\n });\n}\n\nmodule.exports.pubsub = {\n newid,\n oneoff,\n subscribe,\n publish\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar initialState = {\n animating: false,\n autoplaying: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n dragging: false,\n edgeDragged: false,\n initialized: false,\n lazyLoadedList: [],\n listHeight: null,\n listWidth: null,\n scrolling: false,\n slideCount: null,\n slideHeight: null,\n slideWidth: null,\n swipeLeft: null,\n swiped: false,\n // used by swipeEvent. differentites between touch and swipe.\n swiping: false,\n touchObject: {\n startX: 0,\n startY: 0,\n curX: 0,\n curY: 0\n },\n trackStyle: {},\n trackWidth: 0,\n targetSlide: 0\n};\nvar _default = initialState;\nexports[\"default\"] = _default;","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Icon from \"../components/Icon\"\nimport Text from \"../components/Text\"\nimport Module from \"../components/Module\"\nimport { Container, Grid, useMediaQuery } from \"@material-ui/core\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport clsx from \"clsx\"\nimport KlarnaPlacement from \"../components/KlarnaPlacement\"\nimport \"../style/DeliveryPlanOfferModule.css\"\nimport CtaButton from \"../components/CtaButton\"\n\nconst useStyles = makeStyles(theme => ({\n DeliveryPlanOfferModule: {\n \"& .mainHeading\": {\n \"& .title\": {\n fontWeight: 700,\n },\n \"& .title + .subtitle\": {\n marginTop: 20,\n },\n },\n\n \"& .cards\": {\n marginTop: 20,\n\n \"& .container\": {\n maxWidth: 1100,\n },\n\n \"& .card\": {\n fontFamily: \"Poppins\",\n position: \"relative\",\n padding: \"30px 30px 15px\",\n margin: \"30px 15px\",\n background: theme.customPalette.primaryGrey05,\n overflow: \"hidden\",\n transition: \"transform .2s\",\n borderBottom: \"2px solid #662482\",\n\n \"& > .bannertitle\": {\n whiteWpace: \"nowrap\",\n position: \"absolute\",\n top: 0,\n right: 0,\n padding: \"5px 0\",\n width: \"200px\",\n textAlign: \"center\",\n transform: \"rotate(45deg) translate(30%, 0)\",\n textTransform: \"uppercase\",\n fontSize: 12,\n boxSizing: \"border-box\",\n color: \"#fff\",\n },\n \"& > .uptitle\": {\n marginBottom: 10,\n color: \"#662482\",\n textTransform: \"uppercase\",\n \"& > *\": {\n fontFamily: \"Poppins\",\n fontWeight: 800,\n fontSize: 12,\n },\n },\n \"& > .title\": {\n marginTop: 0,\n marginBottom: 15,\n paddingRight: \"15%\",\n \"& > *\": {\n fontFamily: \"Poppins\",\n fontWeight: 800,\n lineHeight: \"48px\",\n fontSize: 38,\n },\n },\n \"& > .points\": {\n \"& .content\": {\n overflow: \"hidden\",\n height: 0,\n transition: \"all .4s ease-out\",\n listStyleType: \"none\",\n \"& li\": {\n listStyleType: \"none\",\n marginBottom: 5,\n },\n\n \"& .icon\": {\n width: 16,\n height: 16,\n marginRight: 10,\n verticalAlign: \"sub\",\n },\n\n \"&.mobile_as_desktop:not(.default_zero)\": {\n padding: \"20px 10px 40px\",\n borderTop: \"2px solid #662482\",\n opacity: 1,\n transition: \"all .4s ease-out\",\n height: \"auto\",\n },\n\n [theme.breakpoints.up(\"md\")]: {\n \"&:not(.default_zero)\": {\n padding: \"20px 10px 40px\",\n borderTop: \"2px solid #662482\",\n opacity: 1,\n transition: \"all .4s ease-out\",\n height: \"auto\",\n },\n },\n\n \"& li:not(.showDefaultPoint)\": {\n overflow: \"hidden\",\n height: 0,\n transition: \"all .4s ease-out\",\n },\n\n \"& .title\": {\n padding: \"15px 15px 0\",\n textAlign: \"center\",\n fontWeight: 800,\n \"& .d-flex\": {\n justifyContent: \"center\",\n padding: \"0 15px\",\n \"& img\": {\n display: \"none\",\n },\n \"& div\": {\n margin: \"0 !important\",\n },\n },\n },\n },\n \"&.opened .content\": {\n padding: \"20px 0 40px\",\n borderTop: \"2px solid #662482\",\n opacity: 1,\n transition: \"all .4s ease-out\",\n height: \"auto\",\n },\n\n \"&.opened .content li:not(.showDefaultPoint)\": {\n opacity: 1,\n transition: \"all .4s ease-out\",\n height: \"auto\",\n },\n },\n \"& > .cta\": {\n marginBottom: 15,\n \"& .btn\": {\n fontFamily: \"Poppins\",\n fontWeight: 600,\n width: \"100%\",\n height: 48,\n maxWidth: \"100%\",\n justifyContent: \"center\",\n textDecoration: \"unset\",\n },\n },\n \"& > .moreinfo\": {\n marginBottom: 15,\n textAlign: \"center\",\n cursor: \"pointer\",\n \"& span\": {\n textDecoration: \"underline\",\n lineHeight: \"16px\",\n color: \"#662482\",\n },\n \"& img\": {\n marginLeft: 6,\n width: 12,\n height: 12,\n webkitTransform: \"rotate(0)\",\n transform: \"rotate(0)\",\n transition: \"all .4s ease-out\",\n },\n \"&.opened img\": {\n webkitTransform: \"rotate(-180deg)\",\n transform: \"rotate(-180deg)\",\n transition: \"all .4s ease-out\",\n },\n },\n\n [theme.breakpoints.up(\"md\")]: {\n \"&:hover\": {\n transform: \"scale(1.1)\",\n },\n },\n },\n },\n },\n marginModule: {\n margin: \"32px 0px 32px 0px !important\",\n },\n}))\n\nconst DeliveryPlanOfferModule = props => {\n const {\n title,\n sub_title,\n linecolor,\n primary,\n text_color,\n label_color,\n repo,\n } = props\n\n const classes = useStyles()\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n\n return (\n \n \n \n \n {title.field_value && (\n \n {title.field_value}\n \n )}\n {sub_title.field_value && (\n \n {sub_title.field_value}\n \n )}\n \n \n \n {primary.field_value.map((item, i) => (\n \n \n )\n}\n\nconst Card = props => {\n const {\n up_title,\n banner_title,\n title,\n points_to_show,\n primary,\n cta,\n more_info_label,\n less_info_label,\n mobile_expanded_card,\n gtm_value,\n label_color,\n repo,\n } = props\n\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"))\n\n const [showDefaultPoints, setshowDefaultPoints] = React.useState(\n Number(points_to_show?.field_value)\n )\n const [cardIsClosed, setCardIsClosed] = React.useState(true)\n\n React.useEffect(() => {\n // card is closed\n if (isMobile) {\n setCardIsClosed(\n !mobile_expanded_card.field_value &&\n primary.field_value.length > showDefaultPoints\n )\n } else {\n setCardIsClosed(primary.field_value.length > showDefaultPoints)\n }\n\n // i titoli non devono contare\n let fixShowDefaultPoints = showDefaultPoints\n for (\n let index = 0;\n index < primary.field_value.length && index < fixShowDefaultPoints;\n index++\n ) {\n const element = primary.field_value[index]\n if (element.field_value[\"is_title\"].field_value) {\n fixShowDefaultPoints = fixShowDefaultPoints + 1\n setshowDefaultPoints(fixShowDefaultPoints)\n }\n }\n }, [])\n\n return (\n \n \n {banner_title.field_value && (\n
\n {banner_title.field_value}\n \n \n {up_title.field_value}\n \n
\n )}\n\n {title.field_value && (\n \n \n {title.field_value}\n \n
\n )}\n\n {primary?.field_value?.length > 0 && (\n <>\n \n
\n {primary.field_value?.map((points, i) => {\n return (\n \n {points?.field_value?.is_klarna_web_messaging\n ?.field_value ? (\n \n
\n ) : (\n \n \n \n {points.field_value[\"item2-text\"].field_value}\n \n
\n \n \n {cta.field_value.title}\n \n
\n )}\n\n {(primary?.field_value.length > showDefaultPoints ||\n (isMobile && !mobile_expanded_card.field_value)) && (\n setCardIsClosed(!cardIsClosed)}\n >\n \n \n {cardIsClosed\n ? more_info_label?.field_value\n : less_info_label?.field_value}\n \n
\n \n )}\n \n \n )\n}\n\nexport default DeliveryPlanOfferModule\n\nDeliveryPlanOfferModule.defaultProps = {\n title: {\n field_type: \"text\",\n field_value: \"\",\n },\n sub_title: {\n field_type: \"text\",\n field_value: \"\",\n },\n linecolor: {\n field_type: \"color\",\n field_value: \"\",\n },\n primary: {\n field_type: \"repeater\",\n field_value: [],\n },\n}\n\nDeliveryPlanOfferModule.propTypes = {\n title: PropTypes.object,\n sub_title: PropTypes.object,\n linecolor: PropTypes.object,\n primary: {\n up_title: PropTypes.object,\n banner_title: PropTypes.object,\n title: PropTypes.object,\n points_title: PropTypes.object,\n points_to_show: PropTypes.object,\n primary: PropTypes.object,\n cta: PropTypes.object,\n more_info_label: PropTypes.object,\n less_info_label: PropTypes.object,\n mobile_expanded_card: PropTypes.object,\n gtm_value: PropTypes.object,\n },\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { Container, Box, Hidden } from '@material-ui/core';\nimport capitalize from '@material-ui/core/utils/capitalize';\nimport { Grid } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslation } from \"react-i18next\"\n\nimport Button from '@src/components/Button';\nimport Text from '@src/components/Text';\nimport FluidImage from '@src/components/FluidImage';\nimport Stamp from '@src/components/Stamp';\nimport Module from '@src/components/Module';\n\nconst useStyles = makeStyles((theme) => ({\n promoContainer: {\n position: 'relative', \n width: '84%',\n maxWidth: '84%',\n margin: '0 auto',\n padding: 0,\n [theme.breakpoints.only('xs')]: {\n maxWidth: '95%',\n }\n },\n offerMainTitle: {\n marginTop: '60px',\n marginBottom: '30px',\n textAlign: 'center',\n },\n promo: {\n position: 'relative',\n backgroundSize: 'cover',\n backgroundPosition: 'top',\n height: '37vw',\n minHeight: 350,\n maxHeight: 500,\n [theme.breakpoints.only('xs')]: {\n backgroundSize: 'cover',\n height: '88vh',\n }\n },\n promoVariantWide: {\n [theme.breakpoints.only('xs')]: {\n minHeight: 450,\n maxHeight: 500,\n }\n },\n promoVariantTall: {\n [theme.breakpoints.only('xs')]: {\n minHeight: 550,\n maxHeight: 600,\n }\n },\n promoLeft: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'last baseline',\n width: '55%', \n padding: '3%', \n float: 'left', \n height: '100%',\n [theme.breakpoints.only('xs')]: {\n width: '100%',\n padding: '5%', \n },\n },\n promoLeftInner: {\n alignSelf: 'flex-end',\n width: '100%',\n marginTop: 'auto',\n zIndex: 100,\n \n },\n promoRight: { \n width: '45%', \n height: '100%', \n float: 'right' \n },\n promoLogo: { \n width: '70%',\n [theme.breakpoints.only('xs')]: {\n width: '50%',\n }\n },\n promoImagePlacer: {\n position: 'absolute',\n width: '100%',\n left: '-2%',\n width: '70%',\n },\n promoImagePlacerVariantTall: {\n height: '50%',\n },\n promoImagePlacerVariantWide: {\n height: '50%',\n },\n promoImage: {\n [theme.breakpoints.only('xs')]: {\n width: '120%',\n maxWidth: 300,\n transform: 'translate3d(50%, 50%, 0)',\n zIndex: 0,\n position: 'absolute',\n right: 0,\n bottom: 0,\n }\n },\n promoImageWrapper: {\n display: 'table',\n backgroundSize: 'contain',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n width: '125%',\n height: '125%',\n marginTop: '-5%',\n right: '20%',\n position: 'relative',\n zIndex: 100,\n },\n offerTitle: {\n position: 'flex',\n width: '100%',\n color: 'white',\n paddingBottom: '3%',\n //fontSize: '2.6vw',\n [theme.breakpoints.only('xs')]: {\n marginTop: '3%',\n width: '100%',\n //fontSize: '2.9vh',\n }\n },\n offerDesc: {\n position: 'flex',\n width: '90%',\n color: 'white',\n //fontSize: '1.4vw',\n paddingBottom: '3%',\n //lineHeight: '1.45vw',\n //height: '25%',\n [theme.breakpoints.only('xs')]: {\n //fontSize: '3.3vw',\n //lineHeight: '3.35vw',\n width: '100%',\n paddingTop: '3%',\n marginBottom: 'top',\n zIndex: 100,\n height: 'auto',\n }\n },\n ctaButton: {\n position: 'flex',\n alignSelf: 'flex-end',\n width: '80%',\n //fontSize: '1.2rem',\n fontWeight: '500',\n height: '50px',\n padding: '0',\n [theme.breakpoints.down('xs')]: {\n width: '100%',\n height: '40px',\n //fontSize: '1.2rem',\n },\n },\n stamp: {\n position: 'absolute',\n width: 'fit-content',\n padding: '5px !important',\n top: 80,\n right: 40,\n //marginTop: 100,\n zIndex: 101,\n [theme.breakpoints.only('xs')]: {\n width: 'fit-content',\n left: '15px',\n padding: 'initial !important',\n position: 'absolute',\n top: 'unset',\n bottom: '45%',\n }\n },\n stampTitle: {\n width: '80%',\n margin: '0 auto',\n //paddingBottom: 5,\n textTransform: 'uppercase',\n ...theme.fonts.faces.bodyXS,\n ...theme.fonts.weights.bold,\n [theme.breakpoints.down('sm')]: {\n ...theme.fonts.weights.bold,\n },\n },\n stamphigHightedText: {\n ...theme.fonts.faces.titleXXXL,\n ...theme.fonts.weights.bold,\n [theme.breakpoints.down('sm')]: {\n ...theme.fonts.faces.titleXXXL,\n ...theme.fonts.weights.bold,\n },\n }\n}));\n\nconst HeroStamp = ({ text, highlightedText }) => {\n const classes = useStyles();\n return (\n \n \n {text} \n {highlightedText} \n \n );\n\n};\n\nconst PrelaunchOfferModule = ({ site, promo, variant }) => {\n const classes = useStyles()\n\n const { t, i18n } = useTranslation()\n\n const stamp = {\n text: t('prelaunch.offer.stamp.text'),\n highlightedText: t('prelaunch.offer.stamp.highlightedText'),\n }\n\n const variantClass = classes[`promoVariant${capitalize(variant)}`];\n const placerVariantClass = classes[`promoImagePlacerVariant${capitalize(variant)}`];\n\n return (\n \n \n \n {t('prelaunch.offer.title')} \n \n \n \n \n {t('prelaunch.offer.product')} \n \n
\n
\n {t('prelaunch.offer.description')} \n \n {t(`prelaunch.offer.cta`)} \n \n \n \n \n \n \n \n \n \n {t('prelaunch.offer.product')} \n {t('prelaunch.offer.description')} \n \n {t(`prelaunch.offer.cta`)} \n \n \n \n \n
\n \n \n \n \n \n );\n};\n\nconst defaultProps = {\n variant: 'tall'\n};\n\nPrelaunchOfferModule.propTypes = {\n /**\n * the module type\n */\n variant: PropTypes.oneOf(['tall', 'wide']),\n};\n\nPrelaunchOfferModule.defaultProps = defaultProps;\n\nexport default PrelaunchOfferModule;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.parseStartTime = parseStartTime;\nexports.parseEndTime = parseEndTime;\nexports.randomString = randomString;\nexports.queryString = queryString;\nexports.getSDK = getSDK;\nexports.getConfig = getConfig;\nexports.omit = omit;\nexports.callPlayer = callPlayer;\nexports.isMediaStream = isMediaStream;\nexports.isBlobUrl = isBlobUrl;\nexports.supportsWebKitPresentationMode = supportsWebKitPresentationMode;\nvar _loadScript = _interopRequireDefault(require(\"load-script\"));\nvar _deepmerge = _interopRequireDefault(require(\"deepmerge\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n return arr2;\n}\nfunction _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n}\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\nvar MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/;\nvar MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/;\nvar MATCH_START_STAMP = /(\\d+)(h|m|s)/g;\nvar MATCH_NUMERIC = /^\\d+$/; // Parse YouTube URL for a start time param, ie ?t=1h14m30s\n// and return the start time in seconds\n\nfunction parseTimeParam(url, pattern) {\n if (url instanceof Array) {\n return undefined;\n }\n var match = url.match(pattern);\n if (match) {\n var stamp = match[1];\n if (stamp.match(MATCH_START_STAMP)) {\n return parseTimeString(stamp);\n }\n if (MATCH_NUMERIC.test(stamp)) {\n return parseInt(stamp);\n }\n }\n return undefined;\n}\nfunction parseTimeString(stamp) {\n var seconds = 0;\n var array = MATCH_START_STAMP.exec(stamp);\n while (array !== null) {\n var _array = array,\n _array2 = _slicedToArray(_array, 3),\n count = _array2[1],\n period = _array2[2];\n if (period === 'h') seconds += parseInt(count, 10) * 60 * 60;\n if (period === 'm') seconds += parseInt(count, 10) * 60;\n if (period === 's') seconds += parseInt(count, 10);\n array = MATCH_START_STAMP.exec(stamp);\n }\n return seconds;\n}\nfunction parseStartTime(url) {\n return parseTimeParam(url, MATCH_START_QUERY);\n}\nfunction parseEndTime(url) {\n return parseTimeParam(url, MATCH_END_QUERY);\n} // http://stackoverflow.com/a/38622545\n\nfunction randomString() {\n return Math.random().toString(36).substr(2, 5);\n}\nfunction queryString(object) {\n return Object.keys(object).map(function (key) {\n return \"\".concat(key, \"=\").concat(object[key]);\n }).join('&');\n}\nfunction getGlobal(key) {\n if (window[key]) {\n return window[key];\n }\n if (window.exports && window.exports[key]) {\n return window.exports[key];\n }\n if (window.module && window.module.exports && window.module.exports[key]) {\n return window.module.exports[key];\n }\n return null;\n} // Util function to load an external SDK\n// or return the SDK if it is already loaded\n\nvar requests = {};\nfunction getSDK(url, sdkGlobal) {\n var sdkReady = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n var isLoaded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {\n return true;\n };\n var fetchScript = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : _loadScript[\"default\"];\n var existingGlobal = getGlobal(sdkGlobal);\n if (existingGlobal && isLoaded(existingGlobal)) {\n return Promise.resolve(existingGlobal);\n }\n return new Promise(function (resolve, reject) {\n // If we are already loading the SDK, add the resolve and reject\n // functions to the existing array of requests\n if (requests[url]) {\n requests[url].push({\n resolve: resolve,\n reject: reject\n });\n return;\n }\n requests[url] = [{\n resolve: resolve,\n reject: reject\n }];\n var onLoaded = function onLoaded(sdk) {\n // When loaded, resolve all pending request promises\n requests[url].forEach(function (request) {\n return request.resolve(sdk);\n });\n };\n if (sdkReady) {\n var previousOnReady = window[sdkReady];\n window[sdkReady] = function () {\n if (previousOnReady) previousOnReady();\n onLoaded(getGlobal(sdkGlobal));\n };\n }\n fetchScript(url, function (err) {\n if (err) {\n // Loading the SDK failed – reject all requests and\n // reset the array of requests for this SDK\n requests[url].forEach(function (request) {\n return request.reject(err);\n });\n requests[url] = null;\n } else if (!sdkReady) {\n onLoaded(getGlobal(sdkGlobal));\n }\n });\n });\n}\nfunction getConfig(props, defaultProps) {\n return (0, _deepmerge[\"default\"])(defaultProps.config, props.config);\n}\nfunction omit(object) {\n var _ref;\n for (var _len = arguments.length, arrays = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n arrays[_key - 1] = arguments[_key];\n }\n var omitKeys = (_ref = []).concat.apply(_ref, arrays);\n var output = {};\n var keys = Object.keys(object);\n for (var _i2 = 0, _keys = keys; _i2 < _keys.length; _i2++) {\n var key = _keys[_i2];\n if (omitKeys.indexOf(key) === -1) {\n output[key] = object[key];\n }\n }\n return output;\n}\nfunction callPlayer(method) {\n var _this$player;\n\n // Util method for calling a method on this.player\n // but guard against errors and console.warn instead\n if (!this.player || !this.player[method]) {\n var message = \"ReactPlayer: \".concat(this.constructor.displayName, \" player could not call %c\").concat(method, \"%c \\u2013 \");\n if (!this.player) {\n message += 'The player was not available';\n } else if (!this.player[method]) {\n message += 'The method was not available';\n }\n console.warn(message, 'font-weight: bold', '');\n return null;\n }\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n return (_this$player = this.player)[method].apply(_this$player, args);\n}\nfunction isMediaStream(url) {\n return typeof window !== 'undefined' && typeof window.MediaStream !== 'undefined' && url instanceof window.MediaStream;\n}\nfunction isBlobUrl(url) {\n return /^blob:/.test(url);\n}\nfunction supportsWebKitPresentationMode() {\n var video = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.createElement('video');\n // Check if Safari supports PiP, and is not on mobile (other than iPad)\n // iPhone safari appears to \"support\" PiP through the check, however PiP does not function\n var notMobile = /iPhone|iPod/.test(navigator.userAgent) === false;\n return video.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === 'function' && notMobile;\n}","function isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\nfunction extend(target, src) {\n var noExtend = ['__proto__', 'constructor', 'prototype'];\n Object.keys(src).filter(function (key) {\n return noExtend.indexOf(key) < 0;\n }).forEach(function (key) {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]);\n } else {\n target[key] = src[key];\n }\n });\n}\nfunction needsNavigation(params) {\n if (params === void 0) {\n params = {};\n }\n return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';\n}\nfunction needsPagination(params) {\n if (params === void 0) {\n params = {};\n }\n return params.pagination && typeof params.pagination.el === 'undefined';\n}\nfunction needsScrollbar(params) {\n if (params === void 0) {\n params = {};\n }\n return params.scrollbar && typeof params.scrollbar.el === 'undefined';\n}\nfunction uniqueClasses(classNames) {\n if (classNames === void 0) {\n classNames = '';\n }\n var classes = classNames.split(' ').map(function (c) {\n return c.trim();\n }).filter(function (c) {\n return !!c;\n });\n var unique = [];\n classes.forEach(function (c) {\n if (unique.indexOf(c) < 0) unique.push(c);\n });\n return unique.join(' ');\n}\nexport { isObject, extend, needsNavigation, needsPagination, needsScrollbar, uniqueClasses };","import React from \"react\"\nimport clsx from \"clsx\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Box, Hidden } from \"@material-ui/core\"\n\nimport AddCircleIcon from \"@material-ui/icons/AddCircle\"\nimport Text from \"./Text\"\nimport Picture from \"./Picture\"\nimport Icon from \"./Icon\"\n\nconst useStyles = makeStyles(theme => ({\n container: {\n margin: theme.spacing(1 / 4),\n },\n figure: {\n position: \"relative\",\n padding: theme.spacing(3),\n width: \"100%\",\n height: \"100%\",\n display: \"block\",\n flexWrap: \"wrap\",\n overflow: \"hidden\",\n [theme.breakpoints.down(\"sm\")]: {\n minHeight: 235,\n padding: theme.spacing(1),\n },\n },\n hover: {\n \"&:hover\": {\n cursor: \"pointer\",\n boxShadow: `inset 0 0 0 4px ${theme.customPalette.tangerine}`,\n [theme.breakpoints.down(\"sm\")]: {\n boxShadow: \"none\",\n },\n },\n \"&:hover .hoverIcon\": {\n display: \"flex\",\n [theme.breakpoints.down(\"sm\")]: {\n display: \"none\",\n },\n },\n },\n hoverIcon: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"none\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: theme.customPalette.tangerine,\n fontSize: 40,\n },\n background: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n opacity: \"0.67\",\n backgroundImage:\n \"radial-gradient(circle at 52% 60%, #ffffff, #cecece 157%)\",\n zIndex: -1,\n },\n imageContainer: {\n height: 350,\n display: \"flex\",\n alignItems: \"flex-end\",\n justifyContent: \"center\",\n flexGrow: 0,\n width: \"100%\",\n paddingBottom: theme.spacing(3),\n [theme.breakpoints.down(\"sm\")]: {\n height: 194,\n paddingBottom: theme.spacing(1),\n },\n },\n image: {\n height: \"100%\",\n width: \"auto\",\n maxHeight: \"100%\",\n },\n img: {\n height: \"100%\",\n width: \"auto\",\n },\n title: {\n width: \"100%\",\n textAlign: \"left\",\n },\n subtitle: {\n marginTop: theme.spacing(1),\n },\n promoText: {\n background: theme.customPalette.darkishPurple,\n padding: \"8px 0px\",\n width: \"200px\",\n position: \"absolute\",\n left: \"-61px\",\n transform: \"rotate3d(0,0,1,-45deg)\",\n fontSize: \"11px\",\n [theme.breakpoints.down(\"sm\")]: {\n top: 24,\n },\n },\n addIcon: {\n height: 16,\n },\n highlighted: {\n [theme.breakpoints.down(\"sm\")]: {\n position: \"relative\",\n height: 445,\n },\n \"& $figure\": {\n [theme.breakpoints.down(\"sm\")]: {\n position: \"absolute\",\n bottom: 0,\n height: 392,\n overflow: \"visible\",\n },\n },\n \"& $imageContainer\": {\n [theme.breakpoints.down(\"sm\")]: {\n height: 400,\n width: \"fit-content\",\n margin: \"auto\",\n marginTop: \"-49px\",\n },\n },\n \"& $image\": {\n [theme.breakpoints.down(\"sm\")]: {\n height: 445,\n },\n },\n },\n}))\n\nconst FigureCard = ({\n className,\n title,\n subtitle,\n picture,\n imageUrl,\n highlighted,\n promoText,\n onClick,\n classesFigure,\n flexImage,\n index,\n hover,\n}) => {\n const classes = useStyles()\n\n return (\n \n \n {promoText && (\n \n {promoText}\n \n )}\n \n \n \n \n \n \n \n {title}\n \n {hover && (\n \n \n )}\n \n {subtitle && (\n \n {subtitle}\n \n )}\n \n \n \n )\n}\n\nexport default FigureCard\n","export default function requirePropFactory(componentNameInError) {\n if (process.env.NODE_ENV === 'production') {\n return function () {\n return null;\n };\n }\n var requireProp = function requireProp(requiredProp) {\n return function (props, propName, componentName, location, propFullName) {\n var propFullNameSafe = propFullName || propName;\n if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameInError, \"` must be used on `\").concat(requiredProp, \"`.\"));\n }\n return null;\n };\n };\n return requireProp;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.InnerSlider = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _initialState = _interopRequireDefault(require(\"./initial-state\"));\nvar _lodash = _interopRequireDefault(require(\"lodash.debounce\"));\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\nvar _track = require(\"./track\");\nvar _dots = require(\"./dots\");\nvar _arrows = require(\"./arrows\");\nvar _resizeObserverPolyfill = _interopRequireDefault(require(\"resize-observer-polyfill\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = _objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n return target;\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar InnerSlider = /*#__PURE__*/function (_React$Component) {\n _inherits(InnerSlider, _React$Component);\n var _super = _createSuper(InnerSlider);\n function InnerSlider(props) {\n var _this;\n _classCallCheck(this, InnerSlider);\n _this = _super.call(this, props);\n _defineProperty(_assertThisInitialized(_this), \"listRefHandler\", function (ref) {\n return _this.list = ref;\n });\n _defineProperty(_assertThisInitialized(_this), \"trackRefHandler\", function (ref) {\n return _this.track = ref;\n });\n _defineProperty(_assertThisInitialized(_this), \"adaptHeight\", function () {\n if (_this.props.adaptiveHeight && _this.list) {\n var elem = _this.list.querySelector(\"[data-index=\\\"\".concat(_this.state.currentSlide, \"\\\"]\"));\n _this.list.style.height = (0, _innerSliderUtils.getHeight)(elem) + \"px\";\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"componentDidMount\", function () {\n _this.props.onInit && _this.props.onInit();\n if (_this.props.lazyLoad) {\n var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread(_objectSpread({}, _this.props), _this.state));\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n }\n var spec = _objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props);\n _this.updateState(spec, true, function () {\n _this.adaptHeight();\n _this.props.autoplay && _this.autoPlay(\"update\");\n });\n if (_this.props.lazyLoad === \"progressive\") {\n _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);\n }\n _this.ro = new _resizeObserverPolyfill[\"default\"](function () {\n if (_this.state.animating) {\n _this.onWindowResized(false); // don't set trackStyle hence don't break animation\n\n _this.callbackTimers.push(setTimeout(function () {\n return _this.onWindowResized();\n }, _this.props.speed));\n } else {\n _this.onWindowResized();\n }\n });\n _this.ro.observe(_this.list);\n document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll(\".slick-slide\"), function (slide) {\n slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;\n slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;\n });\n if (window.addEventListener) {\n window.addEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.attachEvent(\"onresize\", _this.onWindowResized);\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"componentWillUnmount\", function () {\n if (_this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n }\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n }\n if (_this.callbackTimers.length) {\n _this.callbackTimers.forEach(function (timer) {\n return clearTimeout(timer);\n });\n _this.callbackTimers = [];\n }\n if (window.addEventListener) {\n window.removeEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.detachEvent(\"onresize\", _this.onWindowResized);\n }\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n _this.ro.disconnect();\n });\n _defineProperty(_assertThisInitialized(_this), \"componentDidUpdate\", function (prevProps) {\n _this.checkImagesLoad();\n _this.props.onReInit && _this.props.onReInit();\n if (_this.props.lazyLoad) {\n var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread(_objectSpread({}, _this.props), _this.state));\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n } // if (this.props.onLazyLoad) {\n // this.props.onLazyLoad([leftMostSlide])\n // }\n\n _this.adaptHeight();\n var spec = _objectSpread(_objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props), _this.state);\n var setTrackStyle = _this.didPropsChange(prevProps);\n setTrackStyle && _this.updateState(spec, setTrackStyle, function () {\n if (_this.state.currentSlide >= _react[\"default\"].Children.count(_this.props.children)) {\n _this.changeSlide({\n message: \"index\",\n index: _react[\"default\"].Children.count(_this.props.children) - _this.props.slidesToShow,\n currentSlide: _this.state.currentSlide\n });\n }\n if (_this.props.autoplay) {\n _this.autoPlay(\"update\");\n } else {\n _this.pause(\"paused\");\n }\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"onWindowResized\", function (setTrackStyle) {\n if (_this.debouncedResize) _this.debouncedResize.cancel();\n _this.debouncedResize = (0, _lodash[\"default\"])(function () {\n return _this.resizeWindow(setTrackStyle);\n }, 50);\n _this.debouncedResize();\n });\n _defineProperty(_assertThisInitialized(_this), \"resizeWindow\", function () {\n var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var isTrackMounted = Boolean(_this.track && _this.track.node); // prevent warning: setting state on unmounted component (server side rendering)\n\n if (!isTrackMounted) return;\n var spec = _objectSpread(_objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props), _this.state);\n _this.updateState(spec, setTrackStyle, function () {\n if (_this.props.autoplay) _this.autoPlay(\"update\");else _this.pause(\"paused\");\n }); // animating state should be cleared while resizing, otherwise autoplay stops working\n\n _this.setState({\n animating: false\n });\n clearTimeout(_this.animationEndCallback);\n delete _this.animationEndCallback;\n });\n _defineProperty(_assertThisInitialized(_this), \"updateState\", function (spec, setTrackStyle, callback) {\n var updatedState = (0, _innerSliderUtils.initializedState)(spec);\n spec = _objectSpread(_objectSpread(_objectSpread({}, spec), updatedState), {}, {\n slideIndex: updatedState.currentSlide\n });\n var targetLeft = (0, _innerSliderUtils.getTrackLeft)(spec);\n spec = _objectSpread(_objectSpread({}, spec), {}, {\n left: targetLeft\n });\n var trackStyle = (0, _innerSliderUtils.getTrackCSS)(spec);\n if (setTrackStyle || _react[\"default\"].Children.count(_this.props.children) !== _react[\"default\"].Children.count(spec.children)) {\n updatedState[\"trackStyle\"] = trackStyle;\n }\n _this.setState(updatedState, callback);\n });\n _defineProperty(_assertThisInitialized(_this), \"ssrInit\", function () {\n if (_this.props.variableWidth) {\n var _trackWidth = 0,\n _trackLeft = 0;\n var childrenWidths = [];\n var preClones = (0, _innerSliderUtils.getPreClones)(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: _this.props.children.length\n }));\n var postClones = (0, _innerSliderUtils.getPostClones)(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: _this.props.children.length\n }));\n _this.props.children.forEach(function (child) {\n childrenWidths.push(child.props.style.width);\n _trackWidth += child.props.style.width;\n });\n for (var i = 0; i < preClones; i++) {\n _trackLeft += childrenWidths[childrenWidths.length - 1 - i];\n _trackWidth += childrenWidths[childrenWidths.length - 1 - i];\n }\n for (var _i = 0; _i < postClones; _i++) {\n _trackWidth += childrenWidths[_i];\n }\n for (var _i2 = 0; _i2 < _this.state.currentSlide; _i2++) {\n _trackLeft += childrenWidths[_i2];\n }\n var _trackStyle = {\n width: _trackWidth + \"px\",\n left: -_trackLeft + \"px\"\n };\n if (_this.props.centerMode) {\n var currentWidth = \"\".concat(childrenWidths[_this.state.currentSlide], \"px\");\n _trackStyle.left = \"calc(\".concat(_trackStyle.left, \" + (100% - \").concat(currentWidth, \") / 2 ) \");\n }\n return {\n trackStyle: _trackStyle\n };\n }\n var childrenCount = _react[\"default\"].Children.count(_this.props.children);\n var spec = _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: childrenCount\n });\n var slideCount = (0, _innerSliderUtils.getPreClones)(spec) + (0, _innerSliderUtils.getPostClones)(spec) + childrenCount;\n var trackWidth = 100 / _this.props.slidesToShow * slideCount;\n var slideWidth = 100 / slideCount;\n var trackLeft = -slideWidth * ((0, _innerSliderUtils.getPreClones)(spec) + _this.state.currentSlide) * trackWidth / 100;\n if (_this.props.centerMode) {\n trackLeft += (100 - slideWidth * trackWidth / 100) / 2;\n }\n var trackStyle = {\n width: trackWidth + \"%\",\n left: trackLeft + \"%\"\n };\n return {\n slideWidth: slideWidth + \"%\",\n trackStyle: trackStyle\n };\n });\n _defineProperty(_assertThisInitialized(_this), \"checkImagesLoad\", function () {\n var images = _this.list.querySelectorAll && _this.list.querySelectorAll(\".slick-slide img\") || [];\n var imagesCount = images.length,\n loadedCount = 0;\n Array.prototype.forEach.call(images, function (image) {\n var handler = function handler() {\n return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();\n };\n if (!image.onclick) {\n image.onclick = function () {\n return image.parentNode.focus();\n };\n } else {\n var prevClickHandler = image.onclick;\n image.onclick = function () {\n prevClickHandler();\n image.parentNode.focus();\n };\n }\n if (!image.onload) {\n if (_this.props.lazyLoad) {\n image.onload = function () {\n _this.adaptHeight();\n _this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));\n };\n } else {\n image.onload = handler;\n image.onerror = function () {\n handler();\n _this.props.onLazyLoadError && _this.props.onLazyLoadError();\n };\n }\n }\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"progressiveLazyLoad\", function () {\n var slidesToLoad = [];\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n for (var index = _this.state.currentSlide; index < _this.state.slideCount + (0, _innerSliderUtils.getPostClones)(spec); index++) {\n if (_this.state.lazyLoadedList.indexOf(index) < 0) {\n slidesToLoad.push(index);\n break;\n }\n }\n for (var _index = _this.state.currentSlide - 1; _index >= -(0, _innerSliderUtils.getPreClones)(spec); _index--) {\n if (_this.state.lazyLoadedList.indexOf(_index) < 0) {\n slidesToLoad.push(_index);\n break;\n }\n }\n if (slidesToLoad.length > 0) {\n _this.setState(function (state) {\n return {\n lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)\n };\n });\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n } else {\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n delete _this.lazyLoadTimer;\n }\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"slideHandler\", function (index) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var _this$props = _this.props,\n asNavFor = _this$props.asNavFor,\n beforeChange = _this$props.beforeChange,\n onLazyLoad = _this$props.onLazyLoad,\n speed = _this$props.speed,\n afterChange = _this$props.afterChange; // capture currentslide before state is updated\n\n var currentSlide = _this.state.currentSlide;\n var _slideHandler = (0, _innerSliderUtils.slideHandler)(_objectSpread(_objectSpread(_objectSpread({\n index: index\n }, _this.props), _this.state), {}, {\n trackRef: _this.track,\n useCSS: _this.props.useCSS && !dontAnimate\n })),\n state = _slideHandler.state,\n nextState = _slideHandler.nextState;\n if (!state) return;\n beforeChange && beforeChange(currentSlide, state.currentSlide);\n var slidesToLoad = state.lazyLoadedList.filter(function (value) {\n return _this.state.lazyLoadedList.indexOf(value) < 0;\n });\n onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);\n if (!_this.props.waitForAnimate && _this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n afterChange && afterChange(currentSlide);\n delete _this.animationEndCallback;\n }\n _this.setState(state, function () {\n // asNavForIndex check is to avoid recursive calls of slideHandler in waitForAnimate=false mode\n if (asNavFor && _this.asNavForIndex !== index) {\n _this.asNavForIndex = index;\n asNavFor.innerSlider.slideHandler(index);\n }\n if (!nextState) return;\n _this.animationEndCallback = setTimeout(function () {\n var animating = nextState.animating,\n firstBatch = _objectWithoutProperties(nextState, [\"animating\"]);\n _this.setState(firstBatch, function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.setState({\n animating: animating\n });\n }, 10));\n afterChange && afterChange(state.currentSlide);\n delete _this.animationEndCallback;\n });\n }, speed);\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"changeSlide\", function (options) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n var targetSlide = (0, _innerSliderUtils.changeSlide)(spec, options);\n if (targetSlide !== 0 && !targetSlide) return;\n if (dontAnimate === true) {\n _this.slideHandler(targetSlide, dontAnimate);\n } else {\n _this.slideHandler(targetSlide);\n }\n _this.props.autoplay && _this.autoPlay(\"update\");\n if (_this.props.focusOnSelect) {\n var nodes = _this.list.querySelectorAll(\".slick-current\");\n nodes[0] && nodes[0].focus();\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"clickHandler\", function (e) {\n if (_this.clickable === false) {\n e.stopPropagation();\n e.preventDefault();\n }\n _this.clickable = true;\n });\n _defineProperty(_assertThisInitialized(_this), \"keyHandler\", function (e) {\n var dir = (0, _innerSliderUtils.keyHandler)(e, _this.props.accessibility, _this.props.rtl);\n dir !== \"\" && _this.changeSlide({\n message: dir\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"selectHandler\", function (options) {\n _this.changeSlide(options);\n });\n _defineProperty(_assertThisInitialized(_this), \"disableBodyScroll\", function () {\n var preventDefault = function preventDefault(e) {\n e = e || window.event;\n if (e.preventDefault) e.preventDefault();\n e.returnValue = false;\n };\n window.ontouchmove = preventDefault;\n });\n _defineProperty(_assertThisInitialized(_this), \"enableBodyScroll\", function () {\n window.ontouchmove = null;\n });\n _defineProperty(_assertThisInitialized(_this), \"swipeStart\", function (e) {\n if (_this.props.verticalSwiping) {\n _this.disableBodyScroll();\n }\n var state = (0, _innerSliderUtils.swipeStart)(e, _this.props.swipe, _this.props.draggable);\n state !== \"\" && _this.setState(state);\n });\n _defineProperty(_assertThisInitialized(_this), \"swipeMove\", function (e) {\n var state = (0, _innerSliderUtils.swipeMove)(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n if (state[\"swiping\"]) {\n _this.clickable = false;\n }\n _this.setState(state);\n });\n _defineProperty(_assertThisInitialized(_this), \"swipeEnd\", function (e) {\n var state = (0, _innerSliderUtils.swipeEnd)(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n var triggerSlideHandler = state[\"triggerSlideHandler\"];\n delete state[\"triggerSlideHandler\"];\n _this.setState(state);\n if (triggerSlideHandler === undefined) return;\n _this.slideHandler(triggerSlideHandler);\n if (_this.props.verticalSwiping) {\n _this.enableBodyScroll();\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"touchEnd\", function (e) {\n _this.swipeEnd(e);\n _this.clickable = true;\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n // this and fellow methods are wrapped in setTimeout\n // to make sure initialize setState has happened before\n // any of such methods are called\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"previous\"\n });\n }, 0));\n });\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"next\"\n });\n }, 0));\n });\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n slide = Number(slide);\n if (isNaN(slide)) return \"\";\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"index\",\n index: slide,\n currentSlide: _this.state.currentSlide\n }, dontAnimate);\n }, 0));\n });\n _defineProperty(_assertThisInitialized(_this), \"play\", function () {\n var nextIndex;\n if (_this.props.rtl) {\n nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;\n } else {\n if ((0, _innerSliderUtils.canGoNext)(_objectSpread(_objectSpread({}, _this.props), _this.state))) {\n nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;\n } else {\n return false;\n }\n }\n _this.slideHandler(nextIndex);\n });\n _defineProperty(_assertThisInitialized(_this), \"autoPlay\", function (playType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n var autoplaying = _this.state.autoplaying;\n if (playType === \"update\") {\n if (autoplaying === \"hovered\" || autoplaying === \"focused\" || autoplaying === \"paused\") {\n return;\n }\n } else if (playType === \"leave\") {\n if (autoplaying === \"paused\" || autoplaying === \"focused\") {\n return;\n }\n } else if (playType === \"blur\") {\n if (autoplaying === \"paused\" || autoplaying === \"hovered\") {\n return;\n }\n }\n _this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);\n _this.setState({\n autoplaying: \"playing\"\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"pause\", function (pauseType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n _this.autoplayTimer = null;\n }\n var autoplaying = _this.state.autoplaying;\n if (pauseType === \"paused\") {\n _this.setState({\n autoplaying: \"paused\"\n });\n } else if (pauseType === \"focused\") {\n if (autoplaying === \"hovered\" || autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"focused\"\n });\n }\n } else {\n // pauseType is 'hovered'\n if (autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"hovered\"\n });\n }\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"onDotsOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onDotsLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onTrackOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onTrackLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onSlideFocus\", function () {\n return _this.props.autoplay && _this.pause(\"focused\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onSlideBlur\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"focused\" && _this.autoPlay(\"blur\");\n });\n _defineProperty(_assertThisInitialized(_this), \"render\", function () {\n var className = (0, _classnames[\"default\"])(\"slick-slider\", _this.props.className, {\n \"slick-vertical\": _this.props.vertical,\n \"slick-initialized\": true\n });\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n var trackProps = (0, _innerSliderUtils.extractObject)(spec, [\"fade\", \"cssEase\", \"speed\", \"infinite\", \"centerMode\", \"focusOnSelect\", \"currentSlide\", \"lazyLoad\", \"lazyLoadedList\", \"rtl\", \"slideWidth\", \"slideHeight\", \"listHeight\", \"vertical\", \"slidesToShow\", \"slidesToScroll\", \"slideCount\", \"trackStyle\", \"variableWidth\", \"unslick\", \"centerPadding\", \"targetSlide\", \"useCSS\"]);\n var pauseOnHover = _this.props.pauseOnHover;\n trackProps = _objectSpread(_objectSpread({}, trackProps), {}, {\n onMouseEnter: pauseOnHover ? _this.onTrackOver : null,\n onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,\n onMouseOver: pauseOnHover ? _this.onTrackOver : null,\n focusOnSelect: _this.props.focusOnSelect && _this.clickable ? _this.selectHandler : null\n });\n var dots;\n if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {\n var dotProps = (0, _innerSliderUtils.extractObject)(spec, [\"dotsClass\", \"slideCount\", \"slidesToShow\", \"currentSlide\", \"slidesToScroll\", \"clickHandler\", \"children\", \"customPaging\", \"infinite\", \"appendDots\"]);\n var pauseOnDotsHover = _this.props.pauseOnDotsHover;\n dotProps = _objectSpread(_objectSpread({}, dotProps), {}, {\n clickHandler: _this.changeSlide,\n onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,\n onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,\n onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null\n });\n dots = /*#__PURE__*/_react[\"default\"].createElement(_dots.Dots, dotProps);\n }\n var prevArrow, nextArrow;\n var arrowProps = (0, _innerSliderUtils.extractObject)(spec, [\"infinite\", \"centerMode\", \"currentSlide\", \"slideCount\", \"slidesToShow\", \"prevArrow\", \"nextArrow\"]);\n arrowProps.clickHandler = _this.changeSlide;\n if (_this.props.arrows) {\n prevArrow = /*#__PURE__*/_react[\"default\"].createElement(_arrows.PrevArrow, arrowProps);\n nextArrow = /*#__PURE__*/_react[\"default\"].createElement(_arrows.NextArrow, arrowProps);\n }\n var verticalHeightStyle = null;\n if (_this.props.vertical) {\n verticalHeightStyle = {\n height: _this.state.listHeight\n };\n }\n var centerPaddingStyle = null;\n if (_this.props.vertical === false) {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: \"0px \" + _this.props.centerPadding\n };\n }\n } else {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: _this.props.centerPadding + \" 0px\"\n };\n }\n }\n var listStyle = _objectSpread(_objectSpread({}, verticalHeightStyle), centerPaddingStyle);\n var touchMove = _this.props.touchMove;\n var listProps = {\n className: \"slick-list\",\n style: listStyle,\n onClick: _this.clickHandler,\n onMouseDown: touchMove ? _this.swipeStart : null,\n onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onMouseUp: touchMove ? _this.swipeEnd : null,\n onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onTouchStart: touchMove ? _this.swipeStart : null,\n onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onTouchEnd: touchMove ? _this.touchEnd : null,\n onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onKeyDown: _this.props.accessibility ? _this.keyHandler : null\n };\n var innerSliderProps = {\n className: className,\n dir: \"ltr\",\n style: _this.props.style\n };\n if (_this.props.unslick) {\n listProps = {\n className: \"slick-list\"\n };\n innerSliderProps = {\n className: className\n };\n }\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", innerSliderProps, !_this.props.unslick ? prevArrow : \"\", /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({\n ref: _this.listRefHandler\n }, listProps), /*#__PURE__*/_react[\"default\"].createElement(_track.Track, _extends({\n ref: _this.trackRefHandler\n }, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : \"\", !_this.props.unslick ? dots : \"\");\n });\n _this.list = null;\n _this.track = null;\n _this.state = _objectSpread(_objectSpread({}, _initialState[\"default\"]), {}, {\n currentSlide: _this.props.initialSlide,\n slideCount: _react[\"default\"].Children.count(_this.props.children)\n });\n _this.callbackTimers = [];\n _this.clickable = true;\n _this.debouncedResize = null;\n var ssrState = _this.ssrInit();\n _this.state = _objectSpread(_objectSpread({}, _this.state), ssrState);\n return _this;\n }\n _createClass(InnerSlider, [{\n key: \"didPropsChange\",\n value: function didPropsChange(prevProps) {\n var setTrackStyle = false;\n for (var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++) {\n var key = _Object$keys[_i3];\n if (!prevProps.hasOwnProperty(key)) {\n setTrackStyle = true;\n break;\n }\n if (_typeof(prevProps[key]) === \"object\" || typeof prevProps[key] === \"function\") {\n continue;\n }\n if (prevProps[key] !== this.props[key]) {\n setTrackStyle = true;\n break;\n }\n }\n return setTrackStyle || _react[\"default\"].Children.count(this.props.children) !== _react[\"default\"].Children.count(prevProps.children);\n }\n }]);\n return InnerSlider;\n}(_react[\"default\"].Component);\nexports.InnerSlider = InnerSlider;","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Hidden, Box, Container } from '@material-ui/core';\r\n\r\nimport Module from '../components/Module';\r\nimport Text from '../components/Text';\r\nimport FluidImage from '../components/FluidImage';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n rowContent: {\r\n },\r\n container: {\r\n display: 'grid',\r\n gridGap: theme.spacing(9),\r\n gridTemplate: 'auto / 1fr auto',\r\n [theme.breakpoints.down('sm')]: {\r\n gridGap: theme.spacing(2),\r\n gridTemplate: 'auto / auto',\r\n }\r\n\r\n },\r\n borderBottom: {\r\n clear: 'both',\r\n display: 'block',\r\n width: '100%',\r\n position: 'relative',\r\n borderBottom: '1px solid #c0c0c0',\r\n top: theme.spacing(12),\r\n [theme.breakpoints.down('sm')]: {\r\n top: theme.spacing(4),\r\n }\r\n },\r\n imageLeft: {\r\n gridTemplate: 'auto / auto 1fr',\r\n [theme.breakpoints.down('sm')]: {\r\n gridTemplate: 'auto / auto',\r\n }\r\n },\r\n col: {\r\n\r\n },\r\n imageWrapper: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n width: '40vw',\r\n maxHeight: 250,\r\n //marginBottom: 64,\r\n [theme.breakpoints.down('sm')]: {\r\n marginBottom: 0,\r\n width: 'unset',\r\n maxWidth: 'unset',\r\n }\r\n },\r\n title: {\r\n fontFamily: 'SpeziaExtended',\r\n fontWeight: 'bold',\r\n fontSize: 40,\r\n lineHeight: '1.06',\r\n letterSpacing: -0.5,\r\n marginBottom: theme.spacing(3),\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 32,\r\n },\r\n },\r\n text: {\r\n fontWeight: 500,\r\n fontSize: 20,\r\n lineHeight: 1.25,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 16,\r\n },\r\n },\r\n img: {\r\n zIndex: 1,\r\n }\r\n}));\r\n\r\nconst TextContent = ({ title, text }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n {title} \r\n {text} \r\n );\r\n};\r\n\r\nconst ImageContentContent = ({ foregroundImage, mobileForegroundImage }) => {\r\n const classes = useStyles();\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\n\r\nconst RowContentModule = ({ title, text, foregroundImage, mobileForegroundImage, alignImageLeft, borderBottom }) => {\r\n const classes = useStyles();\r\n\r\n const Content = ({ printImage }) => (printImage ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {borderBottom &&
}\r\n \r\n );\r\n};\r\n\r\nexport default RowContentModule;\r\n","var QueryHandler = require('./QueryHandler');\nvar each = require('./Util').each;\n\n/**\n * Represents a single media query, manages it's state and registered handlers for this query\n *\n * @constructor\n * @param {string} query the media query string\n * @param {boolean} [isUnconditional=false] whether the media query should run regardless of whether the conditions are met. Primarily for helping older browsers deal with mobile-first design\n */\nfunction MediaQuery(query, isUnconditional) {\n this.query = query;\n this.isUnconditional = isUnconditional;\n this.handlers = [];\n this.mql = window.matchMedia(query);\n var self = this;\n this.listener = function (mql) {\n // Chrome passes an MediaQueryListEvent object, while other browsers pass MediaQueryList directly\n self.mql = mql.currentTarget || mql;\n self.assess();\n };\n this.mql.addListener(this.listener);\n}\nMediaQuery.prototype = {\n constuctor: MediaQuery,\n /**\n * add a handler for this query, triggering if already active\n *\n * @param {object} handler\n * @param {function} handler.match callback for when query is activated\n * @param {function} [handler.unmatch] callback for when query is deactivated\n * @param {function} [handler.setup] callback for immediate execution when a query handler is registered\n * @param {boolean} [handler.deferSetup=false] should the setup callback be deferred until the first time the handler is matched?\n */\n addHandler: function addHandler(handler) {\n var qh = new QueryHandler(handler);\n this.handlers.push(qh);\n this.matches() && qh.on();\n },\n /**\n * removes the given handler from the collection, and calls it's destroy methods\n *\n * @param {object || function} handler the handler to remove\n */\n removeHandler: function removeHandler(handler) {\n var handlers = this.handlers;\n each(handlers, function (h, i) {\n if (h.equals(handler)) {\n h.destroy();\n return !handlers.splice(i, 1); //remove from array and exit each early\n }\n });\n },\n\n /**\n * Determine whether the media query should be considered a match\n *\n * @return {Boolean} true if media query can be considered a match, false otherwise\n */\n matches: function matches() {\n return this.mql.matches || this.isUnconditional;\n },\n /**\n * Clears all handlers and unbinds events\n */\n clear: function clear() {\n each(this.handlers, function (handler) {\n handler.destroy();\n });\n this.mql.removeListener(this.listener);\n this.handlers.length = 0; //clear array\n },\n\n /*\n * Assesses the query, turning on all handlers if it matches, turning them off if it doesn't match\n */\n assess: function assess() {\n var action = this.matches() ? 'on' : 'off';\n each(this.handlers, function (handler) {\n handler[action]();\n });\n }\n};\nmodule.exports = MediaQuery;","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Module from \"../components/Module\"\nimport FluidImage from \"../components/FluidImage\"\nimport Text from \"../components/Text\"\nimport Button from \"../components/Button\"\n\nimport { Box } from \"@material-ui/core\"\n\nimport { Swiper, SwiperSlide } from \"swiper/react\"\nimport SwiperCore, { Lazy } from \"swiper\"\n\n// install Swiper modules\nSwiperCore.use([Lazy])\n\nconst useStyles = makeStyles(theme => ({\n benefits: {\n overflow: \"hidden\",\n \"& .swiper-container\": {\n width: \"100%\",\n listStyle: \"none\",\n marginLeft: \"auto\",\n marginRight: \"auto\",\n position: \"relative\",\n zIndex: 1,\n padding: 0,\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 2),\n },\n },\n \"& .swiper-wrapper\": {\n boxSizing: \"border-box\",\n display: \"flex\",\n height: \"100%\",\n position: \"relative\",\n transitionProperty: \"-webkit-transform\",\n transitionProperty: \"transform\",\n transitionProperty: \"transform,-webkit-transform\",\n width: \"100%\",\n zIndex: 1,\n },\n \"& .swiper-slide\": {\n flexShrink: 0,\n height: \"auto\",\n position: \"relative\",\n transitionProperty: \"-webkit-transform\",\n transitionProperty: \"transform\",\n transitionProperty: \"transform,-webkit-transform\",\n width: \"100%\",\n },\n },\n sectionLogo: {\n maxWidth: \"200px\",\n margin: \"20px auto\",\n },\n title: {\n color: \"#00828c\",\n paddingBottom: theme.spacing(2),\n [theme.breakpoints.down(\"sm\")]: {\n paddingBottom: theme.spacing(1),\n },\n },\n slider: {\n \"& .slick-list\": {\n overflow: \"hidden\",\n },\n },\n card: {\n backgroundSize: \"cover\",\n backgroundPosition: \"center center\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n width: \"100%\",\n height: \"275px\",\n padding: theme.spacing(2),\n [theme.breakpoints.down(\"sm\")]: {\n height: \"300px\",\n },\n },\n logo: {\n height: \"70px\",\n \"& img\": {\n height: \"100%\",\n marginLeft: \"0%\",\n marginRight: \"100%\",\n },\n },\n text: {\n fontSize: \"20px !important\",\n maxWidth: \"50%\",\n width: \"100%\",\n },\n button: {\n marginTop: theme.spacing(1),\n maxWidth: \"65%\",\n width: \"100%\",\n justifyContent: \"space-between !important\",\n [theme.breakpoints.down(\"sm\")]: { maxWidth: \"100%\" },\n backgroundColor: \"#ff3658\",\n \"&:hover\": {\n backgroundImage:\n \"linear-gradient(246.99deg, #ff3658 -.44%, #ae1277 101.69%)\",\n },\n },\n}))\n\nconst CrossSellingModule = ({\n background_color,\n section_logo,\n section_title,\n collections,\n ...others\n}) => {\n const classes = useStyles()\n const CollectionListElement = ({ cta, description, image, logo }) => {\n const classes = useStyles()\n let ctaHref = cta?.href || \"\"\n let ctaSplit = ctaHref.split(\"/\")\n const trakingCollection = ctaSplit[ctaSplit.length - 1]\n return (\n \n \n \n {description.field_value}\n \n {cta.href && cta.title && (\n \n \n {cta.title}\n \n \n )}\n \n \n )\n }\n\n return (\n \n \n {section_title.field_value}\n \n \n {(collections || []).map((collection, index) => {\n return (\n \n \n \n \n )\n })}\n \n \n )\n}\n\nconst defaultProps = {\n title: \"\",\n items: [],\n}\n\nCrossSellingModule.defaultProps = defaultProps\n\nexport default CrossSellingModule\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport Module from \"../components/Module\"\nimport { Box } from \"@material-ui/core\"\n\nconst useStyles = makeStyles(theme => ({\n containerButtonCookie: {\n width: \"85%\",\n },\n}))\n\nconst CookieProButtonModule = props => {\n const { title } = props\n const classes = useStyles()\n return (\n \n \n \n {title.field_value}\n \n \n \n )\n}\nexport default CookieProButtonModule\n","import React from 'react';\r\nimport DefaultTemplate from \"@src/site/templates/default\";\r\nimport Error from '@src/modules/common/Error';\r\nimport { detectAlpha2Country } from '@src/utils/country';\r\n\r\nexport default function Error404() {\r\n const country = detectAlpha2Country();\r\n const page = {\r\n content: null,\r\n seo: {},\r\n tracking: {\r\n dataLayer: [\r\n {\r\n country: country,\r\n pageFamily: \"home\",\r\n pageName: \"error\",\r\n userId: \"\"\r\n },\r\n ]\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n );\r\n}","import _toConsumableArray from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\";\nimport _assertThisInitialized from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\";\nimport _inherits from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/inherits.js\";\nimport _possibleConstructorReturn from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js\";\nimport _getPrototypeOf from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js\";\nimport _classCallCheck from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/classCallCheck.js\";\nimport _createClass from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/createClass.js\";\nimport _defineProperty from \"/tmp/build_6019938d/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nimport \"core-js/modules/es.array.reduce.js\";\nimport \"core-js/modules/es.array.sort.js\";\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport React, { useState, useCallback, forwardRef, useRef, useEffect, useImperativeHandle, useMemo } from 'react';\nvar is = {\n arr: Array.isArray,\n obj: function obj(a) {\n return Object.prototype.toString.call(a) === '[object Object]';\n },\n fun: function fun(a) {\n return typeof a === 'function';\n },\n str: function str(a) {\n return typeof a === 'string';\n },\n num: function num(a) {\n return typeof a === 'number';\n },\n und: function und(a) {\n return a === void 0;\n },\n nul: function nul(a) {\n return a === null;\n },\n set: function set(a) {\n return a instanceof Set;\n },\n map: function map(a) {\n return a instanceof Map;\n },\n equ: function equ(a, b) {\n if (typeof a !== typeof b) return false;\n if (is.str(a) || is.num(a)) return a === b;\n if (is.obj(a) && is.obj(b) && Object.keys(a).length + Object.keys(b).length === 0) return true;\n var i;\n for (i in a) if (!(i in b)) return false;\n for (i in b) if (a[i] !== b[i]) return false;\n return is.und(i) ? a === b : true;\n }\n};\nfunction merge(target, lowercase) {\n if (lowercase === void 0) {\n lowercase = true;\n }\n return function (object) {\n return (is.arr(object) ? object : Object.keys(object)).reduce(function (acc, element) {\n var key = lowercase ? element[0].toLowerCase() + element.substring(1) : element;\n acc[key] = target(key);\n return acc;\n }, target);\n };\n}\nfunction useForceUpdate() {\n var _useState = useState(false),\n f = _useState[1];\n var forceUpdate = useCallback(function () {\n return f(function (v) {\n return !v;\n });\n }, []);\n return forceUpdate;\n}\nfunction withDefault(value, defaultValue) {\n return is.und(value) || is.nul(value) ? defaultValue : value;\n}\nfunction toArray(a) {\n return !is.und(a) ? is.arr(a) ? a : [a] : [];\n}\nfunction callProp(obj) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n return is.fun(obj) ? obj.apply(void 0, args) : obj;\n}\nfunction getForwardProps(props) {\n var to = props.to,\n from = props.from,\n config = props.config,\n onStart = props.onStart,\n onRest = props.onRest,\n onFrame = props.onFrame,\n children = props.children,\n reset = props.reset,\n reverse = props.reverse,\n force = props.force,\n immediate = props.immediate,\n delay = props.delay,\n attach = props.attach,\n destroyed = props.destroyed,\n interpolateTo = props.interpolateTo,\n ref = props.ref,\n lazy = props.lazy,\n forward = _objectWithoutPropertiesLoose(props, [\"to\", \"from\", \"config\", \"onStart\", \"onRest\", \"onFrame\", \"children\", \"reset\", \"reverse\", \"force\", \"immediate\", \"delay\", \"attach\", \"destroyed\", \"interpolateTo\", \"ref\", \"lazy\"]);\n return forward;\n}\nfunction interpolateTo(props) {\n var forward = getForwardProps(props);\n if (is.und(forward)) return _extends({\n to: forward\n }, props);\n var rest = Object.keys(props).reduce(function (a, k) {\n return !is.und(forward[k]) ? a : _extends({}, a, _defineProperty({}, k, props[k]));\n }, {});\n return _extends({\n to: forward\n }, rest);\n}\nfunction handleRef(ref, forward) {\n if (forward) {\n // If it's a function, assume it's a ref callback\n if (is.fun(forward)) forward(ref);else if (is.obj(forward)) {\n forward.current = ref;\n }\n }\n return ref;\n}\nvar Animated = /*#__PURE__*/function () {\n function Animated() {\n _classCallCheck(this, Animated);\n this.payload = void 0;\n this.children = [];\n }\n _createClass(Animated, [{\n key: \"getAnimatedValue\",\n value: function getAnimatedValue() {\n return this.getValue();\n }\n }, {\n key: \"getPayload\",\n value: function getPayload() {\n return this.payload || this;\n }\n }, {\n key: \"attach\",\n value: function attach() {}\n }, {\n key: \"detach\",\n value: function detach() {}\n }, {\n key: \"getChildren\",\n value: function getChildren() {\n return this.children;\n }\n }, {\n key: \"addChild\",\n value: function addChild(child) {\n if (this.children.length === 0) this.attach();\n this.children.push(child);\n }\n }, {\n key: \"removeChild\",\n value: function removeChild(child) {\n var index = this.children.indexOf(child);\n this.children.splice(index, 1);\n if (this.children.length === 0) this.detach();\n }\n }]);\n return Animated;\n}();\nvar AnimatedArray = /*#__PURE__*/function (_Animated) {\n _inherits(AnimatedArray, _Animated);\n var _super = _createSuper(AnimatedArray);\n function AnimatedArray() {\n var _this2;\n _classCallCheck(this, AnimatedArray);\n _this2 = _super.apply(this, arguments);\n _this2.payload = [];\n _this2.attach = function () {\n return _this2.payload.forEach(function (p) {\n return p instanceof Animated && p.addChild(_assertThisInitialized(_this2));\n });\n };\n _this2.detach = function () {\n return _this2.payload.forEach(function (p) {\n return p instanceof Animated && p.removeChild(_assertThisInitialized(_this2));\n });\n };\n return _this2;\n }\n return _createClass(AnimatedArray);\n}(Animated);\nvar AnimatedObject = /*#__PURE__*/function (_Animated2) {\n _inherits(AnimatedObject, _Animated2);\n var _super2 = _createSuper(AnimatedObject);\n function AnimatedObject() {\n var _this3;\n _classCallCheck(this, AnimatedObject);\n _this3 = _super2.apply(this, arguments);\n _this3.payload = {};\n _this3.attach = function () {\n return Object.values(_this3.payload).forEach(function (s) {\n return s instanceof Animated && s.addChild(_assertThisInitialized(_this3));\n });\n };\n _this3.detach = function () {\n return Object.values(_this3.payload).forEach(function (s) {\n return s instanceof Animated && s.removeChild(_assertThisInitialized(_this3));\n });\n };\n return _this3;\n }\n _createClass(AnimatedObject, [{\n key: \"getValue\",\n value: function getValue(animated) {\n if (animated === void 0) {\n animated = false;\n }\n var payload = {};\n for (var key in this.payload) {\n var value = this.payload[key];\n if (animated && !(value instanceof Animated)) continue;\n payload[key] = value instanceof Animated ? value[animated ? 'getAnimatedValue' : 'getValue']() : value;\n }\n return payload;\n }\n }, {\n key: \"getAnimatedValue\",\n value: function getAnimatedValue() {\n return this.getValue(true);\n }\n }]);\n return AnimatedObject;\n}(Animated);\nvar applyAnimatedValues;\nfunction injectApplyAnimatedValues(fn, transform) {\n applyAnimatedValues = {\n fn: fn,\n transform: transform\n };\n}\nvar colorNames;\nfunction injectColorNames(names) {\n colorNames = names;\n}\nvar requestFrame = function requestFrame(cb) {\n return typeof window !== 'undefined' ? window.requestAnimationFrame(cb) : -1;\n};\nvar cancelFrame = function cancelFrame(id) {\n typeof window !== 'undefined' && window.cancelAnimationFrame(id);\n};\nfunction injectFrame(raf, caf) {\n requestFrame = raf;\n cancelFrame = caf;\n}\nvar interpolation;\nfunction injectStringInterpolator(fn) {\n interpolation = fn;\n}\nvar now = function now() {\n return Date.now();\n};\nfunction injectNow(nowFn) {\n now = nowFn;\n}\nvar defaultElement;\nfunction injectDefaultElement(el) {\n defaultElement = el;\n}\nvar animatedApi = function animatedApi(node) {\n return node.current;\n};\nfunction injectAnimatedApi(fn) {\n animatedApi = fn;\n}\nvar createAnimatedStyle;\nfunction injectCreateAnimatedStyle(factory) {\n createAnimatedStyle = factory;\n}\nvar manualFrameloop;\nfunction injectManualFrameloop(callback) {\n manualFrameloop = callback;\n}\nvar Globals = /*#__PURE__*/Object.freeze({\n get applyAnimatedValues() {\n return applyAnimatedValues;\n },\n injectApplyAnimatedValues: injectApplyAnimatedValues,\n get colorNames() {\n return colorNames;\n },\n injectColorNames: injectColorNames,\n get requestFrame() {\n return requestFrame;\n },\n get cancelFrame() {\n return cancelFrame;\n },\n injectFrame: injectFrame,\n get interpolation() {\n return interpolation;\n },\n injectStringInterpolator: injectStringInterpolator,\n get now() {\n return now;\n },\n injectNow: injectNow,\n get defaultElement() {\n return defaultElement;\n },\n injectDefaultElement: injectDefaultElement,\n get animatedApi() {\n return animatedApi;\n },\n injectAnimatedApi: injectAnimatedApi,\n get createAnimatedStyle() {\n return createAnimatedStyle;\n },\n injectCreateAnimatedStyle: injectCreateAnimatedStyle,\n get manualFrameloop() {\n return manualFrameloop;\n },\n injectManualFrameloop: injectManualFrameloop\n});\n\n/**\n * Wraps the `style` property with `AnimatedStyle`.\n */\nvar AnimatedProps = /*#__PURE__*/function (_AnimatedObject) {\n _inherits(AnimatedProps, _AnimatedObject);\n var _super3 = _createSuper(AnimatedProps);\n function AnimatedProps(props, callback) {\n var _this4;\n _classCallCheck(this, AnimatedProps);\n _this4 = _super3.call(this);\n _this4.update = void 0;\n _this4.payload = !props.style ? props : _extends({}, props, {\n style: createAnimatedStyle(props.style)\n });\n _this4.update = callback;\n _this4.attach();\n return _this4;\n }\n return _createClass(AnimatedProps);\n}(AnimatedObject);\nvar isFunctionComponent = function isFunctionComponent(val) {\n return is.fun(val) && !(val.prototype instanceof React.Component);\n};\nvar createAnimatedComponent = function createAnimatedComponent(Component) {\n var AnimatedComponent = forwardRef(function (props, ref) {\n var forceUpdate = useForceUpdate();\n var mounted = useRef(true);\n var propsAnimated = useRef(null);\n var node = useRef(null);\n var attachProps = useCallback(function (props) {\n var oldPropsAnimated = propsAnimated.current;\n var callback = function callback() {\n var didUpdate = false;\n if (node.current) {\n didUpdate = applyAnimatedValues.fn(node.current, propsAnimated.current.getAnimatedValue());\n }\n if (!node.current || didUpdate === false) {\n // If no referenced node has been found, or the update target didn't have a\n // native-responder, then forceUpdate the animation ...\n forceUpdate();\n }\n };\n propsAnimated.current = new AnimatedProps(props, callback);\n oldPropsAnimated && oldPropsAnimated.detach();\n }, []);\n useEffect(function () {\n return function () {\n mounted.current = false;\n propsAnimated.current && propsAnimated.current.detach();\n };\n }, []);\n useImperativeHandle(ref, function () {\n return animatedApi(node, mounted, forceUpdate);\n });\n attachProps(props);\n var _getValue = propsAnimated.current.getValue(),\n scrollTop = _getValue.scrollTop,\n scrollLeft = _getValue.scrollLeft,\n animatedProps = _objectWithoutPropertiesLoose(_getValue, [\"scrollTop\", \"scrollLeft\"]); // Functions cannot have refs, see:\n // See: https://github.com/react-spring/react-spring/issues/569\n\n var refFn = isFunctionComponent(Component) ? undefined : function (childRef) {\n return node.current = handleRef(childRef, ref);\n };\n return React.createElement(Component, _extends({}, animatedProps, {\n ref: refFn\n }));\n });\n return AnimatedComponent;\n};\nvar active = false;\nvar controllers = new Set();\nvar update = function update() {\n if (!active) return false;\n var time = now();\n var _iterator = _createForOfIteratorHelper(controllers),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var controller = _step.value;\n var isActive = false;\n for (var configIdx = 0; configIdx < controller.configs.length; configIdx++) {\n var _config = controller.configs[configIdx];\n var endOfAnimation = void 0,\n lastTime = void 0;\n for (var valIdx = 0; valIdx < _config.animatedValues.length; valIdx++) {\n var animation = _config.animatedValues[valIdx]; // If an animation is done, skip, until all of them conclude\n\n if (animation.done) continue;\n var from = _config.fromValues[valIdx];\n var to = _config.toValues[valIdx];\n var position = animation.lastPosition;\n var isAnimated = to instanceof Animated;\n var velocity = Array.isArray(_config.initialVelocity) ? _config.initialVelocity[valIdx] : _config.initialVelocity;\n if (isAnimated) to = to.getValue(); // Conclude animation if it's either immediate, or from-values match end-state\n\n if (_config.immediate) {\n animation.setValue(to);\n animation.done = true;\n continue;\n } // Break animation when string values are involved\n\n if (typeof from === 'string' || typeof to === 'string') {\n animation.setValue(to);\n animation.done = true;\n continue;\n }\n if (_config.duration !== void 0) {\n /** Duration easing */\n position = from + _config.easing((time - animation.startTime) / _config.duration) * (to - from);\n endOfAnimation = time >= animation.startTime + _config.duration;\n } else if (_config.decay) {\n /** Decay easing */\n position = from + velocity / (1 - 0.998) * (1 - Math.exp(-(1 - 0.998) * (time - animation.startTime)));\n endOfAnimation = Math.abs(animation.lastPosition - position) < 0.1;\n if (endOfAnimation) to = position;\n } else {\n /** Spring easing */\n lastTime = animation.lastTime !== void 0 ? animation.lastTime : time;\n velocity = animation.lastVelocity !== void 0 ? animation.lastVelocity : _config.initialVelocity; // If we lost a lot of frames just jump to the end.\n\n if (time > lastTime + 64) lastTime = time; // http://gafferongames.com/game-physics/fix-your-timestep/\n\n var numSteps = Math.floor(time - lastTime);\n for (var i = 0; i < numSteps; ++i) {\n var force = -_config.tension * (position - to);\n var damping = -_config.friction * velocity;\n var acceleration = (force + damping) / _config.mass;\n velocity = velocity + acceleration * 1 / 1000;\n position = position + velocity * 1 / 1000;\n } // Conditions for stopping the spring animation\n\n var isOvershooting = _config.clamp && _config.tension !== 0 ? from < to ? position > to : position < to : false;\n var isVelocity = Math.abs(velocity) <= _config.precision;\n var isDisplacement = _config.tension !== 0 ? Math.abs(to - position) <= _config.precision : true;\n endOfAnimation = isOvershooting || isVelocity && isDisplacement;\n animation.lastVelocity = velocity;\n animation.lastTime = time;\n } // Trails aren't done until their parents conclude\n\n if (isAnimated && !_config.toValues[valIdx].done) endOfAnimation = false;\n if (endOfAnimation) {\n // Ensure that we end up with a round value\n if (animation.value !== to) position = to;\n animation.done = true;\n } else isActive = true;\n animation.setValue(position);\n animation.lastPosition = position;\n } // Keep track of updated values only when necessary\n\n if (controller.props.onFrame) controller.values[_config.name] = _config.interpolation.getValue();\n } // Update callbacks in the end of the frame\n\n if (controller.props.onFrame) controller.props.onFrame(controller.values); // Either call onEnd or next frame\n\n if (!isActive) {\n controllers.delete(controller);\n controller.stop(true);\n }\n } // Loop over as long as there are controllers ...\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n if (controllers.size) {\n if (manualFrameloop) manualFrameloop();else requestFrame(update);\n } else {\n active = false;\n }\n return active;\n};\nvar _start = function start(controller) {\n if (!controllers.has(controller)) controllers.add(controller);\n if (!active) {\n active = true;\n if (manualFrameloop) requestFrame(manualFrameloop);else requestFrame(update);\n }\n};\nvar stop = function stop(controller) {\n if (controllers.has(controller)) controllers.delete(controller);\n};\nfunction createInterpolator(range, output, extrapolate) {\n if (typeof range === 'function') {\n return range;\n }\n if (Array.isArray(range)) {\n return createInterpolator({\n range: range,\n output: output,\n extrapolate: extrapolate\n });\n }\n if (interpolation && typeof range.output[0] === 'string') {\n return interpolation(range);\n }\n var config = range;\n var outputRange = config.output;\n var inputRange = config.range || [0, 1];\n var extrapolateLeft = config.extrapolateLeft || config.extrapolate || 'extend';\n var extrapolateRight = config.extrapolateRight || config.extrapolate || 'extend';\n var easing = config.easing || function (t) {\n return t;\n };\n return function (input) {\n var range = findRange(input, inputRange);\n return interpolate(input, inputRange[range], inputRange[range + 1], outputRange[range], outputRange[range + 1], easing, extrapolateLeft, extrapolateRight, config.map);\n };\n}\nfunction interpolate(input, inputMin, inputMax, outputMin, outputMax, easing, extrapolateLeft, extrapolateRight, map) {\n var result = map ? map(input) : input; // Extrapolate\n\n if (result < inputMin) {\n if (extrapolateLeft === 'identity') return result;else if (extrapolateLeft === 'clamp') result = inputMin;\n }\n if (result > inputMax) {\n if (extrapolateRight === 'identity') return result;else if (extrapolateRight === 'clamp') result = inputMax;\n }\n if (outputMin === outputMax) return outputMin;\n if (inputMin === inputMax) return input <= inputMin ? outputMin : outputMax; // Input Range\n\n if (inputMin === -Infinity) result = -result;else if (inputMax === Infinity) result = result - inputMin;else result = (result - inputMin) / (inputMax - inputMin); // Easing\n\n result = easing(result); // Output Range\n\n if (outputMin === -Infinity) result = -result;else if (outputMax === Infinity) result = result + outputMin;else result = result * (outputMax - outputMin) + outputMin;\n return result;\n}\nfunction findRange(input, inputRange) {\n for (var i = 1; i < inputRange.length - 1; ++i) if (inputRange[i] >= input) break;\n return i - 1;\n}\nvar AnimatedInterpolation = /*#__PURE__*/function (_AnimatedArray) {\n _inherits(AnimatedInterpolation, _AnimatedArray);\n var _super4 = _createSuper(AnimatedInterpolation);\n function AnimatedInterpolation(parents, range, output, extrapolate) {\n var _this5;\n _classCallCheck(this, AnimatedInterpolation);\n _this5 = _super4.call(this);\n _this5.calc = void 0;\n _this5.payload = parents instanceof AnimatedArray && !(parents instanceof AnimatedInterpolation) ? parents.getPayload() : Array.isArray(parents) ? parents : [parents];\n _this5.calc = createInterpolator(range, output, extrapolate);\n return _this5;\n }\n _createClass(AnimatedInterpolation, [{\n key: \"getValue\",\n value: function getValue() {\n return this.calc.apply(this, _toConsumableArray(this.payload.map(function (value) {\n return value.getValue();\n })));\n }\n }, {\n key: \"updateConfig\",\n value: function updateConfig(range, output, extrapolate) {\n this.calc = createInterpolator(range, output, extrapolate);\n }\n }, {\n key: \"interpolate\",\n value: function interpolate(range, output, extrapolate) {\n return new AnimatedInterpolation(this, range, output, extrapolate);\n }\n }]);\n return AnimatedInterpolation;\n}(AnimatedArray);\nvar interpolate$1 = function interpolate$1(parents, range, output) {\n return parents && new AnimatedInterpolation(parents, range, output);\n};\nvar config = {\n default: {\n tension: 170,\n friction: 26\n },\n gentle: {\n tension: 120,\n friction: 14\n },\n wobbly: {\n tension: 180,\n friction: 12\n },\n stiff: {\n tension: 210,\n friction: 20\n },\n slow: {\n tension: 280,\n friction: 60\n },\n molasses: {\n tension: 280,\n friction: 120\n }\n};\n\n/** API\n * useChain(references, timeSteps, timeFrame)\n */\n\nfunction useChain(refs, timeSteps, timeFrame) {\n if (timeFrame === void 0) {\n timeFrame = 1000;\n }\n var previous = useRef();\n useEffect(function () {\n if (is.equ(refs, previous.current)) refs.forEach(function (_ref) {\n var current = _ref.current;\n return current && current.start();\n });else if (timeSteps) {\n refs.forEach(function (_ref2, index) {\n var current = _ref2.current;\n if (current) {\n var ctrls = current.controllers;\n if (ctrls.length) {\n var t = timeFrame * timeSteps[index];\n ctrls.forEach(function (ctrl) {\n ctrl.queue = ctrl.queue.map(function (e) {\n return _extends({}, e, {\n delay: e.delay + t\n });\n });\n ctrl.start();\n });\n }\n }\n });\n } else refs.reduce(function (q, _ref3, rI) {\n var current = _ref3.current;\n return q = q.then(function () {\n return current.start();\n });\n }, Promise.resolve());\n previous.current = refs;\n });\n}\n\n/**\n * Animated works by building a directed acyclic graph of dependencies\n * transparently when you render your Animated components.\n *\n * new Animated.Value(0)\n * .interpolate() .interpolate() new Animated.Value(1)\n * opacity translateY scale\n * style transform\n * View#234 style\n * View#123\n *\n * A) Top Down phase\n * When an AnimatedValue is updated, we recursively go down through this\n * graph in order to find leaf nodes: the views that we flag as needing\n * an update.\n *\n * B) Bottom Up phase\n * When a view is flagged as needing an update, we recursively go back up\n * in order to build the new value that it needs. The reason why we need\n * this two-phases process is to deal with composite props such as\n * transform which can receive values from multiple parents.\n */\nfunction addAnimatedStyles(node, styles) {\n if ('update' in node) {\n styles.add(node);\n } else {\n node.getChildren().forEach(function (child) {\n return addAnimatedStyles(child, styles);\n });\n }\n}\nvar AnimatedValue = /*#__PURE__*/function (_Animated3) {\n _inherits(AnimatedValue, _Animated3);\n var _super5 = _createSuper(AnimatedValue);\n function AnimatedValue(_value) {\n var _this6;\n _classCallCheck(this, AnimatedValue);\n var _this;\n _this6 = _super5.call(this);\n _this = _assertThisInitialized(_this6);\n _this6.animatedStyles = new Set();\n _this6.value = void 0;\n _this6.startPosition = void 0;\n _this6.lastPosition = void 0;\n _this6.lastVelocity = void 0;\n _this6.startTime = void 0;\n _this6.lastTime = void 0;\n _this6.done = false;\n _this6.setValue = function (value, flush) {\n if (flush === void 0) {\n flush = true;\n }\n _this.value = value;\n if (flush) _this.flush();\n };\n _this6.value = _value;\n _this6.startPosition = _value;\n _this6.lastPosition = _value;\n return _this6;\n }\n _createClass(AnimatedValue, [{\n key: \"flush\",\n value: function flush() {\n if (this.animatedStyles.size === 0) {\n addAnimatedStyles(this, this.animatedStyles);\n }\n this.animatedStyles.forEach(function (animatedStyle) {\n return animatedStyle.update();\n });\n }\n }, {\n key: \"clearStyles\",\n value: function clearStyles() {\n this.animatedStyles.clear();\n }\n }, {\n key: \"getValue\",\n value: function getValue() {\n return this.value;\n }\n }, {\n key: \"interpolate\",\n value: function interpolate(range, output, extrapolate) {\n return new AnimatedInterpolation(this, range, output, extrapolate);\n }\n }]);\n return AnimatedValue;\n}(Animated);\nvar AnimatedValueArray = /*#__PURE__*/function (_AnimatedArray2) {\n _inherits(AnimatedValueArray, _AnimatedArray2);\n var _super6 = _createSuper(AnimatedValueArray);\n function AnimatedValueArray(values) {\n var _this7;\n _classCallCheck(this, AnimatedValueArray);\n _this7 = _super6.call(this);\n _this7.payload = values.map(function (n) {\n return new AnimatedValue(n);\n });\n return _this7;\n }\n _createClass(AnimatedValueArray, [{\n key: \"setValue\",\n value: function setValue(value, flush) {\n var _this8 = this;\n if (flush === void 0) {\n flush = true;\n }\n if (Array.isArray(value)) {\n if (value.length === this.payload.length) {\n value.forEach(function (v, i) {\n return _this8.payload[i].setValue(v, flush);\n });\n }\n } else {\n this.payload.forEach(function (p) {\n return p.setValue(value, flush);\n });\n }\n }\n }, {\n key: \"getValue\",\n value: function getValue() {\n return this.payload.map(function (v) {\n return v.getValue();\n });\n }\n }, {\n key: \"interpolate\",\n value: function interpolate(range, output) {\n return new AnimatedInterpolation(this, range, output);\n }\n }]);\n return AnimatedValueArray;\n}(AnimatedArray);\nvar G = 0;\nvar Controller = /*#__PURE__*/function () {\n function Controller() {\n var _this9 = this;\n _classCallCheck(this, Controller);\n this.id = void 0;\n this.idle = true;\n this.hasChanged = false;\n this.guid = 0;\n this.local = 0;\n this.props = {};\n this.merged = {};\n this.animations = {};\n this.interpolations = {};\n this.values = {};\n this.configs = [];\n this.listeners = [];\n this.queue = [];\n this.localQueue = void 0;\n this.getValues = function () {\n return _this9.interpolations;\n };\n this.id = G++;\n }\n /** update(props)\n * This function filters input props and creates an array of tasks which are executed in .start()\n * Each task is allowed to carry a delay, which means it can execute asnychroneously */\n _createClass(Controller, [{\n key: \"update\",\n value: function update(args) {\n //this._id = n + this.id\n if (!args) return this; // Extract delay and the to-prop from props\n\n var _ref = interpolateTo(args),\n _ref$delay = _ref.delay,\n delay = _ref$delay === void 0 ? 0 : _ref$delay,\n to = _ref.to,\n props = _objectWithoutPropertiesLoose(_ref, [\"delay\", \"to\"]);\n if (is.arr(to) || is.fun(to)) {\n // If config is either a function or an array queue it up as is\n this.queue.push(_extends({}, props, {\n delay: delay,\n to: to\n }));\n } else if (to) {\n // Otherwise go through each key since it could be delayed individually\n var ops = {};\n Object.entries(to).forEach(function (_ref2) {\n var k = _ref2[0],\n v = _ref2[1];\n\n // Fetch delay and create an entry, consisting of the to-props, the delay, and basic props\n var entry = _extends({\n to: _defineProperty({}, k, v),\n delay: callProp(delay, k)\n }, props);\n var previous = ops[entry.delay] && ops[entry.delay].to;\n ops[entry.delay] = _extends({}, ops[entry.delay], entry, {\n to: _extends({}, previous, entry.to)\n });\n });\n this.queue = Object.values(ops);\n } // Sort queue, so that async calls go last\n\n this.queue = this.queue.sort(function (a, b) {\n return a.delay - b.delay;\n }); // Diff the reduced props immediately (they'll contain the from-prop and some config)\n\n this.diff(props);\n return this;\n }\n /** start(onEnd)\n * This function either executes a queue, if present, or starts the frameloop, which animates */\n }, {\n key: \"start\",\n value: function start(onEnd) {\n var _this10 = this;\n // If a queue is present we must excecute it\n if (this.queue.length) {\n this.idle = false; // Updates can interrupt trailing queues, in that case we just merge values\n\n if (this.localQueue) {\n this.localQueue.forEach(function (_ref3) {\n var _ref3$from = _ref3.from,\n from = _ref3$from === void 0 ? {} : _ref3$from,\n _ref3$to = _ref3.to,\n to = _ref3$to === void 0 ? {} : _ref3$to;\n if (is.obj(from)) _this10.merged = _extends({}, from, _this10.merged);\n if (is.obj(to)) _this10.merged = _extends({}, _this10.merged, to);\n });\n } // The guid helps us tracking frames, a new queue over an old one means an override\n // We discard async calls in that caseÍ\n\n var local = this.local = ++this.guid;\n var queue = this.localQueue = this.queue;\n this.queue = []; // Go through each entry and execute it\n\n queue.forEach(function (_ref4, index) {\n var delay = _ref4.delay,\n props = _objectWithoutPropertiesLoose(_ref4, [\"delay\"]);\n var cb = function cb(finished) {\n if (index === queue.length - 1 && local === _this10.guid && finished) {\n _this10.idle = true;\n if (_this10.props.onRest) _this10.props.onRest(_this10.merged);\n }\n if (onEnd) onEnd();\n }; // Entries can be delayed, ansyc or immediate\n\n var async = is.arr(props.to) || is.fun(props.to);\n if (delay) {\n setTimeout(function () {\n if (local === _this10.guid) {\n if (async) _this10.runAsync(props, cb);else _this10.diff(props).start(cb);\n }\n }, delay);\n } else if (async) _this10.runAsync(props, cb);else _this10.diff(props).start(cb);\n });\n } // Otherwise we kick of the frameloop\n else {\n if (is.fun(onEnd)) this.listeners.push(onEnd);\n if (this.props.onStart) this.props.onStart();\n _start(this);\n }\n return this;\n }\n }, {\n key: \"stop\",\n value: function stop(finished) {\n this.listeners.forEach(function (onEnd) {\n return onEnd(finished);\n });\n this.listeners = [];\n return this;\n }\n /** Pause sets onEnd listeners free, but also removes the controller from the frameloop */\n }, {\n key: \"pause\",\n value: function pause(finished) {\n this.stop(true);\n if (finished) stop(this);\n return this;\n }\n }, {\n key: \"runAsync\",\n value: function runAsync(_ref5, onEnd) {\n var _this11 = this;\n var _this = this;\n var delay = _ref5.delay,\n props = _objectWithoutPropertiesLoose(_ref5, [\"delay\"]);\n var local = this.local; // If \"to\" is either a function or an array it will be processed async, therefor \"to\" should be empty right now\n // If the view relies on certain values \"from\" has to be present\n\n var queue = Promise.resolve(undefined);\n if (is.arr(props.to)) {\n var _loop = function _loop() {\n var index = i;\n var fresh = _extends({}, props, interpolateTo(props.to[index]));\n if (is.arr(fresh.config)) fresh.config = fresh.config[index];\n queue = queue.then(function () {\n //this.stop()\n if (local === _this11.guid) return new Promise(function (r) {\n return _this11.diff(fresh).start(r);\n });\n });\n };\n for (var i = 0; i < props.to.length; i++) {\n _loop();\n }\n } else if (is.fun(props.to)) {\n var index = 0;\n var last;\n queue = queue.then(function () {\n return props.to(\n // next(props)\n function (p) {\n var fresh = _extends({}, props, interpolateTo(p));\n if (is.arr(fresh.config)) fresh.config = fresh.config[index];\n index++; //this.stop()\n\n if (local === _this11.guid) return last = new Promise(function (r) {\n return _this11.diff(fresh).start(r);\n });\n return;\n },\n // cancel()\n function (finished) {\n if (finished === void 0) {\n finished = true;\n }\n return _this.stop(finished);\n }).then(function () {\n return last;\n });\n });\n }\n queue.then(onEnd);\n }\n }, {\n key: \"diff\",\n value: function diff(props) {\n var _this12 = this;\n this.props = _extends({}, this.props, props);\n var _this$props = this.props,\n _this$props$from = _this$props.from,\n from = _this$props$from === void 0 ? {} : _this$props$from,\n _this$props$to = _this$props.to,\n to = _this$props$to === void 0 ? {} : _this$props$to,\n _this$props$config = _this$props.config,\n config = _this$props$config === void 0 ? {} : _this$props$config,\n reverse = _this$props.reverse,\n attach = _this$props.attach,\n reset = _this$props.reset,\n immediate = _this$props.immediate; // Reverse values when requested\n\n if (reverse) {\n var _ref6 = [to, from];\n from = _ref6[0];\n to = _ref6[1];\n } // This will collect all props that were ever set, reset merged props when necessary\n\n this.merged = _extends({}, from, this.merged, to);\n this.hasChanged = false; // Attachment handling, trailed springs can \"attach\" themselves to a previous spring\n\n var target = attach && attach(this); // Reduces input { name: value } pairs into animated values\n\n this.animations = Object.entries(this.merged).reduce(function (acc, _ref7) {\n var name = _ref7[0],\n value = _ref7[1];\n // Issue cached entries, except on reset\n var entry = acc[name] || {}; // Figure out what the value is supposed to be\n\n var isNumber = is.num(value);\n var isString = is.str(value) && !value.startsWith('#') && !/\\d/.test(value) && !colorNames[value];\n var isArray = is.arr(value);\n var isInterpolation = !isNumber && !isArray && !isString;\n var fromValue = !is.und(from[name]) ? from[name] : value;\n var toValue = isNumber || isArray ? value : isString ? value : 1;\n var toConfig = callProp(config, name);\n if (target) toValue = target.animations[name].parent;\n var parent = entry.parent,\n interpolation$$1 = entry.interpolation,\n toValues = toArray(target ? toValue.getPayload() : toValue),\n animatedValues;\n var newValue = value;\n if (isInterpolation) newValue = interpolation({\n range: [0, 1],\n output: [value, value]\n })(1);\n var currentValue = interpolation$$1 && interpolation$$1.getValue(); // Change detection flags\n\n var isFirst = is.und(parent);\n var isActive = !isFirst && entry.animatedValues.some(function (v) {\n return !v.done;\n });\n var currentValueDiffersFromGoal = !is.equ(newValue, currentValue);\n var hasNewGoal = !is.equ(newValue, entry.previous);\n var hasNewConfig = !is.equ(toConfig, entry.config); // Change animation props when props indicate a new goal (new value differs from previous one)\n // and current values differ from it. Config changes trigger a new update as well (though probably shouldn't?)\n\n if (reset || hasNewGoal && currentValueDiffersFromGoal || hasNewConfig) {\n // Convert regular values into animated values, ALWAYS re-use if possible\n if (isNumber || isString) parent = interpolation$$1 = entry.parent || new AnimatedValue(fromValue);else if (isArray) parent = interpolation$$1 = entry.parent || new AnimatedValueArray(fromValue);else if (isInterpolation) {\n var prev = entry.interpolation && entry.interpolation.calc(entry.parent.value);\n prev = prev !== void 0 && !reset ? prev : fromValue;\n if (entry.parent) {\n parent = entry.parent;\n parent.setValue(0, false);\n } else parent = new AnimatedValue(0);\n var range = {\n output: [prev, value]\n };\n if (entry.interpolation) {\n interpolation$$1 = entry.interpolation;\n entry.interpolation.updateConfig(range);\n } else interpolation$$1 = parent.interpolate(range);\n }\n toValues = toArray(target ? toValue.getPayload() : toValue);\n animatedValues = toArray(parent.getPayload());\n if (reset && !isInterpolation) parent.setValue(fromValue, false);\n _this12.hasChanged = true; // Reset animated values\n\n animatedValues.forEach(function (value) {\n value.startPosition = value.value;\n value.lastPosition = value.value;\n value.lastVelocity = isActive ? value.lastVelocity : undefined;\n value.lastTime = isActive ? value.lastTime : undefined;\n value.startTime = now();\n value.done = false;\n value.animatedStyles.clear();\n }); // Set immediate values\n\n if (callProp(immediate, name)) {\n parent.setValue(isInterpolation ? toValue : value, false);\n }\n return _extends({}, acc, _defineProperty({}, name, _extends({}, entry, {\n name: name,\n parent: parent,\n interpolation: interpolation$$1,\n animatedValues: animatedValues,\n toValues: toValues,\n previous: newValue,\n config: toConfig,\n fromValues: toArray(parent.getValue()),\n immediate: callProp(immediate, name),\n initialVelocity: withDefault(toConfig.velocity, 0),\n clamp: withDefault(toConfig.clamp, false),\n precision: withDefault(toConfig.precision, 0.01),\n tension: withDefault(toConfig.tension, 170),\n friction: withDefault(toConfig.friction, 26),\n mass: withDefault(toConfig.mass, 1),\n duration: toConfig.duration,\n easing: withDefault(toConfig.easing, function (t) {\n return t;\n }),\n decay: toConfig.decay\n })));\n } else {\n if (!currentValueDiffersFromGoal) {\n // So ... the current target value (newValue) appears to be different from the previous value,\n // which normally constitutes an update, but the actual value (currentValue) matches the target!\n // In order to resolve this without causing an animation update we silently flag the animation as done,\n // which it technically is. Interpolations also needs a config update with their target set to 1.\n if (isInterpolation) {\n parent.setValue(1, false);\n interpolation$$1.updateConfig({\n output: [newValue, newValue]\n });\n }\n parent.done = true;\n _this12.hasChanged = true;\n return _extends({}, acc, _defineProperty({}, name, _extends({}, acc[name], {\n previous: newValue\n })));\n }\n return acc;\n }\n }, this.animations);\n if (this.hasChanged) {\n // Make animations available to frameloop\n this.configs = Object.values(this.animations);\n this.values = {};\n this.interpolations = {};\n for (var key in this.animations) {\n this.interpolations[key] = this.animations[key].interpolation;\n this.values[key] = this.animations[key].interpolation.getValue();\n }\n }\n return this;\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.stop();\n this.props = {};\n this.merged = {};\n this.animations = {};\n this.interpolations = {};\n this.values = {};\n this.configs = [];\n this.local = 0;\n }\n }]);\n return Controller;\n}();\n/** API\n * const props = useSprings(number, [{ ... }, { ... }, ...])\n * const [props, set] = useSprings(number, (i, controller) => ({ ... }))\n */\nvar useSprings = function useSprings(length, props) {\n var mounted = useRef(false);\n var ctrl = useRef();\n var isFn = is.fun(props); // The controller maintains the animation values, starts and stops animations\n\n var _useMemo = useMemo(function () {\n // Remove old controllers\n if (ctrl.current) {\n ctrl.current.map(function (c) {\n return c.destroy();\n });\n ctrl.current = undefined;\n }\n var ref;\n return [new Array(length).fill().map(function (_, i) {\n var ctrl = new Controller();\n var newProps = isFn ? callProp(props, i, ctrl) : props[i];\n if (i === 0) ref = newProps.ref;\n ctrl.update(newProps);\n if (!ref) ctrl.start();\n return ctrl;\n }), ref];\n }, [length]),\n controllers = _useMemo[0],\n ref = _useMemo[1];\n ctrl.current = controllers; // The hooks reference api gets defined here ...\n\n var api = useImperativeHandle(ref, function () {\n return {\n start: function start() {\n return Promise.all(ctrl.current.map(function (c) {\n return new Promise(function (r) {\n return c.start(r);\n });\n }));\n },\n stop: function stop(finished) {\n return ctrl.current.forEach(function (c) {\n return c.stop(finished);\n });\n },\n get controllers() {\n return ctrl.current;\n }\n };\n }); // This function updates the controllers\n\n var updateCtrl = useMemo(function () {\n return function (updateProps) {\n return ctrl.current.map(function (c, i) {\n c.update(isFn ? callProp(updateProps, i, c) : updateProps[i]);\n if (!ref) c.start();\n });\n };\n }, [length]); // Update controller if props aren't functional\n\n useEffect(function () {\n if (mounted.current) {\n if (!isFn) updateCtrl(props);\n } else if (!ref) ctrl.current.forEach(function (c) {\n return c.start();\n });\n }); // Update mounted flag and destroy controller on unmount\n\n useEffect(function () {\n return mounted.current = true, function () {\n return ctrl.current.forEach(function (c) {\n return c.destroy();\n });\n };\n }, []); // Return animated props, or, anim-props + the update-setter above\n\n var propValues = ctrl.current.map(function (c) {\n return c.getValues();\n });\n return isFn ? [propValues, updateCtrl, function (finished) {\n return ctrl.current.forEach(function (c) {\n return c.pause(finished);\n });\n }] : propValues;\n};\n\n/** API\n * const props = useSpring({ ... })\n * const [props, set] = useSpring(() => ({ ... }))\n */\n\nvar useSpring = function useSpring(props) {\n var isFn = is.fun(props);\n var _useSprings = useSprings(1, isFn ? props : [props]),\n result = _useSprings[0],\n set = _useSprings[1],\n pause = _useSprings[2];\n return isFn ? [result[0], set, pause] : result;\n};\n\n/** API\n * const trails = useTrail(number, { ... })\n * const [trails, set] = useTrail(number, () => ({ ... }))\n */\n\nvar useTrail = function useTrail(length, props) {\n var mounted = useRef(false);\n var isFn = is.fun(props);\n var updateProps = callProp(props);\n var instances = useRef();\n var _useSprings = useSprings(length, function (i, ctrl) {\n if (i === 0) instances.current = [];\n instances.current.push(ctrl);\n return _extends({}, updateProps, {\n config: callProp(updateProps.config, i),\n attach: i > 0 && function () {\n return instances.current[i - 1];\n }\n });\n }),\n result = _useSprings[0],\n set = _useSprings[1],\n pause = _useSprings[2]; // Set up function to update controller\n\n var updateCtrl = useMemo(function () {\n return function (props) {\n return set(function (i, ctrl) {\n var last = props.reverse ? i === 0 : length - 1 === i;\n var attachIdx = props.reverse ? i + 1 : i - 1;\n var attachController = instances.current[attachIdx];\n return _extends({}, props, {\n config: callProp(props.config || updateProps.config, i),\n attach: attachController && function () {\n return attachController;\n }\n });\n });\n };\n }, [length, updateProps.reverse]); // Update controller if props aren't functional\n\n useEffect(function () {\n return void (mounted.current && !isFn && updateCtrl(props));\n }); // Update mounted flag and destroy controller on unmount\n\n useEffect(function () {\n return void (mounted.current = true);\n }, []);\n return isFn ? [result, updateCtrl, pause] : result;\n};\n\n/** API\n * const transitions = useTransition(items, itemKeys, { ... })\n * const [transitions, update] = useTransition(items, itemKeys, () => ({ ... }))\n */\n\nvar guid = 0;\nvar ENTER = 'enter';\nvar LEAVE = 'leave';\nvar UPDATE = 'update';\nvar mapKeys = function mapKeys(items, keys) {\n return (typeof keys === 'function' ? items.map(keys) : toArray(keys)).map(String);\n};\nvar get = function get(props) {\n var items = props.items,\n _props$keys = props.keys,\n keys = _props$keys === void 0 ? function (item) {\n return item;\n } : _props$keys,\n rest = _objectWithoutPropertiesLoose(props, [\"items\", \"keys\"]);\n items = toArray(items !== void 0 ? items : null);\n return _extends({\n items: items,\n keys: mapKeys(items, keys)\n }, rest);\n};\nfunction useTransition(input, keyTransform, config) {\n var props = _extends({\n items: input,\n keys: keyTransform || function (i) {\n return i;\n }\n }, config);\n var _get = get(props),\n _get$lazy = _get.lazy,\n lazy = _get$lazy === void 0 ? false : _get$lazy,\n _get$unique = _get.unique,\n _get$reset = _get.reset,\n reset = _get$reset === void 0 ? false : _get$reset,\n enter = _get.enter,\n leave = _get.leave,\n update = _get.update,\n onDestroyed = _get.onDestroyed,\n keys = _get.keys,\n items = _get.items,\n onFrame = _get.onFrame,\n _onRest = _get.onRest,\n onStart = _get.onStart,\n ref = _get.ref,\n extra = _objectWithoutPropertiesLoose(_get, [\"lazy\", \"unique\", \"reset\", \"enter\", \"leave\", \"update\", \"onDestroyed\", \"keys\", \"items\", \"onFrame\", \"onRest\", \"onStart\", \"ref\"]);\n var forceUpdate = useForceUpdate();\n var mounted = useRef(false);\n var state = useRef({\n mounted: false,\n first: true,\n deleted: [],\n current: {},\n transitions: [],\n prevProps: {},\n paused: !!props.ref,\n instances: !mounted.current && new Map(),\n forceUpdate: forceUpdate\n });\n useImperativeHandle(props.ref, function () {\n return {\n start: function start() {\n return Promise.all(Array.from(state.current.instances).map(function (_ref) {\n var c = _ref[1];\n return new Promise(function (r) {\n return c.start(r);\n });\n }));\n },\n stop: function stop(finished) {\n return Array.from(state.current.instances).forEach(function (_ref2) {\n var c = _ref2[1];\n return c.stop(finished);\n });\n },\n get controllers() {\n return Array.from(state.current.instances).map(function (_ref3) {\n var c = _ref3[1];\n return c;\n });\n }\n };\n }); // Update state\n\n state.current = diffItems(state.current, props);\n if (state.current.changed) {\n // Update state\n state.current.transitions.forEach(function (transition) {\n var slot = transition.slot,\n from = transition.from,\n to = transition.to,\n config = transition.config,\n trail = transition.trail,\n key = transition.key,\n item = transition.item;\n if (!state.current.instances.has(key)) state.current.instances.set(key, new Controller()); // update the map object\n\n var ctrl = state.current.instances.get(key);\n var newProps = _extends({}, extra, {\n to: to,\n from: from,\n config: config,\n ref: ref,\n onRest: function onRest(values) {\n if (state.current.mounted) {\n if (transition.destroyed) {\n // If no ref is given delete destroyed items immediately\n if (!ref && !lazy) cleanUp(state, key);\n if (onDestroyed) onDestroyed(item);\n } // A transition comes to rest once all its springs conclude\n\n var curInstances = Array.from(state.current.instances);\n var _active = curInstances.some(function (_ref4) {\n var c = _ref4[1];\n return !c.idle;\n });\n if (!_active && (ref || lazy) && state.current.deleted.length > 0) cleanUp(state);\n if (_onRest) _onRest(item, slot, values);\n }\n },\n onStart: onStart && function () {\n return onStart(item, slot);\n },\n onFrame: onFrame && function (values) {\n return onFrame(item, slot, values);\n },\n delay: trail,\n reset: reset && slot === ENTER // Update controller\n });\n\n ctrl.update(newProps);\n if (!state.current.paused) ctrl.start();\n });\n }\n useEffect(function () {\n state.current.mounted = mounted.current = true;\n return function () {\n state.current.mounted = mounted.current = false;\n Array.from(state.current.instances).map(function (_ref5) {\n var c = _ref5[1];\n return c.destroy();\n });\n state.current.instances.clear();\n };\n }, []);\n return state.current.transitions.map(function (_ref6) {\n var item = _ref6.item,\n slot = _ref6.slot,\n key = _ref6.key;\n return {\n item: item,\n key: key,\n state: slot,\n props: state.current.instances.get(key).getValues()\n };\n });\n}\nfunction cleanUp(state, filterKey) {\n var deleted = state.current.deleted;\n var _iterator2 = _createForOfIteratorHelper(deleted),\n _step2;\n try {\n var _loop2 = function _loop2() {\n var _ref7 = _step2.value;\n var key = _ref7.key;\n var filter = function filter(t) {\n return t.key !== key;\n };\n if (is.und(filterKey) || filterKey === key) {\n state.current.instances.delete(key);\n state.current.transitions = state.current.transitions.filter(filter);\n state.current.deleted = state.current.deleted.filter(filter);\n }\n };\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n _loop2();\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n state.current.forceUpdate();\n}\nfunction diffItems(_ref8, props) {\n var first = _ref8.first,\n prevProps = _ref8.prevProps,\n state = _objectWithoutPropertiesLoose(_ref8, [\"first\", \"prevProps\"]);\n var _get2 = get(props),\n items = _get2.items,\n keys = _get2.keys,\n initial = _get2.initial,\n from = _get2.from,\n enter = _get2.enter,\n leave = _get2.leave,\n update = _get2.update,\n _get2$trail = _get2.trail,\n trail = _get2$trail === void 0 ? 0 : _get2$trail,\n unique = _get2.unique,\n config = _get2.config,\n _get2$order = _get2.order,\n order = _get2$order === void 0 ? [ENTER, LEAVE, UPDATE] : _get2$order;\n var _get3 = get(prevProps),\n _keys = _get3.keys,\n _items = _get3.items;\n var current = _extends({}, state.current);\n var deleted = _toConsumableArray(state.deleted); // Compare next keys with current keys\n\n var currentKeys = Object.keys(current);\n var currentSet = new Set(currentKeys);\n var nextSet = new Set(keys);\n var added = keys.filter(function (item) {\n return !currentSet.has(item);\n });\n var removed = state.transitions.filter(function (item) {\n return !item.destroyed && !nextSet.has(item.originalKey);\n }).map(function (i) {\n return i.originalKey;\n });\n var updated = keys.filter(function (item) {\n return currentSet.has(item);\n });\n var delay = -trail;\n while (order.length) {\n var changeType = order.shift();\n switch (changeType) {\n case ENTER:\n {\n added.forEach(function (key, index) {\n // In unique mode, remove fading out transitions if their key comes in again\n if (unique && deleted.find(function (d) {\n return d.originalKey === key;\n })) deleted = deleted.filter(function (t) {\n return t.originalKey !== key;\n });\n var keyIndex = keys.indexOf(key);\n var item = items[keyIndex];\n var slot = first && initial !== void 0 ? 'initial' : ENTER;\n current[key] = {\n slot: slot,\n originalKey: key,\n key: unique ? String(key) : guid++,\n item: item,\n trail: delay = delay + trail,\n config: callProp(config, item, slot),\n from: callProp(first ? initial !== void 0 ? initial || {} : from : from, item),\n to: callProp(enter, item)\n };\n });\n break;\n }\n case LEAVE:\n {\n removed.forEach(function (key) {\n var keyIndex = _keys.indexOf(key);\n var item = _items[keyIndex];\n var slot = LEAVE;\n deleted.unshift(_extends({}, current[key], {\n slot: slot,\n destroyed: true,\n left: _keys[Math.max(0, keyIndex - 1)],\n right: _keys[Math.min(_keys.length, keyIndex + 1)],\n trail: delay = delay + trail,\n config: callProp(config, item, slot),\n to: callProp(leave, item)\n }));\n delete current[key];\n });\n break;\n }\n case UPDATE:\n {\n updated.forEach(function (key) {\n var keyIndex = keys.indexOf(key);\n var item = items[keyIndex];\n var slot = UPDATE;\n current[key] = _extends({}, current[key], {\n item: item,\n slot: slot,\n trail: delay = delay + trail,\n config: callProp(config, item, slot),\n to: callProp(update, item)\n });\n });\n break;\n }\n }\n }\n var out = keys.map(function (key) {\n return current[key];\n }); // This tries to restore order for deleted items by finding their last known siblings\n // only using the left sibling to keep order placement consistent for all deleted items\n\n deleted.forEach(function (_ref9) {\n var left = _ref9.left,\n right = _ref9.right,\n item = _objectWithoutPropertiesLoose(_ref9, [\"left\", \"right\"]);\n var pos; // Was it the element on the left, if yes, move there ...\n\n if ((pos = out.findIndex(function (t) {\n return t.originalKey === left;\n })) !== -1) pos += 1; // And if nothing else helps, move it to the start ¯\\_(ツ)_/¯\n\n pos = Math.max(0, pos);\n out = [].concat(_toConsumableArray(out.slice(0, pos)), [item], _toConsumableArray(out.slice(pos)));\n });\n return _extends({}, state, {\n changed: added.length || removed.length || updated.length,\n first: first && added.length === 0,\n transitions: out,\n current: current,\n deleted: deleted,\n prevProps: props\n });\n}\nvar AnimatedStyle = /*#__PURE__*/function (_AnimatedObject2) {\n _inherits(AnimatedStyle, _AnimatedObject2);\n var _super7 = _createSuper(AnimatedStyle);\n function AnimatedStyle(style) {\n var _this13;\n _classCallCheck(this, AnimatedStyle);\n if (style === void 0) {\n style = {};\n }\n _this13 = _super7.call(this);\n if (style.transform && !(style.transform instanceof Animated)) {\n style = applyAnimatedValues.transform(style);\n }\n _this13.payload = style;\n return _this13;\n }\n return _createClass(AnimatedStyle);\n}(AnimatedObject); // http://www.w3.org/TR/css3-color/#svg-color\nvar colors = {\n transparent: 0x00000000,\n aliceblue: 0xf0f8ffff,\n antiquewhite: 0xfaebd7ff,\n aqua: 0x00ffffff,\n aquamarine: 0x7fffd4ff,\n azure: 0xf0ffffff,\n beige: 0xf5f5dcff,\n bisque: 0xffe4c4ff,\n black: 0x000000ff,\n blanchedalmond: 0xffebcdff,\n blue: 0x0000ffff,\n blueviolet: 0x8a2be2ff,\n brown: 0xa52a2aff,\n burlywood: 0xdeb887ff,\n burntsienna: 0xea7e5dff,\n cadetblue: 0x5f9ea0ff,\n chartreuse: 0x7fff00ff,\n chocolate: 0xd2691eff,\n coral: 0xff7f50ff,\n cornflowerblue: 0x6495edff,\n cornsilk: 0xfff8dcff,\n crimson: 0xdc143cff,\n cyan: 0x00ffffff,\n darkblue: 0x00008bff,\n darkcyan: 0x008b8bff,\n darkgoldenrod: 0xb8860bff,\n darkgray: 0xa9a9a9ff,\n darkgreen: 0x006400ff,\n darkgrey: 0xa9a9a9ff,\n darkkhaki: 0xbdb76bff,\n darkmagenta: 0x8b008bff,\n darkolivegreen: 0x556b2fff,\n darkorange: 0xff8c00ff,\n darkorchid: 0x9932ccff,\n darkred: 0x8b0000ff,\n darksalmon: 0xe9967aff,\n darkseagreen: 0x8fbc8fff,\n darkslateblue: 0x483d8bff,\n darkslategray: 0x2f4f4fff,\n darkslategrey: 0x2f4f4fff,\n darkturquoise: 0x00ced1ff,\n darkviolet: 0x9400d3ff,\n deeppink: 0xff1493ff,\n deepskyblue: 0x00bfffff,\n dimgray: 0x696969ff,\n dimgrey: 0x696969ff,\n dodgerblue: 0x1e90ffff,\n firebrick: 0xb22222ff,\n floralwhite: 0xfffaf0ff,\n forestgreen: 0x228b22ff,\n fuchsia: 0xff00ffff,\n gainsboro: 0xdcdcdcff,\n ghostwhite: 0xf8f8ffff,\n gold: 0xffd700ff,\n goldenrod: 0xdaa520ff,\n gray: 0x808080ff,\n green: 0x008000ff,\n greenyellow: 0xadff2fff,\n grey: 0x808080ff,\n honeydew: 0xf0fff0ff,\n hotpink: 0xff69b4ff,\n indianred: 0xcd5c5cff,\n indigo: 0x4b0082ff,\n ivory: 0xfffff0ff,\n khaki: 0xf0e68cff,\n lavender: 0xe6e6faff,\n lavenderblush: 0xfff0f5ff,\n lawngreen: 0x7cfc00ff,\n lemonchiffon: 0xfffacdff,\n lightblue: 0xadd8e6ff,\n lightcoral: 0xf08080ff,\n lightcyan: 0xe0ffffff,\n lightgoldenrodyellow: 0xfafad2ff,\n lightgray: 0xd3d3d3ff,\n lightgreen: 0x90ee90ff,\n lightgrey: 0xd3d3d3ff,\n lightpink: 0xffb6c1ff,\n lightsalmon: 0xffa07aff,\n lightseagreen: 0x20b2aaff,\n lightskyblue: 0x87cefaff,\n lightslategray: 0x778899ff,\n lightslategrey: 0x778899ff,\n lightsteelblue: 0xb0c4deff,\n lightyellow: 0xffffe0ff,\n lime: 0x00ff00ff,\n limegreen: 0x32cd32ff,\n linen: 0xfaf0e6ff,\n magenta: 0xff00ffff,\n maroon: 0x800000ff,\n mediumaquamarine: 0x66cdaaff,\n mediumblue: 0x0000cdff,\n mediumorchid: 0xba55d3ff,\n mediumpurple: 0x9370dbff,\n mediumseagreen: 0x3cb371ff,\n mediumslateblue: 0x7b68eeff,\n mediumspringgreen: 0x00fa9aff,\n mediumturquoise: 0x48d1ccff,\n mediumvioletred: 0xc71585ff,\n midnightblue: 0x191970ff,\n mintcream: 0xf5fffaff,\n mistyrose: 0xffe4e1ff,\n moccasin: 0xffe4b5ff,\n navajowhite: 0xffdeadff,\n navy: 0x000080ff,\n oldlace: 0xfdf5e6ff,\n olive: 0x808000ff,\n olivedrab: 0x6b8e23ff,\n orange: 0xffa500ff,\n orangered: 0xff4500ff,\n orchid: 0xda70d6ff,\n palegoldenrod: 0xeee8aaff,\n palegreen: 0x98fb98ff,\n paleturquoise: 0xafeeeeff,\n palevioletred: 0xdb7093ff,\n papayawhip: 0xffefd5ff,\n peachpuff: 0xffdab9ff,\n peru: 0xcd853fff,\n pink: 0xffc0cbff,\n plum: 0xdda0ddff,\n powderblue: 0xb0e0e6ff,\n purple: 0x800080ff,\n rebeccapurple: 0x663399ff,\n red: 0xff0000ff,\n rosybrown: 0xbc8f8fff,\n royalblue: 0x4169e1ff,\n saddlebrown: 0x8b4513ff,\n salmon: 0xfa8072ff,\n sandybrown: 0xf4a460ff,\n seagreen: 0x2e8b57ff,\n seashell: 0xfff5eeff,\n sienna: 0xa0522dff,\n silver: 0xc0c0c0ff,\n skyblue: 0x87ceebff,\n slateblue: 0x6a5acdff,\n slategray: 0x708090ff,\n slategrey: 0x708090ff,\n snow: 0xfffafaff,\n springgreen: 0x00ff7fff,\n steelblue: 0x4682b4ff,\n tan: 0xd2b48cff,\n teal: 0x008080ff,\n thistle: 0xd8bfd8ff,\n tomato: 0xff6347ff,\n turquoise: 0x40e0d0ff,\n violet: 0xee82eeff,\n wheat: 0xf5deb3ff,\n white: 0xffffffff,\n whitesmoke: 0xf5f5f5ff,\n yellow: 0xffff00ff,\n yellowgreen: 0x9acd32ff\n};\n\n// const INTEGER = '[-+]?\\\\d+';\nvar NUMBER = '[-+]?\\\\d*\\\\.?\\\\d+';\nvar PERCENTAGE = NUMBER + '%';\nfunction call() {\n for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {\n parts[_key] = arguments[_key];\n }\n return '\\\\(\\\\s*(' + parts.join(')\\\\s*,\\\\s*(') + ')\\\\s*\\\\)';\n}\nvar rgb = new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER));\nvar rgba = new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER));\nvar hsl = new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE));\nvar hsla = new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER));\nvar hex3 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;\nvar hex4 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;\nvar hex6 = /^#([0-9a-fA-F]{6})$/;\nvar hex8 = /^#([0-9a-fA-F]{8})$/;\n\n/*\nhttps://github.com/react-community/normalize-css-color\n\nBSD 3-Clause License\n\nCopyright (c) 2016, React Community\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n* Redistributions of source code must retain the above copyright notice, this\n list of conditions and the following disclaimer.\n\n* Redistributions in binary form must reproduce the above copyright notice,\n this list of conditions and the following disclaimer in the documentation\n and/or other materials provided with the distribution.\n\n* Neither the name of the copyright holder nor the names of its\n contributors may be used to endorse or promote products derived from\n this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\nAND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n*/\nfunction normalizeColor(color) {\n var match;\n if (typeof color === 'number') {\n return color >>> 0 === color && color >= 0 && color <= 0xffffffff ? color : null;\n } // Ordered based on occurrences on Facebook codebase\n\n if (match = hex6.exec(color)) return parseInt(match[1] + 'ff', 16) >>> 0;\n if (colors.hasOwnProperty(color)) return colors[color];\n if (match = rgb.exec(color)) {\n return (parse255(match[1]) << 24 |\n // r\n parse255(match[2]) << 16 |\n // g\n parse255(match[3]) << 8 |\n // b\n 0x000000ff) >>>\n // a\n 0;\n }\n if (match = rgba.exec(color)) {\n return (parse255(match[1]) << 24 |\n // r\n parse255(match[2]) << 16 |\n // g\n parse255(match[3]) << 8 |\n // b\n parse1(match[4])) >>>\n // a\n 0;\n }\n if (match = hex3.exec(color)) {\n return parseInt(match[1] + match[1] +\n // r\n match[2] + match[2] +\n // g\n match[3] + match[3] +\n // b\n 'ff',\n // a\n 16) >>> 0;\n } // https://drafts.csswg.org/css-color-4/#hex-notation\n\n if (match = hex8.exec(color)) return parseInt(match[1], 16) >>> 0;\n if (match = hex4.exec(color)) {\n return parseInt(match[1] + match[1] +\n // r\n match[2] + match[2] +\n // g\n match[3] + match[3] +\n // b\n match[4] + match[4],\n // a\n 16) >>> 0;\n }\n if (match = hsl.exec(color)) {\n return (hslToRgb(parse360(match[1]),\n // h\n parsePercentage(match[2]),\n // s\n parsePercentage(match[3]) // l\n ) | 0x000000ff) >>>\n // a\n 0;\n }\n if (match = hsla.exec(color)) {\n return (hslToRgb(parse360(match[1]),\n // h\n parsePercentage(match[2]),\n // s\n parsePercentage(match[3]) // l\n ) | parse1(match[4])) >>>\n // a\n 0;\n }\n return null;\n}\nfunction hue2rgb(p, q, t) {\n if (t < 0) t += 1;\n if (t > 1) t -= 1;\n if (t < 1 / 6) return p + (q - p) * 6 * t;\n if (t < 1 / 2) return q;\n if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\n return p;\n}\nfunction hslToRgb(h, s, l) {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n var r = hue2rgb(p, q, h + 1 / 3);\n var g = hue2rgb(p, q, h);\n var b = hue2rgb(p, q, h - 1 / 3);\n return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;\n}\nfunction parse255(str) {\n var int = parseInt(str, 10);\n if (int < 0) return 0;\n if (int > 255) return 255;\n return int;\n}\nfunction parse360(str) {\n var int = parseFloat(str);\n return (int % 360 + 360) % 360 / 360;\n}\nfunction parse1(str) {\n var num = parseFloat(str);\n if (num < 0) return 0;\n if (num > 1) return 255;\n return Math.round(num * 255);\n}\nfunction parsePercentage(str) {\n // parseFloat conveniently ignores the final %\n var int = parseFloat(str);\n if (int < 0) return 0;\n if (int > 100) return 1;\n return int / 100;\n}\nfunction colorToRgba(input) {\n var int32Color = normalizeColor(input);\n if (int32Color === null) return input;\n int32Color = int32Color || 0;\n var r = (int32Color & 0xff000000) >>> 24;\n var g = (int32Color & 0x00ff0000) >>> 16;\n var b = (int32Color & 0x0000ff00) >>> 8;\n var a = (int32Color & 0x000000ff) / 255;\n return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(a, \")\");\n} // Problem: https://github.com/animatedjs/animated/pull/102\n// Solution: https://stackoverflow.com/questions/638565/parsing-scientific-notation-sensibly/658662\n\nvar stringShapeRegex = /[+\\-]?(?:0|[1-9]\\d*)(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g; // Covers rgb, rgba, hsl, hsla\n// Taken from https://gist.github.com/olmokramer/82ccce673f86db7cda5e\n\nvar colorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\\((-?\\d+%?[,\\s]+){2,3}\\s*[\\d\\.]+%?\\))/gi; // Covers color names (transparent, blue, etc.)\n\nvar colorNamesRegex = new RegExp(\"(\".concat(Object.keys(colors).join('|'), \")\"), 'g');\n/**\n * Supports string shapes by extracting numbers so new values can be computed,\n * and recombines those values into new strings of the same shape. Supports\n * things like:\n *\n * rgba(123, 42, 99, 0.36) // colors\n * -45deg // values with units\n * 0 2px 2px 0px rgba(0, 0, 0, 0.12) // box shadows\n */\n\nvar createStringInterpolator = function createStringInterpolator(config) {\n // Replace colors with rgba\n var outputRange = config.output.map(function (rangeValue) {\n return rangeValue.replace(colorRegex, colorToRgba);\n }).map(function (rangeValue) {\n return rangeValue.replace(colorNamesRegex, colorToRgba);\n });\n var outputRanges = outputRange[0].match(stringShapeRegex).map(function () {\n return [];\n });\n outputRange.forEach(function (value) {\n value.match(stringShapeRegex).forEach(function (number, i) {\n return outputRanges[i].push(+number);\n });\n });\n var interpolations = outputRange[0].match(stringShapeRegex).map(function (_value, i) {\n return createInterpolator(_extends({}, config, {\n output: outputRanges[i]\n }));\n });\n return function (input) {\n var i = 0;\n return outputRange[0] // 'rgba(0, 100, 200, 0)'\n // ->\n // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'\n .replace(stringShapeRegex, function () {\n return interpolations[i++](input);\n }) // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to\n // round the opacity (4th column).\n .replace(/rgba\\(([0-9\\.-]+), ([0-9\\.-]+), ([0-9\\.-]+), ([0-9\\.-]+)\\)/gi, function (_, p1, p2, p3, p4) {\n return \"rgba(\".concat(Math.round(p1), \", \").concat(Math.round(p2), \", \").concat(Math.round(p3), \", \").concat(p4, \")\");\n });\n };\n};\nvar isUnitlessNumber = {\n animationIterationCount: true,\n borderImageOutset: true,\n borderImageSlice: true,\n borderImageWidth: true,\n boxFlex: true,\n boxFlexGroup: true,\n boxOrdinalGroup: true,\n columnCount: true,\n columns: true,\n flex: true,\n flexGrow: true,\n flexPositive: true,\n flexShrink: true,\n flexNegative: true,\n flexOrder: true,\n gridRow: true,\n gridRowEnd: true,\n gridRowSpan: true,\n gridRowStart: true,\n gridColumn: true,\n gridColumnEnd: true,\n gridColumnSpan: true,\n gridColumnStart: true,\n fontWeight: true,\n lineClamp: true,\n lineHeight: true,\n opacity: true,\n order: true,\n orphans: true,\n tabSize: true,\n widows: true,\n zIndex: true,\n zoom: true,\n // SVG-related properties\n fillOpacity: true,\n floodOpacity: true,\n stopOpacity: true,\n strokeDasharray: true,\n strokeDashoffset: true,\n strokeMiterlimit: true,\n strokeOpacity: true,\n strokeWidth: true\n};\nvar prefixKey = function prefixKey(prefix, key) {\n return prefix + key.charAt(0).toUpperCase() + key.substring(1);\n};\nvar prefixes = ['Webkit', 'Ms', 'Moz', 'O'];\nisUnitlessNumber = Object.keys(isUnitlessNumber).reduce(function (acc, prop) {\n prefixes.forEach(function (prefix) {\n return acc[prefixKey(prefix, prop)] = acc[prop];\n });\n return acc;\n}, isUnitlessNumber);\nfunction dangerousStyleValue(name, value, isCustomProperty) {\n if (value == null || typeof value === 'boolean' || value === '') return '';\n if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers\n\n return ('' + value).trim();\n}\nvar attributeCache = {};\ninjectCreateAnimatedStyle(function (style) {\n return new AnimatedStyle(style);\n});\ninjectDefaultElement('div');\ninjectStringInterpolator(createStringInterpolator);\ninjectColorNames(colors);\ninjectApplyAnimatedValues(function (instance, props) {\n if (instance.nodeType && instance.setAttribute !== undefined) {\n var style = props.style,\n children = props.children,\n scrollTop = props.scrollTop,\n scrollLeft = props.scrollLeft,\n attributes = _objectWithoutPropertiesLoose(props, [\"style\", \"children\", \"scrollTop\", \"scrollLeft\"]);\n var filter = instance.nodeName === 'filter' || instance.parentNode && instance.parentNode.nodeName === 'filter';\n if (scrollTop !== void 0) instance.scrollTop = scrollTop;\n if (scrollLeft !== void 0) instance.scrollLeft = scrollLeft; // Set textContent, if children is an animatable value\n\n if (children !== void 0) instance.textContent = children; // Set styles ...\n\n for (var styleName in style) {\n if (!style.hasOwnProperty(styleName)) continue;\n var isCustomProperty = styleName.indexOf('--') === 0;\n var styleValue = dangerousStyleValue(styleName, style[styleName], isCustomProperty);\n if (styleName === 'float') styleName = 'cssFloat';\n if (isCustomProperty) instance.style.setProperty(styleName, styleValue);else instance.style[styleName] = styleValue;\n } // Set attributes ...\n\n for (var name in attributes) {\n // Attributes are written in dash case\n var dashCase = filter ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, function (n) {\n return '-' + n.toLowerCase();\n }));\n if (typeof instance.getAttribute(dashCase) !== 'undefined') instance.setAttribute(dashCase, attributes[name]);\n }\n return;\n } else return false;\n}, function (style) {\n return style;\n});\nvar domElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr',\n// SVG\n'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];\n// Extend animated with all the available THREE elements\nvar apply = merge(createAnimatedComponent, false);\nvar extendedAnimated = apply(domElements);\nexport { apply, config, update, extendedAnimated as animated, extendedAnimated as a, interpolate$1 as interpolate, Globals, useSpring, useTrail, useTransition, useChain, useSprings };","var MediaQuery = require('./MediaQuery');\nvar Util = require('./Util');\nvar each = Util.each;\nvar isFunction = Util.isFunction;\nvar isArray = Util.isArray;\n\n/**\n * Allows for registration of query handlers.\n * Manages the query handler's state and is responsible for wiring up browser events\n *\n * @constructor\n */\nfunction MediaQueryDispatch() {\n if (!window.matchMedia) {\n throw new Error('matchMedia not present, legacy browsers require a polyfill');\n }\n this.queries = {};\n this.browserIsIncapable = !window.matchMedia('only all').matches;\n}\nMediaQueryDispatch.prototype = {\n constructor: MediaQueryDispatch,\n /**\n * Registers a handler for the given media query\n *\n * @param {string} q the media query\n * @param {object || Array || Function} options either a single query handler object, a function, or an array of query handlers\n * @param {function} options.match fired when query matched\n * @param {function} [options.unmatch] fired when a query is no longer matched\n * @param {function} [options.setup] fired when handler first triggered\n * @param {boolean} [options.deferSetup=false] whether setup should be run immediately or deferred until query is first matched\n * @param {boolean} [shouldDegrade=false] whether this particular media query should always run on incapable browsers\n */\n register: function register(q, options, shouldDegrade) {\n var queries = this.queries,\n isUnconditional = shouldDegrade && this.browserIsIncapable;\n if (!queries[q]) {\n queries[q] = new MediaQuery(q, isUnconditional);\n }\n\n //normalise to object in an array\n if (isFunction(options)) {\n options = {\n match: options\n };\n }\n if (!isArray(options)) {\n options = [options];\n }\n each(options, function (handler) {\n if (isFunction(handler)) {\n handler = {\n match: handler\n };\n }\n queries[q].addHandler(handler);\n });\n return this;\n },\n /**\n * unregisters a query and all it's handlers, or a specific handler for a query\n *\n * @param {string} q the media query to target\n * @param {object || function} [handler] specific handler to unregister\n */\n unregister: function unregister(q, handler) {\n var query = this.queries[q];\n if (query) {\n if (handler) {\n query.removeHandler(handler);\n } else {\n query.clear();\n delete this.queries[q];\n }\n }\n return this;\n }\n};\nmodule.exports = MediaQueryDispatch;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n height: 1,\n margin: 0,\n // Reset browser default style.\n border: 'none',\n flexShrink: 0,\n backgroundColor: theme.palette.divider\n },\n /* Styles applied to the root element if `absolute={true}`. */\n absolute: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%'\n },\n /* Styles applied to the root element if `variant=\"inset\"`. */\n inset: {\n marginLeft: 72\n },\n /* Styles applied to the root element if `light={true}`. */\n light: {\n backgroundColor: alpha(theme.palette.divider, 0.08)\n },\n /* Styles applied to the root element if `variant=\"middle\"`. */\n middle: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n },\n /* Styles applied to the root element if `orientation=\"vertical\"`. */\n vertical: {\n height: '100%',\n width: 1\n },\n /* Styles applied to the root element if `flexItem={true}`. */\n flexItem: {\n alignSelf: 'stretch',\n height: 'auto'\n }\n };\n};\nvar Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n var _props$absolute = props.absolute,\n absolute = _props$absolute === void 0 ? false : _props$absolute,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'hr' : _props$component,\n _props$flexItem = props.flexItem,\n flexItem = _props$flexItem === void 0 ? false : _props$flexItem,\n _props$light = props.light,\n light = _props$light === void 0 ? false : _props$light,\n _props$orientation = props.orientation,\n orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,\n _props$role = props.role,\n role = _props$role === void 0 ? Component !== 'hr' ? 'separator' : undefined : _props$role,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,\n other = _objectWithoutProperties(props, [\"absolute\", \"classes\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"variant\"]);\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, variant !== 'fullWidth' && classes[variant], absolute && classes.absolute, flexItem && classes.flexItem, light && classes.light, orientation === 'vertical' && classes.vertical),\n role: role,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiDivider'\n})(Divider);","require(\"core-js/modules/es.array.sort.js\");\n//! moment.js\n//! version : 2.29.4\n//! authors : Tim Wood, Iskren Chernev, Moment.js contributors\n//! license : MIT\n//! momentjs.com\n\n;\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.moment = factory();\n})(this, function () {\n 'use strict';\n\n var hookCallback;\n function hooks() {\n return hookCallback.apply(null, arguments);\n }\n\n // This is done to register the method called with moment()\n // without creating circular dependencies.\n function setHookCallback(callback) {\n hookCallback = callback;\n }\n function isArray(input) {\n return input instanceof Array || Object.prototype.toString.call(input) === '[object Array]';\n }\n function isObject(input) {\n // IE8 will treat undefined and null as object if it wasn't for\n // input != null\n return input != null && Object.prototype.toString.call(input) === '[object Object]';\n }\n function hasOwnProp(a, b) {\n return Object.prototype.hasOwnProperty.call(a, b);\n }\n function isObjectEmpty(obj) {\n if (Object.getOwnPropertyNames) {\n return Object.getOwnPropertyNames(obj).length === 0;\n } else {\n var k;\n for (k in obj) {\n if (hasOwnProp(obj, k)) {\n return false;\n }\n }\n return true;\n }\n }\n function isUndefined(input) {\n return input === void 0;\n }\n function isNumber(input) {\n return typeof input === 'number' || Object.prototype.toString.call(input) === '[object Number]';\n }\n function isDate(input) {\n return input instanceof Date || Object.prototype.toString.call(input) === '[object Date]';\n }\n function map(arr, fn) {\n var res = [],\n i,\n arrLen = arr.length;\n for (i = 0; i < arrLen; ++i) {\n res.push(fn(arr[i], i));\n }\n return res;\n }\n function extend(a, b) {\n for (var i in b) {\n if (hasOwnProp(b, i)) {\n a[i] = b[i];\n }\n }\n if (hasOwnProp(b, 'toString')) {\n a.toString = b.toString;\n }\n if (hasOwnProp(b, 'valueOf')) {\n a.valueOf = b.valueOf;\n }\n return a;\n }\n function createUTC(input, format, locale, strict) {\n return createLocalOrUTC(input, format, locale, strict, true).utc();\n }\n function defaultParsingFlags() {\n // We need to deep clone this object.\n return {\n empty: false,\n unusedTokens: [],\n unusedInput: [],\n overflow: -2,\n charsLeftOver: 0,\n nullInput: false,\n invalidEra: null,\n invalidMonth: null,\n invalidFormat: false,\n userInvalidated: false,\n iso: false,\n parsedDateParts: [],\n era: null,\n meridiem: null,\n rfc2822: false,\n weekdayMismatch: false\n };\n }\n function getParsingFlags(m) {\n if (m._pf == null) {\n m._pf = defaultParsingFlags();\n }\n return m._pf;\n }\n var some;\n if (Array.prototype.some) {\n some = Array.prototype.some;\n } else {\n some = function some(fun) {\n var t = Object(this),\n len = t.length >>> 0,\n i;\n for (i = 0; i < len; i++) {\n if (i in t && fun.call(this, t[i], i, t)) {\n return true;\n }\n }\n return false;\n };\n }\n function isValid(m) {\n if (m._isValid == null) {\n var flags = getParsingFlags(m),\n parsedParts = some.call(flags.parsedDateParts, function (i) {\n return i != null;\n }),\n isNowValid = !isNaN(m._d.getTime()) && flags.overflow < 0 && !flags.empty && !flags.invalidEra && !flags.invalidMonth && !flags.invalidWeekday && !flags.weekdayMismatch && !flags.nullInput && !flags.invalidFormat && !flags.userInvalidated && (!flags.meridiem || flags.meridiem && parsedParts);\n if (m._strict) {\n isNowValid = isNowValid && flags.charsLeftOver === 0 && flags.unusedTokens.length === 0 && flags.bigHour === undefined;\n }\n if (Object.isFrozen == null || !Object.isFrozen(m)) {\n m._isValid = isNowValid;\n } else {\n return isNowValid;\n }\n }\n return m._isValid;\n }\n function createInvalid(flags) {\n var m = createUTC(NaN);\n if (flags != null) {\n extend(getParsingFlags(m), flags);\n } else {\n getParsingFlags(m).userInvalidated = true;\n }\n return m;\n }\n\n // Plugins that add properties should also add the key here (null value),\n // so we can properly clone ourselves.\n var momentProperties = hooks.momentProperties = [],\n updateInProgress = false;\n function copyConfig(to, from) {\n var i,\n prop,\n val,\n momentPropertiesLen = momentProperties.length;\n if (!isUndefined(from._isAMomentObject)) {\n to._isAMomentObject = from._isAMomentObject;\n }\n if (!isUndefined(from._i)) {\n to._i = from._i;\n }\n if (!isUndefined(from._f)) {\n to._f = from._f;\n }\n if (!isUndefined(from._l)) {\n to._l = from._l;\n }\n if (!isUndefined(from._strict)) {\n to._strict = from._strict;\n }\n if (!isUndefined(from._tzm)) {\n to._tzm = from._tzm;\n }\n if (!isUndefined(from._isUTC)) {\n to._isUTC = from._isUTC;\n }\n if (!isUndefined(from._offset)) {\n to._offset = from._offset;\n }\n if (!isUndefined(from._pf)) {\n to._pf = getParsingFlags(from);\n }\n if (!isUndefined(from._locale)) {\n to._locale = from._locale;\n }\n if (momentPropertiesLen > 0) {\n for (i = 0; i < momentPropertiesLen; i++) {\n prop = momentProperties[i];\n val = from[prop];\n if (!isUndefined(val)) {\n to[prop] = val;\n }\n }\n }\n return to;\n }\n\n // Moment prototype object\n function Moment(config) {\n copyConfig(this, config);\n this._d = new Date(config._d != null ? config._d.getTime() : NaN);\n if (!this.isValid()) {\n this._d = new Date(NaN);\n }\n // Prevent infinite loop in case updateOffset creates new moment\n // objects.\n if (updateInProgress === false) {\n updateInProgress = true;\n hooks.updateOffset(this);\n updateInProgress = false;\n }\n }\n function isMoment(obj) {\n return obj instanceof Moment || obj != null && obj._isAMomentObject != null;\n }\n function warn(msg) {\n if (hooks.suppressDeprecationWarnings === false && typeof console !== 'undefined' && console.warn) {\n console.warn('Deprecation warning: ' + msg);\n }\n }\n function deprecate(msg, fn) {\n var firstTime = true;\n return extend(function () {\n if (hooks.deprecationHandler != null) {\n hooks.deprecationHandler(null, msg);\n }\n if (firstTime) {\n var args = [],\n arg,\n i,\n key,\n argLen = arguments.length;\n for (i = 0; i < argLen; i++) {\n arg = '';\n if (typeof arguments[i] === 'object') {\n arg += '\\n[' + i + '] ';\n for (key in arguments[0]) {\n if (hasOwnProp(arguments[0], key)) {\n arg += key + ': ' + arguments[0][key] + ', ';\n }\n }\n arg = arg.slice(0, -2); // Remove trailing comma and space\n } else {\n arg = arguments[i];\n }\n args.push(arg);\n }\n warn(msg + '\\nArguments: ' + Array.prototype.slice.call(args).join('') + '\\n' + new Error().stack);\n firstTime = false;\n }\n return fn.apply(this, arguments);\n }, fn);\n }\n var deprecations = {};\n function deprecateSimple(name, msg) {\n if (hooks.deprecationHandler != null) {\n hooks.deprecationHandler(name, msg);\n }\n if (!deprecations[name]) {\n warn(msg);\n deprecations[name] = true;\n }\n }\n hooks.suppressDeprecationWarnings = false;\n hooks.deprecationHandler = null;\n function isFunction(input) {\n return typeof Function !== 'undefined' && input instanceof Function || Object.prototype.toString.call(input) === '[object Function]';\n }\n function set(config) {\n var prop, i;\n for (i in config) {\n if (hasOwnProp(config, i)) {\n prop = config[i];\n if (isFunction(prop)) {\n this[i] = prop;\n } else {\n this['_' + i] = prop;\n }\n }\n }\n this._config = config;\n // Lenient ordinal parsing accepts just a number in addition to\n // number + (possibly) stuff coming from _dayOfMonthOrdinalParse.\n // TODO: Remove \"ordinalParse\" fallback in next major release.\n this._dayOfMonthOrdinalParseLenient = new RegExp((this._dayOfMonthOrdinalParse.source || this._ordinalParse.source) + '|' + /\\d{1,2}/.source);\n }\n function mergeConfigs(parentConfig, childConfig) {\n var res = extend({}, parentConfig),\n prop;\n for (prop in childConfig) {\n if (hasOwnProp(childConfig, prop)) {\n if (isObject(parentConfig[prop]) && isObject(childConfig[prop])) {\n res[prop] = {};\n extend(res[prop], parentConfig[prop]);\n extend(res[prop], childConfig[prop]);\n } else if (childConfig[prop] != null) {\n res[prop] = childConfig[prop];\n } else {\n delete res[prop];\n }\n }\n }\n for (prop in parentConfig) {\n if (hasOwnProp(parentConfig, prop) && !hasOwnProp(childConfig, prop) && isObject(parentConfig[prop])) {\n // make sure changes to properties don't modify parent config\n res[prop] = extend({}, res[prop]);\n }\n }\n return res;\n }\n function Locale(config) {\n if (config != null) {\n this.set(config);\n }\n }\n var keys;\n if (Object.keys) {\n keys = Object.keys;\n } else {\n keys = function keys(obj) {\n var i,\n res = [];\n for (i in obj) {\n if (hasOwnProp(obj, i)) {\n res.push(i);\n }\n }\n return res;\n };\n }\n var defaultCalendar = {\n sameDay: '[Today at] LT',\n nextDay: '[Tomorrow at] LT',\n nextWeek: 'dddd [at] LT',\n lastDay: '[Yesterday at] LT',\n lastWeek: '[Last] dddd [at] LT',\n sameElse: 'L'\n };\n function calendar(key, mom, now) {\n var output = this._calendar[key] || this._calendar['sameElse'];\n return isFunction(output) ? output.call(mom, now) : output;\n }\n function zeroFill(number, targetLength, forceSign) {\n var absNumber = '' + Math.abs(number),\n zerosToFill = targetLength - absNumber.length,\n sign = number >= 0;\n return (sign ? forceSign ? '+' : '' : '-') + Math.pow(10, Math.max(0, zerosToFill)).toString().substr(1) + absNumber;\n }\n var formattingTokens = /(\\[[^\\[]*\\])|(\\\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,\n localFormattingTokens = /(\\[[^\\[]*\\])|(\\\\)?(LTS|LT|LL?L?L?|l{1,4})/g,\n formatFunctions = {},\n formatTokenFunctions = {};\n\n // token: 'M'\n // padded: ['MM', 2]\n // ordinal: 'Mo'\n // callback: function () { this.month() + 1 }\n function addFormatToken(token, padded, ordinal, callback) {\n var func = callback;\n if (typeof callback === 'string') {\n func = function func() {\n return this[callback]();\n };\n }\n if (token) {\n formatTokenFunctions[token] = func;\n }\n if (padded) {\n formatTokenFunctions[padded[0]] = function () {\n return zeroFill(func.apply(this, arguments), padded[1], padded[2]);\n };\n }\n if (ordinal) {\n formatTokenFunctions[ordinal] = function () {\n return this.localeData().ordinal(func.apply(this, arguments), token);\n };\n }\n }\n function removeFormattingTokens(input) {\n if (input.match(/\\[[\\s\\S]/)) {\n return input.replace(/^\\[|\\]$/g, '');\n }\n return input.replace(/\\\\/g, '');\n }\n function makeFormatFunction(format) {\n var array = format.match(formattingTokens),\n i,\n length;\n for (i = 0, length = array.length; i < length; i++) {\n if (formatTokenFunctions[array[i]]) {\n array[i] = formatTokenFunctions[array[i]];\n } else {\n array[i] = removeFormattingTokens(array[i]);\n }\n }\n return function (mom) {\n var output = '',\n i;\n for (i = 0; i < length; i++) {\n output += isFunction(array[i]) ? array[i].call(mom, format) : array[i];\n }\n return output;\n };\n }\n\n // format date using native date object\n function formatMoment(m, format) {\n if (!m.isValid()) {\n return m.localeData().invalidDate();\n }\n format = expandFormat(format, m.localeData());\n formatFunctions[format] = formatFunctions[format] || makeFormatFunction(format);\n return formatFunctions[format](m);\n }\n function expandFormat(format, locale) {\n var i = 5;\n function replaceLongDateFormatTokens(input) {\n return locale.longDateFormat(input) || input;\n }\n localFormattingTokens.lastIndex = 0;\n while (i >= 0 && localFormattingTokens.test(format)) {\n format = format.replace(localFormattingTokens, replaceLongDateFormatTokens);\n localFormattingTokens.lastIndex = 0;\n i -= 1;\n }\n return format;\n }\n var defaultLongDateFormat = {\n LTS: 'h:mm:ss A',\n LT: 'h:mm A',\n L: 'MM/DD/YYYY',\n LL: 'MMMM D, YYYY',\n LLL: 'MMMM D, YYYY h:mm A',\n LLLL: 'dddd, MMMM D, YYYY h:mm A'\n };\n function longDateFormat(key) {\n var format = this._longDateFormat[key],\n formatUpper = this._longDateFormat[key.toUpperCase()];\n if (format || !formatUpper) {\n return format;\n }\n this._longDateFormat[key] = formatUpper.match(formattingTokens).map(function (tok) {\n if (tok === 'MMMM' || tok === 'MM' || tok === 'DD' || tok === 'dddd') {\n return tok.slice(1);\n }\n return tok;\n }).join('');\n return this._longDateFormat[key];\n }\n var defaultInvalidDate = 'Invalid date';\n function invalidDate() {\n return this._invalidDate;\n }\n var defaultOrdinal = '%d',\n defaultDayOfMonthOrdinalParse = /\\d{1,2}/;\n function ordinal(number) {\n return this._ordinal.replace('%d', number);\n }\n var defaultRelativeTime = {\n future: 'in %s',\n past: '%s ago',\n s: 'a few seconds',\n ss: '%d seconds',\n m: 'a minute',\n mm: '%d minutes',\n h: 'an hour',\n hh: '%d hours',\n d: 'a day',\n dd: '%d days',\n w: 'a week',\n ww: '%d weeks',\n M: 'a month',\n MM: '%d months',\n y: 'a year',\n yy: '%d years'\n };\n function relativeTime(number, withoutSuffix, string, isFuture) {\n var output = this._relativeTime[string];\n return isFunction(output) ? output(number, withoutSuffix, string, isFuture) : output.replace(/%d/i, number);\n }\n function pastFuture(diff, output) {\n var format = this._relativeTime[diff > 0 ? 'future' : 'past'];\n return isFunction(format) ? format(output) : format.replace(/%s/i, output);\n }\n var aliases = {};\n function addUnitAlias(unit, shorthand) {\n var lowerCase = unit.toLowerCase();\n aliases[lowerCase] = aliases[lowerCase + 's'] = aliases[shorthand] = unit;\n }\n function normalizeUnits(units) {\n return typeof units === 'string' ? aliases[units] || aliases[units.toLowerCase()] : undefined;\n }\n function normalizeObjectUnits(inputObject) {\n var normalizedInput = {},\n normalizedProp,\n prop;\n for (prop in inputObject) {\n if (hasOwnProp(inputObject, prop)) {\n normalizedProp = normalizeUnits(prop);\n if (normalizedProp) {\n normalizedInput[normalizedProp] = inputObject[prop];\n }\n }\n }\n return normalizedInput;\n }\n var priorities = {};\n function addUnitPriority(unit, priority) {\n priorities[unit] = priority;\n }\n function getPrioritizedUnits(unitsObj) {\n var units = [],\n u;\n for (u in unitsObj) {\n if (hasOwnProp(unitsObj, u)) {\n units.push({\n unit: u,\n priority: priorities[u]\n });\n }\n }\n units.sort(function (a, b) {\n return a.priority - b.priority;\n });\n return units;\n }\n function isLeapYear(year) {\n return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;\n }\n function absFloor(number) {\n if (number < 0) {\n // -0 -> 0\n return Math.ceil(number) || 0;\n } else {\n return Math.floor(number);\n }\n }\n function toInt(argumentForCoercion) {\n var coercedNumber = +argumentForCoercion,\n value = 0;\n if (coercedNumber !== 0 && isFinite(coercedNumber)) {\n value = absFloor(coercedNumber);\n }\n return value;\n }\n function makeGetSet(unit, keepTime) {\n return function (value) {\n if (value != null) {\n set$1(this, unit, value);\n hooks.updateOffset(this, keepTime);\n return this;\n } else {\n return get(this, unit);\n }\n };\n }\n function get(mom, unit) {\n return mom.isValid() ? mom._d['get' + (mom._isUTC ? 'UTC' : '') + unit]() : NaN;\n }\n function set$1(mom, unit, value) {\n if (mom.isValid() && !isNaN(value)) {\n if (unit === 'FullYear' && isLeapYear(mom.year()) && mom.month() === 1 && mom.date() === 29) {\n value = toInt(value);\n mom._d['set' + (mom._isUTC ? 'UTC' : '') + unit](value, mom.month(), daysInMonth(value, mom.month()));\n } else {\n mom._d['set' + (mom._isUTC ? 'UTC' : '') + unit](value);\n }\n }\n }\n\n // MOMENTS\n\n function stringGet(units) {\n units = normalizeUnits(units);\n if (isFunction(this[units])) {\n return this[units]();\n }\n return this;\n }\n function stringSet(units, value) {\n if (typeof units === 'object') {\n units = normalizeObjectUnits(units);\n var prioritized = getPrioritizedUnits(units),\n i,\n prioritizedLen = prioritized.length;\n for (i = 0; i < prioritizedLen; i++) {\n this[prioritized[i].unit](units[prioritized[i].unit]);\n }\n } else {\n units = normalizeUnits(units);\n if (isFunction(this[units])) {\n return this[units](value);\n }\n }\n return this;\n }\n var match1 = /\\d/,\n // 0 - 9\n match2 = /\\d\\d/,\n // 00 - 99\n match3 = /\\d{3}/,\n // 000 - 999\n match4 = /\\d{4}/,\n // 0000 - 9999\n match6 = /[+-]?\\d{6}/,\n // -999999 - 999999\n match1to2 = /\\d\\d?/,\n // 0 - 99\n match3to4 = /\\d\\d\\d\\d?/,\n // 999 - 9999\n match5to6 = /\\d\\d\\d\\d\\d\\d?/,\n // 99999 - 999999\n match1to3 = /\\d{1,3}/,\n // 0 - 999\n match1to4 = /\\d{1,4}/,\n // 0 - 9999\n match1to6 = /[+-]?\\d{1,6}/,\n // -999999 - 999999\n matchUnsigned = /\\d+/,\n // 0 - inf\n matchSigned = /[+-]?\\d+/,\n // -inf - inf\n matchOffset = /Z|[+-]\\d\\d:?\\d\\d/gi,\n // +00:00 -00:00 +0000 -0000 or Z\n matchShortOffset = /Z|[+-]\\d\\d(?::?\\d\\d)?/gi,\n // +00 -00 +00:00 -00:00 +0000 -0000 or Z\n matchTimestamp = /[+-]?\\d+(\\.\\d{1,3})?/,\n // 123456789 123456789.123\n // any word (or two) characters or numbers including two/three word month in arabic.\n // includes scottish gaelic two word and hyphenated months\n matchWord = /[0-9]{0,256}['a-z\\u00A0-\\u05FF\\u0700-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFF07\\uFF10-\\uFFEF]{1,256}|[\\u0600-\\u06FF\\/]{1,256}(\\s*?[\\u0600-\\u06FF]{1,256}){1,2}/i,\n regexes;\n regexes = {};\n function addRegexToken(token, regex, strictRegex) {\n regexes[token] = isFunction(regex) ? regex : function (isStrict, localeData) {\n return isStrict && strictRegex ? strictRegex : regex;\n };\n }\n function getParseRegexForToken(token, config) {\n if (!hasOwnProp(regexes, token)) {\n return new RegExp(unescapeFormat(token));\n }\n return regexes[token](config._strict, config._locale);\n }\n\n // Code from http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript\n function unescapeFormat(s) {\n return regexEscape(s.replace('\\\\', '').replace(/\\\\(\\[)|\\\\(\\])|\\[([^\\]\\[]*)\\]|\\\\(.)/g, function (matched, p1, p2, p3, p4) {\n return p1 || p2 || p3 || p4;\n }));\n }\n function regexEscape(s) {\n return s.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n }\n var tokens = {};\n function addParseToken(token, callback) {\n var i,\n func = callback,\n tokenLen;\n if (typeof token === 'string') {\n token = [token];\n }\n if (isNumber(callback)) {\n func = function func(input, array) {\n array[callback] = toInt(input);\n };\n }\n tokenLen = token.length;\n for (i = 0; i < tokenLen; i++) {\n tokens[token[i]] = func;\n }\n }\n function addWeekParseToken(token, callback) {\n addParseToken(token, function (input, array, config, token) {\n config._w = config._w || {};\n callback(input, config._w, config, token);\n });\n }\n function addTimeToArrayFromToken(token, input, config) {\n if (input != null && hasOwnProp(tokens, token)) {\n tokens[token](input, config._a, config, token);\n }\n }\n var YEAR = 0,\n MONTH = 1,\n DATE = 2,\n HOUR = 3,\n MINUTE = 4,\n SECOND = 5,\n MILLISECOND = 6,\n WEEK = 7,\n WEEKDAY = 8;\n function mod(n, x) {\n return (n % x + x) % x;\n }\n var indexOf;\n if (Array.prototype.indexOf) {\n indexOf = Array.prototype.indexOf;\n } else {\n indexOf = function indexOf(o) {\n // I know\n var i;\n for (i = 0; i < this.length; ++i) {\n if (this[i] === o) {\n return i;\n }\n }\n return -1;\n };\n }\n function daysInMonth(year, month) {\n if (isNaN(year) || isNaN(month)) {\n return NaN;\n }\n var modMonth = mod(month, 12);\n year += (month - modMonth) / 12;\n return modMonth === 1 ? isLeapYear(year) ? 29 : 28 : 31 - modMonth % 7 % 2;\n }\n\n // FORMATTING\n\n addFormatToken('M', ['MM', 2], 'Mo', function () {\n return this.month() + 1;\n });\n addFormatToken('MMM', 0, 0, function (format) {\n return this.localeData().monthsShort(this, format);\n });\n addFormatToken('MMMM', 0, 0, function (format) {\n return this.localeData().months(this, format);\n });\n\n // ALIASES\n\n addUnitAlias('month', 'M');\n\n // PRIORITY\n\n addUnitPriority('month', 8);\n\n // PARSING\n\n addRegexToken('M', match1to2);\n addRegexToken('MM', match1to2, match2);\n addRegexToken('MMM', function (isStrict, locale) {\n return locale.monthsShortRegex(isStrict);\n });\n addRegexToken('MMMM', function (isStrict, locale) {\n return locale.monthsRegex(isStrict);\n });\n addParseToken(['M', 'MM'], function (input, array) {\n array[MONTH] = toInt(input) - 1;\n });\n addParseToken(['MMM', 'MMMM'], function (input, array, config, token) {\n var month = config._locale.monthsParse(input, token, config._strict);\n // if we didn't find a month name, mark the date as invalid.\n if (month != null) {\n array[MONTH] = month;\n } else {\n getParsingFlags(config).invalidMonth = input;\n }\n });\n\n // LOCALES\n\n var defaultLocaleMonths = 'January_February_March_April_May_June_July_August_September_October_November_December'.split('_'),\n defaultLocaleMonthsShort = 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),\n MONTHS_IN_FORMAT = /D[oD]?(\\[[^\\[\\]]*\\]|\\s)+MMMM?/,\n defaultMonthsShortRegex = matchWord,\n defaultMonthsRegex = matchWord;\n function localeMonths(m, format) {\n if (!m) {\n return isArray(this._months) ? this._months : this._months['standalone'];\n }\n return isArray(this._months) ? this._months[m.month()] : this._months[(this._months.isFormat || MONTHS_IN_FORMAT).test(format) ? 'format' : 'standalone'][m.month()];\n }\n function localeMonthsShort(m, format) {\n if (!m) {\n return isArray(this._monthsShort) ? this._monthsShort : this._monthsShort['standalone'];\n }\n return isArray(this._monthsShort) ? this._monthsShort[m.month()] : this._monthsShort[MONTHS_IN_FORMAT.test(format) ? 'format' : 'standalone'][m.month()];\n }\n function handleStrictParse(monthName, format, strict) {\n var i,\n ii,\n mom,\n llc = monthName.toLocaleLowerCase();\n if (!this._monthsParse) {\n // this is not used\n this._monthsParse = [];\n this._longMonthsParse = [];\n this._shortMonthsParse = [];\n for (i = 0; i < 12; ++i) {\n mom = createUTC([2000, i]);\n this._shortMonthsParse[i] = this.monthsShort(mom, '').toLocaleLowerCase();\n this._longMonthsParse[i] = this.months(mom, '').toLocaleLowerCase();\n }\n }\n if (strict) {\n if (format === 'MMM') {\n ii = indexOf.call(this._shortMonthsParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._longMonthsParse, llc);\n return ii !== -1 ? ii : null;\n }\n } else {\n if (format === 'MMM') {\n ii = indexOf.call(this._shortMonthsParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._longMonthsParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._longMonthsParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._shortMonthsParse, llc);\n return ii !== -1 ? ii : null;\n }\n }\n }\n function localeMonthsParse(monthName, format, strict) {\n var i, mom, regex;\n if (this._monthsParseExact) {\n return handleStrictParse.call(this, monthName, format, strict);\n }\n if (!this._monthsParse) {\n this._monthsParse = [];\n this._longMonthsParse = [];\n this._shortMonthsParse = [];\n }\n\n // TODO: add sorting\n // Sorting makes sure if one month (or abbr) is a prefix of another\n // see sorting in computeMonthsParse\n for (i = 0; i < 12; i++) {\n // make the regex if we don't have it already\n mom = createUTC([2000, i]);\n if (strict && !this._longMonthsParse[i]) {\n this._longMonthsParse[i] = new RegExp('^' + this.months(mom, '').replace('.', '') + '$', 'i');\n this._shortMonthsParse[i] = new RegExp('^' + this.monthsShort(mom, '').replace('.', '') + '$', 'i');\n }\n if (!strict && !this._monthsParse[i]) {\n regex = '^' + this.months(mom, '') + '|^' + this.monthsShort(mom, '');\n this._monthsParse[i] = new RegExp(regex.replace('.', ''), 'i');\n }\n // test the regex\n if (strict && format === 'MMMM' && this._longMonthsParse[i].test(monthName)) {\n return i;\n } else if (strict && format === 'MMM' && this._shortMonthsParse[i].test(monthName)) {\n return i;\n } else if (!strict && this._monthsParse[i].test(monthName)) {\n return i;\n }\n }\n }\n\n // MOMENTS\n\n function setMonth(mom, value) {\n var dayOfMonth;\n if (!mom.isValid()) {\n // No op\n return mom;\n }\n if (typeof value === 'string') {\n if (/^\\d+$/.test(value)) {\n value = toInt(value);\n } else {\n value = mom.localeData().monthsParse(value);\n // TODO: Another silent failure?\n if (!isNumber(value)) {\n return mom;\n }\n }\n }\n dayOfMonth = Math.min(mom.date(), daysInMonth(mom.year(), value));\n mom._d['set' + (mom._isUTC ? 'UTC' : '') + 'Month'](value, dayOfMonth);\n return mom;\n }\n function getSetMonth(value) {\n if (value != null) {\n setMonth(this, value);\n hooks.updateOffset(this, true);\n return this;\n } else {\n return get(this, 'Month');\n }\n }\n function getDaysInMonth() {\n return daysInMonth(this.year(), this.month());\n }\n function monthsShortRegex(isStrict) {\n if (this._monthsParseExact) {\n if (!hasOwnProp(this, '_monthsRegex')) {\n computeMonthsParse.call(this);\n }\n if (isStrict) {\n return this._monthsShortStrictRegex;\n } else {\n return this._monthsShortRegex;\n }\n } else {\n if (!hasOwnProp(this, '_monthsShortRegex')) {\n this._monthsShortRegex = defaultMonthsShortRegex;\n }\n return this._monthsShortStrictRegex && isStrict ? this._monthsShortStrictRegex : this._monthsShortRegex;\n }\n }\n function monthsRegex(isStrict) {\n if (this._monthsParseExact) {\n if (!hasOwnProp(this, '_monthsRegex')) {\n computeMonthsParse.call(this);\n }\n if (isStrict) {\n return this._monthsStrictRegex;\n } else {\n return this._monthsRegex;\n }\n } else {\n if (!hasOwnProp(this, '_monthsRegex')) {\n this._monthsRegex = defaultMonthsRegex;\n }\n return this._monthsStrictRegex && isStrict ? this._monthsStrictRegex : this._monthsRegex;\n }\n }\n function computeMonthsParse() {\n function cmpLenRev(a, b) {\n return b.length - a.length;\n }\n var shortPieces = [],\n longPieces = [],\n mixedPieces = [],\n i,\n mom;\n for (i = 0; i < 12; i++) {\n // make the regex if we don't have it already\n mom = createUTC([2000, i]);\n shortPieces.push(this.monthsShort(mom, ''));\n longPieces.push(this.months(mom, ''));\n mixedPieces.push(this.months(mom, ''));\n mixedPieces.push(this.monthsShort(mom, ''));\n }\n // Sorting makes sure if one month (or abbr) is a prefix of another it\n // will match the longer piece.\n shortPieces.sort(cmpLenRev);\n longPieces.sort(cmpLenRev);\n mixedPieces.sort(cmpLenRev);\n for (i = 0; i < 12; i++) {\n shortPieces[i] = regexEscape(shortPieces[i]);\n longPieces[i] = regexEscape(longPieces[i]);\n }\n for (i = 0; i < 24; i++) {\n mixedPieces[i] = regexEscape(mixedPieces[i]);\n }\n this._monthsRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');\n this._monthsShortRegex = this._monthsRegex;\n this._monthsStrictRegex = new RegExp('^(' + longPieces.join('|') + ')', 'i');\n this._monthsShortStrictRegex = new RegExp('^(' + shortPieces.join('|') + ')', 'i');\n }\n\n // FORMATTING\n\n addFormatToken('Y', 0, 0, function () {\n var y = this.year();\n return y <= 9999 ? zeroFill(y, 4) : '+' + y;\n });\n addFormatToken(0, ['YY', 2], 0, function () {\n return this.year() % 100;\n });\n addFormatToken(0, ['YYYY', 4], 0, 'year');\n addFormatToken(0, ['YYYYY', 5], 0, 'year');\n addFormatToken(0, ['YYYYYY', 6, true], 0, 'year');\n\n // ALIASES\n\n addUnitAlias('year', 'y');\n\n // PRIORITIES\n\n addUnitPriority('year', 1);\n\n // PARSING\n\n addRegexToken('Y', matchSigned);\n addRegexToken('YY', match1to2, match2);\n addRegexToken('YYYY', match1to4, match4);\n addRegexToken('YYYYY', match1to6, match6);\n addRegexToken('YYYYYY', match1to6, match6);\n addParseToken(['YYYYY', 'YYYYYY'], YEAR);\n addParseToken('YYYY', function (input, array) {\n array[YEAR] = input.length === 2 ? hooks.parseTwoDigitYear(input) : toInt(input);\n });\n addParseToken('YY', function (input, array) {\n array[YEAR] = hooks.parseTwoDigitYear(input);\n });\n addParseToken('Y', function (input, array) {\n array[YEAR] = parseInt(input, 10);\n });\n\n // HELPERS\n\n function daysInYear(year) {\n return isLeapYear(year) ? 366 : 365;\n }\n\n // HOOKS\n\n hooks.parseTwoDigitYear = function (input) {\n return toInt(input) + (toInt(input) > 68 ? 1900 : 2000);\n };\n\n // MOMENTS\n\n var getSetYear = makeGetSet('FullYear', true);\n function getIsLeapYear() {\n return isLeapYear(this.year());\n }\n function createDate(y, m, d, h, M, s, ms) {\n // can't just apply() to create a date:\n // https://stackoverflow.com/q/181348\n var date;\n // the date constructor remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n // preserve leap years using a full 400 year cycle, then reset\n date = new Date(y + 400, m, d, h, M, s, ms);\n if (isFinite(date.getFullYear())) {\n date.setFullYear(y);\n }\n } else {\n date = new Date(y, m, d, h, M, s, ms);\n }\n return date;\n }\n function createUTCDate(y) {\n var date, args;\n // the Date.UTC function remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n args = Array.prototype.slice.call(arguments);\n // preserve leap years using a full 400 year cycle, then reset\n args[0] = y + 400;\n date = new Date(Date.UTC.apply(null, args));\n if (isFinite(date.getUTCFullYear())) {\n date.setUTCFullYear(y);\n }\n } else {\n date = new Date(Date.UTC.apply(null, arguments));\n }\n return date;\n }\n\n // start-of-first-week - start-of-year\n function firstWeekOffset(year, dow, doy) {\n var\n // first-week day -- which january is always in the first week (4 for iso, 1 for other)\n fwd = 7 + dow - doy,\n // first-week day local weekday -- which local weekday is fwd\n fwdlw = (7 + createUTCDate(year, 0, fwd).getUTCDay() - dow) % 7;\n return -fwdlw + fwd - 1;\n }\n\n // https://en.wikipedia.org/wiki/ISO_week_date#Calculating_a_date_given_the_year.2C_week_number_and_weekday\n function dayOfYearFromWeeks(year, week, weekday, dow, doy) {\n var localWeekday = (7 + weekday - dow) % 7,\n weekOffset = firstWeekOffset(year, dow, doy),\n dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset,\n resYear,\n resDayOfYear;\n if (dayOfYear <= 0) {\n resYear = year - 1;\n resDayOfYear = daysInYear(resYear) + dayOfYear;\n } else if (dayOfYear > daysInYear(year)) {\n resYear = year + 1;\n resDayOfYear = dayOfYear - daysInYear(year);\n } else {\n resYear = year;\n resDayOfYear = dayOfYear;\n }\n return {\n year: resYear,\n dayOfYear: resDayOfYear\n };\n }\n function weekOfYear(mom, dow, doy) {\n var weekOffset = firstWeekOffset(mom.year(), dow, doy),\n week = Math.floor((mom.dayOfYear() - weekOffset - 1) / 7) + 1,\n resWeek,\n resYear;\n if (week < 1) {\n resYear = mom.year() - 1;\n resWeek = week + weeksInYear(resYear, dow, doy);\n } else if (week > weeksInYear(mom.year(), dow, doy)) {\n resWeek = week - weeksInYear(mom.year(), dow, doy);\n resYear = mom.year() + 1;\n } else {\n resYear = mom.year();\n resWeek = week;\n }\n return {\n week: resWeek,\n year: resYear\n };\n }\n function weeksInYear(year, dow, doy) {\n var weekOffset = firstWeekOffset(year, dow, doy),\n weekOffsetNext = firstWeekOffset(year + 1, dow, doy);\n return (daysInYear(year) - weekOffset + weekOffsetNext) / 7;\n }\n\n // FORMATTING\n\n addFormatToken('w', ['ww', 2], 'wo', 'week');\n addFormatToken('W', ['WW', 2], 'Wo', 'isoWeek');\n\n // ALIASES\n\n addUnitAlias('week', 'w');\n addUnitAlias('isoWeek', 'W');\n\n // PRIORITIES\n\n addUnitPriority('week', 5);\n addUnitPriority('isoWeek', 5);\n\n // PARSING\n\n addRegexToken('w', match1to2);\n addRegexToken('ww', match1to2, match2);\n addRegexToken('W', match1to2);\n addRegexToken('WW', match1to2, match2);\n addWeekParseToken(['w', 'ww', 'W', 'WW'], function (input, week, config, token) {\n week[token.substr(0, 1)] = toInt(input);\n });\n\n // HELPERS\n\n // LOCALES\n\n function localeWeek(mom) {\n return weekOfYear(mom, this._week.dow, this._week.doy).week;\n }\n var defaultLocaleWeek = {\n dow: 0,\n // Sunday is the first day of the week.\n doy: 6 // The week that contains Jan 6th is the first week of the year.\n };\n\n function localeFirstDayOfWeek() {\n return this._week.dow;\n }\n function localeFirstDayOfYear() {\n return this._week.doy;\n }\n\n // MOMENTS\n\n function getSetWeek(input) {\n var week = this.localeData().week(this);\n return input == null ? week : this.add((input - week) * 7, 'd');\n }\n function getSetISOWeek(input) {\n var week = weekOfYear(this, 1, 4).week;\n return input == null ? week : this.add((input - week) * 7, 'd');\n }\n\n // FORMATTING\n\n addFormatToken('d', 0, 'do', 'day');\n addFormatToken('dd', 0, 0, function (format) {\n return this.localeData().weekdaysMin(this, format);\n });\n addFormatToken('ddd', 0, 0, function (format) {\n return this.localeData().weekdaysShort(this, format);\n });\n addFormatToken('dddd', 0, 0, function (format) {\n return this.localeData().weekdays(this, format);\n });\n addFormatToken('e', 0, 0, 'weekday');\n addFormatToken('E', 0, 0, 'isoWeekday');\n\n // ALIASES\n\n addUnitAlias('day', 'd');\n addUnitAlias('weekday', 'e');\n addUnitAlias('isoWeekday', 'E');\n\n // PRIORITY\n addUnitPriority('day', 11);\n addUnitPriority('weekday', 11);\n addUnitPriority('isoWeekday', 11);\n\n // PARSING\n\n addRegexToken('d', match1to2);\n addRegexToken('e', match1to2);\n addRegexToken('E', match1to2);\n addRegexToken('dd', function (isStrict, locale) {\n return locale.weekdaysMinRegex(isStrict);\n });\n addRegexToken('ddd', function (isStrict, locale) {\n return locale.weekdaysShortRegex(isStrict);\n });\n addRegexToken('dddd', function (isStrict, locale) {\n return locale.weekdaysRegex(isStrict);\n });\n addWeekParseToken(['dd', 'ddd', 'dddd'], function (input, week, config, token) {\n var weekday = config._locale.weekdaysParse(input, token, config._strict);\n // if we didn't get a weekday name, mark the date as invalid\n if (weekday != null) {\n week.d = weekday;\n } else {\n getParsingFlags(config).invalidWeekday = input;\n }\n });\n addWeekParseToken(['d', 'e', 'E'], function (input, week, config, token) {\n week[token] = toInt(input);\n });\n\n // HELPERS\n\n function parseWeekday(input, locale) {\n if (typeof input !== 'string') {\n return input;\n }\n if (!isNaN(input)) {\n return parseInt(input, 10);\n }\n input = locale.weekdaysParse(input);\n if (typeof input === 'number') {\n return input;\n }\n return null;\n }\n function parseIsoWeekday(input, locale) {\n if (typeof input === 'string') {\n return locale.weekdaysParse(input) % 7 || 7;\n }\n return isNaN(input) ? null : input;\n }\n\n // LOCALES\n function shiftWeekdays(ws, n) {\n return ws.slice(n, 7).concat(ws.slice(0, n));\n }\n var defaultLocaleWeekdays = 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),\n defaultLocaleWeekdaysShort = 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),\n defaultLocaleWeekdaysMin = 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),\n defaultWeekdaysRegex = matchWord,\n defaultWeekdaysShortRegex = matchWord,\n defaultWeekdaysMinRegex = matchWord;\n function localeWeekdays(m, format) {\n var weekdays = isArray(this._weekdays) ? this._weekdays : this._weekdays[m && m !== true && this._weekdays.isFormat.test(format) ? 'format' : 'standalone'];\n return m === true ? shiftWeekdays(weekdays, this._week.dow) : m ? weekdays[m.day()] : weekdays;\n }\n function localeWeekdaysShort(m) {\n return m === true ? shiftWeekdays(this._weekdaysShort, this._week.dow) : m ? this._weekdaysShort[m.day()] : this._weekdaysShort;\n }\n function localeWeekdaysMin(m) {\n return m === true ? shiftWeekdays(this._weekdaysMin, this._week.dow) : m ? this._weekdaysMin[m.day()] : this._weekdaysMin;\n }\n function handleStrictParse$1(weekdayName, format, strict) {\n var i,\n ii,\n mom,\n llc = weekdayName.toLocaleLowerCase();\n if (!this._weekdaysParse) {\n this._weekdaysParse = [];\n this._shortWeekdaysParse = [];\n this._minWeekdaysParse = [];\n for (i = 0; i < 7; ++i) {\n mom = createUTC([2000, 1]).day(i);\n this._minWeekdaysParse[i] = this.weekdaysMin(mom, '').toLocaleLowerCase();\n this._shortWeekdaysParse[i] = this.weekdaysShort(mom, '').toLocaleLowerCase();\n this._weekdaysParse[i] = this.weekdays(mom, '').toLocaleLowerCase();\n }\n }\n if (strict) {\n if (format === 'dddd') {\n ii = indexOf.call(this._weekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else if (format === 'ddd') {\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._minWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n }\n } else {\n if (format === 'dddd') {\n ii = indexOf.call(this._weekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._minWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else if (format === 'ddd') {\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._weekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._minWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._minWeekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._weekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n }\n }\n }\n function localeWeekdaysParse(weekdayName, format, strict) {\n var i, mom, regex;\n if (this._weekdaysParseExact) {\n return handleStrictParse$1.call(this, weekdayName, format, strict);\n }\n if (!this._weekdaysParse) {\n this._weekdaysParse = [];\n this._minWeekdaysParse = [];\n this._shortWeekdaysParse = [];\n this._fullWeekdaysParse = [];\n }\n for (i = 0; i < 7; i++) {\n // make the regex if we don't have it already\n\n mom = createUTC([2000, 1]).day(i);\n if (strict && !this._fullWeekdaysParse[i]) {\n this._fullWeekdaysParse[i] = new RegExp('^' + this.weekdays(mom, '').replace('.', '\\\\.?') + '$', 'i');\n this._shortWeekdaysParse[i] = new RegExp('^' + this.weekdaysShort(mom, '').replace('.', '\\\\.?') + '$', 'i');\n this._minWeekdaysParse[i] = new RegExp('^' + this.weekdaysMin(mom, '').replace('.', '\\\\.?') + '$', 'i');\n }\n if (!this._weekdaysParse[i]) {\n regex = '^' + this.weekdays(mom, '') + '|^' + this.weekdaysShort(mom, '') + '|^' + this.weekdaysMin(mom, '');\n this._weekdaysParse[i] = new RegExp(regex.replace('.', ''), 'i');\n }\n // test the regex\n if (strict && format === 'dddd' && this._fullWeekdaysParse[i].test(weekdayName)) {\n return i;\n } else if (strict && format === 'ddd' && this._shortWeekdaysParse[i].test(weekdayName)) {\n return i;\n } else if (strict && format === 'dd' && this._minWeekdaysParse[i].test(weekdayName)) {\n return i;\n } else if (!strict && this._weekdaysParse[i].test(weekdayName)) {\n return i;\n }\n }\n }\n\n // MOMENTS\n\n function getSetDayOfWeek(input) {\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n var day = this._isUTC ? this._d.getUTCDay() : this._d.getDay();\n if (input != null) {\n input = parseWeekday(input, this.localeData());\n return this.add(input - day, 'd');\n } else {\n return day;\n }\n }\n function getSetLocaleDayOfWeek(input) {\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n var weekday = (this.day() + 7 - this.localeData()._week.dow) % 7;\n return input == null ? weekday : this.add(input - weekday, 'd');\n }\n function getSetISODayOfWeek(input) {\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n\n // behaves the same as moment#day except\n // as a getter, returns 7 instead of 0 (1-7 range instead of 0-6)\n // as a setter, sunday should belong to the previous week.\n\n if (input != null) {\n var weekday = parseIsoWeekday(input, this.localeData());\n return this.day(this.day() % 7 ? weekday : weekday - 7);\n } else {\n return this.day() || 7;\n }\n }\n function weekdaysRegex(isStrict) {\n if (this._weekdaysParseExact) {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n computeWeekdaysParse.call(this);\n }\n if (isStrict) {\n return this._weekdaysStrictRegex;\n } else {\n return this._weekdaysRegex;\n }\n } else {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n this._weekdaysRegex = defaultWeekdaysRegex;\n }\n return this._weekdaysStrictRegex && isStrict ? this._weekdaysStrictRegex : this._weekdaysRegex;\n }\n }\n function weekdaysShortRegex(isStrict) {\n if (this._weekdaysParseExact) {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n computeWeekdaysParse.call(this);\n }\n if (isStrict) {\n return this._weekdaysShortStrictRegex;\n } else {\n return this._weekdaysShortRegex;\n }\n } else {\n if (!hasOwnProp(this, '_weekdaysShortRegex')) {\n this._weekdaysShortRegex = defaultWeekdaysShortRegex;\n }\n return this._weekdaysShortStrictRegex && isStrict ? this._weekdaysShortStrictRegex : this._weekdaysShortRegex;\n }\n }\n function weekdaysMinRegex(isStrict) {\n if (this._weekdaysParseExact) {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n computeWeekdaysParse.call(this);\n }\n if (isStrict) {\n return this._weekdaysMinStrictRegex;\n } else {\n return this._weekdaysMinRegex;\n }\n } else {\n if (!hasOwnProp(this, '_weekdaysMinRegex')) {\n this._weekdaysMinRegex = defaultWeekdaysMinRegex;\n }\n return this._weekdaysMinStrictRegex && isStrict ? this._weekdaysMinStrictRegex : this._weekdaysMinRegex;\n }\n }\n function computeWeekdaysParse() {\n function cmpLenRev(a, b) {\n return b.length - a.length;\n }\n var minPieces = [],\n shortPieces = [],\n longPieces = [],\n mixedPieces = [],\n i,\n mom,\n minp,\n shortp,\n longp;\n for (i = 0; i < 7; i++) {\n // make the regex if we don't have it already\n mom = createUTC([2000, 1]).day(i);\n minp = regexEscape(this.weekdaysMin(mom, ''));\n shortp = regexEscape(this.weekdaysShort(mom, ''));\n longp = regexEscape(this.weekdays(mom, ''));\n minPieces.push(minp);\n shortPieces.push(shortp);\n longPieces.push(longp);\n mixedPieces.push(minp);\n mixedPieces.push(shortp);\n mixedPieces.push(longp);\n }\n // Sorting makes sure if one weekday (or abbr) is a prefix of another it\n // will match the longer piece.\n minPieces.sort(cmpLenRev);\n shortPieces.sort(cmpLenRev);\n longPieces.sort(cmpLenRev);\n mixedPieces.sort(cmpLenRev);\n this._weekdaysRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');\n this._weekdaysShortRegex = this._weekdaysRegex;\n this._weekdaysMinRegex = this._weekdaysRegex;\n this._weekdaysStrictRegex = new RegExp('^(' + longPieces.join('|') + ')', 'i');\n this._weekdaysShortStrictRegex = new RegExp('^(' + shortPieces.join('|') + ')', 'i');\n this._weekdaysMinStrictRegex = new RegExp('^(' + minPieces.join('|') + ')', 'i');\n }\n\n // FORMATTING\n\n function hFormat() {\n return this.hours() % 12 || 12;\n }\n function kFormat() {\n return this.hours() || 24;\n }\n addFormatToken('H', ['HH', 2], 0, 'hour');\n addFormatToken('h', ['hh', 2], 0, hFormat);\n addFormatToken('k', ['kk', 2], 0, kFormat);\n addFormatToken('hmm', 0, 0, function () {\n return '' + hFormat.apply(this) + zeroFill(this.minutes(), 2);\n });\n addFormatToken('hmmss', 0, 0, function () {\n return '' + hFormat.apply(this) + zeroFill(this.minutes(), 2) + zeroFill(this.seconds(), 2);\n });\n addFormatToken('Hmm', 0, 0, function () {\n return '' + this.hours() + zeroFill(this.minutes(), 2);\n });\n addFormatToken('Hmmss', 0, 0, function () {\n return '' + this.hours() + zeroFill(this.minutes(), 2) + zeroFill(this.seconds(), 2);\n });\n function meridiem(token, lowercase) {\n addFormatToken(token, 0, 0, function () {\n return this.localeData().meridiem(this.hours(), this.minutes(), lowercase);\n });\n }\n meridiem('a', true);\n meridiem('A', false);\n\n // ALIASES\n\n addUnitAlias('hour', 'h');\n\n // PRIORITY\n addUnitPriority('hour', 13);\n\n // PARSING\n\n function matchMeridiem(isStrict, locale) {\n return locale._meridiemParse;\n }\n addRegexToken('a', matchMeridiem);\n addRegexToken('A', matchMeridiem);\n addRegexToken('H', match1to2);\n addRegexToken('h', match1to2);\n addRegexToken('k', match1to2);\n addRegexToken('HH', match1to2, match2);\n addRegexToken('hh', match1to2, match2);\n addRegexToken('kk', match1to2, match2);\n addRegexToken('hmm', match3to4);\n addRegexToken('hmmss', match5to6);\n addRegexToken('Hmm', match3to4);\n addRegexToken('Hmmss', match5to6);\n addParseToken(['H', 'HH'], HOUR);\n addParseToken(['k', 'kk'], function (input, array, config) {\n var kInput = toInt(input);\n array[HOUR] = kInput === 24 ? 0 : kInput;\n });\n addParseToken(['a', 'A'], function (input, array, config) {\n config._isPm = config._locale.isPM(input);\n config._meridiem = input;\n });\n addParseToken(['h', 'hh'], function (input, array, config) {\n array[HOUR] = toInt(input);\n getParsingFlags(config).bigHour = true;\n });\n addParseToken('hmm', function (input, array, config) {\n var pos = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos));\n array[MINUTE] = toInt(input.substr(pos));\n getParsingFlags(config).bigHour = true;\n });\n addParseToken('hmmss', function (input, array, config) {\n var pos1 = input.length - 4,\n pos2 = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos1));\n array[MINUTE] = toInt(input.substr(pos1, 2));\n array[SECOND] = toInt(input.substr(pos2));\n getParsingFlags(config).bigHour = true;\n });\n addParseToken('Hmm', function (input, array, config) {\n var pos = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos));\n array[MINUTE] = toInt(input.substr(pos));\n });\n addParseToken('Hmmss', function (input, array, config) {\n var pos1 = input.length - 4,\n pos2 = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos1));\n array[MINUTE] = toInt(input.substr(pos1, 2));\n array[SECOND] = toInt(input.substr(pos2));\n });\n\n // LOCALES\n\n function localeIsPM(input) {\n // IE8 Quirks Mode & IE7 Standards Mode do not allow accessing strings like arrays\n // Using charAt should be more compatible.\n return (input + '').toLowerCase().charAt(0) === 'p';\n }\n var defaultLocaleMeridiemParse = /[ap]\\.?m?\\.?/i,\n // Setting the hour should keep the time, because the user explicitly\n // specified which hour they want. So trying to maintain the same hour (in\n // a new timezone) makes sense. Adding/subtracting hours does not follow\n // this rule.\n getSetHour = makeGetSet('Hours', true);\n function localeMeridiem(hours, minutes, isLower) {\n if (hours > 11) {\n return isLower ? 'pm' : 'PM';\n } else {\n return isLower ? 'am' : 'AM';\n }\n }\n var baseConfig = {\n calendar: defaultCalendar,\n longDateFormat: defaultLongDateFormat,\n invalidDate: defaultInvalidDate,\n ordinal: defaultOrdinal,\n dayOfMonthOrdinalParse: defaultDayOfMonthOrdinalParse,\n relativeTime: defaultRelativeTime,\n months: defaultLocaleMonths,\n monthsShort: defaultLocaleMonthsShort,\n week: defaultLocaleWeek,\n weekdays: defaultLocaleWeekdays,\n weekdaysMin: defaultLocaleWeekdaysMin,\n weekdaysShort: defaultLocaleWeekdaysShort,\n meridiemParse: defaultLocaleMeridiemParse\n };\n\n // internal storage for locale config files\n var locales = {},\n localeFamilies = {},\n globalLocale;\n function commonPrefix(arr1, arr2) {\n var i,\n minl = Math.min(arr1.length, arr2.length);\n for (i = 0; i < minl; i += 1) {\n if (arr1[i] !== arr2[i]) {\n return i;\n }\n }\n return minl;\n }\n function normalizeLocale(key) {\n return key ? key.toLowerCase().replace('_', '-') : key;\n }\n\n // pick the locale from the array\n // try ['en-au', 'en-gb'] as 'en-au', 'en-gb', 'en', as in move through the list trying each\n // substring from most specific to least, but move to the next array item if it's a more specific variant than the current root\n function chooseLocale(names) {\n var i = 0,\n j,\n next,\n locale,\n split;\n while (i < names.length) {\n split = normalizeLocale(names[i]).split('-');\n j = split.length;\n next = normalizeLocale(names[i + 1]);\n next = next ? next.split('-') : null;\n while (j > 0) {\n locale = loadLocale(split.slice(0, j).join('-'));\n if (locale) {\n return locale;\n }\n if (next && next.length >= j && commonPrefix(split, next) >= j - 1) {\n //the next array item is better than a shallower substring of this one\n break;\n }\n j--;\n }\n i++;\n }\n return globalLocale;\n }\n function isLocaleNameSane(name) {\n // Prevent names that look like filesystem paths, i.e contain '/' or '\\'\n return name.match('^[^/\\\\\\\\]*$') != null;\n }\n function loadLocale(name) {\n var oldLocale = null,\n aliasedRequire;\n // TODO: Find a better way to register and load all the locales in Node\n if (locales[name] === undefined && typeof module !== 'undefined' && module && module.exports && isLocaleNameSane(name)) {\n try {\n oldLocale = globalLocale._abbr;\n aliasedRequire = require;\n aliasedRequire('./locale/' + name);\n getSetGlobalLocale(oldLocale);\n } catch (e) {\n // mark as not found to avoid repeating expensive file require call causing high CPU\n // when trying to find en-US, en_US, en-us for every format call\n locales[name] = null; // null means not found\n }\n }\n\n return locales[name];\n }\n\n // This function will load locale and then set the global locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n function getSetGlobalLocale(key, values) {\n var data;\n if (key) {\n if (isUndefined(values)) {\n data = getLocale(key);\n } else {\n data = defineLocale(key, values);\n }\n if (data) {\n // moment.duration._locale = moment._locale = data;\n globalLocale = data;\n } else {\n if (typeof console !== 'undefined' && console.warn) {\n //warn user if arguments are passed but the locale could not be set\n console.warn('Locale ' + key + ' not found. Did you forget to load it?');\n }\n }\n }\n return globalLocale._abbr;\n }\n function defineLocale(name, config) {\n if (config !== null) {\n var locale,\n parentConfig = baseConfig;\n config.abbr = name;\n if (locales[name] != null) {\n deprecateSimple('defineLocaleOverride', 'use moment.updateLocale(localeName, config) to change ' + 'an existing locale. moment.defineLocale(localeName, ' + 'config) should only be used for creating a new locale ' + 'See http://momentjs.com/guides/#/warnings/define-locale/ for more info.');\n parentConfig = locales[name]._config;\n } else if (config.parentLocale != null) {\n if (locales[config.parentLocale] != null) {\n parentConfig = locales[config.parentLocale]._config;\n } else {\n locale = loadLocale(config.parentLocale);\n if (locale != null) {\n parentConfig = locale._config;\n } else {\n if (!localeFamilies[config.parentLocale]) {\n localeFamilies[config.parentLocale] = [];\n }\n localeFamilies[config.parentLocale].push({\n name: name,\n config: config\n });\n return null;\n }\n }\n }\n locales[name] = new Locale(mergeConfigs(parentConfig, config));\n if (localeFamilies[name]) {\n localeFamilies[name].forEach(function (x) {\n defineLocale(x.name, x.config);\n });\n }\n\n // backwards compat for now: also set the locale\n // make sure we set the locale AFTER all child locales have been\n // created, so we won't end up with the child locale set.\n getSetGlobalLocale(name);\n return locales[name];\n } else {\n // useful for testing\n delete locales[name];\n return null;\n }\n }\n function updateLocale(name, config) {\n if (config != null) {\n var locale,\n tmpLocale,\n parentConfig = baseConfig;\n if (locales[name] != null && locales[name].parentLocale != null) {\n // Update existing child locale in-place to avoid memory-leaks\n locales[name].set(mergeConfigs(locales[name]._config, config));\n } else {\n // MERGE\n tmpLocale = loadLocale(name);\n if (tmpLocale != null) {\n parentConfig = tmpLocale._config;\n }\n config = mergeConfigs(parentConfig, config);\n if (tmpLocale == null) {\n // updateLocale is called for creating a new locale\n // Set abbr so it will have a name (getters return\n // undefined otherwise).\n config.abbr = name;\n }\n locale = new Locale(config);\n locale.parentLocale = locales[name];\n locales[name] = locale;\n }\n\n // backwards compat for now: also set the locale\n getSetGlobalLocale(name);\n } else {\n // pass null for config to unupdate, useful for tests\n if (locales[name] != null) {\n if (locales[name].parentLocale != null) {\n locales[name] = locales[name].parentLocale;\n if (name === getSetGlobalLocale()) {\n getSetGlobalLocale(name);\n }\n } else if (locales[name] != null) {\n delete locales[name];\n }\n }\n }\n return locales[name];\n }\n\n // returns locale data\n function getLocale(key) {\n var locale;\n if (key && key._locale && key._locale._abbr) {\n key = key._locale._abbr;\n }\n if (!key) {\n return globalLocale;\n }\n if (!isArray(key)) {\n //short-circuit everything else\n locale = loadLocale(key);\n if (locale) {\n return locale;\n }\n key = [key];\n }\n return chooseLocale(key);\n }\n function listLocales() {\n return keys(locales);\n }\n function checkOverflow(m) {\n var overflow,\n a = m._a;\n if (a && getParsingFlags(m).overflow === -2) {\n overflow = a[MONTH] < 0 || a[MONTH] > 11 ? MONTH : a[DATE] < 1 || a[DATE] > daysInMonth(a[YEAR], a[MONTH]) ? DATE : a[HOUR] < 0 || a[HOUR] > 24 || a[HOUR] === 24 && (a[MINUTE] !== 0 || a[SECOND] !== 0 || a[MILLISECOND] !== 0) ? HOUR : a[MINUTE] < 0 || a[MINUTE] > 59 ? MINUTE : a[SECOND] < 0 || a[SECOND] > 59 ? SECOND : a[MILLISECOND] < 0 || a[MILLISECOND] > 999 ? MILLISECOND : -1;\n if (getParsingFlags(m)._overflowDayOfYear && (overflow < YEAR || overflow > DATE)) {\n overflow = DATE;\n }\n if (getParsingFlags(m)._overflowWeeks && overflow === -1) {\n overflow = WEEK;\n }\n if (getParsingFlags(m)._overflowWeekday && overflow === -1) {\n overflow = WEEKDAY;\n }\n getParsingFlags(m).overflow = overflow;\n }\n return m;\n }\n\n // iso 8601 regex\n // 0000-00-00 0000-W00 or 0000-W00-0 + T + 00 or 00:00 or 00:00:00 or 00:00:00.000 + +00:00 or +0000 or +00)\n var extendedIsoRegex = /^\\s*((?:[+-]\\d{6}|\\d{4})-(?:\\d\\d-\\d\\d|W\\d\\d-\\d|W\\d\\d|\\d\\d\\d|\\d\\d))(?:(T| )(\\d\\d(?::\\d\\d(?::\\d\\d(?:[.,]\\d+)?)?)?)([+-]\\d\\d(?::?\\d\\d)?|\\s*Z)?)?$/,\n basicIsoRegex = /^\\s*((?:[+-]\\d{6}|\\d{4})(?:\\d\\d\\d\\d|W\\d\\d\\d|W\\d\\d|\\d\\d\\d|\\d\\d|))(?:(T| )(\\d\\d(?:\\d\\d(?:\\d\\d(?:[.,]\\d+)?)?)?)([+-]\\d\\d(?::?\\d\\d)?|\\s*Z)?)?$/,\n tzRegex = /Z|[+-]\\d\\d(?::?\\d\\d)?/,\n isoDates = [['YYYYYY-MM-DD', /[+-]\\d{6}-\\d\\d-\\d\\d/], ['YYYY-MM-DD', /\\d{4}-\\d\\d-\\d\\d/], ['GGGG-[W]WW-E', /\\d{4}-W\\d\\d-\\d/], ['GGGG-[W]WW', /\\d{4}-W\\d\\d/, false], ['YYYY-DDD', /\\d{4}-\\d{3}/], ['YYYY-MM', /\\d{4}-\\d\\d/, false], ['YYYYYYMMDD', /[+-]\\d{10}/], ['YYYYMMDD', /\\d{8}/], ['GGGG[W]WWE', /\\d{4}W\\d{3}/], ['GGGG[W]WW', /\\d{4}W\\d{2}/, false], ['YYYYDDD', /\\d{7}/], ['YYYYMM', /\\d{6}/, false], ['YYYY', /\\d{4}/, false]],\n // iso time formats and regexes\n isoTimes = [['HH:mm:ss.SSSS', /\\d\\d:\\d\\d:\\d\\d\\.\\d+/], ['HH:mm:ss,SSSS', /\\d\\d:\\d\\d:\\d\\d,\\d+/], ['HH:mm:ss', /\\d\\d:\\d\\d:\\d\\d/], ['HH:mm', /\\d\\d:\\d\\d/], ['HHmmss.SSSS', /\\d\\d\\d\\d\\d\\d\\.\\d+/], ['HHmmss,SSSS', /\\d\\d\\d\\d\\d\\d,\\d+/], ['HHmmss', /\\d\\d\\d\\d\\d\\d/], ['HHmm', /\\d\\d\\d\\d/], ['HH', /\\d\\d/]],\n aspNetJsonRegex = /^\\/?Date\\((-?\\d+)/i,\n // RFC 2822 regex: For details see https://tools.ietf.org/html/rfc2822#section-3.3\n rfc2822 = /^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\\s)?(\\d{1,2})\\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\\s(\\d{2,4})\\s(\\d\\d):(\\d\\d)(?::(\\d\\d))?\\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\\d{4}))$/,\n obsOffsets = {\n UT: 0,\n GMT: 0,\n EDT: -4 * 60,\n EST: -5 * 60,\n CDT: -5 * 60,\n CST: -6 * 60,\n MDT: -6 * 60,\n MST: -7 * 60,\n PDT: -7 * 60,\n PST: -8 * 60\n };\n\n // date from iso format\n function configFromISO(config) {\n var i,\n l,\n string = config._i,\n match = extendedIsoRegex.exec(string) || basicIsoRegex.exec(string),\n allowTime,\n dateFormat,\n timeFormat,\n tzFormat,\n isoDatesLen = isoDates.length,\n isoTimesLen = isoTimes.length;\n if (match) {\n getParsingFlags(config).iso = true;\n for (i = 0, l = isoDatesLen; i < l; i++) {\n if (isoDates[i][1].exec(match[1])) {\n dateFormat = isoDates[i][0];\n allowTime = isoDates[i][2] !== false;\n break;\n }\n }\n if (dateFormat == null) {\n config._isValid = false;\n return;\n }\n if (match[3]) {\n for (i = 0, l = isoTimesLen; i < l; i++) {\n if (isoTimes[i][1].exec(match[3])) {\n // match[2] should be 'T' or space\n timeFormat = (match[2] || ' ') + isoTimes[i][0];\n break;\n }\n }\n if (timeFormat == null) {\n config._isValid = false;\n return;\n }\n }\n if (!allowTime && timeFormat != null) {\n config._isValid = false;\n return;\n }\n if (match[4]) {\n if (tzRegex.exec(match[4])) {\n tzFormat = 'Z';\n } else {\n config._isValid = false;\n return;\n }\n }\n config._f = dateFormat + (timeFormat || '') + (tzFormat || '');\n configFromStringAndFormat(config);\n } else {\n config._isValid = false;\n }\n }\n function extractFromRFC2822Strings(yearStr, monthStr, dayStr, hourStr, minuteStr, secondStr) {\n var result = [untruncateYear(yearStr), defaultLocaleMonthsShort.indexOf(monthStr), parseInt(dayStr, 10), parseInt(hourStr, 10), parseInt(minuteStr, 10)];\n if (secondStr) {\n result.push(parseInt(secondStr, 10));\n }\n return result;\n }\n function untruncateYear(yearStr) {\n var year = parseInt(yearStr, 10);\n if (year <= 49) {\n return 2000 + year;\n } else if (year <= 999) {\n return 1900 + year;\n }\n return year;\n }\n function preprocessRFC2822(s) {\n // Remove comments and folding whitespace and replace multiple-spaces with a single space\n return s.replace(/\\([^()]*\\)|[\\n\\t]/g, ' ').replace(/(\\s\\s+)/g, ' ').replace(/^\\s\\s*/, '').replace(/\\s\\s*$/, '');\n }\n function checkWeekday(weekdayStr, parsedInput, config) {\n if (weekdayStr) {\n // TODO: Replace the vanilla JS Date object with an independent day-of-week check.\n var weekdayProvided = defaultLocaleWeekdaysShort.indexOf(weekdayStr),\n weekdayActual = new Date(parsedInput[0], parsedInput[1], parsedInput[2]).getDay();\n if (weekdayProvided !== weekdayActual) {\n getParsingFlags(config).weekdayMismatch = true;\n config._isValid = false;\n return false;\n }\n }\n return true;\n }\n function calculateOffset(obsOffset, militaryOffset, numOffset) {\n if (obsOffset) {\n return obsOffsets[obsOffset];\n } else if (militaryOffset) {\n // the only allowed military tz is Z\n return 0;\n } else {\n var hm = parseInt(numOffset, 10),\n m = hm % 100,\n h = (hm - m) / 100;\n return h * 60 + m;\n }\n }\n\n // date and time from ref 2822 format\n function configFromRFC2822(config) {\n var match = rfc2822.exec(preprocessRFC2822(config._i)),\n parsedArray;\n if (match) {\n parsedArray = extractFromRFC2822Strings(match[4], match[3], match[2], match[5], match[6], match[7]);\n if (!checkWeekday(match[1], parsedArray, config)) {\n return;\n }\n config._a = parsedArray;\n config._tzm = calculateOffset(match[8], match[9], match[10]);\n config._d = createUTCDate.apply(null, config._a);\n config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);\n getParsingFlags(config).rfc2822 = true;\n } else {\n config._isValid = false;\n }\n }\n\n // date from 1) ASP.NET, 2) ISO, 3) RFC 2822 formats, or 4) optional fallback if parsing isn't strict\n function configFromString(config) {\n var matched = aspNetJsonRegex.exec(config._i);\n if (matched !== null) {\n config._d = new Date(+matched[1]);\n return;\n }\n configFromISO(config);\n if (config._isValid === false) {\n delete config._isValid;\n } else {\n return;\n }\n configFromRFC2822(config);\n if (config._isValid === false) {\n delete config._isValid;\n } else {\n return;\n }\n if (config._strict) {\n config._isValid = false;\n } else {\n // Final attempt, use Input Fallback\n hooks.createFromInputFallback(config);\n }\n }\n hooks.createFromInputFallback = deprecate('value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), ' + 'which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are ' + 'discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.', function (config) {\n config._d = new Date(config._i + (config._useUTC ? ' UTC' : ''));\n });\n\n // Pick the first defined of two or three arguments.\n function defaults(a, b, c) {\n if (a != null) {\n return a;\n }\n if (b != null) {\n return b;\n }\n return c;\n }\n function currentDateArray(config) {\n // hooks is actually the exported moment object\n var nowValue = new Date(hooks.now());\n if (config._useUTC) {\n return [nowValue.getUTCFullYear(), nowValue.getUTCMonth(), nowValue.getUTCDate()];\n }\n return [nowValue.getFullYear(), nowValue.getMonth(), nowValue.getDate()];\n }\n\n // convert an array to a date.\n // the array should mirror the parameters below\n // note: all values past the year are optional and will default to the lowest possible value.\n // [year, month, day , hour, minute, second, millisecond]\n function configFromArray(config) {\n var i,\n date,\n input = [],\n currentDate,\n expectedWeekday,\n yearToUse;\n if (config._d) {\n return;\n }\n currentDate = currentDateArray(config);\n\n //compute day of the year from weeks and weekdays\n if (config._w && config._a[DATE] == null && config._a[MONTH] == null) {\n dayOfYearFromWeekInfo(config);\n }\n\n //if the day of the year is set, figure out what it is\n if (config._dayOfYear != null) {\n yearToUse = defaults(config._a[YEAR], currentDate[YEAR]);\n if (config._dayOfYear > daysInYear(yearToUse) || config._dayOfYear === 0) {\n getParsingFlags(config)._overflowDayOfYear = true;\n }\n date = createUTCDate(yearToUse, 0, config._dayOfYear);\n config._a[MONTH] = date.getUTCMonth();\n config._a[DATE] = date.getUTCDate();\n }\n\n // Default to current date.\n // * if no year, month, day of month are given, default to today\n // * if day of month is given, default month and year\n // * if month is given, default only year\n // * if year is given, don't default anything\n for (i = 0; i < 3 && config._a[i] == null; ++i) {\n config._a[i] = input[i] = currentDate[i];\n }\n\n // Zero out whatever was not defaulted, including time\n for (; i < 7; i++) {\n config._a[i] = input[i] = config._a[i] == null ? i === 2 ? 1 : 0 : config._a[i];\n }\n\n // Check for 24:00:00.000\n if (config._a[HOUR] === 24 && config._a[MINUTE] === 0 && config._a[SECOND] === 0 && config._a[MILLISECOND] === 0) {\n config._nextDay = true;\n config._a[HOUR] = 0;\n }\n config._d = (config._useUTC ? createUTCDate : createDate).apply(null, input);\n expectedWeekday = config._useUTC ? config._d.getUTCDay() : config._d.getDay();\n\n // Apply timezone offset from input. The actual utcOffset can be changed\n // with parseZone.\n if (config._tzm != null) {\n config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);\n }\n if (config._nextDay) {\n config._a[HOUR] = 24;\n }\n\n // check for mismatching day of week\n if (config._w && typeof config._w.d !== 'undefined' && config._w.d !== expectedWeekday) {\n getParsingFlags(config).weekdayMismatch = true;\n }\n }\n function dayOfYearFromWeekInfo(config) {\n var w, weekYear, week, weekday, dow, doy, temp, weekdayOverflow, curWeek;\n w = config._w;\n if (w.GG != null || w.W != null || w.E != null) {\n dow = 1;\n doy = 4;\n\n // TODO: We need to take the current isoWeekYear, but that depends on\n // how we interpret now (local, utc, fixed offset). So create\n // a now version of current config (take local/utc/offset flags, and\n // create now).\n weekYear = defaults(w.GG, config._a[YEAR], weekOfYear(createLocal(), 1, 4).year);\n week = defaults(w.W, 1);\n weekday = defaults(w.E, 1);\n if (weekday < 1 || weekday > 7) {\n weekdayOverflow = true;\n }\n } else {\n dow = config._locale._week.dow;\n doy = config._locale._week.doy;\n curWeek = weekOfYear(createLocal(), dow, doy);\n weekYear = defaults(w.gg, config._a[YEAR], curWeek.year);\n\n // Default to current week.\n week = defaults(w.w, curWeek.week);\n if (w.d != null) {\n // weekday -- low day numbers are considered next week\n weekday = w.d;\n if (weekday < 0 || weekday > 6) {\n weekdayOverflow = true;\n }\n } else if (w.e != null) {\n // local weekday -- counting starts from beginning of week\n weekday = w.e + dow;\n if (w.e < 0 || w.e > 6) {\n weekdayOverflow = true;\n }\n } else {\n // default to beginning of week\n weekday = dow;\n }\n }\n if (week < 1 || week > weeksInYear(weekYear, dow, doy)) {\n getParsingFlags(config)._overflowWeeks = true;\n } else if (weekdayOverflow != null) {\n getParsingFlags(config)._overflowWeekday = true;\n } else {\n temp = dayOfYearFromWeeks(weekYear, week, weekday, dow, doy);\n config._a[YEAR] = temp.year;\n config._dayOfYear = temp.dayOfYear;\n }\n }\n\n // constant that refers to the ISO standard\n hooks.ISO_8601 = function () {};\n\n // constant that refers to the RFC 2822 form\n hooks.RFC_2822 = function () {};\n\n // date from string and format string\n function configFromStringAndFormat(config) {\n // TODO: Move this to another part of the creation flow to prevent circular deps\n if (config._f === hooks.ISO_8601) {\n configFromISO(config);\n return;\n }\n if (config._f === hooks.RFC_2822) {\n configFromRFC2822(config);\n return;\n }\n config._a = [];\n getParsingFlags(config).empty = true;\n\n // This array is used to make a Date, either with `new Date` or `Date.UTC`\n var string = '' + config._i,\n i,\n parsedInput,\n tokens,\n token,\n skipped,\n stringLength = string.length,\n totalParsedInputLength = 0,\n era,\n tokenLen;\n tokens = expandFormat(config._f, config._locale).match(formattingTokens) || [];\n tokenLen = tokens.length;\n for (i = 0; i < tokenLen; i++) {\n token = tokens[i];\n parsedInput = (string.match(getParseRegexForToken(token, config)) || [])[0];\n if (parsedInput) {\n skipped = string.substr(0, string.indexOf(parsedInput));\n if (skipped.length > 0) {\n getParsingFlags(config).unusedInput.push(skipped);\n }\n string = string.slice(string.indexOf(parsedInput) + parsedInput.length);\n totalParsedInputLength += parsedInput.length;\n }\n // don't parse if it's not a known token\n if (formatTokenFunctions[token]) {\n if (parsedInput) {\n getParsingFlags(config).empty = false;\n } else {\n getParsingFlags(config).unusedTokens.push(token);\n }\n addTimeToArrayFromToken(token, parsedInput, config);\n } else if (config._strict && !parsedInput) {\n getParsingFlags(config).unusedTokens.push(token);\n }\n }\n\n // add remaining unparsed input length to the string\n getParsingFlags(config).charsLeftOver = stringLength - totalParsedInputLength;\n if (string.length > 0) {\n getParsingFlags(config).unusedInput.push(string);\n }\n\n // clear _12h flag if hour is <= 12\n if (config._a[HOUR] <= 12 && getParsingFlags(config).bigHour === true && config._a[HOUR] > 0) {\n getParsingFlags(config).bigHour = undefined;\n }\n getParsingFlags(config).parsedDateParts = config._a.slice(0);\n getParsingFlags(config).meridiem = config._meridiem;\n // handle meridiem\n config._a[HOUR] = meridiemFixWrap(config._locale, config._a[HOUR], config._meridiem);\n\n // handle era\n era = getParsingFlags(config).era;\n if (era !== null) {\n config._a[YEAR] = config._locale.erasConvertYear(era, config._a[YEAR]);\n }\n configFromArray(config);\n checkOverflow(config);\n }\n function meridiemFixWrap(locale, hour, meridiem) {\n var isPm;\n if (meridiem == null) {\n // nothing to do\n return hour;\n }\n if (locale.meridiemHour != null) {\n return locale.meridiemHour(hour, meridiem);\n } else if (locale.isPM != null) {\n // Fallback\n isPm = locale.isPM(meridiem);\n if (isPm && hour < 12) {\n hour += 12;\n }\n if (!isPm && hour === 12) {\n hour = 0;\n }\n return hour;\n } else {\n // this is not supposed to happen\n return hour;\n }\n }\n\n // date from string and array of format strings\n function configFromStringAndArray(config) {\n var tempConfig,\n bestMoment,\n scoreToBeat,\n i,\n currentScore,\n validFormatFound,\n bestFormatIsValid = false,\n configfLen = config._f.length;\n if (configfLen === 0) {\n getParsingFlags(config).invalidFormat = true;\n config._d = new Date(NaN);\n return;\n }\n for (i = 0; i < configfLen; i++) {\n currentScore = 0;\n validFormatFound = false;\n tempConfig = copyConfig({}, config);\n if (config._useUTC != null) {\n tempConfig._useUTC = config._useUTC;\n }\n tempConfig._f = config._f[i];\n configFromStringAndFormat(tempConfig);\n if (isValid(tempConfig)) {\n validFormatFound = true;\n }\n\n // if there is any input that was not parsed add a penalty for that format\n currentScore += getParsingFlags(tempConfig).charsLeftOver;\n\n //or tokens\n currentScore += getParsingFlags(tempConfig).unusedTokens.length * 10;\n getParsingFlags(tempConfig).score = currentScore;\n if (!bestFormatIsValid) {\n if (scoreToBeat == null || currentScore < scoreToBeat || validFormatFound) {\n scoreToBeat = currentScore;\n bestMoment = tempConfig;\n if (validFormatFound) {\n bestFormatIsValid = true;\n }\n }\n } else {\n if (currentScore < scoreToBeat) {\n scoreToBeat = currentScore;\n bestMoment = tempConfig;\n }\n }\n }\n extend(config, bestMoment || tempConfig);\n }\n function configFromObject(config) {\n if (config._d) {\n return;\n }\n var i = normalizeObjectUnits(config._i),\n dayOrDate = i.day === undefined ? i.date : i.day;\n config._a = map([i.year, i.month, dayOrDate, i.hour, i.minute, i.second, i.millisecond], function (obj) {\n return obj && parseInt(obj, 10);\n });\n configFromArray(config);\n }\n function createFromConfig(config) {\n var res = new Moment(checkOverflow(prepareConfig(config)));\n if (res._nextDay) {\n // Adding is smart enough around DST\n res.add(1, 'd');\n res._nextDay = undefined;\n }\n return res;\n }\n function prepareConfig(config) {\n var input = config._i,\n format = config._f;\n config._locale = config._locale || getLocale(config._l);\n if (input === null || format === undefined && input === '') {\n return createInvalid({\n nullInput: true\n });\n }\n if (typeof input === 'string') {\n config._i = input = config._locale.preparse(input);\n }\n if (isMoment(input)) {\n return new Moment(checkOverflow(input));\n } else if (isDate(input)) {\n config._d = input;\n } else if (isArray(format)) {\n configFromStringAndArray(config);\n } else if (format) {\n configFromStringAndFormat(config);\n } else {\n configFromInput(config);\n }\n if (!isValid(config)) {\n config._d = null;\n }\n return config;\n }\n function configFromInput(config) {\n var input = config._i;\n if (isUndefined(input)) {\n config._d = new Date(hooks.now());\n } else if (isDate(input)) {\n config._d = new Date(input.valueOf());\n } else if (typeof input === 'string') {\n configFromString(config);\n } else if (isArray(input)) {\n config._a = map(input.slice(0), function (obj) {\n return parseInt(obj, 10);\n });\n configFromArray(config);\n } else if (isObject(input)) {\n configFromObject(config);\n } else if (isNumber(input)) {\n // from milliseconds\n config._d = new Date(input);\n } else {\n hooks.createFromInputFallback(config);\n }\n }\n function createLocalOrUTC(input, format, locale, strict, isUTC) {\n var c = {};\n if (format === true || format === false) {\n strict = format;\n format = undefined;\n }\n if (locale === true || locale === false) {\n strict = locale;\n locale = undefined;\n }\n if (isObject(input) && isObjectEmpty(input) || isArray(input) && input.length === 0) {\n input = undefined;\n }\n // object construction must be done this way.\n // https://github.com/moment/moment/issues/1423\n c._isAMomentObject = true;\n c._useUTC = c._isUTC = isUTC;\n c._l = locale;\n c._i = input;\n c._f = format;\n c._strict = strict;\n return createFromConfig(c);\n }\n function createLocal(input, format, locale, strict) {\n return createLocalOrUTC(input, format, locale, strict, false);\n }\n var prototypeMin = deprecate('moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/', function () {\n var other = createLocal.apply(null, arguments);\n if (this.isValid() && other.isValid()) {\n return other < this ? this : other;\n } else {\n return createInvalid();\n }\n }),\n prototypeMax = deprecate('moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/', function () {\n var other = createLocal.apply(null, arguments);\n if (this.isValid() && other.isValid()) {\n return other > this ? this : other;\n } else {\n return createInvalid();\n }\n });\n\n // Pick a moment m from moments so that m[fn](other) is true for all\n // other. This relies on the function fn to be transitive.\n //\n // moments should either be an array of moment objects or an array, whose\n // first element is an array of moment objects.\n function pickBy(fn, moments) {\n var res, i;\n if (moments.length === 1 && isArray(moments[0])) {\n moments = moments[0];\n }\n if (!moments.length) {\n return createLocal();\n }\n res = moments[0];\n for (i = 1; i < moments.length; ++i) {\n if (!moments[i].isValid() || moments[i][fn](res)) {\n res = moments[i];\n }\n }\n return res;\n }\n\n // TODO: Use [].sort instead?\n function min() {\n var args = [].slice.call(arguments, 0);\n return pickBy('isBefore', args);\n }\n function max() {\n var args = [].slice.call(arguments, 0);\n return pickBy('isAfter', args);\n }\n var now = function now() {\n return Date.now ? Date.now() : +new Date();\n };\n var ordering = ['year', 'quarter', 'month', 'week', 'day', 'hour', 'minute', 'second', 'millisecond'];\n function isDurationValid(m) {\n var key,\n unitHasDecimal = false,\n i,\n orderLen = ordering.length;\n for (key in m) {\n if (hasOwnProp(m, key) && !(indexOf.call(ordering, key) !== -1 && (m[key] == null || !isNaN(m[key])))) {\n return false;\n }\n }\n for (i = 0; i < orderLen; ++i) {\n if (m[ordering[i]]) {\n if (unitHasDecimal) {\n return false; // only allow non-integers for smallest unit\n }\n\n if (parseFloat(m[ordering[i]]) !== toInt(m[ordering[i]])) {\n unitHasDecimal = true;\n }\n }\n }\n return true;\n }\n function isValid$1() {\n return this._isValid;\n }\n function createInvalid$1() {\n return createDuration(NaN);\n }\n function Duration(duration) {\n var normalizedInput = normalizeObjectUnits(duration),\n years = normalizedInput.year || 0,\n quarters = normalizedInput.quarter || 0,\n months = normalizedInput.month || 0,\n weeks = normalizedInput.week || normalizedInput.isoWeek || 0,\n days = normalizedInput.day || 0,\n hours = normalizedInput.hour || 0,\n minutes = normalizedInput.minute || 0,\n seconds = normalizedInput.second || 0,\n milliseconds = normalizedInput.millisecond || 0;\n this._isValid = isDurationValid(normalizedInput);\n\n // representation for dateAddRemove\n this._milliseconds = +milliseconds + seconds * 1e3 +\n // 1000\n minutes * 6e4 +\n // 1000 * 60\n hours * 1000 * 60 * 60; //using 1000 * 60 * 60 instead of 36e5 to avoid floating point rounding errors https://github.com/moment/moment/issues/2978\n // Because of dateAddRemove treats 24 hours as different from a\n // day when working around DST, we need to store them separately\n this._days = +days + weeks * 7;\n // It is impossible to translate months into days without knowing\n // which months you are are talking about, so we have to store\n // it separately.\n this._months = +months + quarters * 3 + years * 12;\n this._data = {};\n this._locale = getLocale();\n this._bubble();\n }\n function isDuration(obj) {\n return obj instanceof Duration;\n }\n function absRound(number) {\n if (number < 0) {\n return Math.round(-1 * number) * -1;\n } else {\n return Math.round(number);\n }\n }\n\n // compare two arrays, return the number of differences\n function compareArrays(array1, array2, dontConvert) {\n var len = Math.min(array1.length, array2.length),\n lengthDiff = Math.abs(array1.length - array2.length),\n diffs = 0,\n i;\n for (i = 0; i < len; i++) {\n if (dontConvert && array1[i] !== array2[i] || !dontConvert && toInt(array1[i]) !== toInt(array2[i])) {\n diffs++;\n }\n }\n return diffs + lengthDiff;\n }\n\n // FORMATTING\n\n function offset(token, separator) {\n addFormatToken(token, 0, 0, function () {\n var offset = this.utcOffset(),\n sign = '+';\n if (offset < 0) {\n offset = -offset;\n sign = '-';\n }\n return sign + zeroFill(~~(offset / 60), 2) + separator + zeroFill(~~offset % 60, 2);\n });\n }\n offset('Z', ':');\n offset('ZZ', '');\n\n // PARSING\n\n addRegexToken('Z', matchShortOffset);\n addRegexToken('ZZ', matchShortOffset);\n addParseToken(['Z', 'ZZ'], function (input, array, config) {\n config._useUTC = true;\n config._tzm = offsetFromString(matchShortOffset, input);\n });\n\n // HELPERS\n\n // timezone chunker\n // '+10:00' > ['10', '00']\n // '-1530' > ['-15', '30']\n var chunkOffset = /([\\+\\-]|\\d\\d)/gi;\n function offsetFromString(matcher, string) {\n var matches = (string || '').match(matcher),\n chunk,\n parts,\n minutes;\n if (matches === null) {\n return null;\n }\n chunk = matches[matches.length - 1] || [];\n parts = (chunk + '').match(chunkOffset) || ['-', 0, 0];\n minutes = +(parts[1] * 60) + toInt(parts[2]);\n return minutes === 0 ? 0 : parts[0] === '+' ? minutes : -minutes;\n }\n\n // Return a moment from input, that is local/utc/zone equivalent to model.\n function cloneWithOffset(input, model) {\n var res, diff;\n if (model._isUTC) {\n res = model.clone();\n diff = (isMoment(input) || isDate(input) ? input.valueOf() : createLocal(input).valueOf()) - res.valueOf();\n // Use low-level api, because this fn is low-level api.\n res._d.setTime(res._d.valueOf() + diff);\n hooks.updateOffset(res, false);\n return res;\n } else {\n return createLocal(input).local();\n }\n }\n function getDateOffset(m) {\n // On Firefox.24 Date#getTimezoneOffset returns a floating point.\n // https://github.com/moment/moment/pull/1871\n return -Math.round(m._d.getTimezoneOffset());\n }\n\n // HOOKS\n\n // This function will be called whenever a moment is mutated.\n // It is intended to keep the offset in sync with the timezone.\n hooks.updateOffset = function () {};\n\n // MOMENTS\n\n // keepLocalTime = true means only change the timezone, without\n // affecting the local hour. So 5:31:26 +0300 --[utcOffset(2, true)]-->\n // 5:31:26 +0200 It is possible that 5:31:26 doesn't exist with offset\n // +0200, so we adjust the time as needed, to be valid.\n //\n // Keeping the time actually adds/subtracts (one hour)\n // from the actual represented time. That is why we call updateOffset\n // a second time. In case it wants us to change the offset again\n // _changeInProgress == true case, then we have to adjust, because\n // there is no such time in the given timezone.\n function getSetOffset(input, keepLocalTime, keepMinutes) {\n var offset = this._offset || 0,\n localAdjust;\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n if (input != null) {\n if (typeof input === 'string') {\n input = offsetFromString(matchShortOffset, input);\n if (input === null) {\n return this;\n }\n } else if (Math.abs(input) < 16 && !keepMinutes) {\n input = input * 60;\n }\n if (!this._isUTC && keepLocalTime) {\n localAdjust = getDateOffset(this);\n }\n this._offset = input;\n this._isUTC = true;\n if (localAdjust != null) {\n this.add(localAdjust, 'm');\n }\n if (offset !== input) {\n if (!keepLocalTime || this._changeInProgress) {\n addSubtract(this, createDuration(input - offset, 'm'), 1, false);\n } else if (!this._changeInProgress) {\n this._changeInProgress = true;\n hooks.updateOffset(this, true);\n this._changeInProgress = null;\n }\n }\n return this;\n } else {\n return this._isUTC ? offset : getDateOffset(this);\n }\n }\n function getSetZone(input, keepLocalTime) {\n if (input != null) {\n if (typeof input !== 'string') {\n input = -input;\n }\n this.utcOffset(input, keepLocalTime);\n return this;\n } else {\n return -this.utcOffset();\n }\n }\n function setOffsetToUTC(keepLocalTime) {\n return this.utcOffset(0, keepLocalTime);\n }\n function setOffsetToLocal(keepLocalTime) {\n if (this._isUTC) {\n this.utcOffset(0, keepLocalTime);\n this._isUTC = false;\n if (keepLocalTime) {\n this.subtract(getDateOffset(this), 'm');\n }\n }\n return this;\n }\n function setOffsetToParsedOffset() {\n if (this._tzm != null) {\n this.utcOffset(this._tzm, false, true);\n } else if (typeof this._i === 'string') {\n var tZone = offsetFromString(matchOffset, this._i);\n if (tZone != null) {\n this.utcOffset(tZone);\n } else {\n this.utcOffset(0, true);\n }\n }\n return this;\n }\n function hasAlignedHourOffset(input) {\n if (!this.isValid()) {\n return false;\n }\n input = input ? createLocal(input).utcOffset() : 0;\n return (this.utcOffset() - input) % 60 === 0;\n }\n function isDaylightSavingTime() {\n return this.utcOffset() > this.clone().month(0).utcOffset() || this.utcOffset() > this.clone().month(5).utcOffset();\n }\n function isDaylightSavingTimeShifted() {\n if (!isUndefined(this._isDSTShifted)) {\n return this._isDSTShifted;\n }\n var c = {},\n other;\n copyConfig(c, this);\n c = prepareConfig(c);\n if (c._a) {\n other = c._isUTC ? createUTC(c._a) : createLocal(c._a);\n this._isDSTShifted = this.isValid() && compareArrays(c._a, other.toArray()) > 0;\n } else {\n this._isDSTShifted = false;\n }\n return this._isDSTShifted;\n }\n function isLocal() {\n return this.isValid() ? !this._isUTC : false;\n }\n function isUtcOffset() {\n return this.isValid() ? this._isUTC : false;\n }\n function isUtc() {\n return this.isValid() ? this._isUTC && this._offset === 0 : false;\n }\n\n // ASP.NET json date format regex\n var aspNetRegex = /^(-|\\+)?(?:(\\d*)[. ])?(\\d+):(\\d+)(?::(\\d+)(\\.\\d*)?)?$/,\n // from http://docs.closure-library.googlecode.com/git/closure_goog_date_date.js.source.html\n // somewhat more in line with 4.4.3.2 2004 spec, but allows decimal anywhere\n // and further modified to allow for strings containing both week and day\n isoRegex = /^(-|\\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;\n function createDuration(input, key) {\n var duration = input,\n // matching against regexp is expensive, do it on demand\n match = null,\n sign,\n ret,\n diffRes;\n if (isDuration(input)) {\n duration = {\n ms: input._milliseconds,\n d: input._days,\n M: input._months\n };\n } else if (isNumber(input) || !isNaN(+input)) {\n duration = {};\n if (key) {\n duration[key] = +input;\n } else {\n duration.milliseconds = +input;\n }\n } else if (match = aspNetRegex.exec(input)) {\n sign = match[1] === '-' ? -1 : 1;\n duration = {\n y: 0,\n d: toInt(match[DATE]) * sign,\n h: toInt(match[HOUR]) * sign,\n m: toInt(match[MINUTE]) * sign,\n s: toInt(match[SECOND]) * sign,\n ms: toInt(absRound(match[MILLISECOND] * 1000)) * sign // the millisecond decimal point is included in the match\n };\n } else if (match = isoRegex.exec(input)) {\n sign = match[1] === '-' ? -1 : 1;\n duration = {\n y: parseIso(match[2], sign),\n M: parseIso(match[3], sign),\n w: parseIso(match[4], sign),\n d: parseIso(match[5], sign),\n h: parseIso(match[6], sign),\n m: parseIso(match[7], sign),\n s: parseIso(match[8], sign)\n };\n } else if (duration == null) {\n // checks for null or undefined\n duration = {};\n } else if (typeof duration === 'object' && ('from' in duration || 'to' in duration)) {\n diffRes = momentsDifference(createLocal(duration.from), createLocal(duration.to));\n duration = {};\n duration.ms = diffRes.milliseconds;\n duration.M = diffRes.months;\n }\n ret = new Duration(duration);\n if (isDuration(input) && hasOwnProp(input, '_locale')) {\n ret._locale = input._locale;\n }\n if (isDuration(input) && hasOwnProp(input, '_isValid')) {\n ret._isValid = input._isValid;\n }\n return ret;\n }\n createDuration.fn = Duration.prototype;\n createDuration.invalid = createInvalid$1;\n function parseIso(inp, sign) {\n // We'd normally use ~~inp for this, but unfortunately it also\n // converts floats to ints.\n // inp may be undefined, so careful calling replace on it.\n var res = inp && parseFloat(inp.replace(',', '.'));\n // apply sign while we're at it\n return (isNaN(res) ? 0 : res) * sign;\n }\n function positiveMomentsDifference(base, other) {\n var res = {};\n res.months = other.month() - base.month() + (other.year() - base.year()) * 12;\n if (base.clone().add(res.months, 'M').isAfter(other)) {\n --res.months;\n }\n res.milliseconds = +other - +base.clone().add(res.months, 'M');\n return res;\n }\n function momentsDifference(base, other) {\n var res;\n if (!(base.isValid() && other.isValid())) {\n return {\n milliseconds: 0,\n months: 0\n };\n }\n other = cloneWithOffset(other, base);\n if (base.isBefore(other)) {\n res = positiveMomentsDifference(base, other);\n } else {\n res = positiveMomentsDifference(other, base);\n res.milliseconds = -res.milliseconds;\n res.months = -res.months;\n }\n return res;\n }\n\n // TODO: remove 'name' arg after deprecation is removed\n function createAdder(direction, name) {\n return function (val, period) {\n var dur, tmp;\n //invert the arguments, but complain about it\n if (period !== null && !isNaN(+period)) {\n deprecateSimple(name, 'moment().' + name + '(period, number) is deprecated. Please use moment().' + name + '(number, period). ' + 'See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info.');\n tmp = val;\n val = period;\n period = tmp;\n }\n dur = createDuration(val, period);\n addSubtract(this, dur, direction);\n return this;\n };\n }\n function addSubtract(mom, duration, isAdding, updateOffset) {\n var milliseconds = duration._milliseconds,\n days = absRound(duration._days),\n months = absRound(duration._months);\n if (!mom.isValid()) {\n // No op\n return;\n }\n updateOffset = updateOffset == null ? true : updateOffset;\n if (months) {\n setMonth(mom, get(mom, 'Month') + months * isAdding);\n }\n if (days) {\n set$1(mom, 'Date', get(mom, 'Date') + days * isAdding);\n }\n if (milliseconds) {\n mom._d.setTime(mom._d.valueOf() + milliseconds * isAdding);\n }\n if (updateOffset) {\n hooks.updateOffset(mom, days || months);\n }\n }\n var add = createAdder(1, 'add'),\n subtract = createAdder(-1, 'subtract');\n function isString(input) {\n return typeof input === 'string' || input instanceof String;\n }\n\n // type MomentInput = Moment | Date | string | number | (number | string)[] | MomentInputObject | void; // null | undefined\n function isMomentInput(input) {\n return isMoment(input) || isDate(input) || isString(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === undefined;\n }\n function isMomentInputObject(input) {\n var objectTest = isObject(input) && !isObjectEmpty(input),\n propertyTest = false,\n properties = ['years', 'year', 'y', 'months', 'month', 'M', 'days', 'day', 'd', 'dates', 'date', 'D', 'hours', 'hour', 'h', 'minutes', 'minute', 'm', 'seconds', 'second', 's', 'milliseconds', 'millisecond', 'ms'],\n i,\n property,\n propertyLen = properties.length;\n for (i = 0; i < propertyLen; i += 1) {\n property = properties[i];\n propertyTest = propertyTest || hasOwnProp(input, property);\n }\n return objectTest && propertyTest;\n }\n function isNumberOrStringArray(input) {\n var arrayTest = isArray(input),\n dataTypeTest = false;\n if (arrayTest) {\n dataTypeTest = input.filter(function (item) {\n return !isNumber(item) && isString(input);\n }).length === 0;\n }\n return arrayTest && dataTypeTest;\n }\n function isCalendarSpec(input) {\n var objectTest = isObject(input) && !isObjectEmpty(input),\n propertyTest = false,\n properties = ['sameDay', 'nextDay', 'lastDay', 'nextWeek', 'lastWeek', 'sameElse'],\n i,\n property;\n for (i = 0; i < properties.length; i += 1) {\n property = properties[i];\n propertyTest = propertyTest || hasOwnProp(input, property);\n }\n return objectTest && propertyTest;\n }\n function getCalendarFormat(myMoment, now) {\n var diff = myMoment.diff(now, 'days', true);\n return diff < -6 ? 'sameElse' : diff < -1 ? 'lastWeek' : diff < 0 ? 'lastDay' : diff < 1 ? 'sameDay' : diff < 2 ? 'nextDay' : diff < 7 ? 'nextWeek' : 'sameElse';\n }\n function calendar$1(time, formats) {\n // Support for single parameter, formats only overload to the calendar function\n if (arguments.length === 1) {\n if (!arguments[0]) {\n time = undefined;\n formats = undefined;\n } else if (isMomentInput(arguments[0])) {\n time = arguments[0];\n formats = undefined;\n } else if (isCalendarSpec(arguments[0])) {\n formats = arguments[0];\n time = undefined;\n }\n }\n // We want to compare the start of today, vs this.\n // Getting start-of-today depends on whether we're local/utc/offset or not.\n var now = time || createLocal(),\n sod = cloneWithOffset(now, this).startOf('day'),\n format = hooks.calendarFormat(this, sod) || 'sameElse',\n output = formats && (isFunction(formats[format]) ? formats[format].call(this, now) : formats[format]);\n return this.format(output || this.localeData().calendar(format, this, createLocal(now)));\n }\n function clone() {\n return new Moment(this);\n }\n function isAfter(input, units) {\n var localInput = isMoment(input) ? input : createLocal(input);\n if (!(this.isValid() && localInput.isValid())) {\n return false;\n }\n units = normalizeUnits(units) || 'millisecond';\n if (units === 'millisecond') {\n return this.valueOf() > localInput.valueOf();\n } else {\n return localInput.valueOf() < this.clone().startOf(units).valueOf();\n }\n }\n function isBefore(input, units) {\n var localInput = isMoment(input) ? input : createLocal(input);\n if (!(this.isValid() && localInput.isValid())) {\n return false;\n }\n units = normalizeUnits(units) || 'millisecond';\n if (units === 'millisecond') {\n return this.valueOf() < localInput.valueOf();\n } else {\n return this.clone().endOf(units).valueOf() < localInput.valueOf();\n }\n }\n function isBetween(from, to, units, inclusivity) {\n var localFrom = isMoment(from) ? from : createLocal(from),\n localTo = isMoment(to) ? to : createLocal(to);\n if (!(this.isValid() && localFrom.isValid() && localTo.isValid())) {\n return false;\n }\n inclusivity = inclusivity || '()';\n return (inclusivity[0] === '(' ? this.isAfter(localFrom, units) : !this.isBefore(localFrom, units)) && (inclusivity[1] === ')' ? this.isBefore(localTo, units) : !this.isAfter(localTo, units));\n }\n function isSame(input, units) {\n var localInput = isMoment(input) ? input : createLocal(input),\n inputMs;\n if (!(this.isValid() && localInput.isValid())) {\n return false;\n }\n units = normalizeUnits(units) || 'millisecond';\n if (units === 'millisecond') {\n return this.valueOf() === localInput.valueOf();\n } else {\n inputMs = localInput.valueOf();\n return this.clone().startOf(units).valueOf() <= inputMs && inputMs <= this.clone().endOf(units).valueOf();\n }\n }\n function isSameOrAfter(input, units) {\n return this.isSame(input, units) || this.isAfter(input, units);\n }\n function isSameOrBefore(input, units) {\n return this.isSame(input, units) || this.isBefore(input, units);\n }\n function diff(input, units, asFloat) {\n var that, zoneDelta, output;\n if (!this.isValid()) {\n return NaN;\n }\n that = cloneWithOffset(input, this);\n if (!that.isValid()) {\n return NaN;\n }\n zoneDelta = (that.utcOffset() - this.utcOffset()) * 6e4;\n units = normalizeUnits(units);\n switch (units) {\n case 'year':\n output = monthDiff(this, that) / 12;\n break;\n case 'month':\n output = monthDiff(this, that);\n break;\n case 'quarter':\n output = monthDiff(this, that) / 3;\n break;\n case 'second':\n output = (this - that) / 1e3;\n break;\n // 1000\n case 'minute':\n output = (this - that) / 6e4;\n break;\n // 1000 * 60\n case 'hour':\n output = (this - that) / 36e5;\n break;\n // 1000 * 60 * 60\n case 'day':\n output = (this - that - zoneDelta) / 864e5;\n break;\n // 1000 * 60 * 60 * 24, negate dst\n case 'week':\n output = (this - that - zoneDelta) / 6048e5;\n break;\n // 1000 * 60 * 60 * 24 * 7, negate dst\n default:\n output = this - that;\n }\n return asFloat ? output : absFloor(output);\n }\n function monthDiff(a, b) {\n if (a.date() < b.date()) {\n // end-of-month calculations work correct when the start month has more\n // days than the end month.\n return -monthDiff(b, a);\n }\n // difference in months\n var wholeMonthDiff = (b.year() - a.year()) * 12 + (b.month() - a.month()),\n // b is in (anchor - 1 month, anchor + 1 month)\n anchor = a.clone().add(wholeMonthDiff, 'months'),\n anchor2,\n adjust;\n if (b - anchor < 0) {\n anchor2 = a.clone().add(wholeMonthDiff - 1, 'months');\n // linear across the month\n adjust = (b - anchor) / (anchor - anchor2);\n } else {\n anchor2 = a.clone().add(wholeMonthDiff + 1, 'months');\n // linear across the month\n adjust = (b - anchor) / (anchor2 - anchor);\n }\n\n //check for negative zero, return zero if negative zero\n return -(wholeMonthDiff + adjust) || 0;\n }\n hooks.defaultFormat = 'YYYY-MM-DDTHH:mm:ssZ';\n hooks.defaultFormatUtc = 'YYYY-MM-DDTHH:mm:ss[Z]';\n function toString() {\n return this.clone().locale('en').format('ddd MMM DD YYYY HH:mm:ss [GMT]ZZ');\n }\n function toISOString(keepOffset) {\n if (!this.isValid()) {\n return null;\n }\n var utc = keepOffset !== true,\n m = utc ? this.clone().utc() : this;\n if (m.year() < 0 || m.year() > 9999) {\n return formatMoment(m, utc ? 'YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]' : 'YYYYYY-MM-DD[T]HH:mm:ss.SSSZ');\n }\n if (isFunction(Date.prototype.toISOString)) {\n // native implementation is ~50x faster, use it when we can\n if (utc) {\n return this.toDate().toISOString();\n } else {\n return new Date(this.valueOf() + this.utcOffset() * 60 * 1000).toISOString().replace('Z', formatMoment(m, 'Z'));\n }\n }\n return formatMoment(m, utc ? 'YYYY-MM-DD[T]HH:mm:ss.SSS[Z]' : 'YYYY-MM-DD[T]HH:mm:ss.SSSZ');\n }\n\n /**\n * Return a human readable representation of a moment that can\n * also be evaluated to get a new moment which is the same\n *\n * @link https://nodejs.org/dist/latest/docs/api/util.html#util_custom_inspect_function_on_objects\n */\n function inspect() {\n if (!this.isValid()) {\n return 'moment.invalid(/* ' + this._i + ' */)';\n }\n var func = 'moment',\n zone = '',\n prefix,\n year,\n datetime,\n suffix;\n if (!this.isLocal()) {\n func = this.utcOffset() === 0 ? 'moment.utc' : 'moment.parseZone';\n zone = 'Z';\n }\n prefix = '[' + func + '(\"]';\n year = 0 <= this.year() && this.year() <= 9999 ? 'YYYY' : 'YYYYYY';\n datetime = '-MM-DD[T]HH:mm:ss.SSS';\n suffix = zone + '[\")]';\n return this.format(prefix + year + datetime + suffix);\n }\n function format(inputString) {\n if (!inputString) {\n inputString = this.isUtc() ? hooks.defaultFormatUtc : hooks.defaultFormat;\n }\n var output = formatMoment(this, inputString);\n return this.localeData().postformat(output);\n }\n function from(time, withoutSuffix) {\n if (this.isValid() && (isMoment(time) && time.isValid() || createLocal(time).isValid())) {\n return createDuration({\n to: this,\n from: time\n }).locale(this.locale()).humanize(!withoutSuffix);\n } else {\n return this.localeData().invalidDate();\n }\n }\n function fromNow(withoutSuffix) {\n return this.from(createLocal(), withoutSuffix);\n }\n function to(time, withoutSuffix) {\n if (this.isValid() && (isMoment(time) && time.isValid() || createLocal(time).isValid())) {\n return createDuration({\n from: this,\n to: time\n }).locale(this.locale()).humanize(!withoutSuffix);\n } else {\n return this.localeData().invalidDate();\n }\n }\n function toNow(withoutSuffix) {\n return this.to(createLocal(), withoutSuffix);\n }\n\n // If passed a locale key, it will set the locale for this\n // instance. Otherwise, it will return the locale configuration\n // variables for this instance.\n function locale(key) {\n var newLocaleData;\n if (key === undefined) {\n return this._locale._abbr;\n } else {\n newLocaleData = getLocale(key);\n if (newLocaleData != null) {\n this._locale = newLocaleData;\n }\n return this;\n }\n }\n var lang = deprecate('moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.', function (key) {\n if (key === undefined) {\n return this.localeData();\n } else {\n return this.locale(key);\n }\n });\n function localeData() {\n return this._locale;\n }\n var MS_PER_SECOND = 1000,\n MS_PER_MINUTE = 60 * MS_PER_SECOND,\n MS_PER_HOUR = 60 * MS_PER_MINUTE,\n MS_PER_400_YEARS = (365 * 400 + 97) * 24 * MS_PER_HOUR;\n\n // actual modulo - handles negative numbers (for dates before 1970):\n function mod$1(dividend, divisor) {\n return (dividend % divisor + divisor) % divisor;\n }\n function localStartOfDate(y, m, d) {\n // the date constructor remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n // preserve leap years using a full 400 year cycle, then reset\n return new Date(y + 400, m, d) - MS_PER_400_YEARS;\n } else {\n return new Date(y, m, d).valueOf();\n }\n }\n function utcStartOfDate(y, m, d) {\n // Date.UTC remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n // preserve leap years using a full 400 year cycle, then reset\n return Date.UTC(y + 400, m, d) - MS_PER_400_YEARS;\n } else {\n return Date.UTC(y, m, d);\n }\n }\n function startOf(units) {\n var time, startOfDate;\n units = normalizeUnits(units);\n if (units === undefined || units === 'millisecond' || !this.isValid()) {\n return this;\n }\n startOfDate = this._isUTC ? utcStartOfDate : localStartOfDate;\n switch (units) {\n case 'year':\n time = startOfDate(this.year(), 0, 1);\n break;\n case 'quarter':\n time = startOfDate(this.year(), this.month() - this.month() % 3, 1);\n break;\n case 'month':\n time = startOfDate(this.year(), this.month(), 1);\n break;\n case 'week':\n time = startOfDate(this.year(), this.month(), this.date() - this.weekday());\n break;\n case 'isoWeek':\n time = startOfDate(this.year(), this.month(), this.date() - (this.isoWeekday() - 1));\n break;\n case 'day':\n case 'date':\n time = startOfDate(this.year(), this.month(), this.date());\n break;\n case 'hour':\n time = this._d.valueOf();\n time -= mod$1(time + (this._isUTC ? 0 : this.utcOffset() * MS_PER_MINUTE), MS_PER_HOUR);\n break;\n case 'minute':\n time = this._d.valueOf();\n time -= mod$1(time, MS_PER_MINUTE);\n break;\n case 'second':\n time = this._d.valueOf();\n time -= mod$1(time, MS_PER_SECOND);\n break;\n }\n this._d.setTime(time);\n hooks.updateOffset(this, true);\n return this;\n }\n function endOf(units) {\n var time, startOfDate;\n units = normalizeUnits(units);\n if (units === undefined || units === 'millisecond' || !this.isValid()) {\n return this;\n }\n startOfDate = this._isUTC ? utcStartOfDate : localStartOfDate;\n switch (units) {\n case 'year':\n time = startOfDate(this.year() + 1, 0, 1) - 1;\n break;\n case 'quarter':\n time = startOfDate(this.year(), this.month() - this.month() % 3 + 3, 1) - 1;\n break;\n case 'month':\n time = startOfDate(this.year(), this.month() + 1, 1) - 1;\n break;\n case 'week':\n time = startOfDate(this.year(), this.month(), this.date() - this.weekday() + 7) - 1;\n break;\n case 'isoWeek':\n time = startOfDate(this.year(), this.month(), this.date() - (this.isoWeekday() - 1) + 7) - 1;\n break;\n case 'day':\n case 'date':\n time = startOfDate(this.year(), this.month(), this.date() + 1) - 1;\n break;\n case 'hour':\n time = this._d.valueOf();\n time += MS_PER_HOUR - mod$1(time + (this._isUTC ? 0 : this.utcOffset() * MS_PER_MINUTE), MS_PER_HOUR) - 1;\n break;\n case 'minute':\n time = this._d.valueOf();\n time += MS_PER_MINUTE - mod$1(time, MS_PER_MINUTE) - 1;\n break;\n case 'second':\n time = this._d.valueOf();\n time += MS_PER_SECOND - mod$1(time, MS_PER_SECOND) - 1;\n break;\n }\n this._d.setTime(time);\n hooks.updateOffset(this, true);\n return this;\n }\n function valueOf() {\n return this._d.valueOf() - (this._offset || 0) * 60000;\n }\n function unix() {\n return Math.floor(this.valueOf() / 1000);\n }\n function toDate() {\n return new Date(this.valueOf());\n }\n function toArray() {\n var m = this;\n return [m.year(), m.month(), m.date(), m.hour(), m.minute(), m.second(), m.millisecond()];\n }\n function toObject() {\n var m = this;\n return {\n years: m.year(),\n months: m.month(),\n date: m.date(),\n hours: m.hours(),\n minutes: m.minutes(),\n seconds: m.seconds(),\n milliseconds: m.milliseconds()\n };\n }\n function toJSON() {\n // new Date(NaN).toJSON() === null\n return this.isValid() ? this.toISOString() : null;\n }\n function isValid$2() {\n return isValid(this);\n }\n function parsingFlags() {\n return extend({}, getParsingFlags(this));\n }\n function invalidAt() {\n return getParsingFlags(this).overflow;\n }\n function creationData() {\n return {\n input: this._i,\n format: this._f,\n locale: this._locale,\n isUTC: this._isUTC,\n strict: this._strict\n };\n }\n addFormatToken('N', 0, 0, 'eraAbbr');\n addFormatToken('NN', 0, 0, 'eraAbbr');\n addFormatToken('NNN', 0, 0, 'eraAbbr');\n addFormatToken('NNNN', 0, 0, 'eraName');\n addFormatToken('NNNNN', 0, 0, 'eraNarrow');\n addFormatToken('y', ['y', 1], 'yo', 'eraYear');\n addFormatToken('y', ['yy', 2], 0, 'eraYear');\n addFormatToken('y', ['yyy', 3], 0, 'eraYear');\n addFormatToken('y', ['yyyy', 4], 0, 'eraYear');\n addRegexToken('N', matchEraAbbr);\n addRegexToken('NN', matchEraAbbr);\n addRegexToken('NNN', matchEraAbbr);\n addRegexToken('NNNN', matchEraName);\n addRegexToken('NNNNN', matchEraNarrow);\n addParseToken(['N', 'NN', 'NNN', 'NNNN', 'NNNNN'], function (input, array, config, token) {\n var era = config._locale.erasParse(input, token, config._strict);\n if (era) {\n getParsingFlags(config).era = era;\n } else {\n getParsingFlags(config).invalidEra = input;\n }\n });\n addRegexToken('y', matchUnsigned);\n addRegexToken('yy', matchUnsigned);\n addRegexToken('yyy', matchUnsigned);\n addRegexToken('yyyy', matchUnsigned);\n addRegexToken('yo', matchEraYearOrdinal);\n addParseToken(['y', 'yy', 'yyy', 'yyyy'], YEAR);\n addParseToken(['yo'], function (input, array, config, token) {\n var match;\n if (config._locale._eraYearOrdinalRegex) {\n match = input.match(config._locale._eraYearOrdinalRegex);\n }\n if (config._locale.eraYearOrdinalParse) {\n array[YEAR] = config._locale.eraYearOrdinalParse(input, match);\n } else {\n array[YEAR] = parseInt(input, 10);\n }\n });\n function localeEras(m, format) {\n var i,\n l,\n date,\n eras = this._eras || getLocale('en')._eras;\n for (i = 0, l = eras.length; i < l; ++i) {\n switch (typeof eras[i].since) {\n case 'string':\n // truncate time\n date = hooks(eras[i].since).startOf('day');\n eras[i].since = date.valueOf();\n break;\n }\n switch (typeof eras[i].until) {\n case 'undefined':\n eras[i].until = +Infinity;\n break;\n case 'string':\n // truncate time\n date = hooks(eras[i].until).startOf('day').valueOf();\n eras[i].until = date.valueOf();\n break;\n }\n }\n return eras;\n }\n function localeErasParse(eraName, format, strict) {\n var i,\n l,\n eras = this.eras(),\n name,\n abbr,\n narrow;\n eraName = eraName.toUpperCase();\n for (i = 0, l = eras.length; i < l; ++i) {\n name = eras[i].name.toUpperCase();\n abbr = eras[i].abbr.toUpperCase();\n narrow = eras[i].narrow.toUpperCase();\n if (strict) {\n switch (format) {\n case 'N':\n case 'NN':\n case 'NNN':\n if (abbr === eraName) {\n return eras[i];\n }\n break;\n case 'NNNN':\n if (name === eraName) {\n return eras[i];\n }\n break;\n case 'NNNNN':\n if (narrow === eraName) {\n return eras[i];\n }\n break;\n }\n } else if ([name, abbr, narrow].indexOf(eraName) >= 0) {\n return eras[i];\n }\n }\n }\n function localeErasConvertYear(era, year) {\n var dir = era.since <= era.until ? +1 : -1;\n if (year === undefined) {\n return hooks(era.since).year();\n } else {\n return hooks(era.since).year() + (year - era.offset) * dir;\n }\n }\n function getEraName() {\n var i,\n l,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n // truncate time\n val = this.clone().startOf('day').valueOf();\n if (eras[i].since <= val && val <= eras[i].until) {\n return eras[i].name;\n }\n if (eras[i].until <= val && val <= eras[i].since) {\n return eras[i].name;\n }\n }\n return '';\n }\n function getEraNarrow() {\n var i,\n l,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n // truncate time\n val = this.clone().startOf('day').valueOf();\n if (eras[i].since <= val && val <= eras[i].until) {\n return eras[i].narrow;\n }\n if (eras[i].until <= val && val <= eras[i].since) {\n return eras[i].narrow;\n }\n }\n return '';\n }\n function getEraAbbr() {\n var i,\n l,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n // truncate time\n val = this.clone().startOf('day').valueOf();\n if (eras[i].since <= val && val <= eras[i].until) {\n return eras[i].abbr;\n }\n if (eras[i].until <= val && val <= eras[i].since) {\n return eras[i].abbr;\n }\n }\n return '';\n }\n function getEraYear() {\n var i,\n l,\n dir,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n dir = eras[i].since <= eras[i].until ? +1 : -1;\n\n // truncate time\n val = this.clone().startOf('day').valueOf();\n if (eras[i].since <= val && val <= eras[i].until || eras[i].until <= val && val <= eras[i].since) {\n return (this.year() - hooks(eras[i].since).year()) * dir + eras[i].offset;\n }\n }\n return this.year();\n }\n function erasNameRegex(isStrict) {\n if (!hasOwnProp(this, '_erasNameRegex')) {\n computeErasParse.call(this);\n }\n return isStrict ? this._erasNameRegex : this._erasRegex;\n }\n function erasAbbrRegex(isStrict) {\n if (!hasOwnProp(this, '_erasAbbrRegex')) {\n computeErasParse.call(this);\n }\n return isStrict ? this._erasAbbrRegex : this._erasRegex;\n }\n function erasNarrowRegex(isStrict) {\n if (!hasOwnProp(this, '_erasNarrowRegex')) {\n computeErasParse.call(this);\n }\n return isStrict ? this._erasNarrowRegex : this._erasRegex;\n }\n function matchEraAbbr(isStrict, locale) {\n return locale.erasAbbrRegex(isStrict);\n }\n function matchEraName(isStrict, locale) {\n return locale.erasNameRegex(isStrict);\n }\n function matchEraNarrow(isStrict, locale) {\n return locale.erasNarrowRegex(isStrict);\n }\n function matchEraYearOrdinal(isStrict, locale) {\n return locale._eraYearOrdinalRegex || matchUnsigned;\n }\n function computeErasParse() {\n var abbrPieces = [],\n namePieces = [],\n narrowPieces = [],\n mixedPieces = [],\n i,\n l,\n eras = this.eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n namePieces.push(regexEscape(eras[i].name));\n abbrPieces.push(regexEscape(eras[i].abbr));\n narrowPieces.push(regexEscape(eras[i].narrow));\n mixedPieces.push(regexEscape(eras[i].name));\n mixedPieces.push(regexEscape(eras[i].abbr));\n mixedPieces.push(regexEscape(eras[i].narrow));\n }\n this._erasRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');\n this._erasNameRegex = new RegExp('^(' + namePieces.join('|') + ')', 'i');\n this._erasAbbrRegex = new RegExp('^(' + abbrPieces.join('|') + ')', 'i');\n this._erasNarrowRegex = new RegExp('^(' + narrowPieces.join('|') + ')', 'i');\n }\n\n // FORMATTING\n\n addFormatToken(0, ['gg', 2], 0, function () {\n return this.weekYear() % 100;\n });\n addFormatToken(0, ['GG', 2], 0, function () {\n return this.isoWeekYear() % 100;\n });\n function addWeekYearFormatToken(token, getter) {\n addFormatToken(0, [token, token.length], 0, getter);\n }\n addWeekYearFormatToken('gggg', 'weekYear');\n addWeekYearFormatToken('ggggg', 'weekYear');\n addWeekYearFormatToken('GGGG', 'isoWeekYear');\n addWeekYearFormatToken('GGGGG', 'isoWeekYear');\n\n // ALIASES\n\n addUnitAlias('weekYear', 'gg');\n addUnitAlias('isoWeekYear', 'GG');\n\n // PRIORITY\n\n addUnitPriority('weekYear', 1);\n addUnitPriority('isoWeekYear', 1);\n\n // PARSING\n\n addRegexToken('G', matchSigned);\n addRegexToken('g', matchSigned);\n addRegexToken('GG', match1to2, match2);\n addRegexToken('gg', match1to2, match2);\n addRegexToken('GGGG', match1to4, match4);\n addRegexToken('gggg', match1to4, match4);\n addRegexToken('GGGGG', match1to6, match6);\n addRegexToken('ggggg', match1to6, match6);\n addWeekParseToken(['gggg', 'ggggg', 'GGGG', 'GGGGG'], function (input, week, config, token) {\n week[token.substr(0, 2)] = toInt(input);\n });\n addWeekParseToken(['gg', 'GG'], function (input, week, config, token) {\n week[token] = hooks.parseTwoDigitYear(input);\n });\n\n // MOMENTS\n\n function getSetWeekYear(input) {\n return getSetWeekYearHelper.call(this, input, this.week(), this.weekday(), this.localeData()._week.dow, this.localeData()._week.doy);\n }\n function getSetISOWeekYear(input) {\n return getSetWeekYearHelper.call(this, input, this.isoWeek(), this.isoWeekday(), 1, 4);\n }\n function getISOWeeksInYear() {\n return weeksInYear(this.year(), 1, 4);\n }\n function getISOWeeksInISOWeekYear() {\n return weeksInYear(this.isoWeekYear(), 1, 4);\n }\n function getWeeksInYear() {\n var weekInfo = this.localeData()._week;\n return weeksInYear(this.year(), weekInfo.dow, weekInfo.doy);\n }\n function getWeeksInWeekYear() {\n var weekInfo = this.localeData()._week;\n return weeksInYear(this.weekYear(), weekInfo.dow, weekInfo.doy);\n }\n function getSetWeekYearHelper(input, week, weekday, dow, doy) {\n var weeksTarget;\n if (input == null) {\n return weekOfYear(this, dow, doy).year;\n } else {\n weeksTarget = weeksInYear(input, dow, doy);\n if (week > weeksTarget) {\n week = weeksTarget;\n }\n return setWeekAll.call(this, input, week, weekday, dow, doy);\n }\n }\n function setWeekAll(weekYear, week, weekday, dow, doy) {\n var dayOfYearData = dayOfYearFromWeeks(weekYear, week, weekday, dow, doy),\n date = createUTCDate(dayOfYearData.year, 0, dayOfYearData.dayOfYear);\n this.year(date.getUTCFullYear());\n this.month(date.getUTCMonth());\n this.date(date.getUTCDate());\n return this;\n }\n\n // FORMATTING\n\n addFormatToken('Q', 0, 'Qo', 'quarter');\n\n // ALIASES\n\n addUnitAlias('quarter', 'Q');\n\n // PRIORITY\n\n addUnitPriority('quarter', 7);\n\n // PARSING\n\n addRegexToken('Q', match1);\n addParseToken('Q', function (input, array) {\n array[MONTH] = (toInt(input) - 1) * 3;\n });\n\n // MOMENTS\n\n function getSetQuarter(input) {\n return input == null ? Math.ceil((this.month() + 1) / 3) : this.month((input - 1) * 3 + this.month() % 3);\n }\n\n // FORMATTING\n\n addFormatToken('D', ['DD', 2], 'Do', 'date');\n\n // ALIASES\n\n addUnitAlias('date', 'D');\n\n // PRIORITY\n addUnitPriority('date', 9);\n\n // PARSING\n\n addRegexToken('D', match1to2);\n addRegexToken('DD', match1to2, match2);\n addRegexToken('Do', function (isStrict, locale) {\n // TODO: Remove \"ordinalParse\" fallback in next major release.\n return isStrict ? locale._dayOfMonthOrdinalParse || locale._ordinalParse : locale._dayOfMonthOrdinalParseLenient;\n });\n addParseToken(['D', 'DD'], DATE);\n addParseToken('Do', function (input, array) {\n array[DATE] = toInt(input.match(match1to2)[0]);\n });\n\n // MOMENTS\n\n var getSetDayOfMonth = makeGetSet('Date', true);\n\n // FORMATTING\n\n addFormatToken('DDD', ['DDDD', 3], 'DDDo', 'dayOfYear');\n\n // ALIASES\n\n addUnitAlias('dayOfYear', 'DDD');\n\n // PRIORITY\n addUnitPriority('dayOfYear', 4);\n\n // PARSING\n\n addRegexToken('DDD', match1to3);\n addRegexToken('DDDD', match3);\n addParseToken(['DDD', 'DDDD'], function (input, array, config) {\n config._dayOfYear = toInt(input);\n });\n\n // HELPERS\n\n // MOMENTS\n\n function getSetDayOfYear(input) {\n var dayOfYear = Math.round((this.clone().startOf('day') - this.clone().startOf('year')) / 864e5) + 1;\n return input == null ? dayOfYear : this.add(input - dayOfYear, 'd');\n }\n\n // FORMATTING\n\n addFormatToken('m', ['mm', 2], 0, 'minute');\n\n // ALIASES\n\n addUnitAlias('minute', 'm');\n\n // PRIORITY\n\n addUnitPriority('minute', 14);\n\n // PARSING\n\n addRegexToken('m', match1to2);\n addRegexToken('mm', match1to2, match2);\n addParseToken(['m', 'mm'], MINUTE);\n\n // MOMENTS\n\n var getSetMinute = makeGetSet('Minutes', false);\n\n // FORMATTING\n\n addFormatToken('s', ['ss', 2], 0, 'second');\n\n // ALIASES\n\n addUnitAlias('second', 's');\n\n // PRIORITY\n\n addUnitPriority('second', 15);\n\n // PARSING\n\n addRegexToken('s', match1to2);\n addRegexToken('ss', match1to2, match2);\n addParseToken(['s', 'ss'], SECOND);\n\n // MOMENTS\n\n var getSetSecond = makeGetSet('Seconds', false);\n\n // FORMATTING\n\n addFormatToken('S', 0, 0, function () {\n return ~~(this.millisecond() / 100);\n });\n addFormatToken(0, ['SS', 2], 0, function () {\n return ~~(this.millisecond() / 10);\n });\n addFormatToken(0, ['SSS', 3], 0, 'millisecond');\n addFormatToken(0, ['SSSS', 4], 0, function () {\n return this.millisecond() * 10;\n });\n addFormatToken(0, ['SSSSS', 5], 0, function () {\n return this.millisecond() * 100;\n });\n addFormatToken(0, ['SSSSSS', 6], 0, function () {\n return this.millisecond() * 1000;\n });\n addFormatToken(0, ['SSSSSSS', 7], 0, function () {\n return this.millisecond() * 10000;\n });\n addFormatToken(0, ['SSSSSSSS', 8], 0, function () {\n return this.millisecond() * 100000;\n });\n addFormatToken(0, ['SSSSSSSSS', 9], 0, function () {\n return this.millisecond() * 1000000;\n });\n\n // ALIASES\n\n addUnitAlias('millisecond', 'ms');\n\n // PRIORITY\n\n addUnitPriority('millisecond', 16);\n\n // PARSING\n\n addRegexToken('S', match1to3, match1);\n addRegexToken('SS', match1to3, match2);\n addRegexToken('SSS', match1to3, match3);\n var token, getSetMillisecond;\n for (token = 'SSSS'; token.length <= 9; token += 'S') {\n addRegexToken(token, matchUnsigned);\n }\n function parseMs(input, array) {\n array[MILLISECOND] = toInt(('0.' + input) * 1000);\n }\n for (token = 'S'; token.length <= 9; token += 'S') {\n addParseToken(token, parseMs);\n }\n getSetMillisecond = makeGetSet('Milliseconds', false);\n\n // FORMATTING\n\n addFormatToken('z', 0, 0, 'zoneAbbr');\n addFormatToken('zz', 0, 0, 'zoneName');\n\n // MOMENTS\n\n function getZoneAbbr() {\n return this._isUTC ? 'UTC' : '';\n }\n function getZoneName() {\n return this._isUTC ? 'Coordinated Universal Time' : '';\n }\n var proto = Moment.prototype;\n proto.add = add;\n proto.calendar = calendar$1;\n proto.clone = clone;\n proto.diff = diff;\n proto.endOf = endOf;\n proto.format = format;\n proto.from = from;\n proto.fromNow = fromNow;\n proto.to = to;\n proto.toNow = toNow;\n proto.get = stringGet;\n proto.invalidAt = invalidAt;\n proto.isAfter = isAfter;\n proto.isBefore = isBefore;\n proto.isBetween = isBetween;\n proto.isSame = isSame;\n proto.isSameOrAfter = isSameOrAfter;\n proto.isSameOrBefore = isSameOrBefore;\n proto.isValid = isValid$2;\n proto.lang = lang;\n proto.locale = locale;\n proto.localeData = localeData;\n proto.max = prototypeMax;\n proto.min = prototypeMin;\n proto.parsingFlags = parsingFlags;\n proto.set = stringSet;\n proto.startOf = startOf;\n proto.subtract = subtract;\n proto.toArray = toArray;\n proto.toObject = toObject;\n proto.toDate = toDate;\n proto.toISOString = toISOString;\n proto.inspect = inspect;\n if (typeof Symbol !== 'undefined' && Symbol.for != null) {\n proto[Symbol.for('nodejs.util.inspect.custom')] = function () {\n return 'Moment<' + this.format() + '>';\n };\n }\n proto.toJSON = toJSON;\n proto.toString = toString;\n proto.unix = unix;\n proto.valueOf = valueOf;\n proto.creationData = creationData;\n proto.eraName = getEraName;\n proto.eraNarrow = getEraNarrow;\n proto.eraAbbr = getEraAbbr;\n proto.eraYear = getEraYear;\n proto.year = getSetYear;\n proto.isLeapYear = getIsLeapYear;\n proto.weekYear = getSetWeekYear;\n proto.isoWeekYear = getSetISOWeekYear;\n proto.quarter = proto.quarters = getSetQuarter;\n proto.month = getSetMonth;\n proto.daysInMonth = getDaysInMonth;\n proto.week = proto.weeks = getSetWeek;\n proto.isoWeek = proto.isoWeeks = getSetISOWeek;\n proto.weeksInYear = getWeeksInYear;\n proto.weeksInWeekYear = getWeeksInWeekYear;\n proto.isoWeeksInYear = getISOWeeksInYear;\n proto.isoWeeksInISOWeekYear = getISOWeeksInISOWeekYear;\n proto.date = getSetDayOfMonth;\n proto.day = proto.days = getSetDayOfWeek;\n proto.weekday = getSetLocaleDayOfWeek;\n proto.isoWeekday = getSetISODayOfWeek;\n proto.dayOfYear = getSetDayOfYear;\n proto.hour = proto.hours = getSetHour;\n proto.minute = proto.minutes = getSetMinute;\n proto.second = proto.seconds = getSetSecond;\n proto.millisecond = proto.milliseconds = getSetMillisecond;\n proto.utcOffset = getSetOffset;\n proto.utc = setOffsetToUTC;\n proto.local = setOffsetToLocal;\n proto.parseZone = setOffsetToParsedOffset;\n proto.hasAlignedHourOffset = hasAlignedHourOffset;\n proto.isDST = isDaylightSavingTime;\n proto.isLocal = isLocal;\n proto.isUtcOffset = isUtcOffset;\n proto.isUtc = isUtc;\n proto.isUTC = isUtc;\n proto.zoneAbbr = getZoneAbbr;\n proto.zoneName = getZoneName;\n proto.dates = deprecate('dates accessor is deprecated. Use date instead.', getSetDayOfMonth);\n proto.months = deprecate('months accessor is deprecated. Use month instead', getSetMonth);\n proto.years = deprecate('years accessor is deprecated. Use year instead', getSetYear);\n proto.zone = deprecate('moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/', getSetZone);\n proto.isDSTShifted = deprecate('isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information', isDaylightSavingTimeShifted);\n function createUnix(input) {\n return createLocal(input * 1000);\n }\n function createInZone() {\n return createLocal.apply(null, arguments).parseZone();\n }\n function preParsePostFormat(string) {\n return string;\n }\n var proto$1 = Locale.prototype;\n proto$1.calendar = calendar;\n proto$1.longDateFormat = longDateFormat;\n proto$1.invalidDate = invalidDate;\n proto$1.ordinal = ordinal;\n proto$1.preparse = preParsePostFormat;\n proto$1.postformat = preParsePostFormat;\n proto$1.relativeTime = relativeTime;\n proto$1.pastFuture = pastFuture;\n proto$1.set = set;\n proto$1.eras = localeEras;\n proto$1.erasParse = localeErasParse;\n proto$1.erasConvertYear = localeErasConvertYear;\n proto$1.erasAbbrRegex = erasAbbrRegex;\n proto$1.erasNameRegex = erasNameRegex;\n proto$1.erasNarrowRegex = erasNarrowRegex;\n proto$1.months = localeMonths;\n proto$1.monthsShort = localeMonthsShort;\n proto$1.monthsParse = localeMonthsParse;\n proto$1.monthsRegex = monthsRegex;\n proto$1.monthsShortRegex = monthsShortRegex;\n proto$1.week = localeWeek;\n proto$1.firstDayOfYear = localeFirstDayOfYear;\n proto$1.firstDayOfWeek = localeFirstDayOfWeek;\n proto$1.weekdays = localeWeekdays;\n proto$1.weekdaysMin = localeWeekdaysMin;\n proto$1.weekdaysShort = localeWeekdaysShort;\n proto$1.weekdaysParse = localeWeekdaysParse;\n proto$1.weekdaysRegex = weekdaysRegex;\n proto$1.weekdaysShortRegex = weekdaysShortRegex;\n proto$1.weekdaysMinRegex = weekdaysMinRegex;\n proto$1.isPM = localeIsPM;\n proto$1.meridiem = localeMeridiem;\n function get$1(format, index, field, setter) {\n var locale = getLocale(),\n utc = createUTC().set(setter, index);\n return locale[field](utc, format);\n }\n function listMonthsImpl(format, index, field) {\n if (isNumber(format)) {\n index = format;\n format = undefined;\n }\n format = format || '';\n if (index != null) {\n return get$1(format, index, field, 'month');\n }\n var i,\n out = [];\n for (i = 0; i < 12; i++) {\n out[i] = get$1(format, i, field, 'month');\n }\n return out;\n }\n\n // ()\n // (5)\n // (fmt, 5)\n // (fmt)\n // (true)\n // (true, 5)\n // (true, fmt, 5)\n // (true, fmt)\n function listWeekdaysImpl(localeSorted, format, index, field) {\n if (typeof localeSorted === 'boolean') {\n if (isNumber(format)) {\n index = format;\n format = undefined;\n }\n format = format || '';\n } else {\n format = localeSorted;\n index = format;\n localeSorted = false;\n if (isNumber(format)) {\n index = format;\n format = undefined;\n }\n format = format || '';\n }\n var locale = getLocale(),\n shift = localeSorted ? locale._week.dow : 0,\n i,\n out = [];\n if (index != null) {\n return get$1(format, (index + shift) % 7, field, 'day');\n }\n for (i = 0; i < 7; i++) {\n out[i] = get$1(format, (i + shift) % 7, field, 'day');\n }\n return out;\n }\n function listMonths(format, index) {\n return listMonthsImpl(format, index, 'months');\n }\n function listMonthsShort(format, index) {\n return listMonthsImpl(format, index, 'monthsShort');\n }\n function listWeekdays(localeSorted, format, index) {\n return listWeekdaysImpl(localeSorted, format, index, 'weekdays');\n }\n function listWeekdaysShort(localeSorted, format, index) {\n return listWeekdaysImpl(localeSorted, format, index, 'weekdaysShort');\n }\n function listWeekdaysMin(localeSorted, format, index) {\n return listWeekdaysImpl(localeSorted, format, index, 'weekdaysMin');\n }\n getSetGlobalLocale('en', {\n eras: [{\n since: '0001-01-01',\n until: +Infinity,\n offset: 1,\n name: 'Anno Domini',\n narrow: 'AD',\n abbr: 'AD'\n }, {\n since: '0000-12-31',\n until: -Infinity,\n offset: 1,\n name: 'Before Christ',\n narrow: 'BC',\n abbr: 'BC'\n }],\n dayOfMonthOrdinalParse: /\\d{1,2}(th|st|nd|rd)/,\n ordinal: function ordinal(number) {\n var b = number % 10,\n output = toInt(number % 100 / 10) === 1 ? 'th' : b === 1 ? 'st' : b === 2 ? 'nd' : b === 3 ? 'rd' : 'th';\n return number + output;\n }\n });\n\n // Side effect imports\n\n hooks.lang = deprecate('moment.lang is deprecated. Use moment.locale instead.', getSetGlobalLocale);\n hooks.langData = deprecate('moment.langData is deprecated. Use moment.localeData instead.', getLocale);\n var mathAbs = Math.abs;\n function abs() {\n var data = this._data;\n this._milliseconds = mathAbs(this._milliseconds);\n this._days = mathAbs(this._days);\n this._months = mathAbs(this._months);\n data.milliseconds = mathAbs(data.milliseconds);\n data.seconds = mathAbs(data.seconds);\n data.minutes = mathAbs(data.minutes);\n data.hours = mathAbs(data.hours);\n data.months = mathAbs(data.months);\n data.years = mathAbs(data.years);\n return this;\n }\n function addSubtract$1(duration, input, value, direction) {\n var other = createDuration(input, value);\n duration._milliseconds += direction * other._milliseconds;\n duration._days += direction * other._days;\n duration._months += direction * other._months;\n return duration._bubble();\n }\n\n // supports only 2.0-style add(1, 's') or add(duration)\n function add$1(input, value) {\n return addSubtract$1(this, input, value, 1);\n }\n\n // supports only 2.0-style subtract(1, 's') or subtract(duration)\n function subtract$1(input, value) {\n return addSubtract$1(this, input, value, -1);\n }\n function absCeil(number) {\n if (number < 0) {\n return Math.floor(number);\n } else {\n return Math.ceil(number);\n }\n }\n function bubble() {\n var milliseconds = this._milliseconds,\n days = this._days,\n months = this._months,\n data = this._data,\n seconds,\n minutes,\n hours,\n years,\n monthsFromDays;\n\n // if we have a mix of positive and negative values, bubble down first\n // check: https://github.com/moment/moment/issues/2166\n if (!(milliseconds >= 0 && days >= 0 && months >= 0 || milliseconds <= 0 && days <= 0 && months <= 0)) {\n milliseconds += absCeil(monthsToDays(months) + days) * 864e5;\n days = 0;\n months = 0;\n }\n\n // The following code bubbles up values, see the tests for\n // examples of what that means.\n data.milliseconds = milliseconds % 1000;\n seconds = absFloor(milliseconds / 1000);\n data.seconds = seconds % 60;\n minutes = absFloor(seconds / 60);\n data.minutes = minutes % 60;\n hours = absFloor(minutes / 60);\n data.hours = hours % 24;\n days += absFloor(hours / 24);\n\n // convert days to months\n monthsFromDays = absFloor(daysToMonths(days));\n months += monthsFromDays;\n days -= absCeil(monthsToDays(monthsFromDays));\n\n // 12 months -> 1 year\n years = absFloor(months / 12);\n months %= 12;\n data.days = days;\n data.months = months;\n data.years = years;\n return this;\n }\n function daysToMonths(days) {\n // 400 years have 146097 days (taking into account leap year rules)\n // 400 years have 12 months === 4800\n return days * 4800 / 146097;\n }\n function monthsToDays(months) {\n // the reverse of daysToMonths\n return months * 146097 / 4800;\n }\n function as(units) {\n if (!this.isValid()) {\n return NaN;\n }\n var days,\n months,\n milliseconds = this._milliseconds;\n units = normalizeUnits(units);\n if (units === 'month' || units === 'quarter' || units === 'year') {\n days = this._days + milliseconds / 864e5;\n months = this._months + daysToMonths(days);\n switch (units) {\n case 'month':\n return months;\n case 'quarter':\n return months / 3;\n case 'year':\n return months / 12;\n }\n } else {\n // handle milliseconds separately because of floating point math errors (issue #1867)\n days = this._days + Math.round(monthsToDays(this._months));\n switch (units) {\n case 'week':\n return days / 7 + milliseconds / 6048e5;\n case 'day':\n return days + milliseconds / 864e5;\n case 'hour':\n return days * 24 + milliseconds / 36e5;\n case 'minute':\n return days * 1440 + milliseconds / 6e4;\n case 'second':\n return days * 86400 + milliseconds / 1000;\n // Math.floor prevents floating point math errors here\n case 'millisecond':\n return Math.floor(days * 864e5) + milliseconds;\n default:\n throw new Error('Unknown unit ' + units);\n }\n }\n }\n\n // TODO: Use this.as('ms')?\n function valueOf$1() {\n if (!this.isValid()) {\n return NaN;\n }\n return this._milliseconds + this._days * 864e5 + this._months % 12 * 2592e6 + toInt(this._months / 12) * 31536e6;\n }\n function makeAs(alias) {\n return function () {\n return this.as(alias);\n };\n }\n var asMilliseconds = makeAs('ms'),\n asSeconds = makeAs('s'),\n asMinutes = makeAs('m'),\n asHours = makeAs('h'),\n asDays = makeAs('d'),\n asWeeks = makeAs('w'),\n asMonths = makeAs('M'),\n asQuarters = makeAs('Q'),\n asYears = makeAs('y');\n function clone$1() {\n return createDuration(this);\n }\n function get$2(units) {\n units = normalizeUnits(units);\n return this.isValid() ? this[units + 's']() : NaN;\n }\n function makeGetter(name) {\n return function () {\n return this.isValid() ? this._data[name] : NaN;\n };\n }\n var milliseconds = makeGetter('milliseconds'),\n seconds = makeGetter('seconds'),\n minutes = makeGetter('minutes'),\n hours = makeGetter('hours'),\n days = makeGetter('days'),\n months = makeGetter('months'),\n years = makeGetter('years');\n function weeks() {\n return absFloor(this.days() / 7);\n }\n var round = Math.round,\n thresholds = {\n ss: 44,\n // a few seconds to seconds\n s: 45,\n // seconds to minute\n m: 45,\n // minutes to hour\n h: 22,\n // hours to day\n d: 26,\n // days to month/week\n w: null,\n // weeks to month\n M: 11 // months to year\n };\n\n // helper function for moment.fn.from, moment.fn.fromNow, and moment.duration.fn.humanize\n function substituteTimeAgo(string, number, withoutSuffix, isFuture, locale) {\n return locale.relativeTime(number || 1, !!withoutSuffix, string, isFuture);\n }\n function relativeTime$1(posNegDuration, withoutSuffix, thresholds, locale) {\n var duration = createDuration(posNegDuration).abs(),\n seconds = round(duration.as('s')),\n minutes = round(duration.as('m')),\n hours = round(duration.as('h')),\n days = round(duration.as('d')),\n months = round(duration.as('M')),\n weeks = round(duration.as('w')),\n years = round(duration.as('y')),\n a = seconds <= thresholds.ss && ['s', seconds] || seconds < thresholds.s && ['ss', seconds] || minutes <= 1 && ['m'] || minutes < thresholds.m && ['mm', minutes] || hours <= 1 && ['h'] || hours < thresholds.h && ['hh', hours] || days <= 1 && ['d'] || days < thresholds.d && ['dd', days];\n if (thresholds.w != null) {\n a = a || weeks <= 1 && ['w'] || weeks < thresholds.w && ['ww', weeks];\n }\n a = a || months <= 1 && ['M'] || months < thresholds.M && ['MM', months] || years <= 1 && ['y'] || ['yy', years];\n a[2] = withoutSuffix;\n a[3] = +posNegDuration > 0;\n a[4] = locale;\n return substituteTimeAgo.apply(null, a);\n }\n\n // This function allows you to set the rounding function for relative time strings\n function getSetRelativeTimeRounding(roundingFunction) {\n if (roundingFunction === undefined) {\n return round;\n }\n if (typeof roundingFunction === 'function') {\n round = roundingFunction;\n return true;\n }\n return false;\n }\n\n // This function allows you to set a threshold for relative time strings\n function getSetRelativeTimeThreshold(threshold, limit) {\n if (thresholds[threshold] === undefined) {\n return false;\n }\n if (limit === undefined) {\n return thresholds[threshold];\n }\n thresholds[threshold] = limit;\n if (threshold === 's') {\n thresholds.ss = limit - 1;\n }\n return true;\n }\n function humanize(argWithSuffix, argThresholds) {\n if (!this.isValid()) {\n return this.localeData().invalidDate();\n }\n var withSuffix = false,\n th = thresholds,\n locale,\n output;\n if (typeof argWithSuffix === 'object') {\n argThresholds = argWithSuffix;\n argWithSuffix = false;\n }\n if (typeof argWithSuffix === 'boolean') {\n withSuffix = argWithSuffix;\n }\n if (typeof argThresholds === 'object') {\n th = Object.assign({}, thresholds, argThresholds);\n if (argThresholds.s != null && argThresholds.ss == null) {\n th.ss = argThresholds.s - 1;\n }\n }\n locale = this.localeData();\n output = relativeTime$1(this, !withSuffix, th, locale);\n if (withSuffix) {\n output = locale.pastFuture(+this, output);\n }\n return locale.postformat(output);\n }\n var abs$1 = Math.abs;\n function sign(x) {\n return (x > 0) - (x < 0) || +x;\n }\n function toISOString$1() {\n // for ISO strings we do not use the normal bubbling rules:\n // * milliseconds bubble up until they become hours\n // * days do not bubble at all\n // * months bubble up until they become years\n // This is because there is no context-free conversion between hours and days\n // (think of clock changes)\n // and also not between days and months (28-31 days per month)\n if (!this.isValid()) {\n return this.localeData().invalidDate();\n }\n var seconds = abs$1(this._milliseconds) / 1000,\n days = abs$1(this._days),\n months = abs$1(this._months),\n minutes,\n hours,\n years,\n s,\n total = this.asSeconds(),\n totalSign,\n ymSign,\n daysSign,\n hmsSign;\n if (!total) {\n // this is the same as C#'s (Noda) and python (isodate)...\n // but not other JS (goog.date)\n return 'P0D';\n }\n\n // 3600 seconds -> 60 minutes -> 1 hour\n minutes = absFloor(seconds / 60);\n hours = absFloor(minutes / 60);\n seconds %= 60;\n minutes %= 60;\n\n // 12 months -> 1 year\n years = absFloor(months / 12);\n months %= 12;\n\n // inspired by https://github.com/dordille/moment-isoduration/blob/master/moment.isoduration.js\n s = seconds ? seconds.toFixed(3).replace(/\\.?0+$/, '') : '';\n totalSign = total < 0 ? '-' : '';\n ymSign = sign(this._months) !== sign(total) ? '-' : '';\n daysSign = sign(this._days) !== sign(total) ? '-' : '';\n hmsSign = sign(this._milliseconds) !== sign(total) ? '-' : '';\n return totalSign + 'P' + (years ? ymSign + years + 'Y' : '') + (months ? ymSign + months + 'M' : '') + (days ? daysSign + days + 'D' : '') + (hours || minutes || seconds ? 'T' : '') + (hours ? hmsSign + hours + 'H' : '') + (minutes ? hmsSign + minutes + 'M' : '') + (seconds ? hmsSign + s + 'S' : '');\n }\n var proto$2 = Duration.prototype;\n proto$2.isValid = isValid$1;\n proto$2.abs = abs;\n proto$2.add = add$1;\n proto$2.subtract = subtract$1;\n proto$2.as = as;\n proto$2.asMilliseconds = asMilliseconds;\n proto$2.asSeconds = asSeconds;\n proto$2.asMinutes = asMinutes;\n proto$2.asHours = asHours;\n proto$2.asDays = asDays;\n proto$2.asWeeks = asWeeks;\n proto$2.asMonths = asMonths;\n proto$2.asQuarters = asQuarters;\n proto$2.asYears = asYears;\n proto$2.valueOf = valueOf$1;\n proto$2._bubble = bubble;\n proto$2.clone = clone$1;\n proto$2.get = get$2;\n proto$2.milliseconds = milliseconds;\n proto$2.seconds = seconds;\n proto$2.minutes = minutes;\n proto$2.hours = hours;\n proto$2.days = days;\n proto$2.weeks = weeks;\n proto$2.months = months;\n proto$2.years = years;\n proto$2.humanize = humanize;\n proto$2.toISOString = toISOString$1;\n proto$2.toString = toISOString$1;\n proto$2.toJSON = toISOString$1;\n proto$2.locale = locale;\n proto$2.localeData = localeData;\n proto$2.toIsoString = deprecate('toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)', toISOString$1);\n proto$2.lang = lang;\n\n // FORMATTING\n\n addFormatToken('X', 0, 0, 'unix');\n addFormatToken('x', 0, 0, 'valueOf');\n\n // PARSING\n\n addRegexToken('x', matchSigned);\n addRegexToken('X', matchTimestamp);\n addParseToken('X', function (input, array, config) {\n config._d = new Date(parseFloat(input) * 1000);\n });\n addParseToken('x', function (input, array, config) {\n config._d = new Date(toInt(input));\n });\n\n //! moment.js\n\n hooks.version = '2.29.4';\n setHookCallback(createLocal);\n hooks.fn = proto;\n hooks.min = min;\n hooks.max = max;\n hooks.now = now;\n hooks.utc = createUTC;\n hooks.unix = createUnix;\n hooks.months = listMonths;\n hooks.isDate = isDate;\n hooks.locale = getSetGlobalLocale;\n hooks.invalid = createInvalid;\n hooks.duration = createDuration;\n hooks.isMoment = isMoment;\n hooks.weekdays = listWeekdays;\n hooks.parseZone = createInZone;\n hooks.localeData = getLocale;\n hooks.isDuration = isDuration;\n hooks.monthsShort = listMonthsShort;\n hooks.weekdaysMin = listWeekdaysMin;\n hooks.defineLocale = defineLocale;\n hooks.updateLocale = updateLocale;\n hooks.locales = listLocales;\n hooks.weekdaysShort = listWeekdaysShort;\n hooks.normalizeUnits = normalizeUnits;\n hooks.relativeTimeRounding = getSetRelativeTimeRounding;\n hooks.relativeTimeThreshold = getSetRelativeTimeThreshold;\n hooks.calendarFormat = getCalendarFormat;\n hooks.prototype = proto;\n\n // currently HTML5 input type only supports 24-hour formats\n hooks.HTML5_FMT = {\n DATETIME_LOCAL: 'YYYY-MM-DDTHH:mm',\n // \r\n {(photos || []).map((p, i) => (\r\n
\r\n ))}\r\n
\r\n {title} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nPhotosGridModule.defaultProps = {\r\n desktopItems: [],\r\n mobileItems: []\r\n};\r\n\r\nexport default PhotosGridModule;\r\n","\"use strict\";\n\nrequire(\"core-js/modules/es.array.reduce.js\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.clamp = clamp;\nexports.canUseDOM = exports.slidesOnLeft = exports.slidesOnRight = exports.siblingDirection = exports.getTotalSlides = exports.getPostClones = exports.getPreClones = exports.getTrackLeft = exports.getTrackAnimateCSS = exports.getTrackCSS = exports.checkSpecKeys = exports.getSlideCount = exports.checkNavigable = exports.getNavigableIndexes = exports.swipeEnd = exports.swipeMove = exports.swipeStart = exports.keyHandler = exports.changeSlide = exports.slideHandler = exports.initializedState = exports.extractObject = exports.canGoNext = exports.getSwipeDirection = exports.getHeight = exports.getWidth = exports.lazySlidesOnRight = exports.lazySlidesOnLeft = exports.lazyEndIndex = exports.lazyStartIndex = exports.getRequiredLazySlides = exports.getOnDemandLazySlides = void 0;\nvar _react = _interopRequireDefault(require(\"react\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction clamp(number, lowerBound, upperBound) {\n return Math.max(lowerBound, Math.min(number, upperBound));\n}\nvar getOnDemandLazySlides = function getOnDemandLazySlides(spec) {\n var onDemandSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {\n onDemandSlides.push(slideIndex);\n }\n }\n return onDemandSlides;\n}; // return list of slides that need to be present\n\nexports.getOnDemandLazySlides = getOnDemandLazySlides;\nvar getRequiredLazySlides = function getRequiredLazySlides(spec) {\n var requiredSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n requiredSlides.push(slideIndex);\n }\n return requiredSlides;\n}; // startIndex that needs to be present\n\nexports.getRequiredLazySlides = getRequiredLazySlides;\nvar lazyStartIndex = function lazyStartIndex(spec) {\n return spec.currentSlide - lazySlidesOnLeft(spec);\n};\nexports.lazyStartIndex = lazyStartIndex;\nvar lazyEndIndex = function lazyEndIndex(spec) {\n return spec.currentSlide + lazySlidesOnRight(spec);\n};\nexports.lazyEndIndex = lazyEndIndex;\nvar lazySlidesOnLeft = function lazySlidesOnLeft(spec) {\n return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;\n};\nexports.lazySlidesOnLeft = lazySlidesOnLeft;\nvar lazySlidesOnRight = function lazySlidesOnRight(spec) {\n return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;\n}; // get width of an element\n\nexports.lazySlidesOnRight = lazySlidesOnRight;\nvar getWidth = function getWidth(elem) {\n return elem && elem.offsetWidth || 0;\n};\nexports.getWidth = getWidth;\nvar getHeight = function getHeight(elem) {\n return elem && elem.offsetHeight || 0;\n};\nexports.getHeight = getHeight;\nvar getSwipeDirection = function getSwipeDirection(touchObject) {\n var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var xDist, yDist, r, swipeAngle;\n xDist = touchObject.startX - touchObject.curX;\n yDist = touchObject.startY - touchObject.curY;\n r = Math.atan2(yDist, xDist);\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {\n return \"left\";\n }\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return \"right\";\n }\n if (verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return \"up\";\n } else {\n return \"down\";\n }\n }\n return \"vertical\";\n}; // whether or not we can go next\n\nexports.getSwipeDirection = getSwipeDirection;\nvar canGoNext = function canGoNext(spec) {\n var canGo = true;\n if (!spec.infinite) {\n if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) {\n canGo = false;\n } else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) {\n canGo = false;\n }\n }\n return canGo;\n}; // given an object and a list of keys, return new object with given keys\n\nexports.canGoNext = canGoNext;\nvar extractObject = function extractObject(spec, keys) {\n var newObject = {};\n keys.forEach(function (key) {\n return newObject[key] = spec[key];\n });\n return newObject;\n}; // get initialized state\n\nexports.extractObject = extractObject;\nvar initializedState = function initializedState(spec) {\n // spec also contains listRef, trackRef\n var slideCount = _react[\"default\"].Children.count(spec.children);\n var listNode = spec.listRef;\n var listWidth = Math.ceil(getWidth(listNode));\n var trackNode = spec.trackRef && spec.trackRef.node;\n var trackWidth = Math.ceil(getWidth(trackNode));\n var slideWidth;\n if (!spec.vertical) {\n var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;\n if (typeof spec.centerPadding === \"string\" && spec.centerPadding.slice(-1) === \"%\") {\n centerPaddingAdj *= listWidth / 100;\n }\n slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);\n } else {\n slideWidth = listWidth;\n }\n var slideHeight = listNode && getHeight(listNode.querySelector('[data-index=\"0\"]'));\n var listHeight = slideHeight * spec.slidesToShow;\n var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide;\n if (spec.rtl && spec.currentSlide === undefined) {\n currentSlide = slideCount - 1 - spec.initialSlide;\n }\n var lazyLoadedList = spec.lazyLoadedList || [];\n var slidesToLoad = getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: currentSlide,\n lazyLoadedList: lazyLoadedList\n }));\n lazyLoadedList.concat(slidesToLoad);\n var state = {\n slideCount: slideCount,\n slideWidth: slideWidth,\n listWidth: listWidth,\n trackWidth: trackWidth,\n currentSlide: currentSlide,\n slideHeight: slideHeight,\n listHeight: listHeight,\n lazyLoadedList: lazyLoadedList\n };\n if (spec.autoplaying === null && spec.autoplay) {\n state[\"autoplaying\"] = \"playing\";\n }\n return state;\n};\nexports.initializedState = initializedState;\nvar slideHandler = function slideHandler(spec) {\n var waitForAnimate = spec.waitForAnimate,\n animating = spec.animating,\n fade = spec.fade,\n infinite = spec.infinite,\n index = spec.index,\n slideCount = spec.slideCount,\n lazyLoadedList = spec.lazyLoadedList,\n lazyLoad = spec.lazyLoad,\n currentSlide = spec.currentSlide,\n centerMode = spec.centerMode,\n slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n useCSS = spec.useCSS;\n if (waitForAnimate && animating) return {};\n var animationSlide = index,\n finalSlide,\n animationLeft,\n finalLeft;\n var state = {},\n nextState = {};\n var targetSlide = infinite ? index : clamp(index, 0, slideCount - 1);\n if (fade) {\n if (!infinite && (index < 0 || index >= slideCount)) return {};\n if (index < 0) {\n animationSlide = index + slideCount;\n } else if (index >= slideCount) {\n animationSlide = index - slideCount;\n }\n if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {\n lazyLoadedList.push(animationSlide);\n }\n state = {\n animating: true,\n currentSlide: animationSlide,\n lazyLoadedList: lazyLoadedList,\n targetSlide: animationSlide\n };\n nextState = {\n animating: false,\n targetSlide: animationSlide\n };\n } else {\n finalSlide = animationSlide;\n if (animationSlide < 0) {\n finalSlide = animationSlide + slideCount;\n if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) finalSlide = slideCount - slideCount % slidesToScroll;\n } else if (!canGoNext(spec) && animationSlide > currentSlide) {\n animationSlide = finalSlide = currentSlide;\n } else if (centerMode && animationSlide >= slideCount) {\n animationSlide = infinite ? slideCount : slideCount - 1;\n finalSlide = infinite ? 0 : slideCount - 1;\n } else if (animationSlide >= slideCount) {\n finalSlide = animationSlide - slideCount;\n if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0;\n }\n if (!infinite && animationSlide + slidesToShow >= slideCount) {\n finalSlide = slideCount - slidesToShow;\n }\n animationLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: animationSlide\n }));\n finalLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: finalSlide\n }));\n if (!infinite) {\n if (animationLeft === finalLeft) animationSlide = finalSlide;\n animationLeft = finalLeft;\n }\n lazyLoad && lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: animationSlide\n })));\n if (!useCSS) {\n state = {\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: finalLeft\n })),\n lazyLoadedList: lazyLoadedList,\n targetSlide: targetSlide\n };\n } else {\n state = {\n animating: true,\n currentSlide: finalSlide,\n trackStyle: getTrackAnimateCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: animationLeft\n })),\n lazyLoadedList: lazyLoadedList,\n targetSlide: targetSlide\n };\n nextState = {\n animating: false,\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: finalLeft\n })),\n swipeLeft: null,\n targetSlide: targetSlide\n };\n }\n }\n return {\n state: state,\n nextState: nextState\n };\n};\nexports.slideHandler = slideHandler;\nvar changeSlide = function changeSlide(spec, options) {\n var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;\n var slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n slideCount = spec.slideCount,\n currentSlide = spec.currentSlide,\n previousTargetSlide = spec.targetSlide,\n lazyLoad = spec.lazyLoad,\n infinite = spec.infinite;\n unevenOffset = slideCount % slidesToScroll !== 0;\n indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll;\n if (options.message === \"previous\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;\n targetSlide = currentSlide - slideOffset;\n if (lazyLoad && !infinite) {\n previousInt = currentSlide - slideOffset;\n targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;\n }\n if (!infinite) {\n targetSlide = previousTargetSlide - slidesToScroll;\n }\n } else if (options.message === \"next\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset;\n targetSlide = currentSlide + slideOffset;\n if (lazyLoad && !infinite) {\n targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;\n }\n if (!infinite) {\n targetSlide = previousTargetSlide + slidesToScroll;\n }\n } else if (options.message === \"dots\") {\n // Click on dots\n targetSlide = options.index * options.slidesToScroll;\n } else if (options.message === \"children\") {\n // Click on the slides\n targetSlide = options.index;\n if (infinite) {\n var direction = siblingDirection(_objectSpread(_objectSpread({}, spec), {}, {\n targetSlide: targetSlide\n }));\n if (targetSlide > options.currentSlide && direction === \"left\") {\n targetSlide = targetSlide - slideCount;\n } else if (targetSlide < options.currentSlide && direction === \"right\") {\n targetSlide = targetSlide + slideCount;\n }\n }\n } else if (options.message === \"index\") {\n targetSlide = Number(options.index);\n }\n return targetSlide;\n};\nexports.changeSlide = changeSlide;\nvar keyHandler = function keyHandler(e, accessibility, rtl) {\n if (e.target.tagName.match(\"TEXTAREA|INPUT|SELECT\") || !accessibility) return \"\";\n if (e.keyCode === 37) return rtl ? \"next\" : \"previous\";\n if (e.keyCode === 39) return rtl ? \"previous\" : \"next\";\n return \"\";\n};\nexports.keyHandler = keyHandler;\nvar swipeStart = function swipeStart(e, swipe, draggable) {\n e.target.tagName === \"IMG\" && e.preventDefault();\n if (!swipe || !draggable && e.type.indexOf(\"mouse\") !== -1) return \"\";\n return {\n dragging: true,\n touchObject: {\n startX: e.touches ? e.touches[0].pageX : e.clientX,\n startY: e.touches ? e.touches[0].pageY : e.clientY,\n curX: e.touches ? e.touches[0].pageX : e.clientX,\n curY: e.touches ? e.touches[0].pageY : e.clientY\n }\n };\n};\nexports.swipeStart = swipeStart;\nvar swipeMove = function swipeMove(e, spec) {\n // spec also contains, trackRef and slideIndex\n var scrolling = spec.scrolling,\n animating = spec.animating,\n vertical = spec.vertical,\n swipeToSlide = spec.swipeToSlide,\n verticalSwiping = spec.verticalSwiping,\n rtl = spec.rtl,\n currentSlide = spec.currentSlide,\n edgeFriction = spec.edgeFriction,\n edgeDragged = spec.edgeDragged,\n onEdge = spec.onEdge,\n swiped = spec.swiped,\n swiping = spec.swiping,\n slideCount = spec.slideCount,\n slidesToScroll = spec.slidesToScroll,\n infinite = spec.infinite,\n touchObject = spec.touchObject,\n swipeEvent = spec.swipeEvent,\n listHeight = spec.listHeight,\n listWidth = spec.listWidth;\n if (scrolling) return;\n if (animating) return e.preventDefault();\n if (vertical && swipeToSlide && verticalSwiping) e.preventDefault();\n var swipeLeft,\n state = {};\n var curLeft = getTrackLeft(spec);\n touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;\n touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;\n touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));\n var verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));\n if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {\n return {\n scrolling: true\n };\n }\n if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength;\n var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);\n if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;\n var dotCount = Math.ceil(slideCount / slidesToScroll);\n var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping);\n var touchSwipeLength = touchObject.swipeLength;\n if (!infinite) {\n if (currentSlide === 0 && swipeDirection === \"right\" || currentSlide + 1 >= dotCount && swipeDirection === \"left\" || !canGoNext(spec) && swipeDirection === \"left\") {\n touchSwipeLength = touchObject.swipeLength * edgeFriction;\n if (edgeDragged === false && onEdge) {\n onEdge(swipeDirection);\n state[\"edgeDragged\"] = true;\n }\n }\n }\n if (!swiped && swipeEvent) {\n swipeEvent(swipeDirection);\n state[\"swiped\"] = true;\n }\n if (!vertical) {\n if (!rtl) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n } else {\n swipeLeft = curLeft - touchSwipeLength * positionOffset;\n }\n } else {\n swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset;\n }\n if (verticalSwiping) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n }\n state = _objectSpread(_objectSpread({}, state), {}, {\n touchObject: touchObject,\n swipeLeft: swipeLeft,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: swipeLeft\n }))\n });\n if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {\n return state;\n }\n if (touchObject.swipeLength > 10) {\n state[\"swiping\"] = true;\n e.preventDefault();\n }\n return state;\n};\nexports.swipeMove = swipeMove;\nvar swipeEnd = function swipeEnd(e, spec) {\n var dragging = spec.dragging,\n swipe = spec.swipe,\n touchObject = spec.touchObject,\n listWidth = spec.listWidth,\n touchThreshold = spec.touchThreshold,\n verticalSwiping = spec.verticalSwiping,\n listHeight = spec.listHeight,\n swipeToSlide = spec.swipeToSlide,\n scrolling = spec.scrolling,\n onSwipe = spec.onSwipe,\n targetSlide = spec.targetSlide,\n currentSlide = spec.currentSlide,\n infinite = spec.infinite;\n if (!dragging) {\n if (swipe) e.preventDefault();\n return {};\n }\n var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold;\n var swipeDirection = getSwipeDirection(touchObject, verticalSwiping); // reset the state of touch related state variables.\n\n var state = {\n dragging: false,\n edgeDragged: false,\n scrolling: false,\n swiping: false,\n swiped: false,\n swipeLeft: null,\n touchObject: {}\n };\n if (scrolling) {\n return state;\n }\n if (!touchObject.swipeLength) {\n return state;\n }\n if (touchObject.swipeLength > minSwipe) {\n e.preventDefault();\n if (onSwipe) {\n onSwipe(swipeDirection);\n }\n var slideCount, newSlide;\n var activeSlide = infinite ? currentSlide : targetSlide;\n switch (swipeDirection) {\n case \"left\":\n case \"up\":\n newSlide = activeSlide + getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 0;\n break;\n case \"right\":\n case \"down\":\n newSlide = activeSlide - getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 1;\n break;\n default:\n slideCount = activeSlide;\n }\n state[\"triggerSlideHandler\"] = slideCount;\n } else {\n // Adjust the track back to it's original position.\n var currentLeft = getTrackLeft(spec);\n state[\"trackStyle\"] = getTrackAnimateCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: currentLeft\n }));\n }\n return state;\n};\nexports.swipeEnd = swipeEnd;\nvar getNavigableIndexes = function getNavigableIndexes(spec) {\n var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;\n var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;\n var counter = spec.infinite ? spec.slidesToShow * -1 : 0;\n var indexes = [];\n while (breakpoint < max) {\n indexes.push(breakpoint);\n breakpoint = counter + spec.slidesToScroll;\n counter += Math.min(spec.slidesToScroll, spec.slidesToShow);\n }\n return indexes;\n};\nexports.getNavigableIndexes = getNavigableIndexes;\nvar checkNavigable = function checkNavigable(spec, index) {\n var navigables = getNavigableIndexes(spec);\n var prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n return index;\n};\nexports.checkNavigable = checkNavigable;\nvar getSlideCount = function getSlideCount(spec) {\n var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;\n if (spec.swipeToSlide) {\n var swipedSlide;\n var slickList = spec.listRef;\n var slides = slickList.querySelectorAll && slickList.querySelectorAll(\".slick-slide\") || [];\n Array.from(slides).every(function (slide) {\n if (!spec.vertical) {\n if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n } else {\n if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n }\n return true;\n });\n if (!swipedSlide) {\n return 0;\n }\n var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide;\n var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1;\n return slidesTraversed;\n } else {\n return spec.slidesToScroll;\n }\n};\nexports.getSlideCount = getSlideCount;\nvar checkSpecKeys = function checkSpecKeys(spec, keysArray) {\n return keysArray.reduce(function (value, key) {\n return value && spec.hasOwnProperty(key);\n }, true) ? null : console.error(\"Keys Missing:\", spec);\n};\nexports.checkSpecKeys = checkSpecKeys;\nvar getTrackCSS = function getTrackCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\"]);\n var trackWidth, trackHeight;\n var trackChildren = spec.slideCount + 2 * spec.slidesToShow;\n if (!spec.vertical) {\n trackWidth = getTotalSlides(spec) * spec.slideWidth;\n } else {\n trackHeight = trackChildren * spec.slideHeight;\n }\n var style = {\n opacity: 1,\n transition: \"\",\n WebkitTransition: \"\"\n };\n if (spec.useTransform) {\n var WebkitTransform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var transform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var msTransform = !spec.vertical ? \"translateX(\" + spec.left + \"px)\" : \"translateY(\" + spec.left + \"px)\";\n style = _objectSpread(_objectSpread({}, style), {}, {\n WebkitTransform: WebkitTransform,\n transform: transform,\n msTransform: msTransform\n });\n } else {\n if (spec.vertical) {\n style[\"top\"] = spec.left;\n } else {\n style[\"left\"] = spec.left;\n }\n }\n if (spec.fade) style = {\n opacity: 1\n };\n if (trackWidth) style.width = trackWidth;\n if (trackHeight) style.height = trackHeight; // Fallback for IE8\n\n if (window && !window.addEventListener && window.attachEvent) {\n if (!spec.vertical) {\n style.marginLeft = spec.left + \"px\";\n } else {\n style.marginTop = spec.left + \"px\";\n }\n }\n return style;\n};\nexports.getTrackCSS = getTrackCSS;\nvar getTrackAnimateCSS = function getTrackAnimateCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\", \"speed\", \"cssEase\"]);\n var style = getTrackCSS(spec); // useCSS is true by default so it can be undefined\n\n if (spec.useTransform) {\n style.WebkitTransition = \"-webkit-transform \" + spec.speed + \"ms \" + spec.cssEase;\n style.transition = \"transform \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n if (spec.vertical) {\n style.transition = \"top \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n style.transition = \"left \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n return style;\n};\nexports.getTrackAnimateCSS = getTrackAnimateCSS;\nvar getTrackLeft = function getTrackLeft(spec) {\n if (spec.unslick) {\n return 0;\n }\n checkSpecKeys(spec, [\"slideIndex\", \"trackRef\", \"infinite\", \"centerMode\", \"slideCount\", \"slidesToShow\", \"slidesToScroll\", \"slideWidth\", \"listWidth\", \"variableWidth\", \"slideHeight\"]);\n var slideIndex = spec.slideIndex,\n trackRef = spec.trackRef,\n infinite = spec.infinite,\n centerMode = spec.centerMode,\n slideCount = spec.slideCount,\n slidesToShow = spec.slidesToShow,\n slidesToScroll = spec.slidesToScroll,\n slideWidth = spec.slideWidth,\n listWidth = spec.listWidth,\n variableWidth = spec.variableWidth,\n slideHeight = spec.slideHeight,\n fade = spec.fade,\n vertical = spec.vertical;\n var slideOffset = 0;\n var targetLeft;\n var targetSlide;\n var verticalOffset = 0;\n if (fade || spec.slideCount === 1) {\n return 0;\n }\n var slidesToOffset = 0;\n if (infinite) {\n slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area\n // if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children\n\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll);\n } // shift current slide to center of the frame\n\n if (centerMode) {\n slidesToOffset += parseInt(slidesToShow / 2);\n }\n } else {\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = slidesToShow - slideCount % slidesToScroll;\n }\n if (centerMode) {\n slidesToOffset = parseInt(slidesToShow / 2);\n }\n }\n slideOffset = slidesToOffset * slideWidth;\n verticalOffset = slidesToOffset * slideHeight;\n if (!vertical) {\n targetLeft = slideIndex * slideWidth * -1 + slideOffset;\n } else {\n targetLeft = slideIndex * slideHeight * -1 + verticalOffset;\n }\n if (variableWidth === true) {\n var targetSlideIndex;\n var trackElem = trackRef && trackRef.node;\n targetSlideIndex = slideIndex + getPreClones(spec);\n targetSlide = trackElem && trackElem.childNodes[targetSlideIndex];\n targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;\n if (centerMode === true) {\n targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;\n targetSlide = trackElem && trackElem.children[targetSlideIndex];\n targetLeft = 0;\n for (var slide = 0; slide < targetSlideIndex; slide++) {\n targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;\n }\n targetLeft -= parseInt(spec.centerPadding);\n targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;\n }\n }\n return targetLeft;\n};\nexports.getTrackLeft = getTrackLeft;\nvar getPreClones = function getPreClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n if (spec.variableWidth) {\n return spec.slideCount;\n }\n return spec.slidesToShow + (spec.centerMode ? 1 : 0);\n};\nexports.getPreClones = getPreClones;\nvar getPostClones = function getPostClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n return spec.slideCount;\n};\nexports.getPostClones = getPostClones;\nvar getTotalSlides = function getTotalSlides(spec) {\n return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);\n};\nexports.getTotalSlides = getTotalSlides;\nvar siblingDirection = function siblingDirection(spec) {\n if (spec.targetSlide > spec.currentSlide) {\n if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {\n return \"left\";\n }\n return \"right\";\n } else {\n if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) {\n return \"right\";\n }\n return \"left\";\n }\n};\nexports.siblingDirection = siblingDirection;\nvar slidesOnRight = function slidesOnRight(_ref) {\n var slidesToShow = _ref.slidesToShow,\n centerMode = _ref.centerMode,\n rtl = _ref.rtl,\n centerPadding = _ref.centerPadding;\n\n // returns no of slides on the right of active slide\n if (centerMode) {\n var right = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) right += 1;\n if (rtl && slidesToShow % 2 === 0) right += 1;\n return right;\n }\n if (rtl) {\n return 0;\n }\n return slidesToShow - 1;\n};\nexports.slidesOnRight = slidesOnRight;\nvar slidesOnLeft = function slidesOnLeft(_ref2) {\n var slidesToShow = _ref2.slidesToShow,\n centerMode = _ref2.centerMode,\n rtl = _ref2.rtl,\n centerPadding = _ref2.centerPadding;\n\n // returns no of slides on the left of active slide\n if (centerMode) {\n var left = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) left += 1;\n if (!rtl && slidesToShow % 2 === 0) left += 1;\n return left;\n }\n if (rtl) {\n return slidesToShow - 1;\n }\n return 0;\n};\nexports.slidesOnLeft = slidesOnLeft;\nvar canUseDOM = function canUseDOM() {\n return !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n};\nexports.canUseDOM = canUseDOM;","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Icon from \"../components/Icon\"\nimport ReactPlayer from \"react-player\"\nimport \"../style/VideoFullModule.css\"\nimport CtaButton from \"../components/CtaButton\"\nimport { GTMEvent } from \"../utils/gtm\"\nimport { Box } from \"@material-ui/core\"\nconst VideoFullModule = props => {\n const {\n title,\n video_url,\n video_url_mobile,\n cta,\n logo_image,\n repo,\n ecommerce_item_btn_text,\n first_figure_ecommerce_code,\n ecommerce_item_is_active,\n } = props\n\n const [windowSize, setWindowSize] = React.useState({\n width: undefined,\n height: undefined,\n })\n\n const refVideo = React.useRef(null)\n const refContainer = React.useRef(null)\n const [isMuted, setIsMuted] = React.useState(true)\n\n const handleResize = () => {\n // Set window width/height to state\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n }\n\n React.useEffect(() => {\n // Handler to call on window resize\n // Add event listener\n window.addEventListener(\"resize\", handleResize)\n\n // Call handler right away so state gets updated with initial window size\n handleResize()\n\n // Remove event listener on cleanup\n return () => window.removeEventListener(\"resize\", handleResize)\n }, [])\n\n React.useEffect(() => {\n window.addEventListener(\"scroll\", () => {\n if (window.scrollY >= refContainer.current.clientHeight) {\n setIsMuted(true)\n }\n })\n }, [refContainer && refContainer.current])\n\n const isMobile = windowSize.width <= 960\n\n return (\n \n \n
\n
{\n setIsMuted(!isMuted)\n }}\n >\n {isMuted ? \n window.scrollTo({\n top: refContainer.current.clientHeight,\n left: 0,\n behavior: \"smooth\",\n })\n }\n >\n \n {logo_image && (\n
\n )}\n
{title}
\n {ecommerce_item_is_active ? (\n
\n \n {ecommerce_item_btn_text}\n \n {(cta?.href || cta?.text) && (\n \n )}\n \n ) : (\n (cta?.href || cta?.text) && (\n
\n )\n )}\n \n )\n}\n\nVideoFullModule.propTypes = {\n title: PropTypes.string,\n video_url: PropTypes.string,\n video_url_mobile: PropTypes.string,\n cta: {\n highlightedText: PropTypes.string,\n text: PropTypes.string,\n },\n logo_image: PropTypes.object,\n}\n\nexport default VideoFullModule\n","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return _possibleConstructorReturn(this, result);\n };\n}\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n return _assertThisInitialized(self);\n}\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nvar SDK_URL = 'https://w.soundcloud.com/player/api.js';\nvar SDK_GLOBAL = 'SC';\nvar SoundCloud = /*#__PURE__*/function (_Component) {\n _inherits(SoundCloud, _Component);\n var _super = _createSuper(SoundCloud);\n function SoundCloud() {\n var _this;\n _classCallCheck(this, SoundCloud);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"callPlayer\", _utils.callPlayer);\n _defineProperty(_assertThisInitialized(_this), \"duration\", null);\n _defineProperty(_assertThisInitialized(_this), \"currentTime\", null);\n _defineProperty(_assertThisInitialized(_this), \"fractionLoaded\", null);\n _defineProperty(_assertThisInitialized(_this), \"mute\", function () {\n _this.setVolume(0);\n });\n _defineProperty(_assertThisInitialized(_this), \"unmute\", function () {\n if (_this.props.volume !== null) {\n _this.setVolume(_this.props.volume);\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"ref\", function (iframe) {\n _this.iframe = iframe;\n });\n return _this;\n }\n _createClass(SoundCloud, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n }, {\n key: \"load\",\n value: function load(url, isReady) {\n var _this2 = this;\n (0, _utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function (SC) {\n if (!_this2.iframe) return;\n var _SC$Widget$Events = SC.Widget.Events,\n PLAY = _SC$Widget$Events.PLAY,\n PLAY_PROGRESS = _SC$Widget$Events.PLAY_PROGRESS,\n PAUSE = _SC$Widget$Events.PAUSE,\n FINISH = _SC$Widget$Events.FINISH,\n ERROR = _SC$Widget$Events.ERROR;\n if (!isReady) {\n _this2.player = SC.Widget(_this2.iframe);\n _this2.player.bind(PLAY, _this2.props.onPlay);\n _this2.player.bind(PAUSE, function () {\n var remaining = _this2.duration - _this2.currentTime;\n if (remaining < 0.05) {\n // Prevent onPause firing right before onEnded\n return;\n }\n _this2.props.onPause();\n });\n _this2.player.bind(PLAY_PROGRESS, function (e) {\n _this2.currentTime = e.currentPosition / 1000;\n _this2.fractionLoaded = e.loadedProgress;\n });\n _this2.player.bind(FINISH, function () {\n return _this2.props.onEnded();\n });\n _this2.player.bind(ERROR, function (e) {\n return _this2.props.onError(e);\n });\n }\n _this2.player.load(url, _objectSpread(_objectSpread({}, _this2.props.config.options), {}, {\n callback: function callback() {\n _this2.player.getDuration(function (duration) {\n _this2.duration = duration / 1000;\n _this2.props.onReady();\n });\n }\n }));\n });\n }\n }, {\n key: \"play\",\n value: function play() {\n this.callPlayer('play');\n }\n }, {\n key: \"pause\",\n value: function pause() {\n this.callPlayer('pause');\n }\n }, {\n key: \"stop\",\n value: function stop() {// Nothing to do\n }\n }, {\n key: \"seekTo\",\n value: function seekTo(seconds) {\n var keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer('seekTo', seconds * 1000);\n if (!keepPlaying) {\n this.pause();\n }\n }\n }, {\n key: \"setVolume\",\n value: function setVolume(fraction) {\n this.callPlayer('setVolume', fraction * 100);\n }\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.duration;\n }\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.currentTime;\n }\n }, {\n key: \"getSecondsLoaded\",\n value: function getSecondsLoaded() {\n return this.fractionLoaded * this.duration;\n }\n }, {\n key: \"render\",\n value: function render() {\n var display = this.props.display;\n var style = {\n width: '100%',\n height: '100%',\n display: display\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"iframe\", {\n ref: this.ref,\n src: \"https://w.soundcloud.com/player/?url=\".concat(encodeURIComponent(this.props.url)),\n style: style,\n frameBorder: 0,\n allow: \"autoplay\"\n });\n }\n }]);\n return SoundCloud;\n}(_react.Component);\nexports[\"default\"] = SoundCloud;\n_defineProperty(SoundCloud, \"displayName\", 'SoundCloud');\n_defineProperty(SoundCloud, \"canPlay\", _patterns.canPlay.soundcloud);\n_defineProperty(SoundCloud, \"loopOnEnded\", true);","/* underscore in name -> watch for changes */\nvar paramsList = ['init', '_direction', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_freeModeMomentum', '_freeModeMomentumRatio', '_freeModeMomentumBounce', '_freeModeMomentumBounceRatio', '_freeModeMomentumVelocityRatio', '_freeModeSticky', '_freeModeMinimumVelocity', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', '_slidesPerColumn', '_slidesPerColumnFill', '_slidesPerGroup', '_slidesPerGroupSkip', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_watchSlidesVisibility', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_preloadImages', 'updateOnImagesReady', '_loop', '_loopAdditionalSlides', '_loopedSlides', '_loopFillGroupWithBlank', 'loopPreventsSlide', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideBlankClass', 'slideActiveClass', 'slideDuplicateActiveClass', 'slideVisibleClass', 'slideDuplicateClass', 'slideNextClass', 'slideDuplicateNextClass', 'slidePrevClass', 'slideDuplicatePrevClass', 'wrapperClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren',\n// modules\n'a11y', 'autoplay', '_controller', 'coverflowEffect', 'cubeEffect', 'fadeEffect', 'flipEffect', 'hashNavigation', 'history', 'keyboard', 'lazy', 'mousewheel', '_navigation', '_pagination', 'parallax', '_scrollbar', '_thumbs', 'virtual', 'zoom'];\nexport { paramsList };","import React from 'react'; // eslint-disable-next-line\n\nimport Swiper from '../../core';\nfunction calcLoopedSlides(slides, swiperParams) {\n var slidesPerViewParams = swiperParams.slidesPerView;\n if (swiperParams.breakpoints) {\n var breakpoint = Swiper.prototype.getBreakpoint(swiperParams.breakpoints);\n var breakpointOnlyParams = breakpoint in swiperParams.breakpoints ? swiperParams.breakpoints[breakpoint] : undefined;\n if (breakpointOnlyParams && breakpointOnlyParams.slidesPerView) {\n slidesPerViewParams = breakpointOnlyParams.slidesPerView;\n }\n }\n var loopedSlides = Math.ceil(parseFloat(swiperParams.loopedSlides || slidesPerViewParams, 10));\n loopedSlides += swiperParams.loopAdditionalSlides;\n if (loopedSlides > slides.length) {\n loopedSlides = slides.length;\n }\n return loopedSlides;\n}\nfunction renderLoop(swiper, slides, swiperParams) {\n var modifiedSlides = slides.map(function (child, index) {\n return /*#__PURE__*/React.cloneElement(child, {\n swiper: swiper,\n 'data-swiper-slide-index': index\n });\n });\n function duplicateSlide(child, index, position) {\n return /*#__PURE__*/React.cloneElement(child, {\n key: child.key + \"-duplicate-\" + index + \"-\" + position,\n className: (child.props.className || '') + \" \" + swiperParams.slideDuplicateClass\n });\n }\n if (swiperParams.loopFillGroupWithBlank) {\n var blankSlidesNum = swiperParams.slidesPerGroup - modifiedSlides.length % swiperParams.slidesPerGroup;\n if (blankSlidesNum !== swiperParams.slidesPerGroup) {\n for (var i = 0; i < blankSlidesNum; i += 1) {\n var blankSlide = /*#__PURE__*/React.createElement(\"div\", {\n className: swiperParams.slideClass + \" \" + swiperParams.slideBlankClass\n });\n modifiedSlides.push(blankSlide);\n }\n }\n }\n if (swiperParams.slidesPerView === 'auto' && !swiperParams.loopedSlides) {\n swiperParams.loopedSlides = modifiedSlides.length;\n }\n var loopedSlides = calcLoopedSlides(modifiedSlides, swiperParams);\n var prependSlides = [];\n var appendSlides = [];\n modifiedSlides.forEach(function (child, index) {\n if (index < loopedSlides) {\n appendSlides.push(duplicateSlide(child, index, 'prepend'));\n }\n if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {\n prependSlides.push(duplicateSlide(child, index, 'append'));\n }\n });\n if (swiper) {\n swiper.loopedSlides = loopedSlides;\n }\n return [].concat(prependSlides, modifiedSlides, appendSlides);\n}\nexport { calcLoopedSlides, renderLoop };","import React from 'react';\nfunction processChildren(c) {\n var slides = [];\n React.Children.toArray(c).forEach(function (child) {\n if (child.type && child.type.displayName === 'SwiperSlide') {\n slides.push(child);\n } else if (child.props && child.props.children) {\n processChildren(child.props.children).forEach(function (slide) {\n return slides.push(slide);\n });\n }\n });\n return slides;\n}\nfunction getChildren(c) {\n var slides = [];\n var slots = {\n 'container-start': [],\n 'container-end': [],\n 'wrapper-start': [],\n 'wrapper-end': []\n };\n React.Children.toArray(c).forEach(function (child) {\n if (child.type && child.type.displayName === 'SwiperSlide') {\n slides.push(child);\n } else if (child.props && child.props.slot && slots[child.props.slot]) {\n slots[child.props.slot].push(child);\n } else if (child.props && child.props.children) {\n var foundSlides = processChildren(child.props.children);\n if (foundSlides.length > 0) {\n foundSlides.forEach(function (slide) {\n return slides.push(slide);\n });\n } else {\n slots['container-end'].push(child);\n }\n } else {\n slots['container-end'].push(child);\n }\n });\n return {\n slides: slides,\n slots: slots\n };\n}\nexport { getChildren };","import { isObject, extend } from './utils';\nfunction updateSwiper(_ref) {\n var swiper = _ref.swiper,\n slides = _ref.slides,\n passedParams = _ref.passedParams,\n changedParams = _ref.changedParams,\n nextEl = _ref.nextEl,\n prevEl = _ref.prevEl,\n scrollbarEl = _ref.scrollbarEl,\n paginationEl = _ref.paginationEl;\n var updateParams = changedParams.filter(function (key) {\n return key !== 'children' && key !== 'direction';\n });\n var currentParams = swiper.params,\n pagination = swiper.pagination,\n navigation = swiper.navigation,\n scrollbar = swiper.scrollbar,\n virtual = swiper.virtual,\n thumbs = swiper.thumbs;\n var needThumbsInit;\n var needControllerInit;\n var needPaginationInit;\n var needScrollbarInit;\n var needNavigationInit;\n if (changedParams.includes('thumbs') && passedParams.thumbs && passedParams.thumbs.swiper && currentParams.thumbs && !currentParams.thumbs.swiper) {\n needThumbsInit = true;\n }\n if (changedParams.includes('controller') && passedParams.controller && passedParams.controller.control && currentParams.controller && !currentParams.controller.control) {\n needControllerInit = true;\n }\n if (changedParams.includes('pagination') && passedParams.pagination && (passedParams.pagination.el || paginationEl) && (currentParams.pagination || currentParams.pagination === false) && pagination && !pagination.el) {\n needPaginationInit = true;\n }\n if (changedParams.includes('scrollbar') && passedParams.scrollbar && (passedParams.scrollbar.el || scrollbarEl) && (currentParams.scrollbar || currentParams.scrollbar === false) && scrollbar && !scrollbar.el) {\n needScrollbarInit = true;\n }\n if (changedParams.includes('navigation') && passedParams.navigation && (passedParams.navigation.prevEl || prevEl) && (passedParams.navigation.nextEl || nextEl) && (currentParams.navigation || currentParams.navigation === false) && navigation && !navigation.prevEl && !navigation.nextEl) {\n needNavigationInit = true;\n }\n var destroyModule = function destroyModule(mod) {\n if (!swiper[mod]) return;\n swiper[mod].destroy();\n if (mod === 'navigation') {\n currentParams[mod].prevEl = undefined;\n currentParams[mod].nextEl = undefined;\n swiper[mod].prevEl = undefined;\n swiper[mod].nextEl = undefined;\n } else {\n currentParams[mod].el = undefined;\n swiper[mod].el = undefined;\n }\n };\n updateParams.forEach(function (key) {\n if (isObject(currentParams[key]) && isObject(passedParams[key])) {\n extend(currentParams[key], passedParams[key]);\n } else {\n var newValue = passedParams[key];\n if ((newValue === true || newValue === false) && (key === 'navigation' || key === 'pagination' || key === 'scrollbar')) {\n if (newValue === false) {\n destroyModule(key);\n }\n } else {\n currentParams[key] = passedParams[key];\n }\n }\n });\n if (changedParams.includes('children') && virtual && currentParams.virtual.enabled) {\n virtual.slides = slides;\n virtual.update(true);\n } else if (changedParams.includes('children') && swiper.lazy && swiper.params.lazy.enabled) {\n swiper.lazy.load();\n }\n if (needThumbsInit) {\n var initialized = thumbs.init();\n if (initialized) thumbs.update(true);\n }\n if (needControllerInit) {\n swiper.controller.control = currentParams.controller.control;\n }\n if (needPaginationInit) {\n if (paginationEl) currentParams.pagination.el = paginationEl;\n pagination.init();\n pagination.render();\n pagination.update();\n }\n if (needScrollbarInit) {\n if (scrollbarEl) currentParams.scrollbar.el = scrollbarEl;\n scrollbar.init();\n scrollbar.updateSize();\n scrollbar.setTranslate();\n }\n if (needNavigationInit) {\n if (nextEl) currentParams.navigation.nextEl = nextEl;\n if (prevEl) currentParams.navigation.prevEl = prevEl;\n navigation.init();\n navigation.update();\n }\n if (changedParams.includes('allowSlideNext')) {\n swiper.allowSlideNext = passedParams.allowSlideNext;\n }\n if (changedParams.includes('allowSlidePrev')) {\n swiper.allowSlidePrev = passedParams.allowSlidePrev;\n }\n if (changedParams.includes('direction')) {\n swiper.changeDirection(passedParams.direction, false);\n }\n swiper.update();\n}\nexport { updateSwiper };","var _excluded = [\"className\", \"tag\", \"wrapperTag\", \"children\", \"onSwiper\"];\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nimport React, { useRef, useState, useEffect, forwardRef } from 'react';\nimport { getParams } from './get-params';\nimport { initSwiper, mountSwiper } from './init-swiper';\nimport { needsScrollbar, needsNavigation, needsPagination, uniqueClasses, extend } from './utils';\nimport { renderLoop, calcLoopedSlides } from './loop';\nimport { getChangedParams } from './get-changed-params';\nimport { getChildren } from './get-children';\nimport { updateSwiper } from './update-swiper';\nimport { renderVirtual, updateOnVirtualData } from './virtual';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar Swiper = /*#__PURE__*/forwardRef(function (_temp, externalElRef) {\n var _ref = _temp === void 0 ? {} : _temp,\n className = _ref.className,\n _ref$tag = _ref.tag,\n Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n _ref$wrapperTag = _ref.wrapperTag,\n WrapperTag = _ref$wrapperTag === void 0 ? 'div' : _ref$wrapperTag,\n children = _ref.children,\n onSwiper = _ref.onSwiper,\n rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n var eventsAssigned = false;\n var _useState = useState('swiper-container'),\n containerClasses = _useState[0],\n setContainerClasses = _useState[1];\n var _useState2 = useState(null),\n virtualData = _useState2[0],\n setVirtualData = _useState2[1];\n var _useState3 = useState(false),\n breakpointChanged = _useState3[0],\n setBreakpointChanged = _useState3[1];\n var initializedRef = useRef(false);\n var swiperElRef = useRef(null);\n var swiperRef = useRef(null);\n var oldPassedParamsRef = useRef(null);\n var oldSlides = useRef(null);\n var nextElRef = useRef(null);\n var prevElRef = useRef(null);\n var paginationElRef = useRef(null);\n var scrollbarElRef = useRef(null);\n var _getParams = getParams(rest),\n swiperParams = _getParams.params,\n passedParams = _getParams.passedParams,\n restProps = _getParams.rest,\n events = _getParams.events;\n var _getChildren = getChildren(children),\n slides = _getChildren.slides,\n slots = _getChildren.slots;\n var onBeforeBreakpoint = function onBeforeBreakpoint() {\n setBreakpointChanged(!breakpointChanged);\n };\n Object.assign(swiperParams.on, {\n _containerClasses: function _containerClasses(swiper, classes) {\n setContainerClasses(classes);\n }\n });\n if (!swiperElRef.current) {\n // init swiper\n Object.assign(swiperParams.on, events);\n eventsAssigned = true;\n swiperRef.current = initSwiper(swiperParams);\n swiperRef.current.loopCreate = function () {};\n swiperRef.current.loopDestroy = function () {};\n if (swiperParams.loop) {\n swiperRef.current.loopedSlides = calcLoopedSlides(slides, swiperParams);\n }\n if (swiperRef.current.virtual && swiperRef.current.params.virtual.enabled) {\n swiperRef.current.virtual.slides = slides;\n var extendWith = {\n cache: false,\n renderExternal: setVirtualData,\n renderExternalUpdate: false\n };\n extend(swiperRef.current.params.virtual, extendWith);\n extend(swiperRef.current.originalParams.virtual, extendWith);\n }\n } // Listen for breakpoints change\n\n if (swiperRef.current) {\n swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);\n }\n var attachEvents = function attachEvents() {\n if (eventsAssigned || !events || !swiperRef.current) return;\n Object.keys(events).forEach(function (eventName) {\n swiperRef.current.on(eventName, events[eventName]);\n });\n };\n var detachEvents = function detachEvents() {\n if (!events || !swiperRef.current) return;\n Object.keys(events).forEach(function (eventName) {\n swiperRef.current.off(eventName, events[eventName]);\n });\n };\n useEffect(function () {\n return function () {\n if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);\n };\n }); // set initialized flag\n\n useEffect(function () {\n if (!initializedRef.current && swiperRef.current) {\n swiperRef.current.emitSlidesClasses();\n initializedRef.current = true;\n }\n }); // mount swiper\n\n useIsomorphicLayoutEffect(function () {\n if (externalElRef) {\n externalElRef.current = swiperElRef.current;\n }\n if (!swiperElRef.current) return;\n mountSwiper({\n el: swiperElRef.current,\n nextEl: nextElRef.current,\n prevEl: prevElRef.current,\n paginationEl: paginationElRef.current,\n scrollbarEl: scrollbarElRef.current,\n swiper: swiperRef.current\n }, swiperParams);\n if (onSwiper) onSwiper(swiperRef.current); // eslint-disable-next-line\n\n return function () {\n if (swiperRef.current && !swiperRef.current.destroyed) {\n swiperRef.current.destroy(true, false);\n }\n };\n }, []); // watch for params change\n\n useIsomorphicLayoutEffect(function () {\n attachEvents();\n var changedParams = getChangedParams(passedParams, oldPassedParamsRef.current, slides, oldSlides.current);\n oldPassedParamsRef.current = passedParams;\n oldSlides.current = slides;\n if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {\n updateSwiper({\n swiper: swiperRef.current,\n slides: slides,\n passedParams: passedParams,\n changedParams: changedParams,\n nextEl: nextElRef.current,\n prevEl: prevElRef.current,\n scrollbarEl: scrollbarElRef.current,\n paginationEl: paginationElRef.current\n });\n }\n return function () {\n detachEvents();\n };\n }); // update on virtual update\n\n useIsomorphicLayoutEffect(function () {\n updateOnVirtualData(swiperRef.current);\n }, [virtualData]); // bypass swiper instance to slides\n\n function renderSlides() {\n if (swiperParams.virtual) {\n return renderVirtual(swiperRef.current, slides, virtualData);\n }\n if (!swiperParams.loop || swiperRef.current && swiperRef.current.destroyed) {\n return slides.map(function (child) {\n return /*#__PURE__*/React.cloneElement(child, {\n swiper: swiperRef.current\n });\n });\n }\n return renderLoop(swiperRef.current, slides, swiperParams);\n }\n return /*#__PURE__*/React.createElement(Tag, _extends({\n ref: swiperElRef,\n className: uniqueClasses(\"\" + containerClasses + (className ? \" \" + className : ''))\n }, restProps), slots['container-start'], needsNavigation(swiperParams) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n ref: prevElRef,\n className: \"swiper-button-prev\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n ref: nextElRef,\n className: \"swiper-button-next\"\n })), needsScrollbar(swiperParams) && /*#__PURE__*/React.createElement(\"div\", {\n ref: scrollbarElRef,\n className: \"swiper-scrollbar\"\n }), needsPagination(swiperParams) && /*#__PURE__*/React.createElement(\"div\", {\n ref: paginationElRef,\n className: \"swiper-pagination\"\n }), /*#__PURE__*/React.createElement(WrapperTag, {\n className: \"swiper-wrapper\"\n }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), slots['container-end']);\n});\nSwiper.displayName = 'Swiper';\nexport { Swiper };","// eslint-disable-next-line\nimport Swiper from '../../core';\nimport { isObject, extend } from './utils';\nimport { paramsList } from './params-list';\nfunction getParams(obj) {\n if (obj === void 0) {\n obj = {};\n }\n var params = {\n on: {}\n };\n var events = {};\n var passedParams = {};\n extend(params, Swiper.defaults);\n extend(params, Swiper.extendedDefaults);\n params._emitClasses = true;\n params.init = false;\n var rest = {};\n var allowedParams = paramsList.map(function (key) {\n return key.replace(/_/, '');\n });\n Object.keys(obj).forEach(function (key) {\n if (allowedParams.indexOf(key) >= 0) {\n if (isObject(obj[key])) {\n params[key] = {};\n passedParams[key] = {};\n extend(params[key], obj[key]);\n extend(passedParams[key], obj[key]);\n } else {\n params[key] = obj[key];\n passedParams[key] = obj[key];\n }\n } else if (key.search(/on[A-Z]/) === 0 && typeof obj[key] === 'function') {\n events[\"\" + key[2].toLowerCase() + key.substr(3)] = obj[key];\n } else {\n rest[key] = obj[key];\n }\n });\n ['navigation', 'pagination', 'scrollbar'].forEach(function (key) {\n if (params[key] === true) params[key] = {};\n if (params[key] === false) delete params[key];\n });\n return {\n params: params,\n passedParams: passedParams,\n rest: rest,\n events: events\n };\n}\nexport { getParams };","// eslint-disable-next-line\nimport Swiper from '../../core';\nimport { needsNavigation, needsPagination, needsScrollbar } from './utils';\nfunction initSwiper(swiperParams) {\n return new Swiper(swiperParams);\n}\nfunction mountSwiper(_ref, swiperParams) {\n var el = _ref.el,\n nextEl = _ref.nextEl,\n prevEl = _ref.prevEl,\n paginationEl = _ref.paginationEl,\n scrollbarEl = _ref.scrollbarEl,\n swiper = _ref.swiper;\n if (needsNavigation(swiperParams) && nextEl && prevEl) {\n swiper.params.navigation.nextEl = nextEl;\n swiper.originalParams.navigation.nextEl = nextEl;\n swiper.params.navigation.prevEl = prevEl;\n swiper.originalParams.navigation.prevEl = prevEl;\n }\n if (needsPagination(swiperParams) && paginationEl) {\n swiper.params.pagination.el = paginationEl;\n swiper.originalParams.pagination.el = paginationEl;\n }\n if (needsScrollbar(swiperParams) && scrollbarEl) {\n swiper.params.scrollbar.el = scrollbarEl;\n swiper.originalParams.scrollbar.el = scrollbarEl;\n }\n swiper.init(el);\n}\nexport { initSwiper, mountSwiper };","import { paramsList } from './params-list';\nimport { isObject } from './utils';\nfunction getChangedParams(swiperParams, oldParams, children, oldChildren) {\n var keys = [];\n if (!oldParams) return keys;\n var addKey = function addKey(key) {\n if (keys.indexOf(key) < 0) keys.push(key);\n };\n var oldChildrenKeys = oldChildren.map(function (child) {\n return child.key;\n });\n var childrenKeys = children.map(function (child) {\n return child.key;\n });\n if (oldChildrenKeys.join('') !== childrenKeys.join('')) addKey('children');\n if (oldChildren.length !== children.length) addKey('children');\n var watchParams = paramsList.filter(function (key) {\n return key[0] === '_';\n }).map(function (key) {\n return key.replace(/_/, '');\n });\n watchParams.forEach(function (key) {\n if (key in swiperParams && key in oldParams) {\n if (isObject(swiperParams[key]) && isObject(oldParams[key])) {\n var newKeys = Object.keys(swiperParams[key]);\n var oldKeys = Object.keys(oldParams[key]);\n if (newKeys.length !== oldKeys.length) {\n addKey(key);\n } else {\n newKeys.forEach(function (newKey) {\n if (swiperParams[key][newKey] !== oldParams[key][newKey]) {\n addKey(key);\n }\n });\n oldKeys.forEach(function (oldKey) {\n if (swiperParams[key][oldKey] !== oldParams[key][oldKey]) addKey(key);\n });\n }\n } else if (swiperParams[key] !== oldParams[key]) {\n addKey(key);\n }\n }\n });\n return keys;\n}\nexport { getChangedParams };","import React from 'react';\nfunction updateOnVirtualData(swiper) {\n if (!swiper || swiper.destroyed || !swiper.params.virtual || swiper.params.virtual && !swiper.params.virtual.enabled) return;\n swiper.updateSlides();\n swiper.updateProgress();\n swiper.updateSlidesClasses();\n if (swiper.lazy && swiper.params.lazy.enabled) {\n swiper.lazy.load();\n }\n if (swiper.parallax && swiper.params.parallax && swiper.params.parallax.enabled) {\n swiper.parallax.setTranslate();\n }\n}\nfunction renderVirtual(swiper, slides, virtualData) {\n var _ref;\n if (!virtualData) return null;\n var style = swiper.isHorizontal() ? (_ref = {}, _ref[swiper.rtlTranslate ? 'right' : 'left'] = virtualData.offset + \"px\", _ref) : {\n top: virtualData.offset + \"px\"\n };\n return slides.filter(function (child, index) {\n return index >= virtualData.from && index <= virtualData.to;\n }).map(function (child) {\n return /*#__PURE__*/React.cloneElement(child, {\n swiper: swiper,\n style: style\n });\n });\n}\nexport { renderVirtual, updateOnVirtualData };","export default function unsupportedProp(props, propName, componentName, location, propFullName) {\n if (process.env.NODE_ENV === 'production') {\n return null;\n }\n var propFullNameSafe = propFullName || propName;\n if (typeof props[propName] !== 'undefined') {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` is not supported. Please remove it.\"));\n }\n return null;\n}","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\nimport Text from \"../components/Text\"\nimport FluidImage from \"../components/FluidImage\"\nimport { useKeenSlider } from \"keen-slider/react\"\nimport \"keen-slider/keen-slider.min.css\"\n\nconst useStyles = makeStyles(theme => ({\n securePaymentsTitle: {\n marginBottom: \"40px\",\n },\n picture: {\n display: \"flex\",\n justifyContent: \"center\",\n maxHeight: 98,\n [theme.breakpoints.down(\"xl\")]: {\n maxHeight: 88,\n },\n [theme.breakpoints.down(\"lg\")]: {\n maxHeight: 78,\n },\n [theme.breakpoints.down(\"md\")]: {\n maxHeight: 60,\n },\n },\n securePaymentsContainer: {\n margin: \"80px 80px 0\",\n [theme.breakpoints.down(\"md\")]: {\n margin: \"40px 24px 0\",\n },\n },\n clickable: {\n cursor: \"pointer\",\n },\n securePaymentCardContainer: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(2, 1fr)\",\n gridColumnGap: \"32px\",\n gridRowGap: \"40px\",\n paddingTop: \"32px\",\n \"& .secure-payment-card-item\": {\n width: \"100%\",\n \"& .secure-payment-card-item-container\": {\n backgroundColor: \"#f6f6f6\",\n color: \"#662482\",\n padding: 40,\n display: \"flex\",\n flexFlow: \"column\",\n height: \"100%\",\n },\n \"& .secure-payment-card-item-title\": {\n fontWeight: 800,\n fontSize: 32,\n lineHeight: \"48px\",\n [theme.breakpoints.down(\"md\")]: {\n fontSize: 24,\n lineHeight: \"32px\",\n },\n },\n \"& .secure-payment-card-item-text\": {\n fontWeight: 400,\n fontSize: 16,\n lineHeight: \"24px\",\n \"& p\": {\n margin: \"24px 0px 0px 0px\",\n },\n },\n },\n },\n sliderDotsContainer: {\n [theme.breakpoints.up(\"md\")]: {\n display: \"none\",\n },\n width: \"100%\",\n height: \"8px\",\n position: \"relative\",\n top: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"& .slider-dot\": {\n height: \"8px\",\n width: \"8px\",\n display: \"inline-block\",\n borderRadius: \"50%\",\n backgroundColor: \"#005c69\",\n marginLeft: \"8px\",\n cursor: \"pointer\",\n },\n \"& .slider-dot-inactive\": {\n opacity: 0.4,\n },\n },\n}))\n\nconst SecurePaymentsModule = ({ title, item, secondary }) => {\n const classes = useStyles()\n const [currentSlide, setCurrentSlide] = React.useState(0)\n const [loaded, setLoaded] = React.useState(false)\n const [sliderRef, instanceRef] = useKeenSlider({\n drag: true,\n initial: 0,\n loop: true,\n breakpoints: {\n \"(max-width: 900px)\": {\n drag: true,\n slides: {\n perView: 2,\n },\n },\n },\n slides: {\n perView: 4,\n },\n slideChanged(slider) {\n setCurrentSlide(slider.track.details.rel)\n },\n created() {\n setLoaded(true)\n },\n })\n\n return (\n \n \n
\n {title?.field_value}\n \n \n {item?.field_value.map((el, i) => (\n \n {/* --- if link --- */}\n {el?.field_value?.cta?.field_value?.href ? (\n \n \n {Array.from(\n Array(Math.floor(item?.field_value.length / 2)).keys()\n ).map(idx => (\n {\n instanceRef.current?.moveToIdx(idx * 2)\n }}\n />\n ))}\n
\n )}\n \n {secondary?.field_value.map((el, i) => {\n return (\n
\n
\n
\n
\n {el?.field_value?.title?.field_value}\n
\n
\n
\n
\n
\n )\n })}\n
\n )\n}\n\nexport default SecurePaymentsModule\n","import React, { useRef } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Box } from '@material-ui/core';\nimport Slider from 'react-slick';\n\nimport clsx from 'clsx';\n\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\n\nimport { GTMEvent } from \"../utils/gtm\"\n\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n overflow: 'hidden',\n },\n sliderButton: {\n width: 60,\n height: 60,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n sliderNextButton: {\n borderRadius: '100%',\n border: `3px solid ${theme.customPalette.tangerine}`,\n },\n slider: {\n '& .slick-list': {\n overflow: 'visible',\n },\n marginBottom: theme.spacing(3),\n },\n}));\n\nconst MobileSlider = ({ className, slideToShow, slideToScroll, tracking, children }) => {\n const classes = useStyles();\n\n const sliderRef = useRef(null);\n\n const sliderSettings = {\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: slideToShow ? slideToShow : 1,\n slidesToScroll: slideToScroll ? slideToScroll : 1,\n className: clsx(classes.slider, className),\n tracking: tracking\n };\n\n const next = () => {\n if(tracking){\n GTMEvent(tracking, \"slider\", \"swiper-slider\")\n }\n\n sliderRef.current.slickNext();\n };\n const previous = () => {\n if(tracking){\n GTMEvent(tracking, \"slider\", \"swiper-slider\")\n }\n\n sliderRef.current.slickPrev();\n };\n\n return (\n \n \n {children}\n \n \n \n \n \n \n \n \n );\n};\n\nexport default MobileSlider;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport { Typography, Grid, Hidden } from '@material-ui/core';\nimport ArticleCard from '../components/ArticleCard';\nimport MobileSlider from '../components/MobileSlider';\nimport Module from '../components/Module';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n width: '100%',\n padding: theme.spacing(0, 13),\n [theme.breakpoints.down('sm')]: {\n padding: theme.spacing(0),\n },\n },\n gridElement: {\n padding: theme.spacing(1, 1 / 2),\n },\n slider: {\n paddingLeft: theme.spacing(2),\n '& .slick-list': {\n width: `calc(100% - ${theme.spacing(2)}px)`,\n },\n },\n}));\n\nconst NewsModule = ({ title, subtitle, news, ...others }) => {\n const classes = useStyles();\n\n return (\n \n \n {title}\n \n \n {subtitle}\n \n \n \n {(news || []).map((el, i) => (\n \n \n ))}\n \n \n \n \n {(news || []).map((el, i) => (\n \n \n ))}\n \n \n \n );\n};\n\nNewsModule.defaultProps = {\n title: '',\n subtitle: '',\n news: [],\n};\n\nexport default NewsModule;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { chainPropTypes } from '@material-ui/utils';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'block',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center'\n },\n /* Styles applied to the root element if `component=\"video, audio, picture, iframe, or img\"`. */\n media: {\n width: '100%'\n },\n /* Styles applied to the root element if `component=\"picture or img\"`. */\n img: {\n // ⚠️ object-fit is not supported by IE 11.\n objectFit: 'cover'\n }\n};\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n image = props.image,\n src = props.src,\n style = props.style,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"image\", \"src\", \"style\"]);\n var isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;\n var composedStyle = !isMediaComponent && image ? _extends({\n backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n }, style) : style;\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, isMediaComponent && classes.media, \"picture img\".indexOf(Component) !== -1 && classes.img),\n ref: ref,\n style: composedStyle,\n src: isMediaComponent ? image || src : undefined\n }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardMedia'\n})(CardMedia);","import React, { useEffect } from \"react\";\nimport Text from \"../components/Text\"\n\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport { Box, Chip } from \"@material-ui/core\"\n\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport Module from '../components/Module';\nimport CtaButton from \"../components/CtaButton\"\nimport Link from \"../components/Link\"\nimport PropTypes from \"prop-types\";\nimport { useInView } from \"react-intersection-observer\"\nimport { window } from \"browser-monads\"\nimport Parallax from \"../components/Parallax\"\nimport { Parallax as ParallaxItem } from \"react-scroll-parallax\"\nimport FluidImage from \"../components/FluidImage\"\nimport clsx from \"clsx\"\n\nconst useStyles = makeStyles(theme => ({\n sectionBackground: {\n backgroundColor: '#f6f6f6',\n width: '100%',\n height: 'calc(100% - 200px)',\n position: 'absolute',\n zIndex: -1,\n marginTop: 200,\n left: 0,\n right: 0,\n bottom: 0,\n }, \n sectionTitle: {\n marginBottom: 30,\n \"& .title\": {\n textAlign: 'center'\n },\n \"& .title:before\": {\n marginLeft: 'auto',\n marginRight: 'auto'\n } \n },\n backgroundParallax: {\n position: 'absolute !important',\n left:0,\n right:0,\n bottom:0,\n top:0\n },\n gridCardWrapper: {\n padding: theme.spacing(0, 1 / 2),\n paddingBottom: theme.spacing(1),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(0, 1 / 2, 11, 1 / 2),\n paddingBottom: theme.spacing(1),\n \"&:not(:last-child)\": {\n padding: theme.spacing(0, 1 / 2, 17, 1 / 2),\n paddingBottom: theme.spacing(1),\n },\n },\n },\n badgeTitleWrapper: {\n padding:40, \n height:'100%'\n },\n badgeTitle: {\n position: 'absolute',\n top: 24,\n right: 0,\n minHeight: 37,\n background: '#ffbd08',\n minWidth: 97,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 3,\n padding: 10,\n '& p': {\n fontStyle: 'normal',\n fontWeight: 700,\n fontSize: 14,\n color: '#1d1d1b'\n }\n },\n card: {\n border:0,\n borderRadius:0,\n position:'relative', \n marginBottom: 40,\n minHeight:450,\n overflow: 'visible',\n '& .logoNarrow': {\n position:'absolute',\n left: 20,\n right: 20,\n top: 20,\n zIndex:2,\n \"& .parallax-inner > div\": {\n textAlign: 'left',\n maxWidth: '50%',\n },\n \"& picture, & img\": {\n height: '140px !important',\n width: 'auto !important', \n },\n \"&.logoNarrowDesktop, &.logoNarrowDesktop img, &.logoNarrowDesktop picture\": {\n [theme.breakpoints.up(\"sm\")]: {\n maxHeight: '125px !important', \n } \n },\n \"&.logoNarrowMobile, &.logoNarrowMobile img, &.logoNarrowMobile picture\": {\n [theme.breakpoints.down(\"sm\")]: {\n maxHeight: '125px !important', \n }\n },\n \"&.logoNarrowCenter, &.logoNarrowCenter img, &.logoNarrowCenter picture\": {\n \"& .parallax-inner\": {\n display: 'block !important'\n },\n \"& .parallax-inner > div\": {\n textAlign: 'center !important',\n maxWidth: '100%',\n }\n }, \n }, \n '& .cardMedia': {\n display:'block',\n position:'absolute',\n top:0,\n right:0,\n bottom:0,\n left:0,\n },\n '& .cardForeground': {\n minHeight:450,\n width: '50%',\n float: 'right',\n '& .layer': {\n position: \"absolute\",\n top: \"50%\",\n right: 0,\n height: \"124%\",\n width: \"74%\",\n maxHeight: 620,\n transform: \"translate(0, -50%)\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"87%\",\n height: '100%',\n }, \n },\n [theme.breakpoints.down(\"sm\")]: {\n width: '100%',\n height: '100%',\n '& .image': {\n height: '100%',\n }\n },\n }, \n '& .cardContent': {\n position:'relative', \n padding: 20,\n minHeight: 450,\n width: '50%',\n float: 'left',\n display: 'flex',\n alignContent: 'end',\n flexWrap: 'wrap',\n [theme.breakpoints.down(\"sm\")]: {\n width: '100%',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n }, \n },\n '& .textWrapper': {\n width: '100%'\n },\n '& .textWrapper .info': {\n color:'#b2b2b2',\n },\n '& .textWrapper .info > *': {\n display:'inline-block',\n height:'auto !important'\n },\n '& .textWrapper .info div + span': {\n marginLeft: 10\n },\n '& .textWrapper .title': {\n marginTop:20,\n color:'#b2b2b2'\n }, \n '& .textWrapper .links': {\n marginTop:20,\n color:'#b2b2b2',\n '& .button': {\n [theme.breakpoints.down(\"sm\")]: {\n width: '100%'\n }\n } \n },\n },\n}))\n\nconst handleNarrowLogoClasses = ( product ) => {\n let classes = []; \n classes.push('logoNarrow');\n if ( product?.list_box_v2_narrow_logo_desktop ) {\n classes.push('logoNarrowDesktop');\n } else if ( product?.list_box_v2_narrow_logo_mobile ) {\n classes.push('logoNarrowMobile');\n }\n if ( product?.list_box_v2_position_center_logo ) {\n classes.push('logoNarrowCenter');\n }\n return classes.join(' ');\n}\n\nconst CardProduct = props => {\n\n const { product, index, repo } = props; \n const classes = useStyles();\n const boxSize = product?.list_box_v2_box_size == 100 ? 6 : 6;\n\n const [windowSize, setWindowSize] = React.useState({\n width: undefined,\n height: undefined,\n });\n const isMobile = windowSize.width <= '960';\n const { ref, inView, entry } = useInView();\n const [animate, setAnimate] = React.useState(true);\n\n \n\n // window resize\n useEffect(() => {\n window.addEventListener(\"resize\", handleResize);\n handleResize();\n return () => window.removeEventListener(\"resize\", handleResize);\n }, [])\n const handleResize = () => {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n } \n\n // show on scroll\n const IsObserverSupported = () => {\n return (\n \"IntersectionObserver\" in window &&\n \"IntersectionObserverEntry\" in window &&\n \"intersectionRatio\" in window.IntersectionObserverEntry.prototype\n )\n } \n useEffect(() => {\n if (animate && inView && ref && IsObserverSupported()) {\n setAnimate(false)\n Array.from(entry.target.children).forEach((sub, i) => {\n sub.animate(\n [\n { opacity: 0, transform: `translateY(25%)` },\n { opacity: 1, transform: \"translateY(0%)\" },\n ],\n {\n // timing options\n duration: 500,\n delay: parseInt(i / 5) * 50,\n }\n )\n setTimeout(() => {\n sub.style.opacity = 1\n }, parseInt(i / 5) * 50 + 500)\n })\n }\n }, [ref, inView, entry])\n\n return (\n\n \n \n\n { product?.list_box_v2_up_title ? \n \n {product?.list_box_v2_up_title} \n \n : null\n }\n\n { \n product.logo ? \n \n : null\n }\n\n { isMobile ? \n \n \n \n : null\n }\n\n \n\n \n {\n product.list_box_v2_pre_title || product.list_box_v2_pre_order ?\n \n ]+(>|$)/g,\"\")} />\n {product.list_box_v2_pre_order.replace(/<\\/?[^>]+(>|$)/g,\"\")} \n \n : null\n }\n\n {\n product.title ?\n \n \n {product.title} \n \n \n : null\n } \n\n \n \n { product.list_box_v2_discover_now ?\n \n { product.list_box_v2_discover_now } \n : null\n } \n { product?.list_box_v2_cta?.href ? \n \n\n \n {product.list_box_v2_cta?.label || product.list_box_v2_cta?.title}\n \n\n \n : null }\n \n \n
\n\n \n \n \n\n )\n}\n\nCardProduct.propTypes = {\n product: PropTypes.object,\n index: PropTypes.number,\n};\n\nconst CategoriesProductListV2Module = props => {\n const { title, products, repo } = props;\n const classes = useStyles();\n\n return ( \n \n
\n \n\n { title ? \n \n {title} \n \n : null\n }\n \n {products?.map((product, index) => {\n return \n \n \n );\n};\n\nCategoriesProductListV2Module.propTypes = {\n title: PropTypes.string,\n products: PropTypes.array,\n};\n\nexport default CategoriesProductListV2Module;","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport { extend, isObject, bindModuleMethods } from '../../utils/utils';\nimport $ from '../../utils/dom';\nvar Thumbs = {\n init: function init() {\n var swiper = this;\n var thumbsParams = swiper.params.thumbs;\n if (swiper.thumbs.initialized) return false;\n swiper.thumbs.initialized = true;\n var SwiperClass = swiper.constructor;\n if (thumbsParams.swiper instanceof SwiperClass) {\n swiper.thumbs.swiper = thumbsParams.swiper;\n extend(swiper.thumbs.swiper.originalParams, {\n watchSlidesProgress: true,\n slideToClickedSlide: false\n });\n extend(swiper.thumbs.swiper.params, {\n watchSlidesProgress: true,\n slideToClickedSlide: false\n });\n } else if (isObject(thumbsParams.swiper)) {\n swiper.thumbs.swiper = new SwiperClass(extend({}, thumbsParams.swiper, {\n watchSlidesVisibility: true,\n watchSlidesProgress: true,\n slideToClickedSlide: false\n }));\n swiper.thumbs.swiperCreated = true;\n }\n swiper.thumbs.swiper.$el.addClass(swiper.params.thumbs.thumbsContainerClass);\n swiper.thumbs.swiper.on('tap', swiper.thumbs.onThumbClick);\n return true;\n },\n onThumbClick: function onThumbClick() {\n var swiper = this;\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) return;\n var clickedIndex = thumbsSwiper.clickedIndex;\n var clickedSlide = thumbsSwiper.clickedSlide;\n if (clickedSlide && $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass)) return;\n if (typeof clickedIndex === 'undefined' || clickedIndex === null) return;\n var slideToIndex;\n if (thumbsSwiper.params.loop) {\n slideToIndex = parseInt($(thumbsSwiper.clickedSlide).attr('data-swiper-slide-index'), 10);\n } else {\n slideToIndex = clickedIndex;\n }\n if (swiper.params.loop) {\n var currentIndex = swiper.activeIndex;\n if (swiper.slides.eq(currentIndex).hasClass(swiper.params.slideDuplicateClass)) {\n swiper.loopFix(); // eslint-disable-next-line\n\n swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;\n currentIndex = swiper.activeIndex;\n }\n var prevIndex = swiper.slides.eq(currentIndex).prevAll(\"[data-swiper-slide-index=\\\"\" + slideToIndex + \"\\\"]\").eq(0).index();\n var nextIndex = swiper.slides.eq(currentIndex).nextAll(\"[data-swiper-slide-index=\\\"\" + slideToIndex + \"\\\"]\").eq(0).index();\n if (typeof prevIndex === 'undefined') slideToIndex = nextIndex;else if (typeof nextIndex === 'undefined') slideToIndex = prevIndex;else if (nextIndex - currentIndex < currentIndex - prevIndex) slideToIndex = nextIndex;else slideToIndex = prevIndex;\n }\n swiper.slideTo(slideToIndex);\n },\n update: function update(initial) {\n var swiper = this;\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) return;\n var slidesPerView = thumbsSwiper.params.slidesPerView === 'auto' ? thumbsSwiper.slidesPerViewDynamic() : thumbsSwiper.params.slidesPerView;\n var autoScrollOffset = swiper.params.thumbs.autoScrollOffset;\n var useOffset = autoScrollOffset && !thumbsSwiper.params.loop;\n if (swiper.realIndex !== thumbsSwiper.realIndex || useOffset) {\n var currentThumbsIndex = thumbsSwiper.activeIndex;\n var newThumbsIndex;\n var direction;\n if (thumbsSwiper.params.loop) {\n if (thumbsSwiper.slides.eq(currentThumbsIndex).hasClass(thumbsSwiper.params.slideDuplicateClass)) {\n thumbsSwiper.loopFix(); // eslint-disable-next-line\n\n thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft;\n currentThumbsIndex = thumbsSwiper.activeIndex;\n } // Find actual thumbs index to slide to\n\n var prevThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).prevAll(\"[data-swiper-slide-index=\\\"\" + swiper.realIndex + \"\\\"]\").eq(0).index();\n var nextThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).nextAll(\"[data-swiper-slide-index=\\\"\" + swiper.realIndex + \"\\\"]\").eq(0).index();\n if (typeof prevThumbsIndex === 'undefined') {\n newThumbsIndex = nextThumbsIndex;\n } else if (typeof nextThumbsIndex === 'undefined') {\n newThumbsIndex = prevThumbsIndex;\n } else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) {\n newThumbsIndex = thumbsSwiper.params.slidesPerGroup > 1 ? nextThumbsIndex : currentThumbsIndex;\n } else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) {\n newThumbsIndex = nextThumbsIndex;\n } else {\n newThumbsIndex = prevThumbsIndex;\n }\n direction = swiper.activeIndex > swiper.previousIndex ? 'next' : 'prev';\n } else {\n newThumbsIndex = swiper.realIndex;\n direction = newThumbsIndex > swiper.previousIndex ? 'next' : 'prev';\n }\n if (useOffset) {\n newThumbsIndex += direction === 'next' ? autoScrollOffset : -1 * autoScrollOffset;\n }\n if (thumbsSwiper.visibleSlidesIndexes && thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {\n if (thumbsSwiper.params.centeredSlides) {\n if (newThumbsIndex > currentThumbsIndex) {\n newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;\n } else {\n newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;\n }\n } else if (newThumbsIndex > currentThumbsIndex && thumbsSwiper.params.slidesPerGroup === 1) {// newThumbsIndex = newThumbsIndex - slidesPerView + 1;\n }\n thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined);\n }\n } // Activate thumbs\n\n var thumbsToActivate = 1;\n var thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;\n if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {\n thumbsToActivate = swiper.params.slidesPerView;\n }\n if (!swiper.params.thumbs.multipleActiveThumbs) {\n thumbsToActivate = 1;\n }\n thumbsToActivate = Math.floor(thumbsToActivate);\n thumbsSwiper.slides.removeClass(thumbActiveClass);\n if (thumbsSwiper.params.loop || thumbsSwiper.params.virtual && thumbsSwiper.params.virtual.enabled) {\n for (var i = 0; i < thumbsToActivate; i += 1) {\n thumbsSwiper.$wrapperEl.children(\"[data-swiper-slide-index=\\\"\" + (swiper.realIndex + i) + \"\\\"]\").addClass(thumbActiveClass);\n }\n } else {\n for (var _i = 0; _i < thumbsToActivate; _i += 1) {\n thumbsSwiper.slides.eq(swiper.realIndex + _i).addClass(thumbActiveClass);\n }\n }\n }\n};\nexport default {\n name: 'thumbs',\n params: {\n thumbs: {\n swiper: null,\n multipleActiveThumbs: true,\n autoScrollOffset: 0,\n slideThumbActiveClass: 'swiper-slide-thumb-active',\n thumbsContainerClass: 'swiper-container-thumbs'\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n thumbs: _extends({\n swiper: null,\n initialized: false\n }, Thumbs)\n });\n },\n on: {\n beforeInit: function beforeInit(swiper) {\n var thumbs = swiper.params.thumbs;\n if (!thumbs || !thumbs.swiper) return;\n swiper.thumbs.init();\n swiper.thumbs.update(true);\n },\n slideChange: function slideChange(swiper) {\n if (!swiper.thumbs.swiper) return;\n swiper.thumbs.update();\n },\n update: function update(swiper) {\n if (!swiper.thumbs.swiper) return;\n swiper.thumbs.update();\n },\n resize: function resize(swiper) {\n if (!swiper.thumbs.swiper) return;\n swiper.thumbs.update();\n },\n observerUpdate: function observerUpdate(swiper) {\n if (!swiper.thumbs.swiper) return;\n swiper.thumbs.update();\n },\n setTransition: function setTransition(swiper, duration) {\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) return;\n thumbsSwiper.setTransition(duration);\n },\n beforeDestroy: function beforeDestroy(swiper) {\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) return;\n if (swiper.thumbs.swiperCreated && thumbsSwiper) {\n thumbsSwiper.destroy();\n }\n }\n }\n};","import React from \"react\"\r\nimport Text from \"../components/Text\"\r\nimport CtaButton from \"../components/CtaButton\"\r\nimport { Container, useMediaQuery, Box, Chip } from \"@material-ui/core\"\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\r\nimport \"../style/HeroBannerV4Module.css\"\r\nimport Module from \"../components/Module\"\r\nimport Slider from \"../components/Slider\"\r\nimport slide_outline from \"../assets/img/icons/slide-outline/slide-outline.png\"\r\nimport Parallax from \"../components/Parallax\"\r\nimport { GTMEvent } from \"../utils/gtm\"\r\nimport { useTranslation } from \"react-i18next\"\r\n\r\nconst parallaxHeight = 680\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n HeroBannerV4FormMobile: {\r\n position: \"relative\",\r\n zIndex: \"20\",\r\n height: \"642px\",\r\n backgroundRepeat: \"no-repeat !important\",\r\n backgroundSize: \"cover !important\",\r\n backgroundPosition: \"center center !important\",\r\n },\r\n parallax: {\r\n position: \"absolute\",\r\n zIndex: -1,\r\n height: parallaxHeight,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n height: \"100vh\", // FIX ** full extension for mobile\r\n },\r\n },\r\n slider: {\r\n height: \"100%\",\r\n \"& .slick-slide\": {\r\n overflow: \"hidden\",\r\n position: \"relative\",\r\n },\r\n },\r\n sliderArrows: {\r\n display: \"none\",\r\n justifyContent: \"flex-end\",\r\n width: \"fit-content\",\r\n right: 1,\r\n marginTop: -126,\r\n position: \"absolute\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n marginTop: 0,\r\n top: \"40%\",\r\n justifyContent: \"space-between\",\r\n },\r\n },\r\n sliderBack: {\r\n display: \"none\",\r\n height: 60,\r\n width: 60,\r\n //border: `4px solid transparent`,\r\n border: `4px solid ${theme.customPalette.tangerine}`,\r\n borderRadius: \"50%\",\r\n marginLeft: theme.spacing(4),\r\n boxSizing: \"border-box\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderColor: \"transparent\",\r\n margin: 0,\r\n },\r\n },\r\n sliderNext: {\r\n display: \"none\",\r\n height: 60,\r\n width: 60,\r\n border: `4px solid ${theme.customPalette.tangerine}`,\r\n borderRadius: \"50%\",\r\n marginLeft: theme.spacing(4),\r\n boxSizing: \"border-box\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n borderColor: \"transparent\",\r\n margin: 0,\r\n },\r\n },\r\n title: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"32px\",\r\n },\r\n },\r\n subtitle: {\r\n marginTop: theme.spacing(2),\r\n },\r\n chip: {\r\n marginBottom: \"23px\",\r\n },\r\n bannerCtaButton: {\r\n width: 400,\r\n marginTop: \"32px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n contentContainer: {\r\n //border: showGuides(\"2px solid yellow\"), // FIX ** guides\r\n position: \"absolute\",\r\n width: \"40%\",\r\n zIndex: 99,\r\n left: theme.spacing(4), // FIX ** apply padding internally\r\n [theme.breakpoints.down(\"sm\")]: {\r\n top: \"10px\",\r\n left: 0,\r\n padding: theme.spacing(2), // FIX ** apply padding internally\r\n display: \"flex\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n justifyContent: \"space-between\",\r\n position: \"relative\",\r\n alignItems: \"center\",\r\n },\r\n },\r\n heroBannerContainer: {\r\n paddingTop: \"10% !important\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n height: \"100vh\", // FIX ** full extension for mobile\r\n paddingTop: theme.spacing(10),\r\n paddingBottom: theme.spacing(3),\r\n display: \"block\",\r\n },\r\n },\r\n fadeInText: {\r\n textAlign: \"center\",\r\n },\r\n}))\r\nconst HeroBannerV4Module = props => {\r\n const theme = useTheme()\r\n const isMobile = useMediaQuery(theme.breakpoints.down(\"xs\"))\r\n const classes = useStyles()\r\n const [masterSliderIndex, setMasterSliderIndex] = React.useState(0)\r\n const [touchStart, setTouchStart] = React.useState(null)\r\n const [touchEnd, setTouchEnd] = React.useState(null)\r\n const [windowSize, setWindowSize] = React.useState({\r\n width: undefined,\r\n height: undefined,\r\n })\r\n const { i18n, t } = useTranslation()\r\n const handleResize = () => {\r\n // Set window width/height to state\r\n setWindowSize({\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n })\r\n }\r\n\r\n React.useEffect(() => {\r\n // Handler to call on window resize\r\n // Add event listener\r\n window.addEventListener(\"resize\", handleResize)\r\n\r\n // Call handler right away so state gets updated with initial window size\r\n handleResize()\r\n\r\n // Remove event listener on cleanup\r\n return () => window.removeEventListener(\"resize\", handleResize)\r\n }, [])\r\n\r\n const minSwipeDistance = 50\r\n\r\n const onTouchStart = e => {\r\n setTouchEnd(null) // otherwise the swipe is fired even with usual touch events\r\n setTouchStart(e.targetTouches[0].clientX)\r\n }\r\n\r\n const onTouchMove = e => {\r\n setTouchEnd(e.targetTouches[0].clientX)\r\n }\r\n\r\n const onTouchEnd = () => {\r\n if (!touchStart || !touchEnd) return\r\n const distance = touchStart - touchEnd\r\n const isLeftSwipe = distance > minSwipeDistance\r\n const isRightSwipe = distance < -minSwipeDistance\r\n if (isLeftSwipe && windowSize.width < 900) {\r\n changeSlide(1)\r\n } else if (isRightSwipe && windowSize.width < 900) {\r\n changeSlide(-1)\r\n }\r\n }\r\n\r\n const changeSlide = index => {\r\n if (masterSliderIndex + index < 0) {\r\n setMasterSliderIndex(primary.field_value.length - 1)\r\n } else if (masterSliderIndex + index > primary.field_value.length - 1) {\r\n setMasterSliderIndex(0)\r\n } else {\r\n setMasterSliderIndex(masterSliderIndex + index)\r\n }\r\n }\r\n\r\n React.useEffect(() => {\r\n if (primary.field_value.length > 1) {\r\n const sliderAutoplay = setInterval(() => {\r\n changeSlide(1)\r\n }, 8000)\r\n return () => {\r\n clearInterval(sliderAutoplay)\r\n }\r\n }\r\n }, [masterSliderIndex])\r\n\r\n const { pageFamily, tracking, primary, repo } = props\r\n return isMobile ? (\r\n \r\n 1}\r\n infinite={false}\r\n slidesToShow={1}\r\n slidesToScroll={1}\r\n dark\r\n tracking={repo}\r\n indexSlider={masterSliderIndex}\r\n swipe={false}\r\n >\r\n {\" \"}\r\n {(primary.field_value || []).map((slide, i) => (\r\n <>\r\n \r\n \r\n \r\n \r\n {slide?.cta?.isPreorder ? (\r\n \r\n {slide.field_value?.title?.field_value}\r\n \r\n \r\n {slide.field_value?.subtitle?.field_value}\r\n \r\n \r\n \r\n \r\n {slide.field_value.cta?.field_value?.title}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n {primary.field_value.length > 1 && (\r\n \r\n
\r\n
\r\n
{\r\n changeSlide(-1)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"arrow-button\"\r\n >\r\n {\r\n setMasterSliderIndex(i)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"dot-rectangle\"\r\n >\r\n \r\n \r\n ))}\r\n
{\r\n changeSlide(1)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"arrow-button mb-5\"\r\n style={{ transform: \"rotate(180deg)\" }}\r\n >\r\n \r\n
\r\n \r\n 1}\r\n infinite={false}\r\n slidesToShow={1}\r\n slidesToScroll={1}\r\n dark\r\n tracking={repo}\r\n indexSlider={masterSliderIndex}\r\n swipe={false}\r\n >\r\n {(primary.field_value || []).map((slide, i) => (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {slide?.field_value?.cta?.field_value\r\n ?.isPreorder ? (\r\n \r\n {slide.field_value.title?.field_value}\r\n \r\n \r\n {slide.field_value.subtitle?.field_value}\r\n \r\n \r\n {slide.field_value.cta?.field_value?.title}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n changeSlide(-1)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"arrow-button\"\r\n >\r\n {\r\n setMasterSliderIndex(i)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"dot-rectangle\"\r\n >\r\n \r\n \r\n ))}\r\n
{\r\n changeSlide(1)\r\n GTMEvent(\"home\", \"slider-figures\", \"swipe-slider\")\r\n }}\r\n className=\"arrow-button mb-5\"\r\n style={{ transform: \"rotate(180deg)\" }}\r\n >\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HeroBannerV4Module\r\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Icon from \"../components/Icon\"\nimport Text from \"../components/Text\"\nimport Module from \"../components/Module\"\nimport Grid from \"@material-ui/core/Grid\"\nimport Box from \"@material-ui/core/Box\"\nimport { Container } from \"@material-ui/core\"\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\"\nimport TrustBox from \"../components/TrustBox\"\nimport VisibilitySensor from \"../animations/VisibilitySensor\"\n\nconst useStyles = makeStyles(theme => ({\n TrustPilot: {},\n}))\n\nconst TrustpilotWidget = props => {\n const { url } = props\n const classes = useStyles()\n\n return (\n \n \n \n \n \n \n \n \n )\n}\n\nTrustpilotWidget.propTypes = {\n url: PropTypes.string,\n}\n\nexport default TrustpilotWidget\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _react = require(\"react\");\nvar _utils = require(\"../utils\");\nvar _patterns = require(\"../patterns\");\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n _getRequireWildcardCache = function _getRequireWildcardCache() {\n return cache;\n };\n return cache;\n}\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache();\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nvar _default = [{\n key: 'youtube',\n name: 'YouTube',\n canPlay: _patterns.canPlay.youtube,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./YouTube'));\n });\n })\n}, {\n key: 'soundcloud',\n name: 'SoundCloud',\n canPlay: _patterns.canPlay.soundcloud,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./SoundCloud'));\n });\n })\n}, {\n key: 'vimeo',\n name: 'Vimeo',\n canPlay: _patterns.canPlay.vimeo,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Vimeo'));\n });\n })\n}, {\n key: 'facebook',\n name: 'Facebook',\n canPlay: _patterns.canPlay.facebook,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Facebook'));\n });\n })\n}, {\n key: 'streamable',\n name: 'Streamable',\n canPlay: _patterns.canPlay.streamable,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Streamable'));\n });\n })\n}, {\n key: 'wistia',\n name: 'Wistia',\n canPlay: _patterns.canPlay.wistia,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Wistia'));\n });\n })\n}, {\n key: 'twitch',\n name: 'Twitch',\n canPlay: _patterns.canPlay.twitch,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Twitch'));\n });\n })\n}, {\n key: 'dailymotion',\n name: 'DailyMotion',\n canPlay: _patterns.canPlay.dailymotion,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./DailyMotion'));\n });\n })\n}, {\n key: 'mixcloud',\n name: 'Mixcloud',\n canPlay: _patterns.canPlay.mixcloud,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Mixcloud'));\n });\n })\n}, {\n key: 'vidyard',\n name: 'Vidyard',\n canPlay: _patterns.canPlay.vidyard,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Vidyard'));\n });\n })\n}, {\n key: 'kaltura',\n name: 'Kaltura',\n canPlay: _patterns.canPlay.kaltura,\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./Kaltura'));\n });\n })\n}, {\n key: 'file',\n name: 'FilePlayer',\n canPlay: _patterns.canPlay.file,\n canEnablePIP: function canEnablePIP(url) {\n return _patterns.canPlay.file(url) && (document.pictureInPictureEnabled || (0, _utils.supportsWebKitPresentationMode)()) && !_patterns.AUDIO_EXTENSIONS.test(url);\n },\n lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {\n return Promise.resolve().then(function () {\n return _interopRequireWildcard(require('./FilePlayer'));\n });\n })\n}];\nexports[\"default\"] = _default;"],"sourceRoot":""} 
\r\n \r\n 
\n