{"version":3,"sources":["webpack:///./src/js/modules/featured-blog-news.js"],"names":["FeaturedBlogNews","this","dom","list","el","querySelector","viewMoreCta","setupViewMoreCta","setupSlider","addEventListener","handleShowMoreClick","window","handleWindowResize","classList","contains","remove","scrollTo","top","offsetTop","left","behavior","add","innerWidth","children","length","$","slick","dots","arrows","mobileFirst","adaptiveHeight","responsive","breakpoint","settings","Component"],"mappings":"ilDAGMA,E,sWACJ,WACEC,KAAKC,IAAM,CACTC,KAAMF,KAAKG,GAAGC,cAAc,6BAC5BC,YAAaL,KAAKG,GAAGC,cAAc,mCAErCJ,KAAKM,mBACLN,KAAKO,gB,0BAGP,WACEP,KAAKC,IAAII,YAAYG,iBAAiB,QAAWR,KAAKS,oBAAtD,KAAiDT,OACjDU,OAAOF,iBAAiB,SAAYR,KAAKW,mBAAzC,KAAoCX,S,iCAGtC,WACMA,KAAKG,GAAGS,UAAUC,SAAS,SAC7Bb,KAAKG,GAAGS,UAAUE,OAAO,QACzBJ,OAAOK,SAAS,CACdC,IAAKhB,KAAKG,GAAGc,UACbC,KAAM,EACNC,SAAU,YAGZnB,KAAKG,GAAGS,UAAUQ,IAAI,U,gCAK1B,WACMV,OAAOW,WAAa,MAAQrB,KAAKC,IAAIC,KAAKU,UAAUC,SAAS,sBAC/Db,KAAKO,gB,8BAIT,WACMP,KAAKC,IAAIC,KAAKoB,SAASC,OAAS,GAClCvB,KAAKC,IAAII,YAAYO,UAAUQ,IAAI,Y,yBAIvC,WACEI,EAAExB,KAAKC,IAAIC,MAAMuB,MAAM,CACrBC,MAAM,EACNC,QAAQ,EACRC,aAAa,EACbC,gBAAgB,EAChBC,WAAY,CACV,CACEC,WAAY,IACZC,SAAU,mB,8BAlDWC,aAyDhBlC,a","file":"31.b9714b3075e80552fc6e.js","sourcesContent":["import { Component } from '@verndale/core';\nimport 'slick-carousel';\n\nclass FeaturedBlogNews extends Component {\n  setupDefaults() {\n    this.dom = {\n      list: this.el.querySelector('.featured-blog-news__list'),\n      viewMoreCta: this.el.querySelector('.featured-blog-news__view-more')\n    };\n    this.setupViewMoreCta();\n    this.setupSlider()\n  }\n\n  addListeners() {\n    this.dom.viewMoreCta.addEventListener('click', ::this.handleShowMoreClick)\n    window.addEventListener('resize', ::this.handleWindowResize)\n  }\n\n  handleShowMoreClick() {\n    if (this.el.classList.contains('open')) {\n      this.el.classList.remove('open')\n      window.scrollTo({\n        top: this.el.offsetTop,\n        left: 0,\n        behavior: 'smooth'\n      });\n    } else {\n      this.el.classList.add('open')\n    }\n\n  }\n\n  handleWindowResize() {\n    if (window.innerWidth < 768 && !this.dom.list.classList.contains('slick-initialized')) {\n      this.setupSlider();\n    }\n  }\n\n  setupViewMoreCta() {\n    if (this.dom.list.children.length > 3) {\n      this.dom.viewMoreCta.classList.add('active');\n    }\n  }\n\n  setupSlider() {\n    $(this.dom.list).slick({\n      dots: true,\n      arrows: false,\n      mobileFirst: true,\n      adaptiveHeight: true,\n      responsive: [\n        {\n          breakpoint: 767,\n          settings: 'unslick'\n        }\n      ]\n    });\n  }\n}\n\nexport default FeaturedBlogNews;\n"],"sourceRoot":""}