{"version":3,"sources":["webpack:///./scripts/Components/SlickSlider/styles|lazy|/^\\.\\/.*\\.scss$/|groupOptions: {}|namespace object","webpack:///./scripts/Components/SlickSlider/SlickSlider.js","webpack:///./styles/exports/wtg.module.scss","webpack:///./scripts/Hooks/useIsMobile.js","webpack:///./scripts/Hooks/useWindowSize.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","window","__litium","themeName","TEMP_CLASS","SlickSlider","values","sliderRef","useRef","currentSliderRef","currentSlide","setCurrentSlide","useState","next","current","slickNext","prev","slickPrev","useEffect","sliderWrapper","closest","setTimeout","classList","remove","CustomArrows","React","className","ref","length","onClick","Icon","iconCode","iconClass","useIsMobile","settings","dots","arrows","infinite","speed","afterChange","slidesToShow","slidesToScroll","Slider","_extends","value","index","key","dangerouslySetInnerHTML","__html","html","breakpoint","parseInt","breakpoints","replace","windowWidth","initialWidth","innerWidth","initialHeight","innerHeight","size","setSize","useLayoutEffect","updateSize","addEventListener","removeEventListener","useWindowSize","isMobile","setIsMobile"],"mappings":"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","file":"4703.82a747a5e2d5e4aa92c1.js","sourcesContent":["var map = {\n\t\"./alf.scss\": [\n\t\t13911,\n\t\t3911\n\t],\n\t\"./main.scss\": [\n\t\t2637,\n\t\t2637\n\t],\n\t\"./oh-poppy.scss\": [\n\t\t41086,\n\t\t1086\n\t],\n\t\"./vincent.scss\": [\n\t\t60924,\n\t\t924\n\t],\n\t\"./wtg.scss\": [\n\t\t94648,\n\t\t4648\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(() => {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(() => {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = 8778;\nmodule.exports = webpackAsyncContext;","import React, { useEffect, useRef, useState } from 'react';\nimport Slider from 'react-slick';\nimport useIsMobile from '../../Hooks/useIsMobile';\nimport Icon from '../IconBase/Icon';\nimport(`./styles/${window.__litium.themeName}.scss`);\n\nconst TEMP_CLASS = 'temp-aspect-ratio-class';\n\nconst SlickSlider = ({ values }) => {\n  const sliderRef = useRef();\n  const currentSliderRef = useRef();\n  const [currentSlide, setCurrentSlide] = useState(0);\n\n  const next = () => {\n    sliderRef.current.slickNext();\n  };\n  const prev = () => {\n    sliderRef.current.slickPrev();\n  };\n\n  useEffect(() => {\n    const sliderWrapper = currentSliderRef.current.closest('.' + TEMP_CLASS);\n\n    setTimeout(() => {\n      sliderWrapper.classList.remove(TEMP_CLASS);\n    }, '1000');\n  }, []);\n\n  const CustomArrows = () => {\n    return (\n      <div className=\"slick-slider__pagination\" ref={currentSliderRef}>\n        {values.length > 1 && (\n          <>\n            <div\n              className=\"slick-slider__button slick-slider__button--prev\"\n              onClick={prev}\n            >\n              <Icon\n                iconCode=\"chevron_left\"\n                iconClass={`${\n                  window.__litium.themeName == 'vincent'\n                    ? 'material-symbols--small-thin'\n                    : ''\n                }`}\n              />\n            </div>\n            <div className=\"slick-slider__custom-indicator\">\n              {currentSlide + 1}/{values.length}\n            </div>\n            <div\n              className=\"slick-slider__button slick-slider__button--next\"\n              onClick={next}\n            >\n              <Icon\n                iconCode=\"chevron_right\"\n                iconClass={`${\n                  window.__litium.themeName == 'vincent'\n                    ? 'material-symbols--small-thin'\n                    : ''\n                }`}\n              />\n            </div>\n          </>\n        )}\n      </div>\n    );\n  };\n\n  var isMobile = useIsMobile();\n  var settings = {\n    dots: false,\n    arrows: false,\n    infinite: true,\n    speed: 500,\n    afterChange: (current) => setCurrentSlide(current),\n    slidesToShow: 1,\n    slidesToScroll: 1,\n  };\n\n  return (\n    <div className=\"slick-slider__content-wrapper\">\n      <Slider ref={sliderRef} {...settings}>\n        {values.map((value, index) => (\n          <div\n            key={`figure${index}`}\n            dangerouslySetInnerHTML={{\n              __html: value.html,\n            }}\n          ></div>\n        ))}\n      </Slider>\n      <CustomArrows />\n    </div>\n  );\n};\n\nexport default SlickSlider;\n","// extracted by mini-css-extract-plugin\nexport default {\"xsmall\":\"0\",\"small\":\"480px\",\"medium\":\"768px\",\"large\":\"1024px\",\"xlarge\":\"1440px\",\"sitelarge\":\"1656px\",\"xxlarge\":\"1920px\"};","import React, { useEffect } from 'react';\nimport breakpoints from '../../styles/exports/wtg.module.scss';\nimport useWindowSize from './useWindowSize';\n\nconst MOBILE_BREAKPOINT = 'large'; // below large = mobile\n\nconst useIsMobile = (breakpoint = MOBILE_BREAKPOINT) => {\n  breakpoint = parseInt(breakpoints[breakpoint].replace('px', ''));\n\n  const [windowWidth] = useWindowSize();\n  const [isMobile, setIsMobile] = React.useState(windowWidth <= breakpoint - 1);\n\n  useEffect(() => {\n    setIsMobile(windowWidth <= breakpoint - 1);\n  }, [windowWidth, breakpoint]);\n\n  return isMobile;\n};\n\nexport default useIsMobile;\n","import { useState, useLayoutEffect } from 'react';\n\nexport default function () {\n  var initialWidth = window && window.innerWidth ? window.innerWidth : 0;\n  var initialHeight = window && window.innerHeight ? window.innerHeight : 0;\n  const [size, setSize] = useState([initialWidth, initialHeight]);\n  useLayoutEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight]);\n    }\n    window.addEventListener('resize', updateSize);\n    updateSize();\n    return () => window.removeEventListener('resize', updateSize);\n  }, []);\n  return size;\n}\n"],"sourceRoot":""}