@mjhls/mjh-framework 1.0.683 → 1.0.684-beta.1

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 +532 -137
  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 +512 -117
  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
@@ -5,7 +5,7 @@ import Row from 'react-bootstrap/Row';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'react-dom';
8
- import { i as imageUrlBuilder } from './index-51a80699.js';
8
+ import { i as imageUrlBuilder } from './index-73819142.js';
9
9
  import { L as LazyLoad } from './index-5f9f807a.js';
10
10
  import { l as lodash } from './lodash-17fdfebb.js';
11
11
  import Button from 'react-bootstrap/Button';
@@ -9,19 +9,19 @@ import './_object-pie-71ac75a4.js';
9
9
  import { _ as _extends } from './extends-cc5da797.js';
10
10
  import './web.dom.iterable-8956f9a5.js';
11
11
  import React__default, { useEffect, useState, useRef } from 'react';
12
- import { l as lib_3 } from './index-93ec3c59.js';
12
+ import { l as lib_3 } from './index-0e45a0b2.js';
13
13
  import 'prop-types';
14
14
  import 'react-bootstrap/Card';
15
- import { m as moment } from './moment-12415288.js';
15
+ import { m as moment } from './moment-e2f9b20c.js';
16
16
  import { useRouter } from 'next/router';
17
17
  import './isSymbol-807e927e.js';
18
18
  import './debounce-1a993acf.js';
19
- import { I as InfiniteScroll } from './index.es-938a3a58.js';
19
+ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
20
20
  import 'react-dom';
21
21
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
22
- import { i as imageUrlBuilder } from './index-51a80699.js';
22
+ import { i as imageUrlBuilder } from './index-73819142.js';
23
23
  import { L as LazyLoad } from './index-5f9f807a.js';
24
- import { m as main_39 } from './main-0465b2a0.js';
24
+ import { m as main_36 } from './main-5d1e4bd3.js';
25
25
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
26
26
  import './stringify-008c8802.js';
27
27
  import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
@@ -29,12 +29,13 @@ import './asyncToGenerator-7c654f36.js';
29
29
  import './_set-species-cede29f8.js';
30
30
  import './beam-681a9749.js';
31
31
  import './AdSlot.js';
32
- import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
32
+ import { A as ADInfeed } from './ADInfeed-1e0ca5e0.js';
33
33
  import { l as lodash } from './lodash-17fdfebb.js';
34
- import { A as ADlgInfeed } from './ADlgInfeed-3ab91c75.js';
34
+ import { A as ADlgInfeed } from './ADlgInfeed-979cf0d5.js';
35
35
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
36
36
  import { A as AuthorComponent } from './AuthorComponent-00f13201.js';
37
37
  import { Container, Media } from 'react-bootstrap';
38
+ import timeDifferenceCalc from './timeDifferenceCalc.js';
38
39
 
39
40
  var urlFor = function urlFor(source, builder) {
40
41
  return builder.image(source).auto('format');
@@ -149,7 +150,7 @@ var checkExternalUrl = function checkExternalUrl(url) {
149
150
  return new RegExp(['http', 'https'].join('|')).test(url);
150
151
  };
151
152
 
152
- 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) {
153
+ 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) {
153
154
  var numberOfItemsBeforeAd = 6;
154
155
  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
155
156
  return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
@@ -302,11 +303,48 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
302
303
  article.title
303
304
  )
304
305
  ),
305
- showPublished && article.published && React__default.createElement(
306
+ showPublished && !showTimeDiff && article.published && React__default.createElement(
306
307
  'p',
307
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
308
+ { className: 'card-text', style: { color: 'var(--dark)', margin: '.25rem 0' } },
308
309
  moment(article.published).format('MMMM DD, YYYY')
309
310
  ),
311
+ showTimeDiff && article.published && React__default.createElement(
312
+ 'p',
313
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
314
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
315
+ if (index > 3) {
316
+ return null;
317
+ }
318
+ if (index === 3) {
319
+ return React__default.createElement(
320
+ React__default.Fragment,
321
+ null,
322
+ React__default.createElement(
323
+ 'em',
324
+ { style: { marginRight: '.5rem' } },
325
+ '...'
326
+ )
327
+ );
328
+ }
329
+ return React__default.createElement(
330
+ React__default.Fragment,
331
+ null,
332
+ React__default.createElement(
333
+ 'em',
334
+ null,
335
+ taxonomy.name
336
+ ),
337
+ ' |',
338
+ ' '
339
+ );
340
+ }),
341
+ ' ',
342
+ React__default.createElement(
343
+ 'span',
344
+ { style: { fontWeight: '600', display: 'inline-block' } },
345
+ timeDifferenceCalc(article.published)
346
+ )
347
+ ),
310
348
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
311
349
  LazyLoad,
312
350
  { height: 50 },
@@ -425,11 +463,59 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
425
463
  article.title
426
464
  )
427
465
  ),
428
- showPublished && article.published && React__default.createElement(
466
+ showPublished && !showTimeDiff && article.published && React__default.createElement(
429
467
  'p',
430
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
468
+ { className: 'card-text', style: { color: 'var(--dark)', margin: '.25rem 0' } },
431
469
  moment(article.published).format('MMMM DD, YYYY')
432
470
  ),
471
+ showTimeDiff && article.published && React__default.createElement(
472
+ 'p',
473
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
474
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
475
+ if (index > 3) {
476
+ return null;
477
+ }
478
+ if (index === 3) {
479
+ return React__default.createElement(
480
+ React__default.Fragment,
481
+ null,
482
+ React__default.createElement(
483
+ 'em',
484
+ { style: { marginRight: '.5rem' } },
485
+ '...'
486
+ )
487
+ );
488
+ }
489
+ if (index === 3) {
490
+ return React__default.createElement(
491
+ React__default.Fragment,
492
+ null,
493
+ React__default.createElement(
494
+ 'em',
495
+ { style: { marginRight: '.5rem' } },
496
+ '...'
497
+ )
498
+ );
499
+ }
500
+ return React__default.createElement(
501
+ React__default.Fragment,
502
+ null,
503
+ React__default.createElement(
504
+ 'em',
505
+ null,
506
+ taxonomy.name
507
+ ),
508
+ ' |',
509
+ ' '
510
+ );
511
+ }),
512
+ ' ',
513
+ React__default.createElement(
514
+ 'span',
515
+ { style: { fontWeight: '600', display: 'inline-block' } },
516
+ timeDifferenceCalc(article.published)
517
+ )
518
+ ),
433
519
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
434
520
  LazyLoad,
435
521
  { height: 50 },
@@ -553,11 +639,48 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
553
639
  article.title
554
640
  )
555
641
  ),
556
- showPublished && article.published && React__default.createElement(
642
+ showPublished && !showTimeDiff && article.published && React__default.createElement(
557
643
  'p',
558
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
644
+ { className: 'card-text', style: { color: 'var(--dark)', margin: '.25rem 0' } },
559
645
  moment(article.published).format('MMMM DD, YYYY')
560
646
  ),
647
+ showTimeDiff && article.published && React__default.createElement(
648
+ 'p',
649
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
650
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
651
+ if (index > 3) {
652
+ return null;
653
+ }
654
+ if (index === 3) {
655
+ return React__default.createElement(
656
+ React__default.Fragment,
657
+ null,
658
+ React__default.createElement(
659
+ 'em',
660
+ { style: { marginRight: '.5rem' } },
661
+ '...'
662
+ )
663
+ );
664
+ }
665
+ return React__default.createElement(
666
+ React__default.Fragment,
667
+ null,
668
+ React__default.createElement(
669
+ 'em',
670
+ null,
671
+ taxonomy.name
672
+ ),
673
+ ' |',
674
+ ' '
675
+ );
676
+ }),
677
+ ' ',
678
+ React__default.createElement(
679
+ 'span',
680
+ { style: { fontWeight: '600', display: 'inline-block' } },
681
+ timeDifferenceCalc(article.published)
682
+ )
683
+ ),
561
684
  React__default.createElement(
562
685
  'div',
563
686
  { className: 'author-sec', style: { lineHeight: 1.5 } },
@@ -633,7 +756,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
633
756
  React__default.createElement(
634
757
  'div',
635
758
  null,
636
- main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
759
+ main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
637
760
  )
638
761
  )
639
762
  );
@@ -702,6 +825,43 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
702
825
  { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
703
826
  moment(article.published).format('MMMM DD, YYYY')
704
827
  ),
828
+ showTimeDiff && article.published && React__default.createElement(
829
+ 'p',
830
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
831
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
832
+ if (index > 3) {
833
+ return null;
834
+ }
835
+ if (index === 3) {
836
+ return React__default.createElement(
837
+ React__default.Fragment,
838
+ null,
839
+ React__default.createElement(
840
+ 'em',
841
+ { style: { marginRight: '.5rem' } },
842
+ '...'
843
+ )
844
+ );
845
+ }
846
+ return React__default.createElement(
847
+ React__default.Fragment,
848
+ null,
849
+ React__default.createElement(
850
+ 'em',
851
+ null,
852
+ taxonomy.name
853
+ ),
854
+ ' |',
855
+ ' '
856
+ );
857
+ }),
858
+ ' ',
859
+ React__default.createElement(
860
+ 'span',
861
+ { style: { fontWeight: '600', display: 'inline-block' } },
862
+ timeDifferenceCalc(article.published)
863
+ )
864
+ ),
705
865
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
706
866
  LazyLoad,
707
867
  { height: 50 },
@@ -825,6 +985,43 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
825
985
  { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
826
986
  moment(article.published).format('MMMM DD, YYYY')
827
987
  ),
988
+ showTimeDiff && article.published && React__default.createElement(
989
+ 'p',
990
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
991
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
992
+ if (index > 3) {
993
+ return null;
994
+ }
995
+ if (index === 3) {
996
+ return React__default.createElement(
997
+ React__default.Fragment,
998
+ null,
999
+ React__default.createElement(
1000
+ 'em',
1001
+ { style: { marginRight: '.5rem' } },
1002
+ '...'
1003
+ )
1004
+ );
1005
+ }
1006
+ return React__default.createElement(
1007
+ React__default.Fragment,
1008
+ null,
1009
+ React__default.createElement(
1010
+ 'em',
1011
+ null,
1012
+ taxonomy.name
1013
+ ),
1014
+ ' |',
1015
+ ' '
1016
+ );
1017
+ }),
1018
+ ' ',
1019
+ React__default.createElement(
1020
+ 'span',
1021
+ { style: { fontWeight: '600', display: 'inline-block' } },
1022
+ timeDifferenceCalc(article.published)
1023
+ )
1024
+ ),
828
1025
  showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
829
1026
  LazyLoad,
830
1027
  { height: 50 },
@@ -953,6 +1150,43 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
953
1150
  { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
954
1151
  moment(article.published).format('MMMM DD, YYYY')
955
1152
  ),
1153
+ showTimeDiff && article.published && React__default.createElement(
1154
+ 'p',
1155
+ { className: 'card-text', style: { color: '#767674', lineHeight: '1.25', fontSize: '.875rem', margin: '.25rem 0' } },
1156
+ showTaxonomies && article.taxonomyMapping && article.taxonomyMapping.map(function (taxonomy, index) {
1157
+ if (index > 3) {
1158
+ return null;
1159
+ }
1160
+ if (index === 3) {
1161
+ return React__default.createElement(
1162
+ React__default.Fragment,
1163
+ null,
1164
+ React__default.createElement(
1165
+ 'em',
1166
+ { style: { marginRight: '.5rem' } },
1167
+ '...'
1168
+ )
1169
+ );
1170
+ }
1171
+ return React__default.createElement(
1172
+ React__default.Fragment,
1173
+ null,
1174
+ React__default.createElement(
1175
+ 'em',
1176
+ null,
1177
+ taxonomy.name
1178
+ ),
1179
+ ' |',
1180
+ ' '
1181
+ );
1182
+ }),
1183
+ ' ',
1184
+ React__default.createElement(
1185
+ 'span',
1186
+ { style: { fontWeight: '600', display: 'inline-block' } },
1187
+ timeDifferenceCalc(article.published)
1188
+ )
1189
+ ),
956
1190
  React__default.createElement(
957
1191
  'div',
958
1192
  { className: 'author-sec', style: { lineHeight: 1.5 } },
@@ -1028,7 +1262,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
1028
1262
  React__default.createElement(
1029
1263
  'div',
1030
1264
  null,
1031
- main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1265
+ main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1032
1266
  )
1033
1267
  )
1034
1268
  );
@@ -1124,6 +1358,10 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1124
1358
  lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd,
1125
1359
  _props$showPubInfo = props.showPubInfo,
1126
1360
  showPubInfo = _props$showPubInfo === undefined ? false : _props$showPubInfo,
1361
+ _props$showTimeDiff = props.showTimeDiff,
1362
+ showTimeDiff = _props$showTimeDiff === undefined ? false : _props$showTimeDiff,
1363
+ _props$showTaxonomies = props.showTaxonomies,
1364
+ showTaxonomies = _props$showTaxonomies === undefined ? false : _props$showTaxonomies,
1127
1365
  _props$contentCategor = props.contentCategoryMapping,
1128
1366
  contentCategoryMapping = _props$contentCategor === undefined ? [] : _props$contentCategor;
1129
1367
  var initialCurrentPage = props.currentPage,
@@ -1242,7 +1480,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1242
1480
  React__default.createElement(
1243
1481
  Container,
1244
1482
  null,
1245
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping)
1483
+ 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)
1246
1484
  )
1247
1485
  ),
1248
1486
  React__default.createElement(
@@ -1256,7 +1494,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1256
1494
  React__default.createElement(
1257
1495
  Container,
1258
1496
  null,
1259
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping)
1497
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies)
1260
1498
  ),
1261
1499
  React__default.createElement(
1262
1500
  'div',
@@ -1,7 +1,7 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
2
  import React__default from 'react';
3
- import './moment-12415288.js';
4
- import { i as imageUrlBuilder } from './index-51a80699.js';
3
+ import './moment-e2f9b20c.js';
4
+ import { i as imageUrlBuilder } from './index-73819142.js';
5
5
  import './iconBase-602d52fe.js';
6
6
  import { a as FaLongArrowAltRight } from './index.esm-cf08bf18.js';
7
7
 
@@ -1,9 +1,9 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
2
  import React__default from 'react';
3
3
  import 'prop-types';
4
- import { m as moment } from './moment-12415288.js';
4
+ import { m as moment } from './moment-e2f9b20c.js';
5
5
  import 'react-dom';
6
- import { i as imageUrlBuilder } from './index-51a80699.js';
6
+ import { i as imageUrlBuilder } from './index-73819142.js';
7
7
  import { L as LazyLoad } from './index-5f9f807a.js';
8
8
  import 'react-bootstrap/Media';
9
9
 
@@ -1,5 +1,5 @@
1
1
  import React__default, { useState, useRef, useEffect } from 'react';
2
- import { d as main_31, a as main_40 } from './main-0465b2a0.js';
2
+ import { d as main_30, a as main_37 } from './main-5d1e4bd3.js';
3
3
  import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
4
4
  import { I as IconContext } from './iconBase-602d52fe.js';
5
5
  import Button from 'react-bootstrap/Button';
@@ -40,7 +40,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
40
40
  var mastNav = document.querySelector('.nav-brands');
41
41
  var topOffset = 0;
42
42
  // Checking for non-IOS devices before setting the offset position.
43
- if (window && window.innerWidth < 1200 && mastNav && mastNav.offsetHeight && !main_31) topOffset = topOffset + mastNav.offsetHeight;
43
+ if (window && window.innerWidth < 1200 && mastNav && mastNav.offsetHeight && !main_30) topOffset = topOffset + mastNav.offsetHeight;
44
44
  if (navWrapper && navWrapper.offsetHeight) topOffset = topOffset + navWrapper.offsetHeight;
45
45
  setTopOffset(topOffset + 2);
46
46
 
@@ -68,14 +68,14 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
68
68
  var searchBtn = document.getElementsByClassName(selector)[0];
69
69
  if (searchBtn && searchBtn.classList && searchBtn.classList.contains(addOn)) {
70
70
  // Set overflow fix for iPhones safari browsers
71
- if (main_40 || window.innerWidth < 1200 && main_31) {
71
+ if (main_37 || window.innerWidth < 1200 && main_30) {
72
72
  var mainNav = document.querySelector('#navbar-ham');
73
73
  if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
74
74
  }
75
75
  searchBtn.classList.remove(addOn);
76
76
  } else if (searchBtn && searchBtn.classList) {
77
77
  // Set overflow fix for iPhones safari browsers
78
- if (main_40 || window.innerWidth < 1200 && main_31) {
78
+ if (main_37 || window.innerWidth < 1200 && main_30) {
79
79
  var _mainNav = document.querySelector('#navbar-ham');
80
80
  if (_mainNav && _mainNav.style) _mainNav.style.overflow = 'visible';
81
81
  }
@@ -177,7 +177,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
177
177
  React__default.createElement(
178
178
  'style',
179
179
  { jsx: 'true' },
180
- '\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_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 '
180
+ '\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_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 '
181
181
  )
182
182
  );
183
183
  };
@@ -9,9 +9,9 @@ import Row from 'react-bootstrap/Row';
9
9
  import Col from 'react-bootstrap/Col';
10
10
  import Card from 'react-bootstrap/Card';
11
11
  import 'react-dom';
12
- import { i as imageUrlBuilder } from './index-51a80699.js';
12
+ import { i as imageUrlBuilder } from './index-73819142.js';
13
13
  import { L as LazyLoad } from './index-5f9f807a.js';
14
- import { B as BlockContent } from './BlockContent-a614acdf.js';
14
+ import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
15
15
  import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
16
16
 
17
17
  var TaxonomyCard = function TaxonomyCard(props) {
@@ -7,7 +7,7 @@ import './core.get-iterator-method-54d2e411.js';
7
7
  import './define-property-de3fc946.js';
8
8
  import './web.dom.iterable-8956f9a5.js';
9
9
  import React__default, { useState, useEffect } from 'react';
10
- import './index-93ec3c59.js';
10
+ import './index-0e45a0b2.js';
11
11
  import 'prop-types';
12
12
  import Container from 'react-bootstrap/Container';
13
13
  import 'react-bootstrap/Row';
@@ -15,7 +15,7 @@ import 'react-bootstrap/Col';
15
15
  import { useRouter } from 'next/router';
16
16
  import './isSymbol-807e927e.js';
17
17
  import './debounce-1a993acf.js';
18
- import './main-0465b2a0.js';
18
+ import './main-5d1e4bd3.js';
19
19
  import './stringify-008c8802.js';
20
20
  import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
21
21
  import './asyncToGenerator-7c654f36.js';
@@ -50,7 +50,7 @@ import './NavFooter-e27bd93b.js';
50
50
  import './index.esm-fd746768.js';
51
51
  import './SocialIcons.js';
52
52
  import 'react-bootstrap/FormControl';
53
- import './SocialSearchComponent-7f14e0f3.js';
53
+ import './SocialSearchComponent-93233334.js';
54
54
  import MagazineNav from './NavMagazine.js';
55
55
  import { NavNative } from './NavNative.js';
56
56
  import './Search.js';
@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
2
2
  import React__default from 'react';
3
3
  import 'prop-types';
4
4
  import 'react-dom';
5
- import { i as imageUrlBuilder } from './index-51a80699.js';
5
+ import { i as imageUrlBuilder } from './index-73819142.js';
6
6
  import { L as LazyLoad } from './index-5f9f807a.js';
7
7
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
8
8
  import Media from 'react-bootstrap/Media';
@@ -4,7 +4,7 @@ import './es6.string.iterator-9b2af4a5.js';
4
4
  import './core.get-iterator-method-54d2e411.js';
5
5
  import './web.dom.iterable-8956f9a5.js';
6
6
  import React__default, { useState, useRef, useEffect } from 'react';
7
- import { m as main_39 } from './main-0465b2a0.js';
7
+ import { m as main_36 } from './main-5d1e4bd3.js';
8
8
  import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
9
9
  import './iconBase-602d52fe.js';
10
10
  import { c as IoIosOpen } from './index.esm-85cb09e6.js';
@@ -65,7 +65,7 @@ var Ustream = function Ustream(_ref) {
65
65
  } catch (err) {}
66
66
  }, []);
67
67
  //return nothing if mobile
68
- if (main_39) {
68
+ if (main_36) {
69
69
  return null;
70
70
  }
71
71
  return React__default.createElement(
@@ -1,7 +1,7 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
2
  import React__default from 'react';
3
- import './moment-12415288.js';
4
- import { i as imageUrlBuilder } from './index-51a80699.js';
3
+ import './moment-e2f9b20c.js';
4
+ import { i as imageUrlBuilder } from './index-73819142.js';
5
5
 
6
6
  var VerticalHero = function VerticalHero(props) {
7
7
  var client = props.client;
@@ -8,9 +8,9 @@ import { _ as _typeof } from './typeof-08f2c380.js';
8
8
  import './_is-array-49698029.js';
9
9
  import React__default from 'react';
10
10
  import 'prop-types';
11
- import { m as moment } from './moment-12415288.js';
11
+ import { m as moment } from './moment-e2f9b20c.js';
12
12
  import 'react-dom';
13
- import { i as imageUrlBuilder } from './index-51a80699.js';
13
+ import { i as imageUrlBuilder } from './index-73819142.js';
14
14
  import { L as LazyLoad } from './index-5f9f807a.js';
15
15
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
16
16
 
@@ -12,16 +12,16 @@ import './web.dom.iterable-8956f9a5.js';
12
12
  import './typeof-08f2c380.js';
13
13
  import './_is-array-49698029.js';
14
14
  import React__default from 'react';
15
- import { l as lib_3 } from './index-93ec3c59.js';
15
+ import { l as lib_3 } from './index-0e45a0b2.js';
16
16
  import 'prop-types';
17
17
  import Container from 'react-bootstrap/Container';
18
18
  import { withRouter } from 'next/router';
19
19
  import './isSymbol-807e927e.js';
20
20
  import { d as debounce_1 } from './debounce-1a993acf.js';
21
- import { I as InfiniteScroll } from './index.es-938a3a58.js';
21
+ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
22
22
  import 'react-dom';
23
23
  import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
24
- import './index-51a80699.js';
24
+ import './index-73819142.js';
25
25
  import './index-5f9f807a.js';
26
26
  import './slicedToArray-7021e5df.js';
27
27
  import './smoothscroll-4b699764.js';