@mjhls/mjh-framework 1.0.682 → 1.0.684-beta.0

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 (152) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AD.js +1 -1
  3. package/dist/cjs/AD300x250.js +3 -3
  4. package/dist/cjs/AD300x250x600.js +3 -3
  5. package/dist/cjs/AD728x90.js +4 -4
  6. package/dist/cjs/ADFloatingFooter.js +2 -2
  7. package/dist/cjs/ADGutter.js +2 -2
  8. package/dist/cjs/ADSkyscraper.js +2 -2
  9. package/dist/cjs/ADSponsoredResources.js +2 -2
  10. package/dist/cjs/ADWebcast.js +2 -2
  11. package/dist/cjs/ADWelcome.js +2 -2
  12. package/dist/cjs/AdSlot.js +2 -2
  13. package/dist/cjs/AdSlotsProvider.js +1 -1
  14. package/dist/cjs/ArticleCarousel.js +1 -1
  15. package/dist/cjs/ArticleSeriesListing.js +4 -4
  16. package/dist/cjs/Auth.js +256 -507
  17. package/dist/cjs/{BlockContent-88f69acd.js → BlockContent-091a991f.js} +1 -1
  18. package/dist/cjs/BrowseVideosListing.js +1 -1
  19. package/dist/cjs/CMEDeck.js +5 -5
  20. package/dist/cjs/Column3.js +4 -4
  21. package/dist/cjs/ConferenceArticleCard.js +2 -2
  22. package/dist/cjs/DeckContent.js +7 -7
  23. package/dist/cjs/DeckQueue.js +6 -6
  24. package/dist/cjs/{Dfp-b2bc3b97.js → Dfp-f6a18ed2.js} +1 -1
  25. package/dist/cjs/EventsDeck.js +4 -4
  26. package/dist/cjs/ExternalResources.js +7 -7
  27. package/dist/cjs/Feature.js +3 -3
  28. package/dist/cjs/ForbesHero.js +2 -2
  29. package/dist/cjs/GridContent.js +10 -10
  30. package/dist/cjs/GridHero.js +2 -2
  31. package/dist/cjs/GroupDeck.js +1 -1
  32. package/dist/cjs/HamMagazine.js +4 -4
  33. package/dist/cjs/Hero.js +1 -1
  34. package/dist/cjs/HorizontalHero.js +2 -2
  35. package/dist/cjs/IssueContentDeck.js +2 -2
  36. package/dist/cjs/IssueDeck.js +2 -2
  37. package/dist/cjs/IssueLanding.js +8 -7
  38. package/dist/cjs/LeftNav.js +2 -2
  39. package/dist/cjs/MasterDeck.js +7 -7
  40. package/dist/cjs/NavMagazine.js +4 -4
  41. package/dist/cjs/NavNative.js +3 -3
  42. package/dist/cjs/OncliveHero.js +2 -2
  43. package/dist/cjs/OncliveLargeHero.js +2 -2
  44. package/dist/cjs/PartnerDetailListing.js +1213 -15
  45. package/dist/cjs/PublicationDeck.js +1 -1
  46. package/dist/cjs/QueueDeckExpanded.js +256 -18
  47. package/dist/cjs/RecentNews.js +2 -2
  48. package/dist/cjs/RelatedContent.js +2 -2
  49. package/dist/cjs/{SocialSearchComponent-6b5e5b47.js → SocialSearchComponent-9cd24578.js} +5 -5
  50. package/dist/cjs/TaxonomyCard.js +2 -2
  51. package/dist/cjs/TemplateNormal.js +3 -3
  52. package/dist/cjs/ThumbnailCard.js +1 -1
  53. package/dist/cjs/Ustream.js +2 -2
  54. package/dist/cjs/VerticalHero.js +2 -2
  55. package/dist/cjs/VideoSeriesCard.js +2 -2
  56. package/dist/cjs/VideoSeriesListing.js +3 -3
  57. package/dist/cjs/View.js +486 -119
  58. package/dist/cjs/YahooHero.js +2 -2
  59. package/dist/cjs/YoutubeGroup.js +1 -1
  60. package/dist/cjs/getQuery.js +2 -2
  61. package/dist/cjs/getRelatedArticle.js +354 -5
  62. package/dist/cjs/getSerializers.js +6 -6
  63. package/dist/cjs/{getTargeting-fee8c429.js → getTargeting-9af0ef69.js} +2 -2
  64. package/dist/cjs/getTargeting.js +1 -1
  65. package/dist/cjs/{index-5be2866f.js → index-3294d3bc.js} +1 -1
  66. package/dist/cjs/index-bd6c9f56.js +211 -0
  67. package/dist/cjs/{index-b5eb3ff8.js → index-be0c82be.js} +19 -20
  68. package/dist/cjs/{index-8c9e8ca7.js → index-c49c3b5e.js} +450 -462
  69. package/dist/cjs/{index-2d0a4911.js → index-fa8ed292.js} +27 -34
  70. package/dist/cjs/{index.es-ab3f2690.js → index.es-9110add6.js} +1 -3
  71. package/dist/cjs/index.js +16 -16
  72. package/dist/cjs/{main-b6c96c8d.js → main-a4cb15bb.js} +36 -67
  73. package/dist/cjs/{moment-66a6a284.js → moment-575fe24c.js} +1 -1
  74. package/dist/cjs/timeDifferenceCalc.js +41 -0
  75. package/dist/cjs/urlFor.js +1 -1
  76. package/dist/esm/AD.js +1 -1
  77. package/dist/esm/AD300x250.js +3 -3
  78. package/dist/esm/AD300x250x600.js +3 -3
  79. package/dist/esm/AD728x90.js +4 -4
  80. package/dist/esm/ADFloatingFooter.js +2 -2
  81. package/dist/esm/ADGutter.js +2 -2
  82. package/dist/esm/ADSkyscraper.js +2 -2
  83. package/dist/esm/ADSponsoredResources.js +2 -2
  84. package/dist/esm/ADWebcast.js +2 -2
  85. package/dist/esm/ADWelcome.js +2 -2
  86. package/dist/esm/AdSlot.js +2 -2
  87. package/dist/esm/AdSlotsProvider.js +1 -1
  88. package/dist/esm/ArticleCarousel.js +1 -1
  89. package/dist/esm/ArticleSeriesListing.js +4 -4
  90. package/dist/esm/Auth.js +248 -499
  91. package/dist/esm/{BlockContent-a614acdf.js → BlockContent-e9b4ddcf.js} +1 -1
  92. package/dist/esm/BrowseVideosListing.js +1 -1
  93. package/dist/esm/CMEDeck.js +5 -5
  94. package/dist/esm/Column3.js +4 -4
  95. package/dist/esm/ConferenceArticleCard.js +2 -2
  96. package/dist/esm/DeckContent.js +7 -7
  97. package/dist/esm/DeckQueue.js +6 -6
  98. package/dist/esm/{Dfp-8a8fca18.js → Dfp-96b49def.js} +1 -1
  99. package/dist/esm/EventsDeck.js +4 -4
  100. package/dist/esm/ExternalResources.js +7 -7
  101. package/dist/esm/Feature.js +3 -3
  102. package/dist/esm/ForbesHero.js +2 -2
  103. package/dist/esm/GridContent.js +10 -10
  104. package/dist/esm/GridHero.js +2 -2
  105. package/dist/esm/GroupDeck.js +1 -1
  106. package/dist/esm/HamMagazine.js +4 -4
  107. package/dist/esm/Hero.js +1 -1
  108. package/dist/esm/HorizontalHero.js +2 -2
  109. package/dist/esm/IssueContentDeck.js +2 -2
  110. package/dist/esm/IssueDeck.js +2 -2
  111. package/dist/esm/IssueLanding.js +8 -7
  112. package/dist/esm/LeftNav.js +2 -2
  113. package/dist/esm/MasterDeck.js +7 -7
  114. package/dist/esm/NavMagazine.js +4 -4
  115. package/dist/esm/NavNative.js +3 -3
  116. package/dist/esm/OncliveHero.js +2 -2
  117. package/dist/esm/OncliveLargeHero.js +2 -2
  118. package/dist/esm/PartnerDetailListing.js +1210 -13
  119. package/dist/esm/PublicationDeck.js +1 -1
  120. package/dist/esm/QueueDeckExpanded.js +256 -18
  121. package/dist/esm/RecentNews.js +2 -2
  122. package/dist/esm/RelatedContent.js +2 -2
  123. package/dist/esm/{SocialSearchComponent-7f14e0f3.js → SocialSearchComponent-93233334.js} +5 -5
  124. package/dist/esm/TaxonomyCard.js +2 -2
  125. package/dist/esm/TemplateNormal.js +3 -3
  126. package/dist/esm/ThumbnailCard.js +1 -1
  127. package/dist/esm/Ustream.js +2 -2
  128. package/dist/esm/VerticalHero.js +2 -2
  129. package/dist/esm/VideoSeriesCard.js +2 -2
  130. package/dist/esm/VideoSeriesListing.js +3 -3
  131. package/dist/esm/View.js +460 -93
  132. package/dist/esm/YahooHero.js +2 -2
  133. package/dist/esm/YoutubeGroup.js +1 -1
  134. package/dist/esm/getQuery.js +2 -2
  135. package/dist/esm/getRelatedArticle.js +354 -5
  136. package/dist/esm/getSerializers.js +6 -6
  137. package/dist/esm/{index-93ec3c59.js → index-0e45a0b2.js} +27 -34
  138. package/dist/esm/{index-51a80699.js → index-73819142.js} +19 -20
  139. package/dist/esm/{index-5505d4f9.js → index-85783f24.js} +450 -462
  140. package/dist/esm/index-db3bb315.js +207 -0
  141. package/dist/esm/{index-d2f90501.js → index-ef6d5dcf.js} +1 -1
  142. package/dist/esm/{index.es-938a3a58.js → index.es-29c1cef5.js} +1 -3
  143. package/dist/esm/index.js +14 -14
  144. package/dist/esm/{main-0465b2a0.js → main-5d1e4bd3.js} +34 -65
  145. package/dist/esm/{moment-12415288.js → moment-e2f9b20c.js} +1 -1
  146. package/dist/esm/timeDifferenceCalc.js +39 -0
  147. package/dist/esm/urlFor.js +1 -1
  148. package/package.json +1 -1
  149. /package/dist/cjs/{ADInfeed-c676389b.js → ADInfeed-f27bc4b5.js} +0 -0
  150. /package/dist/cjs/{ADlgInfeed-57d63c87.js → ADlgInfeed-8decfd9e.js} +0 -0
  151. /package/dist/esm/{ADInfeed-97b8cea7.js → ADInfeed-1e0ca5e0.js} +0 -0
  152. /package/dist/esm/{ADlgInfeed-3ab91c75.js → ADlgInfeed-979cf0d5.js} +0 -0
@@ -10,7 +10,7 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
10
10
  var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('react-dom');
13
- var index$1 = require('./index-b5eb3ff8.js');
13
+ var index$1 = require('./index-be0c82be.js');
14
14
  var index$2 = require('./index-da796b8c.js');
15
15
  var lodash = require('./lodash-fc2922d0.js');
16
16
  var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -14,20 +14,20 @@ var _extends = require('./extends-60837c34.js');
14
14
  require('./web.dom.iterable-a0e279c1.js');
15
15
  var React = require('react');
16
16
  var React__default = _interopDefault(React);
17
- var index = require('./index-2d0a4911.js');
17
+ var index = require('./index-fa8ed292.js');
18
18
  require('prop-types');
19
19
  require('react-bootstrap/Card');
20
- var moment = require('./moment-66a6a284.js');
20
+ var moment = require('./moment-575fe24c.js');
21
21
  var Router = require('next/router');
22
22
  var Router__default = _interopDefault(Router);
23
23
  require('./isSymbol-04666465.js');
24
24
  require('./debounce-eb287781.js');
25
- var index_es = require('./index.es-ab3f2690.js');
25
+ var index_es = require('./index.es-9110add6.js');
26
26
  require('react-dom');
27
27
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
28
- var index$1 = require('./index-b5eb3ff8.js');
28
+ var index$1 = require('./index-be0c82be.js');
29
29
  var index$2 = require('./index-da796b8c.js');
30
- var main = require('./main-b6c96c8d.js');
30
+ var main = require('./main-a4cb15bb.js');
31
31
  var entities = require('./entities-310b46ee.js');
32
32
  require('./stringify-7c5aff47.js');
33
33
  var slicedToArray = require('./slicedToArray-8f385299.js');
@@ -35,12 +35,13 @@ require('./asyncToGenerator-533d476a.js');
35
35
  require('./_set-species-f92c67c5.js');
36
36
  require('./beam-7217b7e7.js');
37
37
  require('./AdSlot.js');
38
- var ADInfeed = require('./ADInfeed-c676389b.js');
38
+ var ADInfeed = require('./ADInfeed-f27bc4b5.js');
39
39
  var lodash = require('./lodash-fc2922d0.js');
40
- var ADlgInfeed = require('./ADlgInfeed-57d63c87.js');
40
+ var ADlgInfeed = require('./ADlgInfeed-8decfd9e.js');
41
41
  var getContentCategory = require('./getContentCategory-f38a4c00.js');
42
42
  var AuthorComponent = require('./AuthorComponent-bb831b74.js');
43
43
  var reactBootstrap = require('react-bootstrap');
44
+ var timeDifferenceCalc = require('./timeDifferenceCalc.js');
44
45
 
45
46
  var urlFor = function urlFor(source, builder) {
46
47
  return builder.image(source).auto('format');
@@ -155,7 +156,7 @@ var checkExternalUrl = function checkExternalUrl(url) {
155
156
  return new RegExp(['http', 'https'].join('|')).test(url);
156
157
  };
157
158
 
158
- var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping) {
159
+ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies) {
159
160
  var numberOfItemsBeforeAd = 6;
160
161
  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
161
162
  return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
@@ -308,11 +309,48 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
308
309
  article.title
309
310
  )
310
311
  ),
311
- showPublished && article.published && React__default.createElement(
312
+ showPublished && !showTimeDiff && article.published && React__default.createElement(
312
313
  'p',
313
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
314
+ { className: 'card-text', style: { color: 'var(--dark)', margin: '.25rem 0' } },
314
315
  moment.moment(article.published).format('MMMM DD, YYYY')
315
316
  ),
317
+ showTimeDiff && article.published && React__default.createElement(
318
+ 'p',
319
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
320
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
321
+ if (index > 3) {
322
+ return null;
323
+ }
324
+ if (index === 3) {
325
+ return React__default.createElement(
326
+ React__default.Fragment,
327
+ null,
328
+ React__default.createElement(
329
+ 'em',
330
+ { style: { marginRight: '.5rem' } },
331
+ '...'
332
+ )
333
+ );
334
+ }
335
+ return React__default.createElement(
336
+ React__default.Fragment,
337
+ null,
338
+ React__default.createElement(
339
+ 'em',
340
+ null,
341
+ taxonomy.name
342
+ ),
343
+ ' |',
344
+ ' '
345
+ );
346
+ }),
347
+ ' ',
348
+ React__default.createElement(
349
+ 'span',
350
+ { style: { fontWeight: '600', display: 'inline-block' } },
351
+ timeDifferenceCalc(article.published)
352
+ )
353
+ ),
316
354
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
317
355
  index$2.LazyLoad,
318
356
  { height: 50 },
@@ -431,11 +469,59 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
431
469
  article.title
432
470
  )
433
471
  ),
434
- showPublished && article.published && React__default.createElement(
472
+ showPublished && !showTimeDiff && article.published && React__default.createElement(
435
473
  'p',
436
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
474
+ { className: 'card-text', style: { color: 'var(--dark)', margin: '.25rem 0' } },
437
475
  moment.moment(article.published).format('MMMM DD, YYYY')
438
476
  ),
477
+ showTimeDiff && article.published && React__default.createElement(
478
+ 'p',
479
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
480
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
481
+ if (index > 3) {
482
+ return null;
483
+ }
484
+ if (index === 3) {
485
+ return React__default.createElement(
486
+ React__default.Fragment,
487
+ null,
488
+ React__default.createElement(
489
+ 'em',
490
+ { style: { marginRight: '.5rem' } },
491
+ '...'
492
+ )
493
+ );
494
+ }
495
+ if (index === 3) {
496
+ return React__default.createElement(
497
+ React__default.Fragment,
498
+ null,
499
+ React__default.createElement(
500
+ 'em',
501
+ { style: { marginRight: '.5rem' } },
502
+ '...'
503
+ )
504
+ );
505
+ }
506
+ return React__default.createElement(
507
+ React__default.Fragment,
508
+ null,
509
+ React__default.createElement(
510
+ 'em',
511
+ null,
512
+ taxonomy.name
513
+ ),
514
+ ' |',
515
+ ' '
516
+ );
517
+ }),
518
+ ' ',
519
+ React__default.createElement(
520
+ 'span',
521
+ { style: { fontWeight: '600', display: 'inline-block' } },
522
+ timeDifferenceCalc(article.published)
523
+ )
524
+ ),
439
525
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
440
526
  index$2.LazyLoad,
441
527
  { height: 50 },
@@ -559,11 +645,48 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
559
645
  article.title
560
646
  )
561
647
  ),
562
- showPublished && article.published && React__default.createElement(
648
+ showPublished && !showTimeDiff && article.published && React__default.createElement(
563
649
  'p',
564
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
650
+ { className: 'card-text', style: { color: 'var(--dark)', margin: '.25rem 0' } },
565
651
  moment.moment(article.published).format('MMMM DD, YYYY')
566
652
  ),
653
+ showTimeDiff && article.published && React__default.createElement(
654
+ 'p',
655
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
656
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
657
+ if (index > 3) {
658
+ return null;
659
+ }
660
+ if (index === 3) {
661
+ return React__default.createElement(
662
+ React__default.Fragment,
663
+ null,
664
+ React__default.createElement(
665
+ 'em',
666
+ { style: { marginRight: '.5rem' } },
667
+ '...'
668
+ )
669
+ );
670
+ }
671
+ return React__default.createElement(
672
+ React__default.Fragment,
673
+ null,
674
+ React__default.createElement(
675
+ 'em',
676
+ null,
677
+ taxonomy.name
678
+ ),
679
+ ' |',
680
+ ' '
681
+ );
682
+ }),
683
+ ' ',
684
+ React__default.createElement(
685
+ 'span',
686
+ { style: { fontWeight: '600', display: 'inline-block' } },
687
+ timeDifferenceCalc(article.published)
688
+ )
689
+ ),
567
690
  React__default.createElement(
568
691
  'div',
569
692
  { className: 'author-sec', style: { lineHeight: 1.5 } },
@@ -639,7 +762,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
639
762
  React__default.createElement(
640
763
  'div',
641
764
  null,
642
- main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
765
+ main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
643
766
  )
644
767
  )
645
768
  );
@@ -708,6 +831,43 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
708
831
  { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
709
832
  moment.moment(article.published).format('MMMM DD, YYYY')
710
833
  ),
834
+ showTimeDiff && article.published && React__default.createElement(
835
+ 'p',
836
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
837
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
838
+ if (index > 3) {
839
+ return null;
840
+ }
841
+ if (index === 3) {
842
+ return React__default.createElement(
843
+ React__default.Fragment,
844
+ null,
845
+ React__default.createElement(
846
+ 'em',
847
+ { style: { marginRight: '.5rem' } },
848
+ '...'
849
+ )
850
+ );
851
+ }
852
+ return React__default.createElement(
853
+ React__default.Fragment,
854
+ null,
855
+ React__default.createElement(
856
+ 'em',
857
+ null,
858
+ taxonomy.name
859
+ ),
860
+ ' |',
861
+ ' '
862
+ );
863
+ }),
864
+ ' ',
865
+ React__default.createElement(
866
+ 'span',
867
+ { style: { fontWeight: '600', display: 'inline-block' } },
868
+ timeDifferenceCalc(article.published)
869
+ )
870
+ ),
711
871
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
712
872
  index$2.LazyLoad,
713
873
  { height: 50 },
@@ -831,6 +991,43 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
831
991
  { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
832
992
  moment.moment(article.published).format('MMMM DD, YYYY')
833
993
  ),
994
+ showTimeDiff && article.published && React__default.createElement(
995
+ 'p',
996
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
997
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
998
+ if (index > 3) {
999
+ return null;
1000
+ }
1001
+ if (index === 3) {
1002
+ return React__default.createElement(
1003
+ React__default.Fragment,
1004
+ null,
1005
+ React__default.createElement(
1006
+ 'em',
1007
+ { style: { marginRight: '.5rem' } },
1008
+ '...'
1009
+ )
1010
+ );
1011
+ }
1012
+ return React__default.createElement(
1013
+ React__default.Fragment,
1014
+ null,
1015
+ React__default.createElement(
1016
+ 'em',
1017
+ null,
1018
+ taxonomy.name
1019
+ ),
1020
+ ' |',
1021
+ ' '
1022
+ );
1023
+ }),
1024
+ ' ',
1025
+ React__default.createElement(
1026
+ 'span',
1027
+ { style: { fontWeight: '600', display: 'inline-block' } },
1028
+ timeDifferenceCalc(article.published)
1029
+ )
1030
+ ),
834
1031
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
835
1032
  index$2.LazyLoad,
836
1033
  { height: 50 },
@@ -959,6 +1156,43 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
959
1156
  { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
960
1157
  moment.moment(article.published).format('MMMM DD, YYYY')
961
1158
  ),
1159
+ showTimeDiff && article.published && React__default.createElement(
1160
+ 'p',
1161
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
1162
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
1163
+ if (index > 3) {
1164
+ return null;
1165
+ }
1166
+ if (index === 3) {
1167
+ return React__default.createElement(
1168
+ React__default.Fragment,
1169
+ null,
1170
+ React__default.createElement(
1171
+ 'em',
1172
+ { style: { marginRight: '.5rem' } },
1173
+ '...'
1174
+ )
1175
+ );
1176
+ }
1177
+ return React__default.createElement(
1178
+ React__default.Fragment,
1179
+ null,
1180
+ React__default.createElement(
1181
+ 'em',
1182
+ null,
1183
+ taxonomy.name
1184
+ ),
1185
+ ' |',
1186
+ ' '
1187
+ );
1188
+ }),
1189
+ ' ',
1190
+ React__default.createElement(
1191
+ 'span',
1192
+ { style: { fontWeight: '600', display: 'inline-block' } },
1193
+ timeDifferenceCalc(article.published)
1194
+ )
1195
+ ),
962
1196
  React__default.createElement(
963
1197
  'div',
964
1198
  { className: 'author-sec', style: { lineHeight: 1.5 } },
@@ -1034,7 +1268,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
1034
1268
  React__default.createElement(
1035
1269
  'div',
1036
1270
  null,
1037
- main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1271
+ main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1038
1272
  )
1039
1273
  )
1040
1274
  );
@@ -1130,6 +1364,10 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1130
1364
  lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd,
1131
1365
  _props$showPubInfo = props.showPubInfo,
1132
1366
  showPubInfo = _props$showPubInfo === undefined ? false : _props$showPubInfo,
1367
+ _props$showTimeDiff = props.showTimeDiff,
1368
+ showTimeDiff = _props$showTimeDiff === undefined ? false : _props$showTimeDiff,
1369
+ _props$showTaxonomies = props.showTaxonomies,
1370
+ showTaxonomies = _props$showTaxonomies === undefined ? false : _props$showTaxonomies,
1133
1371
  _props$contentCategor = props.contentCategoryMapping,
1134
1372
  contentCategoryMapping = _props$contentCategor === undefined ? [] : _props$contentCategor;
1135
1373
  var initialCurrentPage = props.currentPage,
@@ -1248,7 +1486,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1248
1486
  React__default.createElement(
1249
1487
  reactBootstrap.Container,
1250
1488
  null,
1251
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping)
1489
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies)
1252
1490
  )
1253
1491
  ),
1254
1492
  React__default.createElement(
@@ -1262,7 +1500,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1262
1500
  React__default.createElement(
1263
1501
  reactBootstrap.Container,
1264
1502
  null,
1265
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping)
1503
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies)
1266
1504
  ),
1267
1505
  React__default.createElement(
1268
1506
  'div',
@@ -5,8 +5,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
- require('./moment-66a6a284.js');
9
- var index$1 = require('./index-b5eb3ff8.js');
8
+ require('./moment-575fe24c.js');
9
+ var index$1 = require('./index-be0c82be.js');
10
10
  require('./iconBase-68959171.js');
11
11
  var index_esm$3 = require('./index.esm-ff47db6f.js');
12
12
 
@@ -6,9 +6,9 @@ require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  require('prop-types');
9
- var moment = require('./moment-66a6a284.js');
9
+ var moment = require('./moment-575fe24c.js');
10
10
  require('react-dom');
11
- var index$1 = require('./index-b5eb3ff8.js');
11
+ var index$1 = require('./index-be0c82be.js');
12
12
  var index$2 = require('./index-da796b8c.js');
13
13
  require('react-bootstrap/Media');
14
14
 
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
- var main = require('./main-b6c96c8d.js');
7
+ var main = require('./main-a4cb15bb.js');
8
8
  var slicedToArray = require('./slicedToArray-8f385299.js');
9
9
  var iconBase = require('./iconBase-68959171.js');
10
10
  var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -45,7 +45,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
45
45
  var mastNav = document.querySelector('.nav-brands');
46
46
  var topOffset = 0;
47
47
  // Checking for non-IOS devices before setting the offset position.
48
- if (window && window.innerWidth < 1200 && mastNav && mastNav.offsetHeight && !main.main_31) topOffset = topOffset + mastNav.offsetHeight;
48
+ if (window && window.innerWidth < 1200 && mastNav && mastNav.offsetHeight && !main.main_30) topOffset = topOffset + mastNav.offsetHeight;
49
49
  if (navWrapper && navWrapper.offsetHeight) topOffset = topOffset + navWrapper.offsetHeight;
50
50
  setTopOffset(topOffset + 2);
51
51
 
@@ -73,14 +73,14 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
73
73
  var searchBtn = document.getElementsByClassName(selector)[0];
74
74
  if (searchBtn && searchBtn.classList && searchBtn.classList.contains(addOn)) {
75
75
  // Set overflow fix for iPhones safari browsers
76
- if (main.main_40 || window.innerWidth < 1200 && main.main_31) {
76
+ if (main.main_37 || window.innerWidth < 1200 && main.main_30) {
77
77
  var mainNav = document.querySelector('#navbar-ham');
78
78
  if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
79
79
  }
80
80
  searchBtn.classList.remove(addOn);
81
81
  } else if (searchBtn && searchBtn.classList) {
82
82
  // Set overflow fix for iPhones safari browsers
83
- if (main.main_40 || window.innerWidth < 1200 && main.main_31) {
83
+ if (main.main_37 || window.innerWidth < 1200 && main.main_30) {
84
84
  var _mainNav = document.querySelector('#navbar-ham');
85
85
  if (_mainNav && _mainNav.style) _mainNav.style.overflow = 'visible';
86
86
  }
@@ -182,7 +182,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
182
182
  React__default.createElement(
183
183
  'style',
184
184
  { jsx: 'true' },
185
- '\n #search-content-mobile {\n display: flex;\n z-index: 999;\n }\n @media screen and (min-width: 1200px) {\n #search-content-mobile {\n display: none;\n }\n }\n #search-content-mobile .search-btn-mobile {\n padding: 5px;\n right: 4%;\n height: 35px;\n width: 35px;\n margin-top: 4px;\n cursor: pointer;\n }\n #search-content-mobile #search-bar-mobile {\n position: ' + (main.main_31 ? 'absolute' : 'fixed') + ';\n display: none;\n left: 0px;\n width: 100%;\n border-radius: 5px;\n padding: 10px;\n background-color: var(--primary);\n }\n #search-content-mobile #search-bar-mobile .form-inline {\n margin-top: 0px;\n width: 100% !important;\n }\n #search-content-mobile #search-bar-mobile .form-inline .form-control {\n width: 78%;\n border-radius: 5px;\n height: 45px;\n }\n #search-content-mobile #search-bar-mobile .form-inline .btn {\n width: 20%;\n border-radius: 5px;\n background-color: #040c5a;\n height: 45px;\n margin-left: 5px;\n padding: 1px;\n }\n #search-content-mobile .search-btn-mobile.active-search {\n border-radius: 5px;\n border: 1px solid var(--secondary);\n }\n #search-content-mobile #search-bar-mobile.show {\n display: block !important;\n }\n '
185
+ '\n #search-content-mobile {\n display: flex;\n z-index: 999;\n }\n @media screen and (min-width: 1200px) {\n #search-content-mobile {\n display: none;\n }\n }\n #search-content-mobile .search-btn-mobile {\n padding: 5px;\n right: 4%;\n height: 35px;\n width: 35px;\n margin-top: 4px;\n cursor: pointer;\n }\n #search-content-mobile #search-bar-mobile {\n position: ' + (main.main_30 ? 'absolute' : 'fixed') + ';\n display: none;\n left: 0px;\n width: 100%;\n border-radius: 5px;\n padding: 10px;\n background-color: var(--primary);\n }\n #search-content-mobile #search-bar-mobile .form-inline {\n margin-top: 0px;\n width: 100% !important;\n }\n #search-content-mobile #search-bar-mobile .form-inline .form-control {\n width: 78%;\n border-radius: 5px;\n height: 45px;\n }\n #search-content-mobile #search-bar-mobile .form-inline .btn {\n width: 20%;\n border-radius: 5px;\n background-color: #040c5a;\n height: 45px;\n margin-left: 5px;\n padding: 1px;\n }\n #search-content-mobile .search-btn-mobile.active-search {\n border-radius: 5px;\n border: 1px solid var(--secondary);\n }\n #search-content-mobile #search-bar-mobile.show {\n display: block !important;\n }\n '
186
186
  )
187
187
  );
188
188
  };
@@ -14,9 +14,9 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
14
14
  var Col = _interopDefault(require('react-bootstrap/Col'));
15
15
  var Card = _interopDefault(require('react-bootstrap/Card'));
16
16
  require('react-dom');
17
- var index$1 = require('./index-b5eb3ff8.js');
17
+ var index$1 = require('./index-be0c82be.js');
18
18
  var index$2 = require('./index-da796b8c.js');
19
- var BlockContent = require('./BlockContent-88f69acd.js');
19
+ var BlockContent = require('./BlockContent-091a991f.js');
20
20
  var reactSocialIcons = require('./react-social-icons-f7f48f71.js');
21
21
 
22
22
  var TaxonomyCard = function TaxonomyCard(props) {
@@ -12,7 +12,7 @@ require('./define-property-f4d12f4e.js');
12
12
  require('./web.dom.iterable-a0e279c1.js');
13
13
  var React = require('react');
14
14
  var React__default = _interopDefault(React);
15
- require('./index-2d0a4911.js');
15
+ require('./index-fa8ed292.js');
16
16
  require('prop-types');
17
17
  var Container = _interopDefault(require('react-bootstrap/Container'));
18
18
  require('react-bootstrap/Row');
@@ -21,7 +21,7 @@ var Router = require('next/router');
21
21
  var Router__default = _interopDefault(Router);
22
22
  require('./isSymbol-04666465.js');
23
23
  require('./debounce-eb287781.js');
24
- require('./main-b6c96c8d.js');
24
+ require('./main-a4cb15bb.js');
25
25
  require('./stringify-7c5aff47.js');
26
26
  var slicedToArray = require('./slicedToArray-8f385299.js');
27
27
  require('./asyncToGenerator-533d476a.js');
@@ -56,7 +56,7 @@ require('./NavFooter-76c913e3.js');
56
56
  require('./index.esm-4d410430.js');
57
57
  require('./SocialIcons.js');
58
58
  require('react-bootstrap/FormControl');
59
- require('./SocialSearchComponent-6b5e5b47.js');
59
+ require('./SocialSearchComponent-9cd24578.js');
60
60
  var NavMagazine = require('./NavMagazine.js');
61
61
  var NavNative = require('./NavNative.js');
62
62
  require('./Search.js');
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
8
  require('prop-types');
9
9
  require('react-dom');
10
- var index$1 = require('./index-b5eb3ff8.js');
10
+ var index$1 = require('./index-be0c82be.js');
11
11
  var index$2 = require('./index-da796b8c.js');
12
12
  var entities = require('./entities-310b46ee.js');
13
13
  var Media = _interopDefault(require('react-bootstrap/Media'));
@@ -9,7 +9,7 @@ require('./core.get-iterator-method-f62321d4.js');
9
9
  require('./web.dom.iterable-a0e279c1.js');
10
10
  var React = require('react');
11
11
  var React__default = _interopDefault(React);
12
- var main = require('./main-b6c96c8d.js');
12
+ var main = require('./main-a4cb15bb.js');
13
13
  var slicedToArray = require('./slicedToArray-8f385299.js');
14
14
  require('./iconBase-68959171.js');
15
15
  var index_esm = require('./index.esm-876ca9ff.js');
@@ -70,7 +70,7 @@ var Ustream = function Ustream(_ref) {
70
70
  } catch (err) {}
71
71
  }, []);
72
72
  //return nothing if mobile
73
- if (main.main_39) {
73
+ if (main.main_36) {
74
74
  return null;
75
75
  }
76
76
  return React__default.createElement(
@@ -5,8 +5,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
- require('./moment-66a6a284.js');
9
- var index$1 = require('./index-b5eb3ff8.js');
8
+ require('./moment-575fe24c.js');
9
+ var index$1 = require('./index-be0c82be.js');
10
10
 
11
11
  var VerticalHero = function VerticalHero(props) {
12
12
  var client = props.client;
@@ -13,9 +13,9 @@ require('./_is-array-754e012d.js');
13
13
  var React = require('react');
14
14
  var React__default = _interopDefault(React);
15
15
  require('prop-types');
16
- var moment = require('./moment-66a6a284.js');
16
+ var moment = require('./moment-575fe24c.js');
17
17
  require('react-dom');
18
- var index$1 = require('./index-b5eb3ff8.js');
18
+ var index$1 = require('./index-be0c82be.js');
19
19
  var index$2 = require('./index-da796b8c.js');
20
20
  var styleInject_es = require('./style-inject.es-dcee06b6.js');
21
21
 
@@ -17,17 +17,17 @@ require('./typeof-725500bc.js');
17
17
  require('./_is-array-754e012d.js');
18
18
  var React = require('react');
19
19
  var React__default = _interopDefault(React);
20
- var index = require('./index-2d0a4911.js');
20
+ var index = require('./index-fa8ed292.js');
21
21
  require('prop-types');
22
22
  var Container = _interopDefault(require('react-bootstrap/Container'));
23
23
  var Router = require('next/router');
24
24
  var Router__default = _interopDefault(Router);
25
25
  require('./isSymbol-04666465.js');
26
26
  var debounce = require('./debounce-eb287781.js');
27
- var index_es = require('./index.es-ab3f2690.js');
27
+ var index_es = require('./index.es-9110add6.js');
28
28
  require('react-dom');
29
29
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
30
- require('./index-b5eb3ff8.js');
30
+ require('./index-be0c82be.js');
31
31
  require('./index-da796b8c.js');
32
32
  require('./slicedToArray-8f385299.js');
33
33
  require('./smoothscroll-95231a70.js');