{"version":3,"sources":["webpack:///./src/js/modules/news-media/LoadNews.js","webpack:///./src/js/modules/news-media/LatestNews.js"],"names":["url","renderItem","$","getJSON","then","response","articles","length","items","map","article","imageUrl","headline","renderImage","type","dateFormatted","renderArticle","join","render","_core","__webpack_require__","LatestNews","Component","_this2","this","dom","$list","$el","find","data","_LoadNews2","default","news","html"],"mappings":"sKAAA,SAAkBA,EAAKC,GACrB,OAAOC,EAAEC,QAAQH,GAAKI,KAAK,SAAAC,GAAA,OAG7B,SAAgBA,EAAUJ,GAAY,IAC5BK,EAAaD,EAAbC,SACR,GAAIA,GAAYA,EAASC,OAAQ,CAC/B,IAAMC,EAAQF,EAASG,IAAI,SAAAC,GAAA,OAAWT,EAM1C,SAAuBS,GACrB,wBACaA,EAAQV,IADrB,6HAgBF,SAAqBU,GACnB,OAAIA,EAAQC,SACV,4BACqBD,EAAQC,SAD7B,qBAEaD,EAAQE,SAFrB,uEAOK,GArBGC,CAAYH,GAJtB,yGAOsCA,EAAQI,KAP9C,iDAQuCJ,EAAQE,SAR/C,kDASwCF,EAAQK,cAThD,gEAPmDC,CAAcN,MAC/D,OAAOF,EAAMS,KAAK,IAEpB,MAAO,GATgCC,CAAOb,EAAUJ,qWCD1DkB,EAAAC,EAAA,wDACAA,EAAA,UAEMC,grBAAmBC,wDACP,IAAAC,EAAAC,KACdA,KAAKC,KACHC,MAAOF,KAAKG,IAAIC,KAAK,uBAGvB,IAAM5B,EAAMwB,KAAKG,IAAIE,KAAK,OAEtB7B,IACF,EAAA8B,EAAAC,SAAS/B,EAAKwB,KAAKvB,YAAYG,KAAK,SAAA4B,GAAA,OAAQT,EAAKE,IAAIC,MAAMO,KAAKD,wCAIzDtB,GACT,+CACkCA,EADlC,iCAMWW","file":"52.ab8dca83d2ba9c5f4065.bundle.js","sourcesContent":["function loadNews(url, renderItem) {\n  return $.getJSON(url).then(response => render(response, renderItem));\n}\n\nfunction render(response, renderItem) {\n  const { articles } = response;\n  if (articles && articles.length) {\n    const items = articles.map(article => renderItem(renderArticle(article)));\n    return items.join('');\n  }\n  return '';\n}\n\nfunction renderArticle(article) {\n  return `\n    <a href=\"${article.url}\" class=\"news-card\">\n      <figure class=\"news-card__figure\">\n        <div class=\"news-card__image-wrapper\">\n          ${renderImage(article)}\n        </div>\n        <figcaption class=\"news-card__info\">\n          <em class=\"news-card__type\">${article.type}</em>\n          <h4 class=\"news-card__title\">${article.headline}</h4>\n          <span class=\"news-card__date\">${article.dateFormatted}</span>\n        </figcaption>\n      </figure>\n    </a>\n  `;\n}\n\nfunction renderImage(article) {\n  if (article.imageUrl) {\n    return /*HTML*/ `\n        <img data-src=\"${article.imageUrl}\"\n          alt=\"${article.headline}\"\n          class=\"news-card__image lazyload\"\n          />\n      `;\n  }\n  return '';\n}\n\nexport default loadNews;\n","import { Component } from '@verndale/core';\nimport loadNews from './LoadNews';\n\nclass LatestNews extends Component {\n  setupDefaults() {\n    this.dom = {\n      $list: this.$el.find('.latest-news__list')\n    };\n\n    const url = this.$el.data('url');\n\n    if (url) {\n      loadNews(url, this.renderItem).then(news => this.dom.$list.html(news));\n    }\n  }\n\n  renderItem(article) {\n    return `\n      <li class=\"latest-news__item\">${article}</li>\n    `;\n  }\n}\n\nexport default LatestNews;\n"],"sourceRoot":""}