{"version":3,"sources":["webpack:///./src/js/particles/particles.js","webpack:///./src/js/utils/breakpoints.js","webpack:///./src/js/modules/listing-masthead.js"],"names":["PARTICLES_COLOR","getComputedStyle","document","body","getPropertyValue","trim","mediaQuery","window","matchMedia","particlesJsCircle","el","particlesJS","particles","number","value","color","size","random","anim","enable","speed","size_min","sync","line_linked","distance","opacity","width","move","matches","direction","out_mode","interactivity","detect_on","events","onhover","mode","resize","modes","repulse","duration","retina_detect","particlesJsAbstract","TABLET","DESKTOP","Swiper","use","Pagination","Module","Component","setupDefaults","this","dom","$headings","querySelector","$swiperContainer","$swiperPagination","$particles","initSwiper","setParentBlockSize","classList","add","swiper","slidesPerView","watchOverflow","spaceBetween","breakpoints","pagination","bulletActiveClass","bulletClass","clickableClass","currentClass","hiddenClass","clickable"],"mappings":"0FAAA,0EAEA,MAAMA,EAAkBC,iBAAiBC,SAASC,MAAMC,iBAAiB,qBAAqBC,OAExFC,EAAaC,OAAOC,WAAW,4BAExBC,EAAqBC,IAChCH,OAAOI,YAAYD,EAAI,CACrBE,UAAW,CACTC,OAAQ,CAAEC,MAAO,KACjBC,MAAO,CAAED,MAAOd,GAChBgB,KAAM,CACJF,MAAO,EACPG,QAAQ,EACRC,KAAM,CAAEC,QAAQ,EAAOC,MAAO,GAAIC,SAAU,EAAGC,MAAM,IAEvDC,YAAa,CACXJ,QAAQ,EACRK,SAAU,IACVT,MAAOf,EACPyB,QAAS,GACTC,MAAO,GAETC,KAAM,CACJR,QAAQ,EACRC,MAAOd,EAAWsB,QAAU,EAAI,IAChCC,UAAW,OACXC,SAAU,WAGdC,cAAe,CACbC,UAAW,SACXC,OAAQ,CACNC,QAAS,CAAEf,QAAQ,EAAMgB,KAAM,WAC/BC,QAAQ,GAEVC,MAAO,CACLC,QAAS,CAAEd,SAAU,GAAIe,SAAU,MAGvCC,eAAe,KAINC,EAAuB/B,GAClCH,OAAOI,YAAYD,EAAI,CACrBE,UAAW,CACTC,OAAQ,CAAEC,MAAO,KACjBC,MAAO,CAAED,MAAOd,GAChBgB,KAAM,CACJF,MAAO,EACPG,QAAQ,EACRC,KAAM,CAAEC,QAAQ,EAAOC,MAAO,GAAIC,SAAU,EAAGC,MAAM,IAEvDC,YAAa,CACXJ,QAAQ,EACRK,SAAU,IACVT,MAAOf,EACPyB,QAAS,GACTC,MAAO,GAETC,KAAM,CACJR,QAAQ,EACRC,MAAOd,EAAWsB,QAAU,EAAI,IAChCC,UAAW,OACXC,SAAU,WAGdC,cAAe,CACbC,UAAW,SACXC,OAAQ,CACNC,QAAS,CAAEf,QAAQ,EAAMgB,KAAM,WAC/BC,QAAQ,GAEVC,MAAO,CACLC,QAAS,CAAEd,SAAU,GAAIe,SAAU,MAGvCC,eAAe,K,gCC9EnB,oEAAO,MACME,EAAS,IACTC,EAAU,M,gCCFvB,yDAMAC,IAAOC,IAAI,CAACC,MAEZ,MAAMC,UAAeC,YACnBC,gBACEC,KAAKC,IAAM,CACTC,UAAWF,KAAKxC,GAAG2C,cAAc,8BACjCC,iBAAkBJ,KAAKxC,GAAG2C,cAAc,qBACxCE,kBAAmBL,KAAKxC,GAAG2C,cAAc,uBACzCG,WAAYN,KAAKxC,GAAG2C,cAAc,gCAGpCH,KAAKO,aACLC,YAAmBR,KAAKC,IAAIC,UAAWF,KAAKxC,IAEvCwC,KAAKC,IAAIG,kBACZJ,KAAKxC,GAAGiD,UAAUC,IAAI,6BAGpBV,KAAKC,IAAIK,YACX/C,YAAkB,8BAItBgD,aACEP,KAAKW,OAAS,IAAIjB,IAAOM,KAAKC,IAAIG,iBAAkB,CAClDQ,cAAe,EACfC,eAAe,EACfC,aAAc,GACdC,YAAa,CACX,CAACtB,KAAU,CACTmB,cAAe,IAGnBI,WAAY,CACVxD,GAAIwC,KAAKC,IAAII,kBACbY,kBAAmB,oCACnBC,YAAa,4BACbC,eAAgB,gCAChBC,aAAc,8BACdC,YAAa,6BACbC,WAAW,MAMJzB","file":"13.28e2b347ce4a0a542704.js","sourcesContent":["import 'particles.js';\n\nconst PARTICLES_COLOR = getComputedStyle(document.body).getPropertyValue('--color-particles').trim();\n\nconst mediaQuery = window.matchMedia('(prefers-reduced-motion)');\n\nexport const particlesJsCircle = (el) => {\n window.particlesJS(el, {\n particles: {\n number: { value: 300 },\n color: { value: PARTICLES_COLOR },\n size: {\n value: 8,\n random: true,\n anim: { enable: false, speed: 40, size_min: 4, sync: false }\n },\n line_linked: {\n enable: true,\n distance: 100,\n color: PARTICLES_COLOR,\n opacity: 0.8,\n width: 1\n },\n move: {\n enable: true,\n speed: mediaQuery.matches ? 0 : 0.65,\n direction: 'none',\n out_mode: 'bounce'\n }\n },\n interactivity: {\n detect_on: 'canvas',\n events: {\n onhover: { enable: true, mode: 'repulse' },\n resize: true\n },\n modes: {\n repulse: { distance: 20, duration: 0.4 }\n }\n },\n retina_detect: true\n });\n};\n\nexport const particlesJsAbstract = (el) =>\n window.particlesJS(el, {\n particles: {\n number: { value: 200 },\n color: { value: PARTICLES_COLOR },\n size: {\n value: 8,\n random: true,\n anim: { enable: false, speed: 40, size_min: 4, sync: false }\n },\n line_linked: {\n enable: true,\n distance: 100,\n color: PARTICLES_COLOR,\n opacity: 0.8,\n width: 1\n },\n move: {\n enable: true,\n speed: mediaQuery.matches ? 0 : 0.65,\n direction: 'none',\n out_mode: 'bounce'\n }\n },\n interactivity: {\n detect_on: 'canvas',\n events: {\n onhover: { enable: true, mode: 'repulse' },\n resize: true\n },\n modes: {\n repulse: { distance: 20, duration: 0.4 }\n }\n },\n retina_detect: true\n });\n","export const MOBILE = 360;\nexport const TABLET = 768;\nexport const DESKTOP = 1360;\nexport const WIDE = 1920;\n","import { Component } from '@verndale/core';\nimport Swiper, { Pagination } from 'swiper';\nimport { setParentBlockSize } from '../utils/dom';\nimport { DESKTOP } from '../utils/breakpoints';\nimport { particlesJsCircle } from '../particles/particles';\n\nSwiper.use([Pagination]);\n\nclass Module extends Component {\n setupDefaults() {\n this.dom = {\n $headings: this.el.querySelector('.listing-masthead__heading'),\n $swiperContainer: this.el.querySelector('.swiper-container'),\n $swiperPagination: this.el.querySelector('.slider__pagination'),\n $particles: this.el.querySelector('#listing-masthead-particles')\n };\n\n this.initSwiper();\n setParentBlockSize(this.dom.$headings, this.el);\n\n if (!this.dom.$swiperContainer) {\n this.el.classList.add('listing-masthead--no-news');\n }\n\n if (this.dom.$particles) {\n particlesJsCircle('listing-masthead-particles');\n }\n }\n\n initSwiper() {\n this.swiper = new Swiper(this.dom.$swiperContainer, {\n slidesPerView: 1,\n watchOverflow: true,\n spaceBetween: 40,\n breakpoints: {\n [DESKTOP]: {\n slidesPerView: 2\n }\n },\n pagination: {\n el: this.dom.$swiperPagination,\n bulletActiveClass: 'slider__pagination-bullet--active',\n bulletClass: 'slider__pagination-bullet',\n clickableClass: 'slider__pagination--clickable',\n currentClass: 'slider__pagination--current',\n hiddenClass: 'slider__pagination--hidden',\n clickable: true\n }\n });\n }\n}\n\nexport default Module;\n"],"sourceRoot":""}