@mjhls/mjh-framework 1.0.206 → 1.0.207

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/DeckContent.js +10 -11
  3. package/dist/cjs/DeckQueue.js +11 -12
  4. package/dist/cjs/{Dfp-d94f7f73.js → Dfp-c4f1f12a.js} +5 -5
  5. package/dist/cjs/GridContent-089aa22c.js +632 -0
  6. package/dist/cjs/GridContent.js +17 -604
  7. package/dist/cjs/IssueContentDeck.js +4 -4
  8. package/dist/cjs/IssueDeck.js +4 -4
  9. package/dist/cjs/MasterDeck.js +5 -6
  10. package/dist/cjs/{Normal-7dd8c339.js → Normal-47d9e184.js} +62 -3
  11. package/dist/cjs/PublicationDeck.js +4 -4
  12. package/dist/cjs/QueueDeckExpanded.js +13 -13
  13. package/dist/cjs/{TaxonomyCard-7b5b4298.js → TaxonomyCard-d97685e2.js} +5 -5
  14. package/dist/cjs/TaxonomyCard.js +1 -1
  15. package/dist/cjs/TemplateNormal.js +4 -4
  16. package/dist/cjs/ThumbnailCard.js +4 -4
  17. package/dist/cjs/VideoSeriesListing.js +6 -7
  18. package/dist/cjs/{YoutubeGroup-4cf7a4aa.js → YoutubeGroup-7dc3064d.js} +3 -3
  19. package/dist/cjs/YoutubeGroup.js +1 -1
  20. package/dist/cjs/{debounce-286eb3fb.js → debounce-a963b136.js} +211 -6
  21. package/dist/cjs/{get-06aac51b.js → get-126b1712.js} +10 -10
  22. package/dist/cjs/{visibility-sensor-5c5a7302.js → index-0322e486.js} +0 -587
  23. package/dist/cjs/index.js +212 -96
  24. package/dist/cjs/{index.es-2289df51.js → visibility-sensor-bea3105d.js} +587 -0
  25. package/dist/esm/DeckContent.js +3 -4
  26. package/dist/esm/DeckQueue.js +4 -5
  27. package/dist/esm/{Dfp-ab7941d3.js → Dfp-6731ac01.js} +3 -3
  28. package/dist/esm/GridContent-214acb61.js +625 -0
  29. package/dist/esm/GridContent.js +16 -603
  30. package/dist/esm/MasterDeck.js +3 -4
  31. package/dist/esm/{Normal-403c5666.js → Normal-be430fa9.js} +62 -4
  32. package/dist/esm/QueueDeckExpanded.js +2 -2
  33. package/dist/esm/TemplateNormal.js +4 -4
  34. package/dist/esm/VideoSeriesListing.js +3 -4
  35. package/dist/esm/{debounce-a0242b4a.js → debounce-dc0c02e5.js} +202 -2
  36. package/dist/esm/{get-b684ff61.js → get-b074314b.js} +1 -1
  37. package/dist/esm/{visibility-sensor-3cfe6713.js → index-6a79dad6.js} +2 -588
  38. package/dist/esm/index.js +182 -68
  39. package/dist/esm/{index.es-f369b3e8.js → visibility-sensor-675d3fa1.js} +588 -2
  40. package/package.json +1 -1
  41. package/dist/cjs/AD-e2479b7c.js +0 -31
  42. package/dist/cjs/isSymbol-311eb805.js +0 -209
  43. package/dist/esm/AD-1b2a3dd3.js +0 -26
  44. package/dist/esm/isSymbol-c2b7d05a.js +0 -203
package/dist/cjs/index.js CHANGED
@@ -7,34 +7,32 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
7
7
  var React = require('react');
8
8
  var React__default = _interopDefault(React);
9
9
  var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
10
- var visibilitySensor = require('./visibility-sensor-5c5a7302.js');
10
+ var index = require('./index-0322e486.js');
11
11
  var PropTypes = _interopDefault(require('prop-types'));
12
12
  require('react-bootstrap/Container');
13
13
  require('react-bootstrap/Row');
14
14
  require('react-bootstrap/Col');
15
15
  require('react-bootstrap/Card');
16
- var index_es = require('./index.es-2289df51.js');
16
+ var visibilitySensor = require('./visibility-sensor-bea3105d.js');
17
17
  require('next/link');
18
18
  var Router = require('next/router');
19
19
  var Router__default = _interopDefault(Router);
20
- require('./isSymbol-311eb805.js');
21
- require('./debounce-286eb3fb.js');
20
+ require('./debounce-a963b136.js');
22
21
  require('react-dom');
23
- var index = require('./index-a4c53ff4.js');
22
+ var index$1 = require('./index-a4c53ff4.js');
24
23
  require('./index-0d0efcfa.js');
25
24
  var main = require('./main-58839f4e.js');
26
25
  var entities = require('./entities-3e0b4a16.js');
27
26
  var _babelHelpers = require('./_babelHelpers-f321c258.js');
28
27
  var DeckContent = require('./DeckContent.js');
29
- require('./get-06aac51b.js');
30
- var AD = require('./AD-e2479b7c.js');
31
- var GridContent = require('./GridContent.js');
28
+ require('./get-126b1712.js');
29
+ var GridContent = require('./GridContent-089aa22c.js');
32
30
  var DeckQueue = require('./DeckQueue.js');
33
31
  require('react-bootstrap/Media');
34
32
  var ThumbnailCard = require('./ThumbnailCard.js');
35
- var TaxonomyCard = require('./TaxonomyCard-7b5b4298.js');
33
+ var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
36
34
  var GroupDeck = require('./GroupDeck.js');
37
- var YoutubeGroup = require('./YoutubeGroup-4cf7a4aa.js');
35
+ var YoutubeGroup = require('./YoutubeGroup-7dc3064d.js');
38
36
  var reactBootstrap = require('react-bootstrap');
39
37
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
40
38
  var index_esm = require('./index.esm-340d3792.js');
@@ -45,7 +43,7 @@ var PublicationDeck = require('./PublicationDeck.js');
45
43
  var IssueDeck = require('./IssueDeck.js');
46
44
  require('react-bootstrap/Badge');
47
45
  var IssueContentDeck = require('./IssueContentDeck.js');
48
- var TemplateNormal = require('./Normal-7dd8c339.js');
46
+ var TemplateNormal = require('./Normal-47d9e184.js');
49
47
  require('react-bootstrap/ListGroup');
50
48
  var Head = _interopDefault(require('next/head'));
51
49
  var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -204,7 +202,7 @@ var AD300x250 = function AD300x250(_ref) {
204
202
  _ref$targeting = _ref.targeting,
205
203
  targeting = _ref$targeting === undefined ? {} : _ref$targeting;
206
204
 
207
- return React__default.createElement(AD.AD, {
205
+ return React__default.createElement(TemplateNormal.DFPAdSlot, {
208
206
  networkID: networkID,
209
207
  adUnit: adUnit,
210
208
  slotId: slotId,
@@ -221,7 +219,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
221
219
  _ref$targeting = _ref.targeting,
222
220
  targeting = _ref$targeting === undefined ? {} : _ref$targeting;
223
221
 
224
- return React__default.createElement(AD.AD, {
222
+ return React__default.createElement(TemplateNormal.DFPAdSlot, {
225
223
  networkID: networkID,
226
224
  adUnit: adUnit,
227
225
  className: 'AD300x250',
@@ -262,8 +260,27 @@ var ADFooter = function ADFooter(_ref) {
262
260
  );
263
261
  };
264
262
 
263
+ var AdSlotsProvider = function AdSlotsProvider(_ref) {
264
+ var children = _ref.children,
265
+ networkID = _ref.networkID,
266
+ _ref$targeting = _ref.targeting,
267
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting,
268
+ _ref$singleRequest = _ref.singleRequest,
269
+ singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest;
270
+
271
+ return React__default.createElement(
272
+ index.lib_1,
273
+ {
274
+ dfpNetworkId: networkID,
275
+ targeting: targeting,
276
+ singleRequest: singleRequest,
277
+ lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
278
+ children
279
+ );
280
+ };
281
+
265
282
  var urlFor = function urlFor(source, client) {
266
- var builder = index.imageUrlBuilder(client);
283
+ var builder = index$1.imageUrlBuilder(client);
267
284
  return builder.image(source);
268
285
  };
269
286
 
@@ -423,7 +440,7 @@ var Slideshow = function Slideshow(_ref) {
423
440
  carouselIndex = _useState2[0],
424
441
  setCarouselIndex = _useState2[1];
425
442
 
426
- var builder = index.imageUrlBuilder(client);
443
+ var builder = index$1.imageUrlBuilder(client);
427
444
 
428
445
  React.useEffect(function () {
429
446
  var itemArr = router.asPath.split('?page=');
@@ -436,7 +453,7 @@ var Slideshow = function Slideshow(_ref) {
436
453
  }, [router]);
437
454
 
438
455
  React.useEffect(function () {
439
- visibilitySensor.lib_3.refresh();
456
+ index.lib_3.refresh();
440
457
  if (pageview) pageview(router.asPath);
441
458
  }, [router]);
442
459
 
@@ -3061,7 +3078,7 @@ var Media = function Media(_ref) {
3061
3078
  blank = node.blank,
3062
3079
  caption = node.caption;
3063
3080
 
3064
- var builder = index.imageUrlBuilder(client);
3081
+ var builder = index$1.imageUrlBuilder(client);
3065
3082
 
3066
3083
  var urlFor = function urlFor(source) {
3067
3084
  return builder.image(source);
@@ -10004,7 +10021,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
10004
10021
  function setState(url, vidIndex) {
10005
10022
  setVidUrl(url);
10006
10023
  toggleSeries();
10007
- visibilitySensor.lib_3.refresh();
10024
+ index.lib_3.refresh();
10008
10025
  var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + vidIndex);
10009
10026
  var vidState = { vid_id: vidIndex };
10010
10027
  window.history.pushState(vidState, '', newPath);
@@ -10406,7 +10423,7 @@ var Slideshow$1 = function Slideshow(_ref) {
10406
10423
  carouselIndex = _useState2[0],
10407
10424
  setCarouselIndex = _useState2[1];
10408
10425
 
10409
- var builder = index.imageUrlBuilder(client);
10426
+ var builder = index$1.imageUrlBuilder(client);
10410
10427
 
10411
10428
  React.useEffect(function () {
10412
10429
  var itemArr = router.asPath.split('?page=');
@@ -10419,7 +10436,7 @@ var Slideshow$1 = function Slideshow(_ref) {
10419
10436
  }, [router]);
10420
10437
 
10421
10438
  React.useEffect(function () {
10422
- visibilitySensor.lib_3.refresh();
10439
+ index.lib_3.refresh();
10423
10440
  if (pageview) pageview(router.asPath);
10424
10441
  }, [router]);
10425
10442
 
@@ -10473,7 +10490,7 @@ var NativeAd = function NativeAd(props) {
10473
10490
  return React__default.createElement(
10474
10491
  'div',
10475
10492
  { className: 'native-ad-wrapper', style: { textAlign: 'center' } },
10476
- React__default.createElement(AD.AD, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
10493
+ React__default.createElement(GridContent.AD, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
10477
10494
  );
10478
10495
  };
10479
10496
 
@@ -10683,7 +10700,7 @@ var Feature = function Feature(props) {
10683
10700
  var urlFor = function urlFor(source) {
10684
10701
  var client = props.client;
10685
10702
 
10686
- var builder = index.imageUrlBuilder(client);
10703
+ var builder = index$1.imageUrlBuilder(client);
10687
10704
  return builder.image(source).auto('format');
10688
10705
  };
10689
10706
  //image width
@@ -10988,7 +11005,7 @@ var SetCookie = function SetCookie(key, value) {
10988
11005
  };
10989
11006
 
10990
11007
  var urlFor$3 = function urlFor(source, client) {
10991
- var builder = index.imageUrlBuilder(client);
11008
+ var builder = index$1.imageUrlBuilder(client);
10992
11009
  return builder.image(source);
10993
11010
  };
10994
11011
 
@@ -11285,7 +11302,7 @@ var fbsHero = function fbsHero(props) {
11285
11302
 
11286
11303
  var client = props.client;
11287
11304
 
11288
- var builder = index.imageUrlBuilder(client);
11305
+ var builder = index$1.imageUrlBuilder(client);
11289
11306
  function urlFor(source) {
11290
11307
  return builder.image(source);
11291
11308
  }
@@ -11324,7 +11341,7 @@ var fbsHero = function fbsHero(props) {
11324
11341
  React__default.createElement(
11325
11342
  'p',
11326
11343
  null,
11327
- index_es.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
11344
+ visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
11328
11345
  ),
11329
11346
  topArticle.authorMapping && topArticle.authorMapping[0] && React__default.createElement(
11330
11347
  'p',
@@ -11367,7 +11384,7 @@ var fbsHero = function fbsHero(props) {
11367
11384
  React__default.createElement(
11368
11385
  'p',
11369
11386
  null,
11370
- index_es.moment(article.published).format('MMMM DD, YYYY hh:mma')
11387
+ visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
11371
11388
  ),
11372
11389
  article.authorMapping && article.authorMapping[0] && React__default.createElement(
11373
11390
  'p',
@@ -11394,7 +11411,7 @@ var fbsHero = function fbsHero(props) {
11394
11411
  var HorizontalHero = function HorizontalHero(props) {
11395
11412
  var client = props.client;
11396
11413
 
11397
- var builder = index.imageUrlBuilder(client);
11414
+ var builder = index$1.imageUrlBuilder(client);
11398
11415
  function urlFor(source) {
11399
11416
  return builder.image(source);
11400
11417
  }
@@ -11489,7 +11506,7 @@ var HorizontalHero = function HorizontalHero(props) {
11489
11506
  var OncliveHero = function OncliveHero(props) {
11490
11507
  var client = props.client;
11491
11508
 
11492
- var builder = index.imageUrlBuilder(client);
11509
+ var builder = index$1.imageUrlBuilder(client);
11493
11510
  function urlFor(source) {
11494
11511
  return builder.image(source);
11495
11512
  }
@@ -11522,7 +11539,7 @@ var OncliveHero = function OncliveHero(props) {
11522
11539
  article.title
11523
11540
  ),
11524
11541
  React__default.createElement('div', null),
11525
- index_es.moment(article.published).format('MMMM Do YYYY, h:mma'),
11542
+ visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
11526
11543
  article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
11527
11544
  'p',
11528
11545
  { className: 'mb-2' },
@@ -11551,10 +11568,11 @@ var OncliveHero = function OncliveHero(props) {
11551
11568
 
11552
11569
  var OncliveLargeHero = function OncliveLargeHero(props) {
11553
11570
  var topArticle = props.dataRecord[0];
11554
- var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
11571
+ var middleArticles = props.dataRecord.slice(1, 3);
11572
+ var subArticles = props.dataRecord.slice(3, props.dataRecord.length);
11555
11573
  var client = props.client;
11556
11574
 
11557
- var builder = index.imageUrlBuilder(client);
11575
+ var builder = index$1.imageUrlBuilder(client);
11558
11576
  function urlFor(source) {
11559
11577
  return builder.image(source);
11560
11578
  }
@@ -11572,81 +11590,177 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
11572
11590
  'div',
11573
11591
  { className: 'article-hero-container' },
11574
11592
  React__default.createElement(
11575
- 'a',
11576
- { href: '/view/' + topArticle.url.current, className: 'top-article' },
11577
- React__default.createElement(
11578
- 'figure',
11579
- null,
11580
- React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
11581
- ),
11593
+ 'div',
11594
+ { className: 'top-outer' },
11582
11595
  React__default.createElement(
11583
- 'div',
11584
- { className: 'top-article--body' },
11585
- React__default.createElement(
11586
- 'h1',
11587
- null,
11588
- topArticle.title
11589
- ),
11596
+ 'a',
11597
+ { href: '/view/' + topArticle.url.current, className: 'top-article' },
11590
11598
  React__default.createElement(
11591
- 'p',
11599
+ 'figure',
11592
11600
  null,
11593
- index_es.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
11601
+ React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
11594
11602
  ),
11595
11603
  React__default.createElement(
11596
- 'p',
11597
- null,
11598
- entities.clean_html_1(topArticle.summary)
11604
+ 'div',
11605
+ { className: 'top-article--body' },
11606
+ React__default.createElement(
11607
+ 'h1',
11608
+ null,
11609
+ topArticle.title
11610
+ ),
11611
+ React__default.createElement(
11612
+ 'p',
11613
+ null,
11614
+ visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
11615
+ ),
11616
+ React__default.createElement(
11617
+ 'p',
11618
+ null,
11619
+ entities.clean_html_1(topArticle.summary)
11620
+ )
11599
11621
  )
11622
+ ),
11623
+ React__default.createElement(
11624
+ 'div',
11625
+ { className: 'sub-articles-container middle-single' },
11626
+ middleArticles && middleArticles.map(function (article, index) {
11627
+ var articleThumbnail = '';
11628
+ var articleAltText = article.title;
11629
+ if (article.thumbnail && article.thumbnail.asset) {
11630
+ articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
11631
+ articleAltText = article.thumbnail.asset.originalFileName;
11632
+ } else if (props.thumbnail) {
11633
+ articleThumbnail = props.thumbnail;
11634
+ }
11635
+ return React__default.createElement(
11636
+ 'a',
11637
+ { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
11638
+ React__default.createElement(
11639
+ 'figure',
11640
+ null,
11641
+ React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
11642
+ ),
11643
+ React__default.createElement(
11644
+ 'div',
11645
+ { className: 'sub-article--body' },
11646
+ React__default.createElement(
11647
+ 'h2',
11648
+ null,
11649
+ article.title
11650
+ ),
11651
+ React__default.createElement('div', null),
11652
+ visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
11653
+ article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
11654
+ 'p',
11655
+ { className: 'mb-2' },
11656
+ 'By ',
11657
+ React__default.createElement(
11658
+ 'b',
11659
+ null,
11660
+ article.authorMapping[0].displayName
11661
+ )
11662
+ )
11663
+ )
11664
+ );
11665
+ })
11600
11666
  )
11601
11667
  ),
11602
11668
  React__default.createElement(
11603
11669
  'div',
11604
- { className: 'sub-articles-container' },
11605
- subArticles && subArticles.map(function (article, index) {
11606
- var articleThumbnail = '';
11607
- var articleAltText = article.title;
11608
- if (article.thumbnail && article.thumbnail.asset) {
11609
- articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
11610
- articleAltText = article.thumbnail.asset.originalFileName;
11611
- } else if (props.thumbnail) {
11612
- articleThumbnail = props.thumbnail;
11613
- }
11614
- return React__default.createElement(
11615
- 'a',
11616
- { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
11617
- React__default.createElement(
11618
- 'figure',
11619
- null,
11620
- React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
11621
- ),
11622
- React__default.createElement(
11623
- 'div',
11624
- { className: 'sub-article--body' },
11670
+ { className: 'sub-outer-container' },
11671
+ React__default.createElement(
11672
+ 'div',
11673
+ { className: 'sub-articles-container middle-group' },
11674
+ middleArticles && middleArticles.map(function (article, index) {
11675
+ var articleThumbnail = '';
11676
+ var articleAltText = article.title;
11677
+ if (article.thumbnail && article.thumbnail.asset) {
11678
+ articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
11679
+ articleAltText = article.thumbnail.asset.originalFileName;
11680
+ } else if (props.thumbnail) {
11681
+ articleThumbnail = props.thumbnail;
11682
+ }
11683
+ return React__default.createElement(
11684
+ 'a',
11685
+ { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
11625
11686
  React__default.createElement(
11626
- 'h2',
11687
+ 'figure',
11627
11688
  null,
11628
- article.title
11689
+ React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
11629
11690
  ),
11630
- React__default.createElement('div', null),
11631
- index_es.moment(article.published).format('MMMM Do YYYY, h:mma'),
11632
- article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
11633
- 'p',
11634
- { className: 'mb-2' },
11635
- 'By ',
11691
+ React__default.createElement(
11692
+ 'div',
11693
+ { className: 'sub-article--body' },
11636
11694
  React__default.createElement(
11637
- 'b',
11695
+ 'h2',
11638
11696
  null,
11639
- article.authorMapping[0].displayName
11697
+ article.title
11698
+ ),
11699
+ React__default.createElement('div', null),
11700
+ visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
11701
+ article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
11702
+ 'p',
11703
+ { className: 'mb-2' },
11704
+ 'By ',
11705
+ React__default.createElement(
11706
+ 'b',
11707
+ null,
11708
+ article.authorMapping[0].displayName
11709
+ )
11640
11710
  )
11641
11711
  )
11642
- )
11643
- );
11644
- })
11712
+ );
11713
+ })
11714
+ ),
11715
+ React__default.createElement(
11716
+ 'div',
11717
+ { className: 'sub-articles-container' },
11718
+ subArticles && subArticles.map(function (article, index) {
11719
+ var articleThumbnail = '';
11720
+ var articleAltText = article.title;
11721
+ if (article.thumbnail && article.thumbnail.asset) {
11722
+ articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
11723
+ articleAltText = article.thumbnail.asset.originalFileName;
11724
+ } else if (props.thumbnail) {
11725
+ articleThumbnail = props.thumbnail;
11726
+ }
11727
+ return React__default.createElement(
11728
+ 'a',
11729
+ { key: index, href: '/view/' + article.url.current, className: 'sub-article' },
11730
+ React__default.createElement(
11731
+ 'figure',
11732
+ null,
11733
+ React__default.createElement('img', { src: articleThumbnail, alt: articleAltText })
11734
+ ),
11735
+ React__default.createElement(
11736
+ 'div',
11737
+ { className: 'sub-article--body' },
11738
+ React__default.createElement(
11739
+ 'h2',
11740
+ null,
11741
+ article.title
11742
+ ),
11743
+ React__default.createElement('div', null),
11744
+ visibilitySensor.moment(article.published).format('MMMM Do YYYY, h:mma'),
11745
+ article.authorMapping && article.authorMapping[0] && article.authorMapping[0].displayName && React__default.createElement(
11746
+ 'p',
11747
+ { className: 'mb-2' },
11748
+ 'By ',
11749
+ React__default.createElement(
11750
+ 'b',
11751
+ null,
11752
+ article.authorMapping[0].displayName
11753
+ )
11754
+ )
11755
+ )
11756
+ );
11757
+ })
11758
+ )
11645
11759
  ),
11646
11760
  React__default.createElement(
11647
11761
  'style',
11648
11762
  { jsx: 'true' },
11649
- '\n .article-hero-container {\n display: flex;\n flex-direction: row;\n margin: 0 -1rem;\n }\n .top-article {\n width: 50%;\n margin: 0 1rem;\n height: 100%;\n display: block;\n }\n .top-article figure {\n width: 100%;\n height: 60%;\n }\n .top-article figure img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .top-article--body h1 {\n font-size: 1.4rem;\n color: black !important;\n font-weight: bold;\n }\n .sub-articles-container {\n width: 50%;\n flex: 1 1 auto;\n min-width: 350px;\n }\n .sub-article {\n margin: 0 1rem 1rem;\n display: flex;\n flex-direction: row;\n }\n .sub-article figure {\n width: 125px;\n }\n .sub-article figure img {\n width: 125px;\n height: auto;\n object-fit: cover;\n }\n .sub-article--body {\n padding-left: 1rem;\n font-size: 0.9rem;\n }\n .sub-article--body h2 {\n font-size: 1rem;\n font-weight: bold;\n }\n @media screen and (max-width: 1368px) {\n .article-hero-container {\n flex-direction: column;\n }\n .top-article {\n width: unset;\n flex: 1 1 auto;\n }\n .sub-articles-container {\n width: 100%;\n margin-top: 1rem;\n min-width: 280px;\n }\n }\n '
11763
+ '\n .article-hero-container {\n display: flex;\n flex-direction: row;\n margin: 0 -1rem;\n }\n .top-article {\n // width: 50%;\n margin: 0 1rem;\n height: 100%;\n display: block;\n }\n .top-article figure {\n width: 100%;\n height: 60%;\n }\n .top-article figure img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .top-article--body h1 {\n font-size: 1.4rem;\n color: black !important;\n font-weight: bold;\n }\n // .sub-articles-container {\n // width: 50%;\n // flex: 1 1 auto;\n // min-width: 350px;\n // }\n .sub-article {\n margin: 0 1rem 1rem;\n display: flex;\n flex-direction: row;\n }\n .sub-article figure {\n width: 125px;\n }\n .sub-article figure img {\n width: 125px;\n height: auto;\n object-fit: cover;\n }\n .sub-article--body {\n padding-left: 1rem;\n font-size: 0.9rem;\n }\n .sub-article--body h2 {\n font-size: 1rem;\n font-weight: bold;\n }\n @media screen and (max-width: 1368px) {\n .article-hero-container {\n flex-direction: column;\n }\n .top-article {\n // width: unset;\n flex: 1 1 auto;\n }\n .sub-articles-container {\n width: 100%;\n margin-top: 1rem;\n min-width: 280px;\n }\n }\n @media screen and (max-width: 1399px) and (min-width: 992px) {\n .top-article {\n // width: 50%;\n flex: 1 1 auto;\n }\n .middle-group {\n display: none;\n }\n .middle-single {\n display: block !important;\n margin-top: 0 !important;\n }\n }\n // @media only screen and (min-width) {\n // .sub-outer-container {\n // width: 50%;\n // flex: 1 1 auto;\n // min-width: 350px;\n // }\n // }\n .middle-single {\n display: none;\n }\n .top-outer {\n display: flex;\n }\n '
11650
11764
  )
11651
11765
  );
11652
11766
  };
@@ -11654,7 +11768,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
11654
11768
  var VerticalHero = function VerticalHero(props) {
11655
11769
  var client = props.client;
11656
11770
 
11657
- var builder = index.imageUrlBuilder(client);
11771
+ var builder = index$1.imageUrlBuilder(client);
11658
11772
  function urlFor(source) {
11659
11773
  return builder.image(source);
11660
11774
  }
@@ -11719,7 +11833,7 @@ var YahooHero = function YahooHero(props) {
11719
11833
  var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
11720
11834
  var client = props.client;
11721
11835
 
11722
- var builder = index.imageUrlBuilder(client);
11836
+ var builder = index$1.imageUrlBuilder(client);
11723
11837
  function urlFor(source) {
11724
11838
  return builder.image(source);
11725
11839
  }
@@ -11759,7 +11873,7 @@ var YahooHero = function YahooHero(props) {
11759
11873
  React__default.createElement(
11760
11874
  'p',
11761
11875
  null,
11762
- index_es.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
11876
+ visibilitySensor.moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
11763
11877
  ),
11764
11878
  React__default.createElement(
11765
11879
  'p',
@@ -11794,7 +11908,7 @@ var YahooHero = function YahooHero(props) {
11794
11908
  React__default.createElement(
11795
11909
  'p',
11796
11910
  { className: 'yh-sub-article--info' },
11797
- index_es.moment(article.published).format('MMMM DD, YYYY hh:mma')
11911
+ visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
11798
11912
  ),
11799
11913
  article.authorMapping && article.authorMapping[0] && React__default.createElement(
11800
11914
  'p',
@@ -11852,7 +11966,7 @@ var RelatedContent = function RelatedContent(props) {
11852
11966
  _props$defaultImage = props.defaultImage,
11853
11967
  defaultImage = _props$defaultImage === undefined ? '' : _props$defaultImage;
11854
11968
 
11855
- var builder = index.imageUrlBuilder(client);
11969
+ var builder = index$1.imageUrlBuilder(client);
11856
11970
  function urlFor(source) {
11857
11971
  return builder.image(source);
11858
11972
  }
@@ -11887,7 +12001,7 @@ var RelatedContent = function RelatedContent(props) {
11887
12001
  props.showPublished && React__default.createElement(
11888
12002
  'p',
11889
12003
  { className: 'pb-0 mb-0' },
11890
- index_es.moment(article.published).format('MMMM DD, YYYY hh:mma')
12004
+ visibilitySensor.moment(article.published).format('MMMM DD, YYYY hh:mma')
11891
12005
  ),
11892
12006
  props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
11893
12007
  'p',
@@ -11931,11 +12045,11 @@ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(ti
11931
12045
  var ConferenceArticleCard = function ConferenceArticleCard(props) {
11932
12046
  var data = props.data,
11933
12047
  variant = props.variant,
11934
- index$1 = props.index,
12048
+ index = props.index,
11935
12049
  client = props.client;
11936
12050
 
11937
12051
 
11938
- var builder = index.imageUrlBuilder(client);
12052
+ var builder = index$1.imageUrlBuilder(client);
11939
12053
 
11940
12054
  function urlFor(source) {
11941
12055
  return builder.image(source);
@@ -11969,7 +12083,7 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
11969
12083
  React__default.createElement(
11970
12084
  'p',
11971
12085
  { className: 'conf-media__card-text' },
11972
- index_es.moment(data.published).format('MMMM Do YYYY, h:mma')
12086
+ visibilitySensor.moment(data.published).format('MMMM Do YYYY, h:mma')
11973
12087
  ),
11974
12088
  React__default.createElement(
11975
12089
  'p',
@@ -11991,8 +12105,8 @@ var ConferenceArticleCard = function ConferenceArticleCard(props) {
11991
12105
  };
11992
12106
 
11993
12107
  exports.DeckContent = DeckContent;
11994
- exports.AD = AD.AD;
11995
- exports.GridContent = GridContent;
12108
+ exports.AD = GridContent.AD;
12109
+ exports.GridContent = GridContent.GridContent;
11996
12110
  exports.DeckQueue = DeckQueue;
11997
12111
  exports.ThumbnailCard = ThumbnailCard;
11998
12112
  exports.TaxonomyCard = TaxonomyCard.TaxonomyCard;
@@ -12005,6 +12119,7 @@ exports.PublicationDeck = PublicationDeck;
12005
12119
  exports.IssueDeck = IssueDeck;
12006
12120
  exports.IssueContentDeck = IssueContentDeck;
12007
12121
  exports.AD728x90 = TemplateNormal.AD728x90;
12122
+ exports.AdSlot = TemplateNormal.DFPAdSlot;
12008
12123
  exports.Column1 = TemplateNormal.Column1;
12009
12124
  exports.Column2 = TemplateNormal.Column2;
12010
12125
  exports.Column3 = TemplateNormal.Column3;
@@ -12024,6 +12139,7 @@ exports.AD300x250 = AD300x250;
12024
12139
  exports.AD300x250x600 = AD300x250x600;
12025
12140
  exports.ADFooter = ADFooter;
12026
12141
  exports.AccordionPanel = AccordionPanel;
12142
+ exports.AdSlotsProvider = AdSlotsProvider;
12027
12143
  exports.AlphabeticList = AlphabeticList;
12028
12144
  exports.ArticleDetailDropdown = ArticleDetailDropdown;
12029
12145
  exports.Breadcrumbs = Breadcrumbs$1;