@mjhls/mjh-framework 1.0.966-reference-serializer-v1 → 1.0.966-reference-serializer-v3

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-7c86182f.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var index = require('./index-f86bb269.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/{MediaSeriesCard-f50ca989.js → MediaSeriesCard-1420d4f2.js}

@@ -11,7 +11,7 @@ var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/MediaSeriesLanding.js

@@ -5,13 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-f50ca989.js');
+var MediaSeriesCard = require('./MediaSeriesCard-1420d4f2.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -5,13 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-f50ca989.js');
+var MediaSeriesCard = require('./MediaSeriesCard-1420d4f2.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/PartnerDetailListing.js

@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/TaxonomyDescription.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-9ebd251f.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-74546d19.js');
 var getTargeting = require('./getTargeting-dab97fe1.js');

package/dist/cjs/getSerializers.js

@@ -2,7 +2,7 @@
 
 require('./extends-7c86182f.js');
 require('react');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 require('./BlockContent-9ebd251f.js');
 require('./entities-df1aed86.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/{index-2577ac27.js → index-3927ac32.js}

@@ -10705,7 +10705,13 @@ var References = function References(_ref) {
   };
   return React__default['default'].createElement(
     'div',
-    { className: 'references-container' },
+    { className: 'references-list' },
+    React__default['default'].createElement(
+      Head__default['default'],
+      null,
+      React__default['default'].createElement('script', { src: 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' }),
+      React__default['default'].createElement('script', { src: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js' })
+    ),
     React__default['default'].createElement(
       'p',
       { className: 'reference-title' },
@@ -10715,24 +10721,24 @@ var References = function References(_ref) {
         'REFERENCES'
       )
     ),
-    referenceslist.map(function (reference, ref_index) {
+    referenceslist && referenceslist.map(function (reference, ref_index) {
       return React__default['default'].createElement(
         'div',
-        { key: reference._key, id: reference.referenceID },
+        { key: reference._key, id: reference.referenceID, className: 'reference-container' },
         React__default['default'].createElement(
           'div',
-          { style: { display: 'flex', flexDirection: 'row' } },
+          { className: 'reference-details', style: { display: 'flex', flexDirection: 'row' } },
           React__default['default'].createElement(
             'span',
             null,
             ref_index + 1,
-            '. '
+            '.\xA0'
           ),
           React__default['default'].createElement(BlockContent.BlockContent, { blocks: reference.referenceTitle, serializers: getSerializers })
         ),
         reference.citations && reference.citations.length > 0 && React__default['default'].createElement(
           'div',
-          { className: 'row citations-container ml-3 mr-3' },
+          { className: 'row citations-container ml-3 mr-3 mb-2' },
           reference.citations.map(function (citation, cit_index) {
             return React__default['default'].createElement(
               'div',
@@ -10752,13 +10758,78 @@ var References = function References(_ref) {
               )
             );
           })
+        ),
+        React__default['default'].createElement(
+          'div',
+          {
+            className: 'modal fade',
+            id: 'reference_' + reference.referenceID,
+            tabindex: '-1',
+            role: 'dialog',
+            'aria-labelledby': 'reference-modal-' + reference.referenceID,
+            'aria-hidden': 'true' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'modal-dialog modal-dialog-centered', role: 'document' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'modal-content' },
+              React__default['default'].createElement(
+                'div',
+                { className: 'modal-body' },
+                React__default['default'].createElement(
+                  'button',
+                  { type: 'button', className: 'close', 'data-dismiss': 'modal', 'aria-label': 'Close' },
+                  React__default['default'].createElement(
+                    'span',
+                    { 'aria-hidden': 'true' },
+                    '\xD7'
+                  )
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'reference-details', style: { display: 'flex', flexDirection: 'row' } },
+                  React__default['default'].createElement(
+                    'span',
+                    null,
+                    ref_index + 1,
+                    '.\xA0'
+                  ),
+                  React__default['default'].createElement(BlockContent.BlockContent, { blocks: reference.referenceTitle, serializers: getSerializers })
+                ),
+                reference.citations && reference.citations.length > 0 && React__default['default'].createElement(
+                  'div',
+                  { className: 'row citations-container ml-3 mr-3 mb-2' },
+                  reference.citations.map(function (citation, cit_index) {
+                    return React__default['default'].createElement(
+                      'div',
+                      { key: 'citation_' + cit_index, className: 'mr-3 citation-link' },
+                      citation.citationName === 'googleScholar' ? React__default['default'].createElement(
+                        'a',
+                        { target: '_blank', href: getGoogleScholarUrl(citation.citationText, citation.citationReferenceFormat) },
+                        'Google Scholar'
+                      ) : citation.citationName === 'pubMed' ? React__default['default'].createElement(
+                        'a',
+                        { target: '_blank', href: getPubmedUrl(citation.citationText, citation.citationReferenceFormat) },
+                        'PubMed'
+                      ) : React__default['default'].createElement(
+                        'a',
+                        { target: '_blank', href: getCrossrefUrl(citation.citationText, citation.citationReferenceFormat) },
+                        'Crossref'
+                      )
+                    );
+                  })
+                )
+              )
+            )
+          )
         )
       );
     }),
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .citation-link a {\n          text-decoration: none;\n          color: var(--primary);\n          padding: 0.5rem;\n        }\n        .citation-link a:hover {\n          color: #ffffff;\n          background-color: var(--primary);\n          border-radius: 15px;\n        }\n      '
+      '\n        .reference-details p {\n          margin-bottom: 0.5rem;\n        }\n        .citation-link a {\n          text-decoration: none;\n          color: var(--primary);\n          padding: 0.25rem 0.5rem;\n        }\n        .citation-link a:hover {\n          color: #ffffff;\n          background-color: var(--primary);\n          border-radius: 15px;\n        }\n      '
     )
   );
 };
@@ -11020,7 +11091,13 @@ var getSerializers = function getSerializers() {
             blank = _props$mark.blank,
             color = _props$mark.color;
 
-
+        if (href && href.charAt(0) === '#' && href.includes('#reference_')) {
+          return React__default['default'].createElement(
+            'a',
+            { 'data-toggle': 'modal', 'data-target': href },
+            children
+          );
+        }
         if (href && href.charAt(0) === '#') {
           var elementId = href.slice(1);
           if (articleId) elementId = elementId + '-' + articleId;

package/dist/cjs/index.js

@@ -89,7 +89,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-2577ac27.js');
+var getSerializers = require('./index-3927ac32.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/{MediaSeriesCard-fc2023f9.js → MediaSeriesCard-ae1d3c37.js}

@@ -9,7 +9,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.

package/dist/esm/MediaSeriesLanding.js

@@ -3,13 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-fc2023f9.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-ae1d3c37.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -3,13 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-fc2023f9.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-ae1d3c37.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/PartnerDetailListing.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-efc5ef64.js';
+import { g as getSerializers } from './index-e6489945.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-efc5ef64.js';
+import { r as renderAuthor, g as getSerializers } from './index-e6489945.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-04d979c9.js';

package/dist/esm/getSerializers.js

@@ -1,6 +1,6 @@
 import './extends-6d8e3924.js';
 import 'react';
-export { g as default } from './index-efc5ef64.js';
+export { g as default } from './index-e6489945.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/{index-efc5ef64.js → index-e6489945.js}

@@ -10686,7 +10686,13 @@ var References = function References(_ref) {
   };
   return React__default.createElement(
     'div',
-    { className: 'references-container' },
+    { className: 'references-list' },
+    React__default.createElement(
+      Head,
+      null,
+      React__default.createElement('script', { src: 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' }),
+      React__default.createElement('script', { src: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js' })
+    ),
     React__default.createElement(
       'p',
       { className: 'reference-title' },
@@ -10696,24 +10702,24 @@ var References = function References(_ref) {
         'REFERENCES'
       )
     ),
-    referenceslist.map(function (reference, ref_index) {
+    referenceslist && referenceslist.map(function (reference, ref_index) {
       return React__default.createElement(
         'div',
-        { key: reference._key, id: reference.referenceID },
+        { key: reference._key, id: reference.referenceID, className: 'reference-container' },
         React__default.createElement(
           'div',
-          { style: { display: 'flex', flexDirection: 'row' } },
+          { className: 'reference-details', style: { display: 'flex', flexDirection: 'row' } },
           React__default.createElement(
             'span',
             null,
             ref_index + 1,
-            '. '
+            '.\xA0'
           ),
           React__default.createElement(BlockContent, { blocks: reference.referenceTitle, serializers: getSerializers })
         ),
         reference.citations && reference.citations.length > 0 && React__default.createElement(
           'div',
-          { className: 'row citations-container ml-3 mr-3' },
+          { className: 'row citations-container ml-3 mr-3 mb-2' },
           reference.citations.map(function (citation, cit_index) {
             return React__default.createElement(
               'div',
@@ -10733,13 +10739,78 @@ var References = function References(_ref) {
               )
             );
           })
+        ),
+        React__default.createElement(
+          'div',
+          {
+            className: 'modal fade',
+            id: 'reference_' + reference.referenceID,
+            tabindex: '-1',
+            role: 'dialog',
+            'aria-labelledby': 'reference-modal-' + reference.referenceID,
+            'aria-hidden': 'true' },
+          React__default.createElement(
+            'div',
+            { className: 'modal-dialog modal-dialog-centered', role: 'document' },
+            React__default.createElement(
+              'div',
+              { className: 'modal-content' },
+              React__default.createElement(
+                'div',
+                { className: 'modal-body' },
+                React__default.createElement(
+                  'button',
+                  { type: 'button', className: 'close', 'data-dismiss': 'modal', 'aria-label': 'Close' },
+                  React__default.createElement(
+                    'span',
+                    { 'aria-hidden': 'true' },
+                    '\xD7'
+                  )
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'reference-details', style: { display: 'flex', flexDirection: 'row' } },
+                  React__default.createElement(
+                    'span',
+                    null,
+                    ref_index + 1,
+                    '.\xA0'
+                  ),
+                  React__default.createElement(BlockContent, { blocks: reference.referenceTitle, serializers: getSerializers })
+                ),
+                reference.citations && reference.citations.length > 0 && React__default.createElement(
+                  'div',
+                  { className: 'row citations-container ml-3 mr-3 mb-2' },
+                  reference.citations.map(function (citation, cit_index) {
+                    return React__default.createElement(
+                      'div',
+                      { key: 'citation_' + cit_index, className: 'mr-3 citation-link' },
+                      citation.citationName === 'googleScholar' ? React__default.createElement(
+                        'a',
+                        { target: '_blank', href: getGoogleScholarUrl(citation.citationText, citation.citationReferenceFormat) },
+                        'Google Scholar'
+                      ) : citation.citationName === 'pubMed' ? React__default.createElement(
+                        'a',
+                        { target: '_blank', href: getPubmedUrl(citation.citationText, citation.citationReferenceFormat) },
+                        'PubMed'
+                      ) : React__default.createElement(
+                        'a',
+                        { target: '_blank', href: getCrossrefUrl(citation.citationText, citation.citationReferenceFormat) },
+                        'Crossref'
+                      )
+                    );
+                  })
+                )
+              )
+            )
+          )
         )
       );
     }),
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .citation-link a {\n          text-decoration: none;\n          color: var(--primary);\n          padding: 0.5rem;\n        }\n        .citation-link a:hover {\n          color: #ffffff;\n          background-color: var(--primary);\n          border-radius: 15px;\n        }\n      '
+      '\n        .reference-details p {\n          margin-bottom: 0.5rem;\n        }\n        .citation-link a {\n          text-decoration: none;\n          color: var(--primary);\n          padding: 0.25rem 0.5rem;\n        }\n        .citation-link a:hover {\n          color: #ffffff;\n          background-color: var(--primary);\n          border-radius: 15px;\n        }\n      '
     )
   );
 };
@@ -11001,7 +11072,13 @@ var getSerializers = function getSerializers() {
             blank = _props$mark.blank,
             color = _props$mark.color;
 
-
+        if (href && href.charAt(0) === '#' && href.includes('#reference_')) {
+          return React__default.createElement(
+            'a',
+            { 'data-toggle': 'modal', 'data-target': href },
+            children
+          );
+        }
         if (href && href.charAt(0) === '#') {
           var elementId = href.slice(1);
           if (articleId) elementId = elementId + '-' + articleId;

package/dist/esm/index.js

@@ -86,7 +86,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-efc5ef64.js';
+export { g as getSerializers } from './index-e6489945.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.966-reference-serializer-v1",
+  "version": "1.0.966-reference-serializer-v3",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -87,8 +87,7 @@
     "rollup-plugin-node-builtins": "2.1.2",
     "rollup-plugin-node-resolve": "3.4.0",
     "rollup-plugin-postcss": "1.6.3",
-    "rollup-plugin-url": "1.4.0",
-    "url-metadata": "^2.5.0"
+    "rollup-plugin-url": "1.4.0"
   },
   "files": [
     "dist"