@mjhls/mjh-framework 1.0.730 → 1.0.731-isi-test

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 (44) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/ConferenceArticleCard.js +15 -15
  3. package/dist/cjs/DeckContent.js +8 -8
  4. package/dist/cjs/EventsDeck.js +18 -18
  5. package/dist/cjs/ExternalResources.js +1 -1
  6. package/dist/cjs/HamMagazine.js +9 -9
  7. package/dist/cjs/IssueLanding.js +29 -29
  8. package/dist/cjs/KMTracker.js +15 -15
  9. package/dist/cjs/MasterDeck.js +8 -8
  10. package/dist/cjs/NavMagazine.js +10 -10
  11. package/dist/cjs/NavNative.js +9 -9
  12. package/dist/cjs/PublicationLanding.js +33 -33
  13. package/dist/cjs/RelatedContent.js +28 -28
  14. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  15. package/dist/cjs/SideFooter.js +2 -2
  16. package/dist/cjs/VideoSeriesCard.js +1 -1
  17. package/dist/cjs/View.js +77 -5
  18. package/dist/cjs/YoutubeGroup.js +4 -4
  19. package/dist/cjs/{getTargeting-497b581d.js → getTargeting-963303c6.js} +9 -9
  20. package/dist/cjs/getTargeting.js +1 -1
  21. package/dist/cjs/{index-4d74ffd6.js → index-cb6ed1fc.js} +29 -29
  22. package/dist/cjs/index.js +2 -2
  23. package/dist/esm/ConferenceArticleCard.js +15 -15
  24. package/dist/esm/DeckContent.js +8 -8
  25. package/dist/esm/EventsDeck.js +18 -18
  26. package/dist/esm/ExternalResources.js +1 -1
  27. package/dist/esm/HamMagazine.js +9 -9
  28. package/dist/esm/IssueLanding.js +29 -29
  29. package/dist/esm/KMTracker.js +15 -15
  30. package/dist/esm/MasterDeck.js +8 -8
  31. package/dist/esm/NavMagazine.js +10 -10
  32. package/dist/esm/NavNative.js +9 -9
  33. package/dist/esm/PublicationLanding.js +33 -33
  34. package/dist/esm/RelatedContent.js +28 -28
  35. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  36. package/dist/esm/SideFooter.js +2 -2
  37. package/dist/esm/VideoSeriesCard.js +1 -1
  38. package/dist/esm/View.js +77 -5
  39. package/dist/esm/YoutubeGroup.js +4 -4
  40. package/dist/esm/{getTargeting-2d402d66.js → getTargeting-85315091.js} +9 -9
  41. package/dist/esm/getTargeting.js +1 -1
  42. package/dist/esm/{index-ccb770c7.js → index-750a7380.js} +29 -29
  43. package/dist/esm/index.js +2 -2
  44. package/package.json +105 -105
@@ -26,15 +26,15 @@ import './_set-species-494ed292.js';
26
26
  import './_iter-detect-48516cd3.js';
27
27
 
28
28
  var NavNative = function NavNative(props) {
29
- /*
30
- Example Nav with acceptable props
31
- <MagazineNav
32
- showLogin
33
- logo={props.settings.logo}
34
- dataObject={props.cache.mainNavCache}
35
- website={website}
36
- subNav={props.cache.subNavCache}
37
- />
29
+ /*
30
+ Example Nav with acceptable props
31
+ <MagazineNav
32
+ showLogin
33
+ logo={props.settings.logo}
34
+ dataObject={props.cache.mainNavCache}
35
+ website={website}
36
+ subNav={props.cache.subNavCache}
37
+ />
38
38
  */
39
39
  // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
40
40
  var logo = props.logo,
@@ -370,39 +370,39 @@ module.exports = { "default": set, __esModule: true };
370
370
 
371
371
  var _Set = unwrapExports(set$1);
372
372
 
373
- /* usage & query
374
- const Publication = (props) => {
375
- const { cache, pub, year } = props
376
-
377
- const targeting = {
378
- content_placement: [`/journals/${pub.identifier.current}`],
379
- document_url: [`/journals/${pub.identifier.current}`],
380
- }
381
-
382
- return (
383
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
384
- <PublicationLanding publication={pub} year={year} href={'journals'} />
385
- </Shell>
386
- )
387
- }
388
-
389
- Publication.getInitialProps = async (ctx) => {
390
- const { query } = ctx
391
- const {
392
- query: { year },
393
- } = ctx
394
- const pub = await client.fetch(getQuery('publication'), query)
395
- const builder = imageUrlBuilder(client)
396
- const urlFor = (source) => {
397
- return builder.image(source)
398
- }
399
- pub.issues.map((issue) => {
400
- issue.thumbnail = urlFor(issue.thumbnail).url()
401
- })
402
- return { pub, year }
403
- }
404
-
405
- export default Publication
373
+ /* usage & query
374
+ const Publication = (props) => {
375
+ const { cache, pub, year } = props
376
+
377
+ const targeting = {
378
+ content_placement: [`/journals/${pub.identifier.current}`],
379
+ document_url: [`/journals/${pub.identifier.current}`],
380
+ }
381
+
382
+ return (
383
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
384
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
385
+ </Shell>
386
+ )
387
+ }
388
+
389
+ Publication.getInitialProps = async (ctx) => {
390
+ const { query } = ctx
391
+ const {
392
+ query: { year },
393
+ } = ctx
394
+ const pub = await client.fetch(getQuery('publication'), query)
395
+ const builder = imageUrlBuilder(client)
396
+ const urlFor = (source) => {
397
+ return builder.image(source)
398
+ }
399
+ pub.issues.map((issue) => {
400
+ issue.thumbnail = urlFor(issue.thumbnail).url()
401
+ })
402
+ return { pub, year }
403
+ }
404
+
405
+ export default Publication
406
406
  */
407
407
 
408
408
  var generateContentPlacements = function generateContentPlacements(issues) {
@@ -7,34 +7,34 @@ import './_commonjsHelpers-0c4b6f40.js';
7
7
  import 'react-dom';
8
8
  import 'prop-types';
9
9
 
10
- /*
11
- Sample query
12
- let references = ''
13
- if(article.taxonomyMapping.length > 0){
14
- article.taxonomyMapping.forEach((ref, index) => {
15
- references = references + `references('${ref._ref}') `
16
- if(index+1 !== article.taxonomyMapping.length){
17
- references = references + ` && `
18
- }
19
- })
20
- }
21
-
22
- 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] {
23
- ...,
24
- title,
25
- summary,
26
- thumbnail,
27
- url,
28
- published,
29
- authorMapping[]->,
30
- contentCategory->
31
- }`
32
- const relatedArticles = await client.fetch(relatedArticlesQuery)
33
-
34
- Sample usage
35
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
36
-
37
-
10
+ /*
11
+ Sample query
12
+ let references = ''
13
+ if(article.taxonomyMapping.length > 0){
14
+ article.taxonomyMapping.forEach((ref, index) => {
15
+ references = references + `references('${ref._ref}') `
16
+ if(index+1 !== article.taxonomyMapping.length){
17
+ references = references + ` && `
18
+ }
19
+ })
20
+ }
21
+
22
+ 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] {
23
+ ...,
24
+ title,
25
+ summary,
26
+ thumbnail,
27
+ url,
28
+ published,
29
+ authorMapping[]->,
30
+ contentCategory->
31
+ }`
32
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
33
+
34
+ Sample usage
35
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
36
+
37
+
38
38
  */
39
39
  var RelatedContent = function RelatedContent(props) {
40
40
  var client = props.client,
@@ -14,16 +14,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
14
14
  _ref$className = _ref.className,
15
15
  className = _ref$className === undefined ? '' : _ref$className;
16
16
 
17
- /*
18
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
- example:
20
- <RelatedTopicDropdown
21
- page='/clinical'
22
- exclude="clinical"
23
- className='mb-3'
24
- parentTaxonomy={props.parentTaxonomy}
25
- subTaxonomies={props.subTaxonomies}
26
- />
17
+ /*
18
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
+ example:
20
+ <RelatedTopicDropdown
21
+ page='/clinical'
22
+ exclude="clinical"
23
+ className='mb-3'
24
+ parentTaxonomy={props.parentTaxonomy}
25
+ subTaxonomies={props.subTaxonomies}
26
+ />
27
27
  */
28
28
  if (subTaxonomies.length === 0 && parentTaxonomy) {
29
29
  if (parentTaxonomy.identifier == exclude) {
@@ -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,
@@ -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 {\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";
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";
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
 
package/dist/esm/View.js CHANGED
@@ -16,7 +16,7 @@ import Button from 'react-bootstrap/Button';
16
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-2d402d66.js';
19
+ import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-85315091.js';
20
20
  import getKeywords from './getKeywords.js';
21
21
  import urlFor from './urlFor.js';
22
22
  import { _ as _typeof } from './typeof-e9cea9e8.js';
@@ -196,7 +196,13 @@ 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
+
199
204
  var isi = useRef();
205
+
200
206
  useEffect(function () {
201
207
  if (active) {
202
208
  var offset = '5rem';
@@ -211,6 +217,72 @@ var ISI = function ISI(props) {
211
217
  isi.current.style.overflowY = '';
212
218
  }
213
219
  }, [active]);
220
+ useEffect(function () {
221
+ var detectBottomOfArticle = function detectBottomOfArticle() {
222
+ var article_body = document.getElementById('article__block');
223
+ var isi = document.getElementById('isi');
224
+ var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
225
+ console.log(articleBottomPosition, bottomOfArticle);
226
+ if (articleBottomPosition < 30 && !isi.classList.contains('in-view')) {
227
+ setbottomOfArticle(true);
228
+ }
229
+ if (articleBottomPosition > 60 && isi.classList.contains('in-view')) {
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) {
242
+ toggleSticky(true);
243
+ isi.classList.add('in-view');
244
+ if (active) {
245
+ setActive(false);
246
+ }
247
+ }
248
+ if (!bottomOfArticle) {
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
+ isi.style.marginBottom = '15rem';
267
+ isiToggle.style.display = 'none';
268
+ isiContent.style.padding = '0';
269
+ }, 300);
270
+ } else if (!sticky) {
271
+
272
+ isi.style.marginBottom = '0';
273
+ isi.style.maxHeight = '12rem';
274
+ isi.style.position = 'fixed';
275
+ isi.style.boxShadow = '0 0 1rem 0 rgba(0, 0, 0, 0.5)';
276
+ isi.style.zIndex = '99999';
277
+
278
+ isiToggle.style.display = 'block';
279
+ isiContent.style.padding = '1rem';
280
+ setTimeout(function () {
281
+ isi.style.bottom = '0';
282
+ isi.style.marginTop = '0';
283
+ }, 300);
284
+ }
285
+ };
214
286
  return React.createElement(
215
287
  React.Fragment,
216
288
  null,
@@ -245,12 +317,12 @@ var ISI = function ISI(props) {
245
317
  React.createElement(
246
318
  'style',
247
319
  { jsx: true },
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 '
320
+ '\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 12rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .5s ease , margin-top .3s, max-height .2s;\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 '
249
321
  )
250
322
  );
251
323
  };
252
324
 
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";
325
+ 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";
254
326
  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" };
255
327
  styleInject(css);
256
328
 
@@ -805,7 +877,7 @@ var Article = function Article(props) {
805
877
  } },
806
878
  React.createElement(
807
879
  'div',
808
- null,
880
+ { id: 'article__block' },
809
881
  React.createElement(
810
882
  'div',
811
883
  { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
@@ -1024,7 +1096,7 @@ var Article = function Article(props) {
1024
1096
  )
1025
1097
  )
1026
1098
  ),
1027
- React.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
1099
+ props.infiniteScroll && React.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
1028
1100
  );
1029
1101
  };
1030
1102
 
@@ -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) {
@@ -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-2d402d66.js';
3
+ export { g as default } from './getTargeting-85315091.js';
4
4
  import './_commonjsHelpers-0c4b6f40.js';
5
5
  import './_to-object-97770c52.js';
6
6
  import './_object-pie-33c40e79.js';