@mjhls/mjh-framework 1.0.955-osano-integration-v1 → 1.0.955

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 (104) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +15 -131
  3. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  4. package/dist/cjs/ArticleSeriesLandingPage.js +2 -2
  5. package/dist/cjs/AuthWrapper.js +1 -1
  6. package/dist/cjs/ConferenceArticleCard.js +15 -15
  7. package/dist/cjs/ContentCardPaginated.js +3 -2
  8. package/dist/cjs/DeckContent.js +9 -9
  9. package/dist/cjs/DeckQueuePaginated.js +2 -1
  10. package/dist/cjs/EventsDeck.js +17 -17
  11. package/dist/cjs/ExternalResources.js +1 -1
  12. package/dist/cjs/GridContent.js +2 -2
  13. package/dist/cjs/GridContentPaginated.js +4 -3
  14. package/dist/cjs/HamMagazine.js +9 -9
  15. package/dist/cjs/HealthCareProfessionalModal.js +1 -1
  16. package/dist/cjs/HorizontalArticleListing.js +1 -1
  17. package/dist/cjs/IssueLanding.js +32 -32
  18. package/dist/cjs/KMTracker.js +15 -15
  19. package/dist/cjs/MasterDeck.js +10 -10
  20. package/dist/cjs/MasterDeckPaginated.js +12 -11
  21. package/dist/cjs/{MediaSeriesCard-94153cfc.js → MediaSeriesCard-615cdf47.js} +2 -2
  22. package/dist/cjs/MediaSeriesLanding.js +9 -9
  23. package/dist/cjs/MediaSeriesLandingPaginated.js +11 -10
  24. package/dist/cjs/NavMagazine.js +10 -10
  25. package/dist/cjs/NavNative.js +9 -9
  26. package/dist/cjs/Pagination-c63770a3.js +90 -0
  27. package/dist/cjs/PartnerDetailListing.js +3 -3
  28. package/dist/cjs/PartnerDetailListingPaginated.js +5 -4
  29. package/dist/cjs/PubSection.js +2 -2
  30. package/dist/cjs/PublicationLanding.js +26 -26
  31. package/dist/cjs/QueueDeckExpanded.js +2 -2
  32. package/dist/cjs/QueueDeckExpandedPaginated.js +4 -3
  33. package/dist/cjs/RelatedContent.js +28 -28
  34. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  35. package/dist/cjs/Segment.js +5 -22
  36. package/dist/cjs/SeriesListingDeck.js +1 -1
  37. package/dist/cjs/{SeriesSlider-74546d19.js → SeriesSlider-594b19eb.js} +4 -4
  38. package/dist/cjs/SideFooter.js +2 -2
  39. package/dist/cjs/TaxonomyDescription.js +1 -1
  40. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  41. package/dist/cjs/VideoSeriesCard.js +1 -1
  42. package/dist/cjs/VideoSeriesLandingPage.js +2 -2
  43. package/dist/cjs/View.js +9 -13
  44. package/dist/cjs/YoutubeGroup.js +4 -4
  45. package/dist/cjs/getSerializers.js +1 -1
  46. package/dist/cjs/{getTargeting-dab97fe1.js → getTargeting-3c5754ac.js} +9 -9
  47. package/dist/cjs/getTargeting.js +1 -1
  48. package/dist/cjs/index.js +6 -5
  49. package/dist/esm/AlgoliaSearch.js +16 -132
  50. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  51. package/dist/esm/ArticleSeriesLandingPage.js +2 -2
  52. package/dist/esm/AuthWrapper.js +1 -1
  53. package/dist/esm/ConferenceArticleCard.js +15 -15
  54. package/dist/esm/ContentCardPaginated.js +3 -2
  55. package/dist/esm/DeckContent.js +9 -9
  56. package/dist/esm/DeckQueuePaginated.js +2 -1
  57. package/dist/esm/EventsDeck.js +17 -17
  58. package/dist/esm/ExternalResources.js +1 -1
  59. package/dist/esm/GridContent.js +2 -2
  60. package/dist/esm/GridContentPaginated.js +4 -3
  61. package/dist/esm/HamMagazine.js +9 -9
  62. package/dist/esm/HealthCareProfessionalModal.js +1 -1
  63. package/dist/esm/HorizontalArticleListing.js +1 -1
  64. package/dist/esm/IssueLanding.js +32 -32
  65. package/dist/esm/KMTracker.js +15 -15
  66. package/dist/esm/MasterDeck.js +10 -10
  67. package/dist/esm/MasterDeckPaginated.js +12 -11
  68. package/dist/esm/{MediaSeriesCard-8832086e.js → MediaSeriesCard-e08917c6.js} +2 -2
  69. package/dist/esm/MediaSeriesLanding.js +9 -9
  70. package/dist/esm/MediaSeriesLandingPaginated.js +11 -10
  71. package/dist/esm/NavMagazine.js +10 -10
  72. package/dist/esm/NavNative.js +9 -9
  73. package/dist/esm/Pagination-6f8d5327.js +82 -0
  74. package/dist/esm/PartnerDetailListing.js +3 -3
  75. package/dist/esm/PartnerDetailListingPaginated.js +5 -4
  76. package/dist/esm/PubSection.js +2 -2
  77. package/dist/esm/PublicationLanding.js +26 -26
  78. package/dist/esm/QueueDeckExpanded.js +2 -2
  79. package/dist/esm/QueueDeckExpandedPaginated.js +4 -3
  80. package/dist/esm/RelatedContent.js +28 -28
  81. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  82. package/dist/esm/Segment.js +5 -22
  83. package/dist/esm/SeriesListingDeck.js +1 -1
  84. package/dist/esm/{SeriesSlider-e495571f.js → SeriesSlider-f771e20d.js} +4 -4
  85. package/dist/esm/SideFooter.js +2 -2
  86. package/dist/esm/TaxonomyDescription.js +1 -1
  87. package/dist/esm/VideoProgramLandingPage.js +1 -1
  88. package/dist/esm/VideoSeriesCard.js +1 -1
  89. package/dist/esm/VideoSeriesLandingPage.js +2 -2
  90. package/dist/esm/View.js +8 -13
  91. package/dist/esm/YoutubeGroup.js +4 -4
  92. package/dist/esm/getSerializers.js +1 -1
  93. package/dist/esm/{getTargeting-04d979c9.js → getTargeting-42f9b439.js} +9 -9
  94. package/dist/esm/getTargeting.js +1 -1
  95. package/dist/esm/index.js +6 -5
  96. package/package.json +115 -115
  97. package/dist/cjs/Pagination-30bb1ca1.js +0 -97
  98. package/dist/esm/Pagination-194dd03f.js +0 -90
  99. /package/dist/cjs/{ADInfeed-6673529d.js → ADInfeed-44d43b8a.js} +0 -0
  100. /package/dist/cjs/{ADlgInfeed-d00e1edb.js → ADlgInfeed-24d739f6.js} +0 -0
  101. /package/dist/cjs/{index-2d9f0fda.js → index-bb6f5ec7.js} +0 -0
  102. /package/dist/esm/{ADInfeed-227aeb37.js → ADInfeed-7af1f934.js} +0 -0
  103. /package/dist/esm/{ADlgInfeed-74b51952.js → ADlgInfeed-ebcafb85.js} +0 -0
  104. /package/dist/esm/{index-03c505f3.js → index-995ce566.js} +0 -0
@@ -0,0 +1,82 @@
1
+ import React__default from 'react';
2
+ import ReactPaginate from 'react-paginate';
3
+ import Button from 'react-bootstrap/Button';
4
+ import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
5
+
6
+ var Pagination = function Pagination(props) {
7
+ var pageCount = props.pageCount,
8
+ _props$marginPagesDis = props.marginPagesDisplayed,
9
+ marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
10
+ _props$pageRangeDispl = props.pageRangeDisplayed,
11
+ pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
12
+ _props$currentPage = props.currentPage,
13
+ currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
14
+ _onPageChange = props.onPageChange,
15
+ _props$needLargePagin = props.needLargePaginateButtons,
16
+ needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
17
+
18
+ if (!pageCount || pageCount <= 1) return null;
19
+ return React__default.createElement(
20
+ React__default.Fragment,
21
+ null,
22
+ needLargePaginateButtons && React__default.createElement(
23
+ 'div',
24
+ { className: 'pagination-lg-btn-nxt' },
25
+ React__default.createElement(
26
+ Button,
27
+ {
28
+ onClick: function onClick(e) {
29
+ e.preventDefault();
30
+ _onPageChange(currentPage + 1);
31
+ },
32
+ disabled: currentPage === pageCount,
33
+ href: '?page=' + (currentPage + 1) },
34
+ 'NEXT PAGE',
35
+ React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
36
+ )
37
+ ),
38
+ React__default.createElement(ReactPaginate, {
39
+ pageCount: pageCount,
40
+ marginPagesDisplayed: marginPagesDisplayed,
41
+ pageRangeDisplayed: pageRangeDisplayed,
42
+ forcePage: currentPage - 1,
43
+ onPageChange: function onPageChange(_ref) {
44
+ var selected = _ref.selected;
45
+ return _onPageChange(selected + 1);
46
+ },
47
+ hrefBuilder: function hrefBuilder(page) {
48
+ return '?page=' + page;
49
+ },
50
+ previousLabel: '<',
51
+ nextLabel: '>',
52
+ containerClassName: 'pagination-container',
53
+ previousLinkClassName: 'previous',
54
+ nextLinkClassName: 'next',
55
+ disabledClassName: 'disabled',
56
+ activeClassName: 'active'
57
+ }),
58
+ needLargePaginateButtons && React__default.createElement(
59
+ 'div',
60
+ { className: 'pagination-lg-btn-prv' },
61
+ React__default.createElement(
62
+ Button,
63
+ {
64
+ onClick: function onClick(e) {
65
+ e.preventDefault();
66
+ _onPageChange(currentPage - 1);
67
+ },
68
+ disabled: currentPage === 1,
69
+ href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
70
+ React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
71
+ 'PREVIOUS PAGE'
72
+ )
73
+ ),
74
+ React__default.createElement(
75
+ 'style',
76
+ { jsx: 'true' },
77
+ '\n .pagination-container {\n list-style: none;\n padding: 10px 0;\n margin: 0;\n display: flex;\n overflow: auto;\n }\n .pagination-container::before,\n .pagination-container::after {\n content: \'\';\n margin: 0 auto;\n }\n .pagination-container a {\n padding: 10px;\n border: 1px solid #dee2e6;\n }\n .pagination-container a:hover {\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n }\n .pagination-container .active a {\n color: #fff;\n background-color: #666;\n background-color: var(--primary);\n }\n .pagination-container li:first-child a {\n border-radius: 5px 0 0 5px;\n }\n .pagination-container li:last-child a {\n border-radius: 0 5px 5px 0;\n }\n .pagination-container .disabled a {\n cursor: default;\n }\n .pagination-lg-btn-nxt,\n .pagination-lg-btn-prv {\n text-align: center;\n }\n .pagination-lg-btn-nxt .btn,\n .pagination-lg-btn-prv .btn {\n min-width: 80%;\n color: #000;\n color: var(--primary);\n background-color: transparent;\n border-color: #000;\n border-color: var(--primary);\n }\n .pagination-lg-btn-nxt {\n margin: 0 0 1.5rem;\n }\n .pagination-lg-btn-prv {\n margin: 1.5rem 0 0;\n }\n .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n color: #fff;\n background-color: #000;\n background-color: var(--primary);\n border-color: #000;\n border-color: var(--primary);\n }\n @media only screen and (min-width: 601px) {\n [class^=\'pagination-lg-btn\'] {\n display: none;\n }\n }\n .fa-arrow-left {\n margin-right: 0.5rem;\n }\n .fa-arrow-right {\n margin-left: 0.5rem;\n }\n .pagination-container::-webkit-scrollbar {\n height: 8px;\n }\n .pagination-container::-webkit-scrollbar-track,\n .pagination-container::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n }\n .pagination-container::-webkit-scrollbar-track {\n background-color: rgba(0, 0, 0, 0.1);\n }\n .pagination-container::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.3);\n }\n '
78
+ )
79
+ );
80
+ };
81
+
82
+ export { Pagination as P };
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
11
11
  import Breadcrumbs from './Breadcrumbs.js';
12
12
  import Feature from './Feature.js';
13
13
  import urlFor from './urlFor.js';
14
- import { g as getSerializers } from './index-03c505f3.js';
14
+ import { g as getSerializers } from './index-995ce566.js';
15
15
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
16
16
  import './_commonjsHelpers-0c4b6f40.js';
17
17
  import './core.get-iterator-method-ea258bb1.js';
@@ -32,7 +32,7 @@ import 'next/router';
32
32
  import './index-755f2cc2.js';
33
33
  import './main-1894c974.js';
34
34
  import './entities-6d9154b4.js';
35
- import './ADInfeed-227aeb37.js';
35
+ import './ADInfeed-7af1f934.js';
36
36
  import 'react-bootstrap/Card';
37
37
  import './AdSlot.js';
38
38
  import './debounce-533d9748.js';
@@ -43,7 +43,7 @@ import './stringify-2b084bee.js';
43
43
  import './Segment.js';
44
44
  import './AuthorComponent-11adff02.js';
45
45
  import './lodash-f97fd99a.js';
46
- import './ADlgInfeed-74b51952.js';
46
+ import './ADlgInfeed-ebcafb85.js';
47
47
  import './getContentCategory-15dcc413.js';
48
48
  import './timeDifferenceCalc.js';
49
49
  import './index-3f5c03b2.js';
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
11
11
  import Breadcrumbs from './Breadcrumbs.js';
12
12
  import Feature from './Feature.js';
13
13
  import urlFor from './urlFor.js';
14
- import { g as getSerializers } from './index-03c505f3.js';
14
+ import { g as getSerializers } from './index-995ce566.js';
15
15
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
16
16
  import './_commonjsHelpers-0c4b6f40.js';
17
17
  import './core.get-iterator-method-ea258bb1.js';
@@ -31,7 +31,7 @@ import 'react-dom';
31
31
  import './lodash-f97fd99a.js';
32
32
  import './main-1894c974.js';
33
33
  import './entities-6d9154b4.js';
34
- import './ADInfeed-227aeb37.js';
34
+ import './ADInfeed-7af1f934.js';
35
35
  import 'react-bootstrap/Card';
36
36
  import './AdSlot.js';
37
37
  import './debounce-533d9748.js';
@@ -41,10 +41,11 @@ import './Beam.js';
41
41
  import './stringify-2b084bee.js';
42
42
  import './Segment.js';
43
43
  import './AuthorComponent-11adff02.js';
44
- import './ADlgInfeed-74b51952.js';
44
+ import './ADlgInfeed-ebcafb85.js';
45
45
  import './getContentCategory-15dcc413.js';
46
46
  import './timeDifferenceCalc.js';
47
- import './Pagination-194dd03f.js';
47
+ import './Pagination-6f8d5327.js';
48
+ import 'react-paginate';
48
49
  import 'react-bootstrap/Button';
49
50
  import './index.esm-1bd8a0a8.js';
50
51
  import './iconBase-ccc56b97.js';
@@ -24,7 +24,7 @@ import 'next/router';
24
24
  import './index-755f2cc2.js';
25
25
  import './main-1894c974.js';
26
26
  import './entities-6d9154b4.js';
27
- import './ADInfeed-227aeb37.js';
27
+ import './ADInfeed-7af1f934.js';
28
28
  import 'react-bootstrap/Card';
29
29
  import './AdSlot.js';
30
30
  import './debounce-533d9748.js';
@@ -35,7 +35,7 @@ import './stringify-2b084bee.js';
35
35
  import './Segment.js';
36
36
  import './AuthorComponent-11adff02.js';
37
37
  import './lodash-f97fd99a.js';
38
- import './ADlgInfeed-74b51952.js';
38
+ import './ADlgInfeed-ebcafb85.js';
39
39
  import './getContentCategory-15dcc413.js';
40
40
  import './timeDifferenceCalc.js';
41
41
 
@@ -376,32 +376,32 @@ module.exports = { "default": set$1, __esModule: true };
376
376
 
377
377
  var _Set = unwrapExports(set);
378
378
 
379
- /* usage & query
380
- const Publication = (props) => {
381
- const { cache, pub, year } = props
382
- const targeting = {
383
- content_placement: [`/journals/${pub.identifier.current}`],
384
- document_url: [`/journals/${pub.identifier.current}`],
385
- }
386
- return (
387
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
388
- <PublicationLanding publication={pub} year={year} href={'journals'} />
389
- </Shell>
390
- )
391
- }
392
- Publication.getInitialProps = async (ctx) => {
393
- const { query } = ctx
394
- const {
395
- query: { year },
396
- } = ctx
397
- const pub = await client.fetch(getQuery('publication'), query)
398
- **import urlFor from framework**
399
- pub.issues.map((issue) => {
400
- issue.thumbnail = urlFor({client, source: issue.thumbnail})
401
- })
402
- return { pub, year }
403
- }
404
- export default Publication
379
+ /* usage & query
380
+ const Publication = (props) => {
381
+ const { cache, pub, year } = props
382
+ const targeting = {
383
+ content_placement: [`/journals/${pub.identifier.current}`],
384
+ document_url: [`/journals/${pub.identifier.current}`],
385
+ }
386
+ return (
387
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
388
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
389
+ </Shell>
390
+ )
391
+ }
392
+ Publication.getInitialProps = async (ctx) => {
393
+ const { query } = ctx
394
+ const {
395
+ query: { year },
396
+ } = ctx
397
+ const pub = await client.fetch(getQuery('publication'), query)
398
+ **import urlFor from framework**
399
+ pub.issues.map((issue) => {
400
+ issue.thumbnail = urlFor({client, source: issue.thumbnail})
401
+ })
402
+ return { pub, year }
403
+ }
404
+ export default Publication
405
405
  */
406
406
 
407
407
  var generateContentPlacements = function generateContentPlacements(issues) {
@@ -12,10 +12,10 @@ import { useRouter } from 'next/router';
12
12
  import { L as LazyLoad } from './index-755f2cc2.js';
13
13
  import { m as main_43 } from './main-1894c974.js';
14
14
  import { c as clean_html_1 } from './entities-6d9154b4.js';
15
- import { A as ADInfeed } from './ADInfeed-227aeb37.js';
15
+ import { A as ADInfeed } from './ADInfeed-7af1f934.js';
16
16
  import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
17
17
  import { l as lodash } from './lodash-f97fd99a.js';
18
- import { A as ADlgInfeed } from './ADlgInfeed-74b51952.js';
18
+ import { A as ADlgInfeed } from './ADlgInfeed-ebcafb85.js';
19
19
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
20
20
  import timeDifferenceCalc from './timeDifferenceCalc.js';
21
21
  import './_commonjsHelpers-0c4b6f40.js';
@@ -11,13 +11,13 @@ import { L as LazyLoad } from './index-755f2cc2.js';
11
11
  import { l as lodash } from './lodash-f97fd99a.js';
12
12
  import { m as main_43 } from './main-1894c974.js';
13
13
  import { c as clean_html_1 } from './entities-6d9154b4.js';
14
- import { A as ADInfeed } from './ADInfeed-227aeb37.js';
14
+ import { A as ADInfeed } from './ADInfeed-7af1f934.js';
15
15
  import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
16
- import { A as ADlgInfeed } from './ADlgInfeed-74b51952.js';
16
+ import { A as ADlgInfeed } from './ADlgInfeed-ebcafb85.js';
17
17
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
18
18
  import timeDifferenceCalc from './timeDifferenceCalc.js';
19
19
  import urlFor from './urlFor.js';
20
- import { P as Pagination } from './Pagination-194dd03f.js';
20
+ import { P as Pagination } from './Pagination-6f8d5327.js';
21
21
  import './_commonjsHelpers-0c4b6f40.js';
22
22
  import './core.get-iterator-method-ea258bb1.js';
23
23
  import './web.dom.iterable-ab4dea5c.js';
@@ -36,6 +36,7 @@ import './Beam.js';
36
36
  import './stringify-2b084bee.js';
37
37
  import './Segment.js';
38
38
  import './index-3f5c03b2.js';
39
+ import 'react-paginate';
39
40
  import 'react-bootstrap/Button';
40
41
  import './index.esm-1bd8a0a8.js';
41
42
  import './iconBase-ccc56b97.js';
@@ -11,34 +11,34 @@ import './index-3f5c03b2.js';
11
11
  import 'react-dom';
12
12
  import 'prop-types';
13
13
 
14
- /*
15
- Sample query
16
- let references = ''
17
- if(article.taxonomyMapping.length > 0){
18
- article.taxonomyMapping.forEach((ref, index) => {
19
- references = references + `references('${ref._ref}') `
20
- if(index+1 !== article.taxonomyMapping.length){
21
- references = references + ` && `
22
- }
23
- })
24
- }
25
-
26
- const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
27
- ...,
28
- title,
29
- summary,
30
- thumbnail,
31
- url,
32
- published,
33
- authorMapping[]->,
34
- contentCategory->
35
- }`
36
- const relatedArticles = await client.fetch(relatedArticlesQuery)
37
-
38
- Sample usage
39
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
-
41
-
14
+ /*
15
+ Sample query
16
+ let references = ''
17
+ if(article.taxonomyMapping.length > 0){
18
+ article.taxonomyMapping.forEach((ref, index) => {
19
+ references = references + `references('${ref._ref}') `
20
+ if(index+1 !== article.taxonomyMapping.length){
21
+ references = references + ` && `
22
+ }
23
+ })
24
+ }
25
+
26
+ const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
27
+ ...,
28
+ title,
29
+ summary,
30
+ thumbnail,
31
+ url,
32
+ published,
33
+ authorMapping[]->,
34
+ contentCategory->
35
+ }`
36
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
37
+
38
+ Sample usage
39
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
+
41
+
42
42
  */
43
43
  var RelatedContent = function RelatedContent(props) {
44
44
  var client = props.client,
@@ -14,16 +14,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
14
14
  _ref$className = _ref.className,
15
15
  className = _ref$className === undefined ? '' : _ref$className;
16
16
 
17
- /*
18
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
- example:
20
- <RelatedTopicDropdown
21
- page='/clinical'
22
- exclude="clinical"
23
- className='mb-3'
24
- parentTaxonomy={props.parentTaxonomy}
25
- subTaxonomies={props.subTaxonomies}
26
- />
17
+ /*
18
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
+ example:
20
+ <RelatedTopicDropdown
21
+ page='/clinical'
22
+ exclude="clinical"
23
+ className='mb-3'
24
+ parentTaxonomy={props.parentTaxonomy}
25
+ subTaxonomies={props.subTaxonomies}
26
+ />
27
27
  */
28
28
  if (subTaxonomies.length === 0 && parentTaxonomy) {
29
29
  if (parentTaxonomy.identifier == exclude) {
@@ -86,18 +86,6 @@ var Segment = {
86
86
 
87
87
  return '';
88
88
  },
89
- getOsano: function getOsano() {
90
- var osano = {};
91
- if (window && window.Osano && window.Osano.cm) {
92
- osano.analytics = window.Osano.cm.analytics;
93
- osano.locale = window.Osano.cm.locale;
94
- osano.marketing = window.Osano.cm.marketing;
95
- osano.mode = window.Osano.cm.mode;
96
- osano.optOut = window.Osano.cm.optOut;
97
- osano.personalization = window.Osano.cm.personalization;
98
- }
99
- return osano;
100
- },
101
89
  pageview: function pageview(domain) {
102
90
  var _this2 = this;
103
91
 
@@ -149,8 +137,7 @@ var Segment = {
149
137
  content_placement: properties.content_placement && properties.content_placement.length > 0 ? properties.content_placement : '',
150
138
  document_group: properties.document_group && properties.document_group.length > 0 ? properties.document_group : '',
151
139
  domain: domain,
152
- keywords: _this2.getMeta('keywords'),
153
- osano: _this2.getOsano()
140
+ keywords: _this2.getMeta('keywords')
154
141
  });
155
142
 
156
143
  case 15:
@@ -207,8 +194,7 @@ var Segment = {
207
194
  queue: Math.floor(duration / 10),
208
195
  brightCovePlayerID: brightCovePlayerID,
209
196
  brightCoveAccountID: brightCoveAccountID,
210
- keywords: _this3.getMeta('keywords'),
211
- osano: _this3.getOsano()
197
+ keywords: _this3.getMeta('keywords')
212
198
  };
213
199
 
214
200
 
@@ -266,8 +252,7 @@ var Segment = {
266
252
  adId: adId,
267
253
  brightCovePlayerID: brightCovePlayerID,
268
254
  brightCoveAccountID: brightCoveAccountID,
269
- keywords: _this4.getMeta('keywords'),
270
- osano: _this4.getOsano()
255
+ keywords: _this4.getMeta('keywords')
271
256
  };
272
257
 
273
258
 
@@ -320,8 +305,7 @@ var Segment = {
320
305
  sourceAgnosticCreativeId: sourceAgnosticCreativeId,
321
306
  sourceAgnosticlineId: sourceAgnosticlineId,
322
307
  domain: domain,
323
- keywords: _this5.getMeta('keywords'),
324
- osano: _this5.getOsano()
308
+ keywords: _this5.getMeta('keywords')
325
309
  });
326
310
 
327
311
  case 9:
@@ -370,8 +354,7 @@ var Segment = {
370
354
  sourceAgnosticCreativeId: sourceAgnosticCreativeId,
371
355
  sourceAgnosticlineId: sourceAgnosticlineId,
372
356
  domain: domain,
373
- keywords: _this6.getMeta('keywords'),
374
- osano: _this6.getOsano()
357
+ keywords: _this6.getMeta('keywords')
375
358
  });
376
359
 
377
360
  case 9:
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import { l as lib_3 } from './index-f0fc23eb.js';
7
7
  import { I as InfiniteScroll } from './index.es-a6137319.js';
8
- import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
8
+ import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
9
9
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
@@ -6,10 +6,10 @@ import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
6
6
  import urlFor from './urlFor.js';
7
7
  import { m as main_43, a as main_49, b as main_42 } from './main-1894c974.js';
8
8
 
9
- /*
10
- GROQ query -
11
- accepts an array of title, URL
12
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
9
+ /*
10
+ GROQ query -
11
+ accepts an array of title, URL
12
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
13
13
  */
14
14
 
15
15
  var SeriesSlider = function SeriesSlider(_ref) {
@@ -32,8 +32,8 @@ var renderLink = function renderLink(row) {
32
32
  };
33
33
 
34
34
  var SideFooter = function SideFooter(props) {
35
- /*
36
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
35
+ /*
36
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
37
37
  */
38
38
  var _get = get_1(props, 'cache.siteSettingCache', {}),
39
39
  socialLinks = _get.socialLinks,
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import Head from 'next/head';
7
7
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
8
- import { g as getSerializers } from './index-03c505f3.js';
8
+ import { g as getSerializers } from './index-995ce566.js';
9
9
  import './_commonjsHelpers-0c4b6f40.js';
10
10
  import './core.get-iterator-method-ea258bb1.js';
11
11
  import './_object-pie-133f504a.js';
@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import Form from 'react-bootstrap/Form';
7
7
  import Button from 'react-bootstrap/Button';
8
- import { g as getSerializers } from './index-03c505f3.js';
8
+ import { g as getSerializers } from './index-995ce566.js';
9
9
  import VideoSeriesListing from './VideoSeriesListing.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
@@ -15,7 +15,7 @@ import 'react-dom';
15
15
  import './slicedToArray-6ebcbfea.js';
16
16
  import './index-3f5c03b2.js';
17
17
 
18
- var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .VideoSeriesCard-module_article__Hlc3e {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .VideoSeriesCard-module_article__Hlc3e a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n margin: 0;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N {\r\n width: 90%;\r\n padding: 1rem !important;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N h2 {\r\n font-size: 1rem;\r\n }\r\n}\r\n";
18
+ var css = ".VideoSeriesCard-module_article__Hlc3e {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n width: 100%;\n height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n width: 75%;\n font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n color: #6d6d6d;\n margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n .VideoSeriesCard-module_article__Hlc3e {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .VideoSeriesCard-module_article__Hlc3e a {\n flex-direction: column;\n align-items: center;\n }\n .VideoSeriesCard-module_thumb__3hGyJ {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .VideoSeriesCard-module_thumb__3hGyJ img{\n border-radius: 10px 10px 0 0; \n }\n .VideoSeriesCard-module_thumb__3hGyJ figure {\n margin: 0;\n }\n .VideoSeriesCard-module_info__2_i1N {\n width: 90%;\n padding: 1rem !important;\n }\n .VideoSeriesCard-module_info__2_i1N h2 {\n font-size: 1rem;\n }\n}\n";
19
19
  var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
20
20
  styleInject(css);
21
21
 
@@ -36,13 +36,13 @@ import './index.es-a6137319.js';
36
36
  import './visibility-sensor-72fd8f8b.js';
37
37
  import 'react-dom';
38
38
  import './index-3f5c03b2.js';
39
- import './ADlgInfeed-74b51952.js';
39
+ import './ADlgInfeed-ebcafb85.js';
40
40
  import './AdSlot.js';
41
41
  import './Beam.js';
42
42
  import './stringify-2b084bee.js';
43
43
  import './Segment.js';
44
44
  import './main-1894c974.js';
45
- import './ADInfeed-227aeb37.js';
45
+ import './ADInfeed-7af1f934.js';
46
46
  import './index-755f2cc2.js';
47
47
  import './urlFor.js';
48
48
  import './style-inject.es-1f59c1d0.js';
package/dist/esm/View.js CHANGED
@@ -15,10 +15,10 @@ import FormControl from 'react-bootstrap/FormControl';
15
15
  import Button from 'react-bootstrap/Button';
16
16
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import SocialShare from './SocialShare.js';
18
- import { r as renderAuthor, g as getSerializers } from './index-03c505f3.js';
18
+ import { r as renderAuthor, g as getSerializers } from './index-995ce566.js';
19
19
  import DFPAdSlot from './AdSlot.js';
20
- import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
21
- import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-04d979c9.js';
20
+ import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
21
+ import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
22
22
  import getKeywords from './getKeywords.js';
23
23
  import urlFor from './urlFor.js';
24
24
  import { u as urlForFile } from './urlForFile-b69adffc.js';
@@ -28,13 +28,14 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
28
28
  import './index-755f2cc2.js';
29
29
  import { DiscussionEmbed } from 'disqus-react';
30
30
  import Schema from './Schema.js';
31
- import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
31
+ import FileSaver from 'file-saver';
32
32
  import { _ as _Object$keys } from './keys-31dcdb31.js';
33
33
  import { I as InfiniteScroll } from './index.es-a6137319.js';
34
34
  import { l as lib_3 } from './index-f0fc23eb.js';
35
35
  import getRelatedArticle from './getRelatedArticle.js';
36
36
  import getQuery from './getQuery.js';
37
37
  import getSeriesDetail from './getSeriesDetail.js';
38
+ import './_commonjsHelpers-0c4b6f40.js';
38
39
  import './core.get-iterator-method-ea258bb1.js';
39
40
  import './web.dom.iterable-ab4dea5c.js';
40
41
  import './_library-528f1934.js';
@@ -347,7 +348,7 @@ var ISI = function ISI(props) {
347
348
  );
348
349
  };
349
350
 
350
- var css$1 = ".RelatedArticles-module_mediaContainer__10h9k {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n margin: 0 1rem 1rem;\r\n width: calc(33% - 1rem);\r\n display: column;\r\n flex-direction: row;\r\n margin-bottom: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n font-weight: bold;\r\n color: #252525;\r\n margin-bottom: 0.25rem;\r\n font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n color: #000;\r\n font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n color: var(--dark);\r\n display: block;\r\n background: #fff !important;\r\n margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n height: 135px;\r\n width: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RelatedArticles-module_mediaContainer__10h9k {\r\n flex-wrap: wrap;\r\n }\r\n .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: none;\r\n }\r\n .RelatedArticles-module_mediaCard__3wQbn {\r\n width: 100%;\r\n margin-bottom: 0.5rem;\r\n padding: 0;\r\n }\r\n .RelatedArticles-module_cardTitle__3P-Ib {\r\n font-size: 0.75rem;\r\n margin-bottom: 0;\r\n }\r\n}\r\n";
351
+ var css$1 = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 {\n display: none;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n }\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 0.75rem;\n margin-bottom: 0;\n }\n}\n";
351
352
  var styles$1 = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
352
353
  styleInject(css$1);
353
354
 
@@ -446,13 +447,7 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
446
447
  return showSocialShare;
447
448
  };
448
449
 
449
- var FileSaver_min = createCommonjsModule(function (module, exports) {
450
- (function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
451
-
452
-
453
- });
454
-
455
- var css = ".RecommendedArticles-module_recommendTitle__2kUji {\r\n border-bottom: 2px solid var(--secondary-blue);\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #0d335a;\r\n padding: 0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendContainer__sZukI {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n margin: 0 -0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendTop__1_yqw {\r\n margin: 0.5rem;\r\n width: 100%;\r\n flex-basis: 100%;\r\n display: flex;\r\n\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu {\r\n min-width: 55%;\r\n width: 55%;\r\n height: 100%;\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n.RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-left: 1rem;\r\n line-height: 1.3;\r\n color: #121212;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 25px;\r\n font-weight: bold;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 19px;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 19px;\r\n color: rgb(43, 43, 151);\r\n text-decoration: underline;\r\n margin-top: auto;\r\n}\r\n.RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(25% - 1rem);\r\n margin: 0 0.5rem;\r\n}\r\n.RecommendedArticles-module_smImage__TYZGY img {\r\n width: 100%;\r\n}\r\n.RecommendedArticles-module_title__3q1ud {\r\n margin-top: 1rem;\r\n line-height: 1.2;\r\n color: #121212;\r\n}\r\n.RecommendedArticles-module_category__2jRto {\r\n text-transform: uppercase;\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n margin: 0.25rem 0;\r\n}\r\n\r\n/* media query */\r\n\r\n@media screen and (max-width: 1399px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 21px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 1191px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 23px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 17px;\r\n }\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 18px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 768px) {\r\n .RecommendedArticles-module_recommendTop__1_yqw {\r\n flex-direction: column;\r\n }\r\n .RecommendedArticles-module_recommendTopImg__1b9gu,\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-bottom: 1rem;\r\n }\r\n .RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(50% - 1rem);\r\n }\r\n}";
450
+ var css = ".RecommendedArticles-module_recommendTitle__2kUji {\n border-bottom: 2px solid var(--secondary-blue);\n font-size: 1.5rem;\n font-weight: bold;\n color: #0d335a;\n padding: 0.5rem;\n}\n.RecommendedArticles-module_recommendContainer__sZukI {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 -0.5rem;\n}\n.RecommendedArticles-module_recommendTop__1_yqw {\n margin: 0.5rem;\n width: 100%;\n flex-basis: 100%;\n display: flex;\n\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu {\n min-width: 55%;\n width: 55%;\n height: 100%;\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.RecommendedArticles-module_recommendTopBody__-13FI {\n margin-left: 1rem;\n line-height: 1.3;\n color: #121212;\n display: flex;\n flex-direction: column;\n}\n.RecommendedArticles-module_topTitle__2EafN {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topBody__2_VNi {\n font-size: 19px;\n margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topLink__2RnXu {\n font-size: 19px;\n color: rgb(43, 43, 151);\n text-decoration: underline;\n margin-top: auto;\n}\n.RecommendedArticles-module_smContainer__4byBO {\n width: calc(25% - 1rem);\n margin: 0 0.5rem;\n}\n.RecommendedArticles-module_smImage__TYZGY img {\n width: 100%;\n}\n.RecommendedArticles-module_title__3q1ud {\n margin-top: 1rem;\n line-height: 1.2;\n color: #121212;\n}\n.RecommendedArticles-module_category__2jRto {\n text-transform: uppercase;\n font-size: 16px;\n letter-spacing: 2px;\n margin: 0.25rem 0;\n}\n\n/* media query */\n\n@media screen and (max-width: 1399px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 21px;\n }\n .RecommendedArticles-module_topBody__2_VNi {\n font-size: 15px;\n }\n}\n@media screen and (max-width: 1191px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 23px;\n }\n .RecommendedArticles-module_topBody__2_VNi,\n .RecommendedArticles-module_topLink__2RnXu {\n font-size: 17px;\n }\n}\n@media screen and (max-width: 968px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 18px;\n }\n .RecommendedArticles-module_topBody__2_VNi,\n .RecommendedArticles-module_topLink__2RnXu {\n font-size: 15px;\n }\n}\n@media screen and (max-width: 768px) {\n .RecommendedArticles-module_recommendTop__1_yqw {\n flex-direction: column;\n }\n .RecommendedArticles-module_recommendTopImg__1b9gu,\n .RecommendedArticles-module_recommendTopBody__-13FI {\n width: 100%;\n margin: 0;\n }\n .RecommendedArticles-module_recommendTopBody__-13FI {\n margin-bottom: 1rem;\n }\n .RecommendedArticles-module_smContainer__4byBO {\n width: calc(50% - 1rem);\n }\n}";
456
451
  var styles = { "recommendTitle": "RecommendedArticles-module_recommendTitle__2kUji", "recommendContainer": "RecommendedArticles-module_recommendContainer__sZukI", "recommendTop": "RecommendedArticles-module_recommendTop__1_yqw", "recommendTopImg": "RecommendedArticles-module_recommendTopImg__1b9gu", "recommendTopBody": "RecommendedArticles-module_recommendTopBody__-13FI", "topTitle": "RecommendedArticles-module_topTitle__2EafN", "topBody": "RecommendedArticles-module_topBody__2_VNi", "topLink": "RecommendedArticles-module_topLink__2RnXu", "smContainer": "RecommendedArticles-module_smContainer__4byBO", "smImage": "RecommendedArticles-module_smImage__TYZGY", "title": "RecommendedArticles-module_title__3q1ud", "category": "RecommendedArticles-module_category__2jRto" };
457
452
  styleInject(css);
458
453
 
@@ -1121,7 +1116,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1121
1116
  var downloadRIS = function downloadRIS() {
1122
1117
  var fileContent = generateRIS();
1123
1118
  var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
1124
- FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
1119
+ FileSaver.saveAs(file, 'citation-' + url + '.ris');
1125
1120
  };
1126
1121
 
1127
1122
  var RelevantTopics = function RelevantTopics() {
@@ -12,10 +12,10 @@ import 'react-dom';
12
12
  import 'prop-types';
13
13
  import './index-3f5c03b2.js';
14
14
 
15
- /*
16
- GROQ query -
17
- accepts an array of title, URL
18
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
15
+ /*
16
+ GROQ query -
17
+ accepts an array of title, URL
18
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
19
19
  */
20
20
 
21
21
  var YoutubeGroup = function YoutubeGroup(props) {
@@ -1,6 +1,6 @@
1
1
  import './extends-6d8e3924.js';
2
2
  import 'react';
3
- export { g as default } from './index-03c505f3.js';
3
+ export { g as default } from './index-995ce566.js';
4
4
  import './BlockContent-1e73bd2c.js';
5
5
  import './entities-6d9154b4.js';
6
6
  import './_commonjsHelpers-0c4b6f40.js';