@mjhls/mjh-framework 1.0.729-isiscroll → 1.0.729

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 (112) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AD.js +1 -1
  3. package/dist/cjs/AD300x250.js +1 -1
  4. package/dist/cjs/AD300x250x600.js +1 -1
  5. package/dist/cjs/AD728x90.js +1 -1
  6. package/dist/cjs/ADFloatingFooter.js +1 -1
  7. package/dist/cjs/ADGutter.js +1 -1
  8. package/dist/cjs/ADSkyscraper.js +1 -1
  9. package/dist/cjs/ADSponsoredResources.js +1 -1
  10. package/dist/cjs/ADWebcast.js +1 -1
  11. package/dist/cjs/ADWelcome.js +1 -1
  12. package/dist/cjs/AdSlot.js +1 -1
  13. package/dist/cjs/AdSlotsProvider.js +1 -1
  14. package/dist/cjs/ArticleProgramLandingPage.js +2 -2
  15. package/dist/cjs/ArticleSeriesLandingPage.js +3 -3
  16. package/dist/cjs/ArticleSeriesListing.js +1 -1
  17. package/dist/cjs/CMEDeck.js +1 -1
  18. package/dist/cjs/Column3.js +1 -1
  19. package/dist/cjs/ConferenceArticleCard.js +15 -15
  20. package/dist/cjs/DeckContent.js +10 -10
  21. package/dist/cjs/DeckQueue.js +1 -1
  22. package/dist/cjs/{Dfp-a863cf48.js → Dfp-80146e98.js} +1 -1
  23. package/dist/cjs/EventsDeck.js +18 -18
  24. package/dist/cjs/ExternalResources.js +3 -3
  25. package/dist/cjs/GridContent.js +3 -3
  26. package/dist/cjs/HamMagazine.js +9 -9
  27. package/dist/cjs/HorizontalArticleListing.js +2 -2
  28. package/dist/cjs/IssueLanding.js +32 -32
  29. package/dist/cjs/KMTracker.js +15 -15
  30. package/dist/cjs/LeftNav.js +1 -1
  31. package/dist/cjs/MasterDeck.js +11 -11
  32. package/dist/cjs/NavMagazine.js +10 -10
  33. package/dist/cjs/NavNative.js +9 -9
  34. package/dist/cjs/PartnerDetailListing.js +4 -4
  35. package/dist/cjs/PublicationLanding.js +33 -33
  36. package/dist/cjs/QueueDeckExpanded.js +3 -3
  37. package/dist/cjs/RelatedContent.js +28 -28
  38. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  39. package/dist/cjs/SideFooter.js +2 -2
  40. package/dist/cjs/TaxonomyDescription.js +2 -2
  41. package/dist/cjs/TemplateNormal.js +1 -1
  42. package/dist/cjs/VideoProgramLandingPage.js +2 -2
  43. package/dist/cjs/VideoSeriesCard.js +1 -1
  44. package/dist/cjs/VideoSeriesLandingPage.js +3 -3
  45. package/dist/cjs/VideoSeriesListing.js +1 -1
  46. package/dist/cjs/View.js +6 -75
  47. package/dist/cjs/YoutubeGroup.js +4 -4
  48. package/dist/cjs/getSerializers.js +2 -2
  49. package/dist/cjs/{getTargeting-963303c6.js → getTargeting-497b581d.js} +9 -9
  50. package/dist/cjs/getTargeting.js +1 -1
  51. package/dist/cjs/{index-5ad2b070.js → index-0e4427c8.js} +37 -18
  52. package/dist/cjs/{index-cb6ed1fc.js → index-4d74ffd6.js} +29 -29
  53. package/dist/cjs/{index-58d40052.js → index-5260126b.js} +1 -1
  54. package/dist/cjs/index.js +6 -6
  55. package/dist/esm/AD.js +1 -1
  56. package/dist/esm/AD300x250.js +1 -1
  57. package/dist/esm/AD300x250x600.js +1 -1
  58. package/dist/esm/AD728x90.js +1 -1
  59. package/dist/esm/ADFloatingFooter.js +1 -1
  60. package/dist/esm/ADGutter.js +1 -1
  61. package/dist/esm/ADSkyscraper.js +1 -1
  62. package/dist/esm/ADSponsoredResources.js +1 -1
  63. package/dist/esm/ADWebcast.js +1 -1
  64. package/dist/esm/ADWelcome.js +1 -1
  65. package/dist/esm/AdSlot.js +1 -1
  66. package/dist/esm/AdSlotsProvider.js +1 -1
  67. package/dist/esm/ArticleProgramLandingPage.js +2 -2
  68. package/dist/esm/ArticleSeriesLandingPage.js +3 -3
  69. package/dist/esm/ArticleSeriesListing.js +1 -1
  70. package/dist/esm/CMEDeck.js +1 -1
  71. package/dist/esm/Column3.js +1 -1
  72. package/dist/esm/ConferenceArticleCard.js +15 -15
  73. package/dist/esm/DeckContent.js +10 -10
  74. package/dist/esm/DeckQueue.js +1 -1
  75. package/dist/esm/{Dfp-5d779279.js → Dfp-8bfbd310.js} +1 -1
  76. package/dist/esm/EventsDeck.js +18 -18
  77. package/dist/esm/ExternalResources.js +3 -3
  78. package/dist/esm/GridContent.js +3 -3
  79. package/dist/esm/HamMagazine.js +9 -9
  80. package/dist/esm/HorizontalArticleListing.js +2 -2
  81. package/dist/esm/IssueLanding.js +32 -32
  82. package/dist/esm/KMTracker.js +15 -15
  83. package/dist/esm/LeftNav.js +1 -1
  84. package/dist/esm/MasterDeck.js +11 -11
  85. package/dist/esm/NavMagazine.js +10 -10
  86. package/dist/esm/NavNative.js +9 -9
  87. package/dist/esm/PartnerDetailListing.js +4 -4
  88. package/dist/esm/PublicationLanding.js +33 -33
  89. package/dist/esm/QueueDeckExpanded.js +3 -3
  90. package/dist/esm/RelatedContent.js +28 -28
  91. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  92. package/dist/esm/SideFooter.js +2 -2
  93. package/dist/esm/TaxonomyDescription.js +2 -2
  94. package/dist/esm/TemplateNormal.js +1 -1
  95. package/dist/esm/VideoProgramLandingPage.js +2 -2
  96. package/dist/esm/VideoSeriesCard.js +1 -1
  97. package/dist/esm/VideoSeriesLandingPage.js +3 -3
  98. package/dist/esm/VideoSeriesListing.js +1 -1
  99. package/dist/esm/View.js +6 -75
  100. package/dist/esm/YoutubeGroup.js +4 -4
  101. package/dist/esm/getSerializers.js +2 -2
  102. package/dist/esm/{getTargeting-85315091.js → getTargeting-2d402d66.js} +9 -9
  103. package/dist/esm/getTargeting.js +1 -1
  104. package/dist/esm/{index-669ff425.js → index-888f9253.js} +37 -18
  105. package/dist/esm/{index-750a7380.js → index-ccb770c7.js} +29 -29
  106. package/dist/esm/{index-6eef5e56.js → index-d6ad9248.js} +1 -1
  107. package/dist/esm/index.js +6 -6
  108. package/package.json +105 -105
  109. /package/dist/cjs/{ADInfeed-70ebf89f.js → ADInfeed-5fe7fd9d.js} +0 -0
  110. /package/dist/cjs/{ADlgInfeed-7b7f88d3.js → ADlgInfeed-a62d2f9b.js} +0 -0
  111. /package/dist/esm/{ADInfeed-4fe6b23b.js → ADInfeed-3a9eef39.js} +0 -0
  112. /package/dist/esm/{ADlgInfeed-a01132a5.js → ADlgInfeed-8d63ff91.js} +0 -0
@@ -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) {
@@ -34,8 +34,8 @@ var renderLink = function renderLink(row) {
34
34
  };
35
35
 
36
36
  var SideFooter = function SideFooter(props) {
37
- /*
38
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
37
+ /*
38
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
39
39
  */
40
40
  var _get = get_1(props, 'cache.siteSettingCache', {}),
41
41
  socialLinks = _get.socialLinks,
@@ -4,7 +4,7 @@ import React from 'react';
4
4
  import { useRouter } from 'next/router';
5
5
  import Head from 'next/head';
6
6
  import { B as BlockContent } from './BlockContent-d8cd739c.js';
7
- import { g as getSerializers } from './index-6eef5e56.js';
7
+ import { g as getSerializers } from './index-d6ad9248.js';
8
8
  import './_commonjsHelpers-0c4b6f40.js';
9
9
  import './es6.string.iterator-aa6068a3.js';
10
10
  import './_to-object-97770c52.js';
@@ -18,7 +18,7 @@ import 'prop-types';
18
18
  import './index-3f5c03b2.js';
19
19
  import './slicedToArray-cdeaee08.js';
20
20
  import 'react-bootstrap';
21
- import './index-669ff425.js';
21
+ import './index-888f9253.js';
22
22
  import './index-c7e2ac95.js';
23
23
  import './util-3ab476bf.js';
24
24
  import './Beam.js';
@@ -22,7 +22,7 @@ import './AdSlot.js';
22
22
  import './extends-31d65aba.js';
23
23
  import './_object-pie-33c40e79.js';
24
24
  import 'prop-types';
25
- import './index-669ff425.js';
25
+ import './index-888f9253.js';
26
26
  import './debounce-1a993acf.js';
27
27
  import './isSymbol-807e927e.js';
28
28
  import './Beam.js';
@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-d8cd739c.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-6eef5e56.js';
8
+ import { g as getSerializers } from './index-d6ad9248.js';
9
9
  import VideoSeriesListing from './VideoSeriesListing.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './es6.string.iterator-aa6068a3.js';
@@ -20,7 +20,7 @@ import 'prop-types';
20
20
  import './index-3f5c03b2.js';
21
21
  import './slicedToArray-cdeaee08.js';
22
22
  import 'react-bootstrap';
23
- import './index-669ff425.js';
23
+ import './index-888f9253.js';
24
24
  import 'next/router';
25
25
  import './index-c7e2ac95.js';
26
26
  import './util-3ab476bf.js';
@@ -14,7 +14,7 @@ import './_object-pie-33c40e79.js';
14
14
  import './_library-528f1934.js';
15
15
  import 'react-dom';
16
16
 
17
- 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";
17
+ 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
18
  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" };
19
19
  styleInject(css);
20
20
 
@@ -23,7 +23,7 @@ import './extends-31d65aba.js';
23
23
  import './inherits-5906fbea.js';
24
24
  import './_object-sap-fd3054d0.js';
25
25
  import './define-property-ec6d528d.js';
26
- import './index-669ff425.js';
26
+ import './index-888f9253.js';
27
27
  import 'prop-types';
28
28
  import 'react-bootstrap/Container';
29
29
  import 'react-bootstrap/Row';
@@ -37,13 +37,13 @@ import './index.es-c6222053.js';
37
37
  import './visibility-sensor-082c757b.js';
38
38
  import 'react-dom';
39
39
  import './index-3f5c03b2.js';
40
- import './ADlgInfeed-a01132a5.js';
40
+ import './ADlgInfeed-8d63ff91.js';
41
41
  import './AdSlot.js';
42
42
  import './Beam.js';
43
43
  import './stringify-d4839bab.js';
44
44
  import './Segment.js';
45
45
  import './main-1450d277.js';
46
- import './ADInfeed-4fe6b23b.js';
46
+ import './ADInfeed-3a9eef39.js';
47
47
  import './index-752d1dae.js';
48
48
  import './style-inject.es-1f59c1d0.js';
49
49
 
@@ -1,7 +1,7 @@
1
1
  import { _ as _extends } from './extends-31d65aba.js';
2
2
  import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-5906fbea.js';
3
3
  import React from 'react';
4
- import { l as lib_3 } from './index-669ff425.js';
4
+ import { l as lib_3 } from './index-888f9253.js';
5
5
  import Container from 'react-bootstrap/Container';
6
6
  import { V as VisibilitySensor } from './visibility-sensor-082c757b.js';
7
7
  import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
package/dist/esm/View.js CHANGED
@@ -13,10 +13,10 @@ import 'react-bootstrap/Dropdown';
13
13
  import Form from 'react-bootstrap/Form';
14
14
  import FormControl from 'react-bootstrap/FormControl';
15
15
  import Button from 'react-bootstrap/Button';
16
- import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-6eef5e56.js';
16
+ import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-d6ad9248.js';
17
17
  import SocialShare from './SocialShare.js';
18
18
  import DFPAdSlot from './AdSlot.js';
19
- import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-85315091.js';
19
+ import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-2d402d66.js';
20
20
  import getKeywords from './getKeywords.js';
21
21
  import urlFor from './urlFor.js';
22
22
  import { _ as _typeof } from './typeof-e9cea9e8.js';
@@ -25,7 +25,7 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
25
25
  import './index-752d1dae.js';
26
26
  import { _ as _Object$keys } from './keys-a0b0c7a4.js';
27
27
  import { I as InfiniteScroll } from './index.es-c6222053.js';
28
- import { l as lib_3 } from './index-669ff425.js';
28
+ import { l as lib_3 } from './index-888f9253.js';
29
29
  import getRelatedArticle from './getRelatedArticle.js';
30
30
  import getQuery from './getQuery.js';
31
31
  import getSeriesDetail from './getSeriesDetail.js';
@@ -196,13 +196,7 @@ var ISI = function ISI(props) {
196
196
  active = _useState2[0],
197
197
  setActive = _useState2[1];
198
198
 
199
- var _useState3 = useState(false),
200
- _useState4 = _slicedToArray(_useState3, 2),
201
- bottomOfArticle = _useState4[0],
202
- setbottomOfArticle = _useState4[1];
203
-
204
199
  var isi = useRef();
205
-
206
200
  useEffect(function () {
207
201
  if (active) {
208
202
  var offset = '5rem';
@@ -217,69 +211,6 @@ var ISI = function ISI(props) {
217
211
  isi.current.style.overflowY = '';
218
212
  }
219
213
  }, [active]);
220
- useEffect(function () {
221
-
222
- var detectBottomOfArticle = function detectBottomOfArticle() {
223
- var article_body = document.getElementById('article__block');
224
- var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
225
- console.log(articleBottomPosition, bottomOfArticle);
226
- if (articleBottomPosition < 30) {
227
- setbottomOfArticle(true);
228
- }
229
- if (articleBottomPosition > 60) {
230
- setbottomOfArticle(false);
231
- }
232
- };
233
- window.addEventListener('scroll', detectBottomOfArticle);
234
- return function () {
235
- return window.removeEventListener('scroll', detectBottomOfArticle);
236
- };
237
- }, []);
238
-
239
- useEffect(function () {
240
- var isi = document.getElementById('isi');
241
- if (bottomOfArticle === true && !isi.classList.contains('in-view')) {
242
- toggleSticky(true);
243
- isi.classList.add('in-view');
244
- if (active) {
245
- setActive(false);
246
- }
247
- }
248
- if (bottomOfArticle === false && isi.classList.contains('in-view')) {
249
- toggleSticky(false);
250
- isi.classList.remove('in-view');
251
- }
252
- }, [bottomOfArticle]);
253
-
254
- var toggleSticky = function toggleSticky(sticky) {
255
- var isiToggle = document.getElementById('isiToggle');
256
- var isiContent = document.getElementById('isiContent');
257
- var isi = document.getElementById('isi');
258
- if (sticky) {
259
- isi.style.bottom = '-200px';
260
- setTimeout(function () {
261
- isi.style.maxHeight = 'unset';
262
- isi.style.position = 'relative';
263
- isi.style.boxShadow = 'none';
264
- isi.style.zIndex = '1';
265
- isi.style.marginTop = '-25rem';
266
- isiToggle.style.display = 'none';
267
- isiContent.style.padding = '0';
268
- }, 300);
269
- }if (!sticky) {
270
-
271
- isi.style.maxHeight = '10rem';
272
- isi.style.position = 'fixed';
273
- isi.style.boxShadow = '0 0 1rem 0 rgba(0, 0, 0, 0.5)';
274
- isi.style.zIndex = '99999';
275
- isi.style.marginTop = '0';
276
- isiToggle.style.display = 'block';
277
- isiContent.style.padding = '1rem';
278
- setTimeout(function () {
279
- isi.style.bottom = '0';
280
- }, 300);
281
- }
282
- };
283
214
  return React.createElement(
284
215
  React.Fragment,
285
216
  null,
@@ -314,12 +245,12 @@ var ISI = function ISI(props) {
314
245
  React.createElement(
315
246
  'style',
316
247
  { jsx: true },
317
- '\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 10rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n transition: max-height 0.2s;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .4s , margin .3s, max-height .3s;\n }\n #isiContent {\n width: 100%;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n padding: 1rem;\n font-size: 1rem;\n }\n #isi::-webkit-scrollbar {\n display: none;\n }\n #isiToggle {\n position: absolute;\n top: 0;\n right: 0;\n padding: 1rem;\n font-weight: bold;\n cursor: pointer;\n font-size: 1rem;\n }\n #isiToggle p {\n margin: 0;\n }\n '
248
+ '\n #isi {\n position: fixed;\n z-index: 99999;\n bottom: 0;\n left: 0;\n max-height: 10rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n transition: max-height 0.2s;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n }\n #isiContent {\n width: 100%;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n padding: 1rem;\n font-size: 1rem;\n }\n #isi::-webkit-scrollbar {\n display: none;\n }\n #isiToggle {\n position: absolute;\n top: 0;\n right: 0;\n padding: 1rem;\n font-weight: bold;\n cursor: pointer;\n font-size: 1rem;\n }\n #isiToggle p {\n margin: 0;\n }\n '
318
249
  )
319
250
  );
320
251
  };
321
252
 
322
- var css = ".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";
253
+ var css = ".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";
323
254
  var styles = { "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" };
324
255
  styleInject(css);
325
256
 
@@ -874,7 +805,7 @@ var Article = function Article(props) {
874
805
  } },
875
806
  React.createElement(
876
807
  'div',
877
- { id: 'article__block' },
808
+ null,
878
809
  React.createElement(
879
810
  'div',
880
811
  { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
@@ -17,10 +17,10 @@ import './core.get-iterator-method-d1d5ed02.js';
17
17
  import 'react-dom';
18
18
  import 'prop-types';
19
19
 
20
- /*
21
- GROQ query -
22
- accepts an array of title, URL
23
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
20
+ /*
21
+ GROQ query -
22
+ accepts an array of title, URL
23
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
24
24
  */
25
25
 
26
26
  var YoutubeGroup = function YoutubeGroup(props) {
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
- export { g as default } from './index-6eef5e56.js';
2
+ export { g as default } from './index-d6ad9248.js';
3
3
  import './BlockContent-d8cd739c.js';
4
4
  import './entities-932b50cf.js';
5
5
  import './slicedToArray-cdeaee08.js';
@@ -10,7 +10,7 @@ import './_to-object-97770c52.js';
10
10
  import './core.get-iterator-method-d1d5ed02.js';
11
11
  import 'react-bootstrap';
12
12
  import './index-3f5c03b2.js';
13
- import './index-669ff425.js';
13
+ import './index-888f9253.js';
14
14
  import 'prop-types';
15
15
  import 'next/router';
16
16
  import './index-c7e2ac95.js';
@@ -2,18 +2,18 @@ import { _ as _extends } from './extends-31d65aba.js';
2
2
  import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
3
3
 
4
4
  var getContentPlacementUrl = function getContentPlacementUrl(cp) {
5
- var cp_url = '';
6
- if (cp.ancestor && typeof cp.ancestor == 'string') {
7
- cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
8
- }
5
+ var cp_url = '';
6
+ if (cp.ancestor && typeof cp.ancestor == 'string') {
7
+ cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
8
+ }
9
9
 
10
- if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
11
- cp_url += (cp_url === '' ? '' : '/') + cp.parent;
12
- }
10
+ if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
11
+ cp_url += (cp_url === '' ? '' : '/') + cp.parent;
12
+ }
13
13
 
14
- cp_url += (cp_url === '' ? '' : '/') + cp.path;
14
+ cp_url += (cp_url === '' ? '' : '/') + cp.path;
15
15
 
16
- return cp_url;
16
+ return cp_url;
17
17
  };
18
18
 
19
19
  var getTargeting = function getTargeting(props) {
@@ -1,6 +1,6 @@
1
1
  import './extends-31d65aba.js';
2
2
  import './toConsumableArray-fa2dcda7.js';
3
- export { g as default } from './getTargeting-85315091.js';
3
+ export { g as default } from './getTargeting-2d402d66.js';
4
4
  import './_commonjsHelpers-0c4b6f40.js';
5
5
  import './_to-object-97770c52.js';
6
6
  import './_object-pie-33c40e79.js';
@@ -530,6 +530,7 @@ var disableInitialLoadEnabled = false;
530
530
  var lazyLoadEnabled = false;
531
531
  var lazyLoadConfig = null;
532
532
  var servePersonalizedAds = true;
533
+ var serveCookies = true;
533
534
  var registeredSlots = {};
534
535
  var managerAlreadyInitialized = false;
535
536
  var globalTargetingArguments = {};
@@ -571,9 +572,15 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
571
572
  configurePersonalizedAds: function configurePersonalizedAds(value) {
572
573
  servePersonalizedAds = value;
573
574
  },
575
+ configureCookieOption: function configureCookieOption(value) {
576
+ serveCookies = value;
577
+ },
574
578
  personalizedAdsEnabled: function personalizedAdsEnabled() {
575
579
  return servePersonalizedAds;
576
580
  },
581
+ cookiesEnabled: function cookiesEnabled() {
582
+ return serveCookies;
583
+ },
577
584
  setAdSenseAttribute: function setAdSenseAttribute(key, value) {
578
585
  this.setAdSenseAttributes(_defineProperty({}, key, value));
579
586
  },
@@ -664,6 +671,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
664
671
  });
665
672
  });
666
673
  pubadsService.setRequestNonPersonalizedAds(_this.personalizedAdsEnabled() ? 0 : 1);
674
+ pubadsService.setCookieOptions(_this.cookiesEnabled() ? 0 : 1);
667
675
  });
668
676
  });
669
677
  }
@@ -775,13 +783,9 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
775
783
 
776
784
  googletag.cmd.push(function () {
777
785
  googletag.enableServices();
778
-
779
- if (!_this3.disableInitialLoadIsEnabled()) {
780
- slotsToInitialize.forEach(function (theSlotId) {
781
- googletag.display(theSlotId);
782
- });
783
- }
784
-
786
+ slotsToInitialize.forEach(function (theSlotId) {
787
+ googletag.display(theSlotId);
788
+ });
785
789
  resolve();
786
790
  });
787
791
  });
@@ -804,6 +808,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
804
808
  googletag.cmd.push(function () {
805
809
  var pubadsService = googletag.pubads();
806
810
  pubadsService.setRequestNonPersonalizedAds(_this5.personalizedAdsEnabled() ? 0 : 1);
811
+ pubadsService.setCookieOptions(_this5.cookiesEnabled() ? 0 : 1);
807
812
 
808
813
  var targetingArguments = _this5.getTargetingArguments(); // set global targetting arguments
809
814
 
@@ -870,17 +875,25 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
870
875
  }, slots);
871
876
  },
872
877
  refresh: function refresh() {
878
+ var _this6 = this;
879
+
880
+ for (var _len4 = arguments.length, slots = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
881
+ slots[_key4] = arguments[_key4];
882
+ }
883
+
873
884
  if (loadPromise === null) {
874
885
  this.load();
875
886
  } else {
876
- this.gptRefreshAds(Object.keys(this.getRefreshableSlots.apply(this, arguments)));
887
+ loadPromise.then(function () {
888
+ _this6.gptRefreshAds(Object.keys(_this6.getRefreshableSlots.apply(_this6, slots)));
889
+ });
877
890
  }
878
891
  },
879
892
  gptRefreshAds: function gptRefreshAds(slots) {
880
- var _this6 = this;
893
+ var _this7 = this;
881
894
 
882
895
  return this.getGoogletag().then(function (googletag) {
883
- _this6.configureOptions(googletag);
896
+ _this7.configureOptions(googletag);
884
897
 
885
898
  googletag.cmd.push(function () {
886
899
  var pubadsService = googletag.pubads();
@@ -891,17 +904,17 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
891
904
  });
892
905
  },
893
906
  reload: function reload() {
894
- var _this7 = this;
907
+ var _this8 = this;
895
908
 
896
909
  return this.destroyGPTSlots.apply(this, arguments).then(function () {
897
- return _this7.load();
910
+ return _this8.load();
898
911
  });
899
912
  },
900
913
  destroyGPTSlots: function destroyGPTSlots() {
901
- var _this8 = this;
914
+ var _this9 = this;
902
915
 
903
- for (var _len4 = arguments.length, slotsToDestroy = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
904
- slotsToDestroy[_key4] = arguments[_key4];
916
+ for (var _len5 = arguments.length, slotsToDestroy = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
917
+ slotsToDestroy[_key5] = arguments[_key5];
905
918
  }
906
919
 
907
920
  if (slotsToDestroy.length === 0) {
@@ -918,7 +931,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
918
931
  slots.push(slot);
919
932
  }
920
933
 
921
- _this8.getGoogletag().then(function (googletag) {
934
+ _this9.getGoogletag().then(function (googletag) {
922
935
  googletag.cmd.push(function () {
923
936
  if (managerAlreadyInitialized === true) {
924
937
  if (slotsToDestroy.length > 0) {
@@ -941,7 +954,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
941
954
  });
942
955
  },
943
956
  registerSlot: function registerSlot(_ref) {
944
- var _this9 = this;
957
+ var _this10 = this;
945
958
 
946
959
  var slotId = _ref.slotId,
947
960
  dfpNetworkId = _ref.dfpNetworkId,
@@ -980,7 +993,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
980
993
  gptSlot = slot.gptSlot;
981
994
 
982
995
  if (loading === false && !gptSlot) {
983
- _this9.load(slotId);
996
+ _this10.load(slotId);
984
997
  }
985
998
  }
986
999
  });
@@ -1170,6 +1183,8 @@ function (_React$Component) {
1170
1183
  value: function applyConfigs() {
1171
1184
  _manager.default.configurePersonalizedAds(this.props.personalizedAds);
1172
1185
 
1186
+ _manager.default.configureCookieOption(this.props.cookieOption);
1187
+
1173
1188
  _manager.default.configureSingleRequest(this.props.singleRequest);
1174
1189
 
1175
1190
  _manager.default.configureDisableInitialLoad(this.props.disableInitialLoad);
@@ -1266,6 +1281,7 @@ _defineProperty(DFPSlotsProvider, "propTypes", {
1266
1281
  autoReload: _propTypes.default.shape({
1267
1282
  dfpNetworkId: _propTypes.default.bool,
1268
1283
  personalizedAds: _propTypes.default.bool,
1284
+ cookieOption: _propTypes.default.bool,
1269
1285
  singleRequest: _propTypes.default.bool,
1270
1286
  disableInitialLoad: _propTypes.default.bool,
1271
1287
  adUnit: _propTypes.default.bool,
@@ -1277,6 +1293,7 @@ _defineProperty(DFPSlotsProvider, "propTypes", {
1277
1293
  }),
1278
1294
  dfpNetworkId: _propTypes.default.string.isRequired,
1279
1295
  personalizedAds: _propTypes.default.bool,
1296
+ cookieOption: _propTypes.default.bool,
1280
1297
  singleRequest: _propTypes.default.bool,
1281
1298
  disableInitialLoad: _propTypes.default.bool,
1282
1299
  adUnit: _propTypes.default.string,
@@ -1297,6 +1314,7 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
1297
1314
  autoReload: {
1298
1315
  dfpNetworkId: false,
1299
1316
  personalizedAds: false,
1317
+ cookieOption: false,
1300
1318
  singleRequest: false,
1301
1319
  disableInitialLoad: false,
1302
1320
  adUnit: false,
@@ -1307,6 +1325,7 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
1307
1325
  lazyLoad: false
1308
1326
  },
1309
1327
  personalizedAds: true,
1328
+ cookieOption: true,
1310
1329
  singleRequest: true,
1311
1330
  disableInitialLoad: false,
1312
1331
  collapseEmptyDivs: null,