{"version":3,"sources":["webpack:///./src/js/modules/news-row.js"],"names":["NewsRow","Component","setupDefaults","this","dom","sliderContainer","el","querySelector","tablet","window","matchMedia","MEDIA_QUERIES","TABLET_LANDSCAPE","initSlider","addListeners","onchange","e","matches","swiper","Swiper","modules","Pagination","simulateTouch","draggable","breakpoints","MOBILE","slidesPerView","spaceBetween","centeredSlides","TABLET","pagination","clickable","type","on","resize","destroy"],"mappings":"2FAAA,iCAIA,MAAMA,UAAgBC,YACpBC,gBACEC,KAAKC,IAAM,CACTC,gBAAiBF,KAAKG,GAAGC,cAAc,YAEzCJ,KAAKK,OAASC,OAAOC,WAAY,eAAcC,IAAcC,uBAC7DT,KAAKU,aAGPC,eACEX,KAAKK,OAAOO,SAAYC,IACjBA,EAAEC,SACLd,KAAKU,cAKXA,aACE,IAAKV,KAAKK,OAAOS,QAAS,CACxB,MAAMC,EAAS,IAAIC,IAAOhB,KAAKC,IAAIC,gBAAiB,CAClDe,QAAS,CAACC,KACVC,eAAe,EACfC,WAAW,EACXC,YAAa,CACX,CAACb,IAAcc,QAAS,CACtBC,cAAe,IACfC,aAAc,GACdC,gBAAgB,GAElB,CAACjB,IAAckB,QAAS,CACtBF,aAAc,GACdD,cAAe,EACfE,gBAAgB,GAElB,CAACjB,IAAcC,kBAAmB,CAChCe,aAAc,GACdD,cAAe,IAGnBI,WAAY,CACVxB,GAAI,qBACJyB,WAAW,EACXC,KAAM,WAERC,GAAI,CACFC,OAAQ,KACF/B,KAAKK,OAAOS,SACdC,EAAOiB,gBASNnC","file":"98.bundle.js","sourcesContent":["import { Component } from '@verndale/core'\nimport Swiper, { Pagination } from 'swiper'\nimport { MEDIA_QUERIES } from '../utils'\n\nclass NewsRow extends Component {\n  setupDefaults() {\n    this.dom = {\n      sliderContainer: this.el.querySelector('.swiper')\n    }\n    this.tablet = window.matchMedia(`(min-width: ${MEDIA_QUERIES.TABLET_LANDSCAPE}px)`)\n    this.initSlider()\n  }\n\n  addListeners() {\n    this.tablet.onchange = (e) => {\n      if (!e.matches) {\n        this.initSlider()\n      }\n    }\n  }\n\n  initSlider() {\n    if (!this.tablet.matches) {\n      const swiper = new Swiper(this.dom.sliderContainer, {\n        modules: [Pagination],\n        simulateTouch: true,\n        draggable: true,\n        breakpoints: {\n          [MEDIA_QUERIES.MOBILE]: {\n            slidesPerView: 1.5,\n            spaceBetween: 10,\n            centeredSlides: true\n          },\n          [MEDIA_QUERIES.TABLET]: {\n            spaceBetween: 10,\n            slidesPerView: 3,\n            centeredSlides: true\n          },\n          [MEDIA_QUERIES.TABLET_LANDSCAPE]: {\n            spaceBetween: 10,\n            slidesPerView: 3\n          }\n        },\n        pagination: {\n          el: '.swiper-pagination',\n          clickable: true,\n          type: 'bullets'\n        },\n        on: {\n          resize: () => {\n            if (this.tablet.matches) {\n              swiper.destroy()\n            }\n          }\n        }\n      })\n    }\n  }\n}\n\nexport default NewsRow\n"],"sourceRoot":""}