@mjhls/mjh-framework 1.0.952 → 1.0.954-deck-pagination-v1

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 (88) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +131 -15
  3. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  4. package/dist/cjs/AuthWrapper.js +1 -1
  5. package/dist/cjs/ConferenceArticleCard.js +15 -15
  6. package/dist/cjs/ContentCardPaginated.js +1 -2
  7. package/dist/cjs/DeckContent.js +8 -8
  8. package/dist/cjs/DeckQueuePaginated.js +1 -2
  9. package/dist/cjs/EventsDeck.js +17 -17
  10. package/dist/cjs/ExternalResources.js +1 -1
  11. package/dist/cjs/GridContentPaginated.js +1 -2
  12. package/dist/cjs/HamMagazine.js +9 -9
  13. package/dist/cjs/HealthCareProfessionalModal.js +1 -1
  14. package/dist/cjs/HorizontalArticleListing.js +1 -1
  15. package/dist/cjs/IssueLanding.js +30 -30
  16. package/dist/cjs/KMTracker.js +15 -15
  17. package/dist/cjs/MasterDeck.js +8 -8
  18. package/dist/cjs/MasterDeckPaginated.js +9 -10
  19. package/dist/cjs/{MediaSeriesCard-7a009439.js → MediaSeriesCard-e0de8cbf.js} +2 -2
  20. package/dist/cjs/MediaSeriesLanding.js +7 -7
  21. package/dist/cjs/MediaSeriesLandingPaginated.js +8 -9
  22. package/dist/cjs/NavMagazine.js +10 -10
  23. package/dist/cjs/NavNative.js +9 -9
  24. package/dist/cjs/Pagination-30bb1ca1.js +97 -0
  25. package/dist/cjs/PartnerDetailListing.js +1 -1
  26. package/dist/cjs/PartnerDetailListingPaginated.js +2 -3
  27. package/dist/cjs/PublicationLanding.js +26 -26
  28. package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
  29. package/dist/cjs/RelatedContent.js +28 -28
  30. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  31. package/dist/cjs/SeriesListingDeck.js +1 -1
  32. package/dist/cjs/{SeriesSlider-ba0c5d1a.js → SeriesSlider-74546d19.js} +34 -8
  33. package/dist/cjs/SideFooter.js +2 -2
  34. package/dist/cjs/TaxonomyDescription.js +1 -1
  35. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  36. package/dist/cjs/VideoSeriesCard.js +1 -1
  37. package/dist/cjs/View.js +13 -9
  38. package/dist/cjs/YoutubeGroup.js +4 -4
  39. package/dist/cjs/getSerializers.js +1 -1
  40. package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
  41. package/dist/cjs/getTargeting.js +1 -1
  42. package/dist/cjs/{index-45a704a9.js → index-bb6f5ec7.js} +24 -14
  43. package/dist/cjs/index.js +3 -4
  44. package/dist/esm/AlgoliaSearch.js +132 -16
  45. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  46. package/dist/esm/AuthWrapper.js +1 -1
  47. package/dist/esm/ConferenceArticleCard.js +15 -15
  48. package/dist/esm/ContentCardPaginated.js +1 -2
  49. package/dist/esm/DeckContent.js +8 -8
  50. package/dist/esm/DeckQueuePaginated.js +1 -2
  51. package/dist/esm/EventsDeck.js +17 -17
  52. package/dist/esm/ExternalResources.js +1 -1
  53. package/dist/esm/GridContentPaginated.js +1 -2
  54. package/dist/esm/HamMagazine.js +9 -9
  55. package/dist/esm/HealthCareProfessionalModal.js +1 -1
  56. package/dist/esm/HorizontalArticleListing.js +1 -1
  57. package/dist/esm/IssueLanding.js +30 -30
  58. package/dist/esm/KMTracker.js +15 -15
  59. package/dist/esm/MasterDeck.js +8 -8
  60. package/dist/esm/MasterDeckPaginated.js +9 -10
  61. package/dist/esm/{MediaSeriesCard-4a68f1cf.js → MediaSeriesCard-bc66a709.js} +2 -2
  62. package/dist/esm/MediaSeriesLanding.js +7 -7
  63. package/dist/esm/MediaSeriesLandingPaginated.js +8 -9
  64. package/dist/esm/NavMagazine.js +10 -10
  65. package/dist/esm/NavNative.js +9 -9
  66. package/dist/esm/Pagination-194dd03f.js +90 -0
  67. package/dist/esm/PartnerDetailListing.js +1 -1
  68. package/dist/esm/PartnerDetailListingPaginated.js +2 -3
  69. package/dist/esm/PublicationLanding.js +26 -26
  70. package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
  71. package/dist/esm/RelatedContent.js +28 -28
  72. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  73. package/dist/esm/SeriesListingDeck.js +1 -1
  74. package/dist/esm/{SeriesSlider-45adb8dc.js → SeriesSlider-e495571f.js} +34 -8
  75. package/dist/esm/SideFooter.js +2 -2
  76. package/dist/esm/TaxonomyDescription.js +1 -1
  77. package/dist/esm/VideoProgramLandingPage.js +1 -1
  78. package/dist/esm/VideoSeriesCard.js +1 -1
  79. package/dist/esm/View.js +13 -8
  80. package/dist/esm/YoutubeGroup.js +4 -4
  81. package/dist/esm/getSerializers.js +1 -1
  82. package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
  83. package/dist/esm/getTargeting.js +1 -1
  84. package/dist/esm/{index-497db308.js → index-995ce566.js} +24 -14
  85. package/dist/esm/index.js +3 -4
  86. package/package.json +115 -115
  87. package/dist/cjs/Pagination-885dcfbd.js +0 -90
  88. package/dist/esm/Pagination-59436882.js +0 -82
@@ -0,0 +1,97 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
5
+ var Button = require('react-bootstrap/Button');
6
+ var index_esm = require('./index.esm-d51c9ac6.js');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
12
+
13
+ var reactPaginate = _commonjsHelpers.createCommonjsModule(function (module, exports) {
14
+ !function(e,a){module.exports=a(React__default['default']);}(_commonjsHelpers.commonjsGlobal,(function(e){return function(e){var a={};function t(r){if(a[r])return a[r].exports;var n=a[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=a,t.d=function(e,a,r){t.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:r});},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},t.t=function(e,a){if(1&a&&(e=t(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var n in e)t.d(r,n,function(a){return e[a]}.bind(null,n));return r},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="",t(t.s=4)}([function(e,a,t){e.exports=t(2)();},function(a,t){a.exports=e;},function(e,a,t){var r=t(3);function n(){}function i(){}i.resetWarningCache=n,e.exports=function(){function e(e,a,t,n,i,s){if(s!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:i,resetWarningCache:n};return t.PropTypes=t,t};},function(e,a,t){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},function(e,a,t){t.r(a);var r=t(1),n=t.n(r),i=t(0),s=t.n(i);function l(){return (l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var o=function(e){var a=e.pageClassName,t=e.pageLinkClassName,r=e.page,i=e.selected,s=e.activeClassName,o=e.activeLinkClassName,u=e.getEventListener,c=e.pageSelectedHandler,p=e.href,f=e.extraAriaContext,g=e.pageLabelBuilder,d=e.ariaLabel||"Page "+r+(f?" "+f:""),b=null;return i&&(b="page",d=e.ariaLabel||"Page "+r+" is your current page",a=void 0!==a?a+" "+s:s,void 0!==t?void 0!==o&&(t=t+" "+o):t=o),n.a.createElement("li",{className:a},n.a.createElement("a",l({role:"button",className:t,href:p,tabIndex:"0","aria-label":d,"aria-current":b,onKeyPress:c},u(c)),g(r)))};o.propTypes={pageSelectedHandler:s.a.func.isRequired,selected:s.a.bool.isRequired,pageClassName:s.a.string,pageLinkClassName:s.a.string,activeClassName:s.a.string,activeLinkClassName:s.a.string,extraAriaContext:s.a.string,href:s.a.string,ariaLabel:s.a.string,page:s.a.number.isRequired,getEventListener:s.a.func.isRequired,pageLabelBuilder:s.a.func.isRequired};var u=o;function c(){return (c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var p=function(e){var a=e.breakLabel,t=e.breakClassName,r=e.breakLinkClassName,i=e.breakHandler,s=e.getEventListener,l=t||"break";return n.a.createElement("li",{className:l},n.a.createElement("a",c({className:r,role:"button",tabIndex:"0",onKeyPress:i},s(i)),a))};p.propTypes={breakLabel:s.a.oneOfType([s.a.string,s.a.node]),breakClassName:s.a.string,breakLinkClassName:s.a.string,breakHandler:s.a.func.isRequired,getEventListener:s.a.func.isRequired};var f=p;function g(e){return (g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(){return (d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}function b(e,a){for(var t=0;t<a.length;t++){var r=a[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function v(e,a){return (v=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e})(e,a)}function m(e){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return !1}}();return function(){var t,r=C(e);if(a){var n=C(this).constructor;t=Reflect.construct(r,arguments,n);}else t=r.apply(this,arguments);return h(this,t)}}function h(e,a){return !a||"object"!==g(a)&&"function"!=typeof a?y(e):a}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return (C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function P(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var k=function(e){!function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&v(e,a);}(s,e);var a,t,i=m(s);function s(e){var a,t;return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,s),P(y(a=i.call(this,e)),"handlePreviousPage",(function(e){var t=a.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,t>0&&a.handlePageSelected(t-1,e);})),P(y(a),"handleNextPage",(function(e){var t=a.state.selected,r=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<r-1&&a.handlePageSelected(t+1,e);})),P(y(a),"handlePageSelected",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1,a.state.selected!==e?(a.setState({selected:e}),a.callCallback(e)):a.callActiveCallback(e);})),P(y(a),"getEventListener",(function(e){return P({},a.props.eventListener,e)})),P(y(a),"handleBreakClick",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1;var r=a.state.selected;a.handlePageSelected(r<e?a.getForwardJump():a.getBackwardJump(),t);})),P(y(a),"callCallback",(function(e){void 0!==a.props.onPageChange&&"function"==typeof a.props.onPageChange&&a.props.onPageChange({selected:e});})),P(y(a),"callActiveCallback",(function(e){void 0!==a.props.onPageActive&&"function"==typeof a.props.onPageActive&&a.props.onPageActive({selected:e});})),P(y(a),"pagination",(function(){var e=[],t=a.props,r=t.pageRangeDisplayed,i=t.pageCount,s=t.marginPagesDisplayed,l=t.breakLabel,o=t.breakClassName,u=t.breakLinkClassName,c=a.state.selected;if(i<=r)for(var p=0;p<i;p++)e.push(a.getPageElement(p));else {var g,d,b,v=r/2,m=r-v;c>i-r/2?v=r-(m=i-c):c<r/2&&(m=r-(v=c));var h=function(e){return a.getPageElement(e)};for(g=0;g<i;g++)(d=g+1)<=s||d>i-s||g>=c-v&&g<=c+m?e.push(h(g)):l&&e[e.length-1]!==b&&(b=n.a.createElement(f,{key:g,breakLabel:l,breakClassName:o,breakLinkClassName:u,breakHandler:a.handleBreakClick.bind(null,g),getEventListener:a.getEventListener}),e.push(b));}return e})),t=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:t},a}return a=s,(t=[{key:"componentDidMount",value:function(){var e=this.props,a=e.initialPage,t=e.disableInitialCallback,r=e.extraAriaContext;void 0===a||t||this.callCallback(a),r&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.");}},{key:"componentDidUpdate",value:function(e){void 0!==this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage});}},{key:"getForwardJump",value:function(){var e=this.state.selected,a=this.props,t=a.pageCount,r=e+a.pageRangeDisplayed;return r>=t?t-1:r}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var a=this.props,t=a.hrefBuilder,r=a.pageCount;if(t&&e!==this.state.selected&&e>=0&&e<r)return t(e+1)}},{key:"ariaLabelBuilder",value:function(e){var a=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var t=this.props.ariaLabelBuilder(e+1,a);return this.props.extraAriaContext&&!a&&(t=t+" "+this.props.extraAriaContext),t}}},{key:"getPageElement",value:function(e){var a=this.state.selected,t=this.props,r=t.pageClassName,i=t.pageLinkClassName,s=t.activeClassName,l=t.activeLinkClassName,o=t.extraAriaContext,c=t.pageLabelBuilder;return n.a.createElement(u,{key:e,pageSelectedHandler:this.handlePageSelected.bind(null,e),selected:a===e,pageClassName:r,pageLinkClassName:i,activeClassName:s,activeLinkClassName:l,extraAriaContext:o,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1,pageLabelBuilder:c,getEventListener:this.getEventListener})}},{key:"render",value:function(){var e=this.props,a=e.disabledClassName,t=e.pageCount,r=e.containerClassName,i=e.previousLabel,s=e.previousClassName,l=e.previousLinkClassName,o=e.previousAriaLabel,u=e.prevRel,c=e.nextLabel,p=e.nextClassName,f=e.nextLinkClassName,g=e.nextAriaLabel,b=e.nextRel,v=this.state.selected,m=s+(0===v?" ".concat(a):""),h=p+(v===t-1?" ".concat(a):""),y=0===v?"true":"false",C=v===t-1?"true":"false";return n.a.createElement("ul",{className:r},n.a.createElement("li",{className:m},n.a.createElement("a",d({className:l,href:this.hrefBuilder(v-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":y,"aria-label":o,rel:u},this.getEventListener(this.handlePreviousPage)),i)),this.pagination(),n.a.createElement("li",{className:h},n.a.createElement("a",d({className:f,href:this.hrefBuilder(v+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":C,"aria-label":g,rel:b},this.getEventListener(this.handleNextPage)),c)))}}])&&b(a.prototype,t),s}(r.Component);P(k,"propTypes",{pageCount:s.a.number.isRequired,pageRangeDisplayed:s.a.number.isRequired,marginPagesDisplayed:s.a.number.isRequired,previousLabel:s.a.node,previousAriaLabel:s.a.string,prevRel:s.a.string,nextLabel:s.a.node,nextAriaLabel:s.a.string,nextRel:s.a.string,breakLabel:s.a.oneOfType([s.a.string,s.a.node]),hrefBuilder:s.a.func,onPageChange:s.a.func,onPageActive:s.a.func,initialPage:s.a.number,forcePage:s.a.number,disableInitialCallback:s.a.bool,containerClassName:s.a.string,pageClassName:s.a.string,pageLinkClassName:s.a.string,pageLabelBuilder:s.a.func,activeClassName:s.a.string,activeLinkClassName:s.a.string,previousClassName:s.a.string,nextClassName:s.a.string,previousLinkClassName:s.a.string,nextLinkClassName:s.a.string,disabledClassName:s.a.string,breakClassName:s.a.string,breakLinkClassName:s.a.string,extraAriaContext:s.a.string,ariaLabelBuilder:s.a.func,eventListener:s.a.string}),P(k,"defaultProps",{pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextRel:"next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(e){return e},eventListener:"onClick"});a.default=k;}])}));
15
+
16
+ });
17
+
18
+ var ReactPaginate = _commonjsHelpers.unwrapExports(reactPaginate);
19
+ reactPaginate.ReactPaginate;
20
+
21
+ var Pagination = function Pagination(props) {
22
+ var pageCount = props.pageCount,
23
+ _props$marginPagesDis = props.marginPagesDisplayed,
24
+ marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
25
+ _props$pageRangeDispl = props.pageRangeDisplayed,
26
+ pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
27
+ _props$currentPage = props.currentPage,
28
+ currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
29
+ _onPageChange = props.onPageChange,
30
+ _props$needLargePagin = props.needLargePaginateButtons,
31
+ needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
32
+
33
+ if (!pageCount || pageCount <= 1) return null;
34
+ return React__default['default'].createElement(
35
+ React__default['default'].Fragment,
36
+ null,
37
+ needLargePaginateButtons && React__default['default'].createElement(
38
+ 'div',
39
+ { className: 'pagination-lg-btn-nxt' },
40
+ React__default['default'].createElement(
41
+ Button__default['default'],
42
+ {
43
+ onClick: function onClick(e) {
44
+ e.preventDefault();
45
+ _onPageChange(currentPage + 1);
46
+ },
47
+ disabled: currentPage === pageCount,
48
+ href: '?page=' + (currentPage + 1) },
49
+ 'NEXT PAGE',
50
+ React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
51
+ )
52
+ ),
53
+ React__default['default'].createElement(ReactPaginate, {
54
+ pageCount: pageCount,
55
+ marginPagesDisplayed: marginPagesDisplayed,
56
+ pageRangeDisplayed: pageRangeDisplayed,
57
+ forcePage: currentPage - 1,
58
+ onPageChange: function onPageChange(_ref) {
59
+ var selected = _ref.selected;
60
+ return _onPageChange(selected + 1);
61
+ },
62
+ hrefBuilder: function hrefBuilder(page) {
63
+ return '?page=' + page;
64
+ },
65
+ previousLabel: '<',
66
+ nextLabel: '>',
67
+ containerClassName: 'pagination-container',
68
+ previousLinkClassName: 'previous',
69
+ nextLinkClassName: 'next',
70
+ disabledClassName: 'disabled',
71
+ activeClassName: 'active'
72
+ }),
73
+ needLargePaginateButtons && React__default['default'].createElement(
74
+ 'div',
75
+ { className: 'pagination-lg-btn-prv' },
76
+ React__default['default'].createElement(
77
+ Button__default['default'],
78
+ {
79
+ onClick: function onClick(e) {
80
+ e.preventDefault();
81
+ _onPageChange(currentPage - 1);
82
+ },
83
+ disabled: currentPage === 1,
84
+ href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
85
+ React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
86
+ 'PREVIOUS PAGE'
87
+ )
88
+ ),
89
+ React__default['default'].createElement(
90
+ 'style',
91
+ { jsx: 'true' },
92
+ '\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 '
93
+ )
94
+ );
95
+ };
96
+
97
+ exports.Pagination = Pagination;
@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
13
13
  var Breadcrumbs = require('./Breadcrumbs.js');
14
14
  var Feature = require('./Feature.js');
15
15
  var urlFor = require('./urlFor.js');
16
- var getSerializers = require('./index-45a704a9.js');
16
+ var getSerializers = require('./index-bb6f5ec7.js');
17
17
  var BlockContent = require('./BlockContent-9ebd251f.js');
18
18
  require('./_commonjsHelpers-06173234.js');
19
19
  require('./core.get-iterator-method-5643aa10.js');
@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
13
13
  var Breadcrumbs = require('./Breadcrumbs.js');
14
14
  var Feature = require('./Feature.js');
15
15
  var urlFor = require('./urlFor.js');
16
- var getSerializers = require('./index-45a704a9.js');
16
+ var getSerializers = require('./index-bb6f5ec7.js');
17
17
  var BlockContent = require('./BlockContent-9ebd251f.js');
18
18
  require('./_commonjsHelpers-06173234.js');
19
19
  require('./core.get-iterator-method-5643aa10.js');
@@ -46,8 +46,7 @@ require('./AuthorComponent-39b37d84.js');
46
46
  require('./ADlgInfeed-24d739f6.js');
47
47
  require('./getContentCategory-f38a4c00.js');
48
48
  require('./timeDifferenceCalc.js');
49
- require('./Pagination-885dcfbd.js');
50
- require('react-paginate');
49
+ require('./Pagination-30bb1ca1.js');
51
50
  require('react-bootstrap/Button');
52
51
  require('./index.esm-d51c9ac6.js');
53
52
  require('./iconBase-be4097c0.js');
@@ -386,32 +386,32 @@ module.exports = { "default": set$1, __esModule: true };
386
386
 
387
387
  var _Set = _commonjsHelpers.unwrapExports(set);
388
388
 
389
- /* usage & query
390
- const Publication = (props) => {
391
- const { cache, pub, year } = props
392
- const targeting = {
393
- content_placement: [`/journals/${pub.identifier.current}`],
394
- document_url: [`/journals/${pub.identifier.current}`],
395
- }
396
- return (
397
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
398
- <PublicationLanding publication={pub} year={year} href={'journals'} />
399
- </Shell>
400
- )
401
- }
402
- Publication.getInitialProps = async (ctx) => {
403
- const { query } = ctx
404
- const {
405
- query: { year },
406
- } = ctx
407
- const pub = await client.fetch(getQuery('publication'), query)
408
- **import urlFor from framework**
409
- pub.issues.map((issue) => {
410
- issue.thumbnail = urlFor({client, source: issue.thumbnail})
411
- })
412
- return { pub, year }
413
- }
414
- export default Publication
389
+ /* usage & query
390
+ const Publication = (props) => {
391
+ const { cache, pub, year } = props
392
+ const targeting = {
393
+ content_placement: [`/journals/${pub.identifier.current}`],
394
+ document_url: [`/journals/${pub.identifier.current}`],
395
+ }
396
+ return (
397
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
398
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
399
+ </Shell>
400
+ )
401
+ }
402
+ Publication.getInitialProps = async (ctx) => {
403
+ const { query } = ctx
404
+ const {
405
+ query: { year },
406
+ } = ctx
407
+ const pub = await client.fetch(getQuery('publication'), query)
408
+ **import urlFor from framework**
409
+ pub.issues.map((issue) => {
410
+ issue.thumbnail = urlFor({client, source: issue.thumbnail})
411
+ })
412
+ return { pub, year }
413
+ }
414
+ export default Publication
415
415
  */
416
416
 
417
417
  var generateContentPlacements = function generateContentPlacements(issues) {
@@ -19,7 +19,7 @@ var ADlgInfeed = require('./ADlgInfeed-24d739f6.js');
19
19
  var getContentCategory = require('./getContentCategory-f38a4c00.js');
20
20
  var timeDifferenceCalc = require('./timeDifferenceCalc.js');
21
21
  var urlFor = require('./urlFor.js');
22
- var Pagination = require('./Pagination-885dcfbd.js');
22
+ var Pagination = require('./Pagination-30bb1ca1.js');
23
23
  require('./_commonjsHelpers-06173234.js');
24
24
  require('./core.get-iterator-method-5643aa10.js');
25
25
  require('./web.dom.iterable-d98303e0.js');
@@ -38,7 +38,6 @@ require('./Beam.js');
38
38
  require('./stringify-f7a37a8d.js');
39
39
  require('./Segment.js');
40
40
  require('./index-d48b231c.js');
41
- require('react-paginate');
42
41
  require('react-bootstrap/Button');
43
42
  require('./index.esm-d51c9ac6.js');
44
43
  require('./iconBase-be4097c0.js');
@@ -17,34 +17,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
 
18
18
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
 
20
- /*
21
- Sample query
22
- let references = ''
23
- if(article.taxonomyMapping.length > 0){
24
- article.taxonomyMapping.forEach((ref, index) => {
25
- references = references + `references('${ref._ref}') `
26
- if(index+1 !== article.taxonomyMapping.length){
27
- references = references + ` && `
28
- }
29
- })
30
- }
31
-
32
- 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] {
33
- ...,
34
- title,
35
- summary,
36
- thumbnail,
37
- url,
38
- published,
39
- authorMapping[]->,
40
- contentCategory->
41
- }`
42
- const relatedArticles = await client.fetch(relatedArticlesQuery)
43
-
44
- Sample usage
45
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
46
-
47
-
20
+ /*
21
+ Sample query
22
+ let references = ''
23
+ if(article.taxonomyMapping.length > 0){
24
+ article.taxonomyMapping.forEach((ref, index) => {
25
+ references = references + `references('${ref._ref}') `
26
+ if(index+1 !== article.taxonomyMapping.length){
27
+ references = references + ` && `
28
+ }
29
+ })
30
+ }
31
+
32
+ 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] {
33
+ ...,
34
+ title,
35
+ summary,
36
+ thumbnail,
37
+ url,
38
+ published,
39
+ authorMapping[]->,
40
+ contentCategory->
41
+ }`
42
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
43
+
44
+ Sample usage
45
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
46
+
47
+
48
48
  */
49
49
  var RelatedContent = function RelatedContent(props) {
50
50
  var client = props.client,
@@ -22,16 +22,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
22
22
  _ref$className = _ref.className,
23
23
  className = _ref$className === undefined ? '' : _ref$className;
24
24
 
25
- /*
26
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
27
- example:
28
- <RelatedTopicDropdown
29
- page='/clinical'
30
- exclude="clinical"
31
- className='mb-3'
32
- parentTaxonomy={props.parentTaxonomy}
33
- subTaxonomies={props.subTaxonomies}
34
- />
25
+ /*
26
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
27
+ example:
28
+ <RelatedTopicDropdown
29
+ page='/clinical'
30
+ exclude="clinical"
31
+ className='mb-3'
32
+ parentTaxonomy={props.parentTaxonomy}
33
+ subTaxonomies={props.subTaxonomies}
34
+ />
35
35
  */
36
36
  if (subTaxonomies.length === 0 && parentTaxonomy) {
37
37
  if (parentTaxonomy.identifier == exclude) {
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var Router = require('next/router');
8
8
  var index = require('./index-fc2f1ca2.js');
9
9
  var index_es = require('./index.es-f3e47207.js');
10
- var SeriesSlider = require('./SeriesSlider-ba0c5d1a.js');
10
+ var SeriesSlider = require('./SeriesSlider-74546d19.js');
11
11
  var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./core.get-iterator-method-5643aa10.js');
@@ -12,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
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 SeriesSlider = function SeriesSlider(_ref) {
@@ -38,7 +38,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
38
38
  var viewableWindow = React.useRef(null);
39
39
  var viewableArea = React.useRef(null);
40
40
 
41
- var _useState = React.useState(0),
41
+ var _useState = React.useState(200),
42
42
  _useState2 = slicedToArray._slicedToArray(_useState, 2),
43
43
  tileSize = _useState2[0],
44
44
  setTileSize = _useState2[1];
@@ -266,15 +266,32 @@ var SeriesSlider = function SeriesSlider(_ref) {
266
266
  { href: url },
267
267
  React__default['default'].createElement(
268
268
  'div',
269
- { className: nowPlaying == article.title ? 'tile__media active' : 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
269
+ {
270
+ className: nowPlaying == article.title ? 'tile__media active' : 'tile__media',
271
+ style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
270
272
  React__default['default'].createElement(
271
273
  index$1.LazyLoad,
272
274
  null,
273
275
  React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
274
276
  ),
277
+ React__default['default'].createElement(
278
+ 'noscript',
279
+ null,
280
+ React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
281
+ ),
275
282
  nowPlaying == article.title && React__default['default'].createElement(
276
283
  'span',
277
- { style: { position: 'absolute', padding: '0 .25rem', top: '0', right: '0', background: 'rgba(0,0,0,.75)', color: '#eee', fontWeight: 'normal', fontSize: '14px' } },
284
+ {
285
+ style: {
286
+ position: 'absolute',
287
+ padding: '0 .25rem',
288
+ top: '0',
289
+ right: '0',
290
+ background: 'rgba(0,0,0,.75)',
291
+ color: '#eee',
292
+ fontWeight: 'normal',
293
+ fontSize: '14px'
294
+ } },
278
295
  'Now Viewing'
279
296
  )
280
297
  ),
@@ -295,10 +312,19 @@ var SeriesSlider = function SeriesSlider(_ref) {
295
312
  })
296
313
  )
297
314
  ),
315
+ React__default['default'].createElement(
316
+ 'noscript',
317
+ null,
318
+ React__default['default'].createElement(
319
+ 'style',
320
+ { jsx: 'true' },
321
+ '\n .vid-slider .row__inner {\n flex-wrap: wrap;\n flex-basis: 100%;\n }\n '
322
+ )
323
+ ),
298
324
  React__default['default'].createElement(
299
325
  'style',
300
326
  { jsx: 'true' },
301
- '\n .vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n .vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row {\n margin: 0 -14px;\n }\n .vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 2.5rem;\n margin-bottom: 2rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .vid-slider.col {\n padding: 0 1.15rem 0 2.75rem;\n }\n .vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n .vid-slider h1,\n .vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n .vid-slider a:link,\n .vid-slider a:hover,\n .vid-slider a:active,\n .vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n .vid-slider .contain {\n width: 100%;\n }\n .vid-slider .row {\n overflow-x: hidden;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n .vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n width: 100%;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n .vid-slider .row__inner {\n display: flex;\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin-top: 1.5rem !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n .vid-slider .tile {\n position: relative;\n display: inline-block;\n height: 100%;\n margin-right: 0.5rem;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n .vid-slider .tile:first-child {\n margin-left: 0;\n }\n .vid-slider .tile__img {\n height: auto;\n border-radius: 3px;\n -o-object-fit: cover;\n object-fit: cover;\n object-position: center;\n }\n .vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n .vid-slider .tile__details:after,\n .vid-slider .tile__details:before {\n content: \'\';\n\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n .vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n .vid-slider .tile__details:before {\n content: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n border-radius: 3px;\n }\n\n .vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main.main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n }\n\n .vid-slider .tile__slider-prev,\n .vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n margin-left: 10px;\n margin-right: 10px;\n box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n }\n .vid-slider .tile__slider-prev {\n left: -.9rem;\n padding: 1rem;\n }\n .vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n .vid-slider,\n .vid-slider .row {\n padding-right: 0 1.2rem;\n }\n\n .vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n .vid-slider i {\n border: solid ' + (dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n .vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n .vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n .vidHolder {\n max-width: 805px;\n }\n @media screen and (max-width: 1399px) {\n .vid-slider {\n max-width: 615px;\n margin: 0 auto;\n }\n .vid-slider .tile__img {\n }\n }\n @media screen and (max-width: 1200px) {\n .vid-slider {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n .vid-slider {\n max-width: 100%;\n }\n .vid-slider .tile__img {\n }\n }\n\n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n\n .vid-slider .tile__img {\n }\n .vid-slider .row__inner {\n margin-top: 1.5rem !important;\n }\n }\n\n @media screen and (max-width: 590px) {\n .vid-slider .tile__img {\n }\n }\n '
327
+ '\n .vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n .vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row {\n margin: 0 -14px;\n }\n .vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 2.5rem;\n margin-bottom: 2rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .vid-slider.col {\n padding: 0 1.15rem 0 2.75rem;\n }\n .vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n .vid-slider h1,\n .vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n .vid-slider a:link,\n .vid-slider a:hover,\n .vid-slider a:active,\n .vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n .vid-slider .contain {\n width: 100%;\n }\n .vid-slider .row {\n overflow-x: hidden;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n .vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n width: 100%;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n .vid-slider .row__inner {\n display: flex;\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin-top: 1.5rem !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n .vid-slider .tile {\n position: relative;\n display: inline-block;\n height: 100%;\n margin-right: 0.5rem;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n .vid-slider .tile:first-child {\n margin-left: 0;\n }\n .vid-slider .tile__img {\n height: auto;\n border-radius: 3px;\n -o-object-fit: cover;\n object-fit: cover;\n object-position: center;\n }\n .vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n .vid-slider .tile__details:after,\n .vid-slider .tile__details:before {\n content: \'\';\n\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n .vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n .vid-slider .tile__details:before {\n content: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n border-radius: 3px;\n }\n\n .vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main.main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n }\n\n .vid-slider .tile__slider-prev,\n .vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n margin-left: 10px;\n margin-right: 10px;\n box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n }\n .vid-slider .tile__slider-prev {\n left: -0.9rem;\n padding: 1rem;\n }\n .vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n .vid-slider,\n .vid-slider .row {\n padding-right: 0 1.2rem;\n }\n\n .vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n .vid-slider i {\n border: solid ' + (dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n .vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n .vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n .vidHolder {\n max-width: 805px;\n }\n @media screen and (max-width: 1399px) {\n .vid-slider {\n max-width: 615px;\n margin: 0 auto;\n }\n .vid-slider .tile__img {\n }\n }\n @media screen and (max-width: 1200px) {\n .vid-slider {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n .vid-slider {\n max-width: 100%;\n }\n .vid-slider .tile__img {\n }\n }\n\n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n\n .vid-slider .tile__img {\n }\n .vid-slider .row__inner {\n margin-top: 1.5rem !important;\n }\n }\n\n @media screen and (max-width: 590px) {\n .vid-slider .tile__img {\n }\n }\n '
302
328
  )
303
329
  );
304
330
  };
@@ -38,8 +38,8 @@ var renderLink = function renderLink(row) {
38
38
  };
39
39
 
40
40
  var SideFooter = function SideFooter(props) {
41
- /*
42
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
41
+ /*
42
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
43
43
  */
44
44
  var _get = get.get_1(props, 'cache.siteSettingCache', {}),
45
45
  socialLinks = _get.socialLinks,
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var Router = require('next/router');
8
8
  var Head = require('next/head');
9
9
  var BlockContent = require('./BlockContent-9ebd251f.js');
10
- var getSerializers = require('./index-45a704a9.js');
10
+ var getSerializers = require('./index-bb6f5ec7.js');
11
11
  require('./_commonjsHelpers-06173234.js');
12
12
  require('./core.get-iterator-method-5643aa10.js');
13
13
  require('./_object-pie-083f2dd6.js');
@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-9ebd251f.js');
7
7
  var Col = require('react-bootstrap/Col');
8
8
  var Form = require('react-bootstrap/Form');
9
9
  var Button = require('react-bootstrap/Button');
10
- var getSerializers = require('./index-45a704a9.js');
10
+ var getSerializers = require('./index-bb6f5ec7.js');
11
11
  var VideoSeriesListing = require('./VideoSeriesListing.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./core.get-iterator-method-5643aa10.js');
@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
21
21
 
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
 
24
- 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";
24
+ 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";
25
25
  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" };
26
26
  styleInject_es.styleInject(css);
27
27
 
package/dist/cjs/View.js CHANGED
@@ -17,10 +17,10 @@ var FormControl = require('react-bootstrap/FormControl');
17
17
  var Button = require('react-bootstrap/Button');
18
18
  var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
19
19
  var SocialShare = require('./SocialShare.js');
20
- var getSerializers = require('./index-45a704a9.js');
20
+ var getSerializers = require('./index-bb6f5ec7.js');
21
21
  var AdSlot = require('./AdSlot.js');
22
- var SeriesSlider = require('./SeriesSlider-ba0c5d1a.js');
23
- var getTargeting = require('./getTargeting-3c5754ac.js');
22
+ var SeriesSlider = require('./SeriesSlider-74546d19.js');
23
+ var getTargeting = require('./getTargeting-dab97fe1.js');
24
24
  var getKeywords = require('./getKeywords.js');
25
25
  var urlFor = require('./urlFor.js');
26
26
  var urlForFile = require('./urlForFile-29d3815a.js');
@@ -30,14 +30,13 @@ var styleInject_es = require('./style-inject.es-dcee06b6.js');
30
30
  require('./index-eadd5035.js');
31
31
  var disqusReact = require('disqus-react');
32
32
  var Schema = require('./Schema.js');
33
- var FileSaver = require('file-saver');
33
+ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
34
34
  var keys = require('./keys-e982b3fa.js');
35
35
  var index_es = require('./index.es-f3e47207.js');
36
36
  var index = require('./index-fc2f1ca2.js');
37
37
  var getRelatedArticle = require('./getRelatedArticle.js');
38
38
  var getQuery = require('./getQuery.js');
39
39
  var getSeriesDetail = require('./getSeriesDetail.js');
40
- require('./_commonjsHelpers-06173234.js');
41
40
  require('./core.get-iterator-method-5643aa10.js');
42
41
  require('./web.dom.iterable-d98303e0.js');
43
42
  require('./_library-dd23b178.js');
@@ -84,7 +83,6 @@ var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
84
83
  var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
85
84
  var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
86
85
  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
87
- var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
88
86
 
89
87
  var getArticleSummary = function getArticleSummary(article) {
90
88
  if (article.summary && article.summary.length > 0) {
@@ -359,7 +357,7 @@ var ISI = function ISI(props) {
359
357
  );
360
358
  };
361
359
 
362
- 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";
360
+ 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";
363
361
  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" };
364
362
  styleInject_es.styleInject(css$1);
365
363
 
@@ -458,7 +456,13 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
458
456
  return showSocialShare;
459
457
  };
460
458
 
461
- 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}";
459
+ var FileSaver_min = _commonjsHelpers.createCommonjsModule(function (module, exports) {
460
+ (function(a,b){b();})(_commonjsHelpers.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 _commonjsHelpers.commonjsGlobal&&_commonjsHelpers.commonjsGlobal.global===_commonjsHelpers.commonjsGlobal?_commonjsHelpers.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);});
461
+
462
+
463
+ });
464
+
465
+ 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}";
462
466
  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" };
463
467
  styleInject_es.styleInject(css);
464
468
 
@@ -1127,7 +1131,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
1127
1131
  var downloadRIS = function downloadRIS() {
1128
1132
  var fileContent = generateRIS();
1129
1133
  var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
1130
- FileSaver__default['default'].saveAs(file, 'citation-' + url + '.ris');
1134
+ FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
1131
1135
  };
1132
1136
 
1133
1137
  var RelevantTopics = function RelevantTopics() {
@@ -18,10 +18,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
20
 
21
- /*
22
- GROQ query -
23
- accepts an array of title, URL
24
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
21
+ /*
22
+ GROQ query -
23
+ accepts an array of title, URL
24
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
25
25
  */
26
26
 
27
27
  var YoutubeGroup = function YoutubeGroup(props) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./extends-7c86182f.js');
4
4
  require('react');
5
- var getSerializers = require('./index-45a704a9.js');
5
+ var getSerializers = require('./index-bb6f5ec7.js');
6
6
  require('./BlockContent-9ebd251f.js');
7
7
  require('./entities-df1aed86.js');
8
8
  require('./_commonjsHelpers-06173234.js');