@mjhls/mjh-framework 1.0.567 → 1.0.568
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.
- package/README.md +172 -172
- package/dist/cjs/AD.js +10 -9
- package/dist/cjs/AD300x250.js +8 -7
- package/dist/cjs/AD300x250x600.js +8 -7
- package/dist/cjs/AD728x90.js +11 -10
- package/dist/cjs/ADFloatingFooter.js +15 -14
- package/dist/cjs/ADFooter.js +9 -8
- package/dist/cjs/ADGutter.js +12 -11
- package/dist/cjs/{ADInfeed-17a378db.js → ADInfeed-fdbd80ea.js} +11 -9
- package/dist/cjs/ADSkyscraper.js +12 -11
- package/dist/cjs/ADSponsoredResources.js +11 -10
- package/dist/cjs/ADWebcast.js +11 -10
- package/dist/cjs/ADWelcome.js +16 -15
- package/dist/cjs/{ADlgInfeed-070d911c.js → ADlgInfeed-ecd2642c.js} +7 -6
- package/dist/cjs/AccordionPanel.js +24 -22
- package/dist/cjs/AdSlot.js +15 -13
- package/dist/cjs/AdSlotsProvider.js +6 -5
- package/dist/cjs/AlphabeticList.js +16 -15
- package/dist/cjs/ArticleQueue.js +115 -112
- package/dist/cjs/Auth.js +430 -593
- package/dist/cjs/{AuthorComponent-cb8b8128.js → AuthorComponent-5bb8f868.js} +13 -12
- package/dist/cjs/{BlockContent-f942392e.js → BlockContent-8b494587.js} +26 -24
- package/dist/cjs/Breadcrumbs.js +23 -21
- package/dist/cjs/CMEDeck.js +61 -61
- package/dist/cjs/Column1.js +14 -11
- package/dist/cjs/Column2.js +22 -19
- package/dist/cjs/Column3.js +35 -32
- package/dist/cjs/ConferenceArticleCard.js +34 -33
- package/dist/cjs/ConferenceBanner-6c9e718a.js +24 -0
- package/dist/cjs/DeckContent.js +85 -81
- package/dist/cjs/DeckQueue.js +73 -69
- package/dist/cjs/{Dfp-fbe32b96.js → Dfp-a06d722a.js} +22 -20
- package/dist/cjs/EventsDeck.js +113 -106
- package/dist/cjs/ExternalResources.js +42 -41
- package/dist/cjs/Feature.js +26 -24
- package/dist/cjs/ForbesHero.js +34 -33
- package/dist/cjs/GridContent.js +149 -145
- package/dist/cjs/GridHero.js +35 -34
- package/dist/cjs/GroupDeck.js +38 -37
- package/dist/cjs/HamMagazine.js +118 -113
- package/dist/cjs/Header.js +13 -11
- package/dist/cjs/Hero.js +11 -10
- package/dist/cjs/HighlightenVideo.js +17 -16
- package/dist/cjs/HorizontalHero.js +25 -24
- package/dist/cjs/{InscreenSensor-3aec8492.js → InscreenSensor-1f9f7db4.js} +8 -7
- package/dist/cjs/IssueContentDeck.js +69 -64
- package/dist/cjs/IssueDeck.js +64 -59
- package/dist/cjs/IssueLanding.js +47 -46
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/LeftNav.js +22 -20
- package/dist/cjs/MasterDeck.js +60 -59
- package/dist/cjs/NavDvm.js +68 -63
- package/dist/cjs/{NavFooter-76c913e3.js → NavFooter-3dcd99a8.js} +15 -14
- package/dist/cjs/NavMagazine.js +122 -117
- package/dist/cjs/NavNative.js +80 -75
- package/dist/cjs/NavNormal.js +41 -36
- package/dist/cjs/OncliveHero.js +18 -18
- package/dist/cjs/OncliveLargeHero.js +59 -58
- package/dist/cjs/PageFilter.js +9 -8
- package/dist/cjs/PartnerDetailListing.js +1267 -69
- package/dist/cjs/PdfDownload.js +9 -8
- package/dist/cjs/PopUpModal.js +15 -13
- package/dist/cjs/PublicationDeck.js +63 -58
- package/dist/cjs/PublicationLanding.js +85 -81
- package/dist/cjs/QueueDeckExpanded.js +223 -223
- package/dist/cjs/RelatedContent.js +47 -46
- package/dist/cjs/RelatedTopicsDropdown.js +32 -29
- package/dist/cjs/RolesDeck.js +32 -27
- package/dist/cjs/Search.js +16 -12
- package/dist/cjs/SideFooter.js +20 -19
- package/dist/cjs/{SocialNavFooter-9a07520f.js → SocialNavFooter-d9ab4d17.js} +18 -17
- package/dist/cjs/SocialShare.js +31 -29
- package/dist/cjs/TaxonomyCard.js +59 -54
- package/dist/cjs/TemplateNormal.js +35 -34
- package/dist/cjs/ThumbnailCard.js +19 -17
- package/dist/cjs/Ustream.js +21 -20
- package/dist/cjs/VerticalHero.js +17 -16
- package/dist/cjs/VideoSeriesFilter.js +10 -10
- package/dist/cjs/VideoSeriesListing.js +38 -37
- package/dist/cjs/View.js +166 -161
- package/dist/cjs/YahooHero.js +30 -29
- package/dist/cjs/YoutubeGroup.js +46 -45
- package/dist/cjs/{brightcove-react-player-loader.es-156bd4d6.js → brightcove-react-player-loader.es-5c98aec7.js} +10 -8
- package/dist/cjs/getQuery.js +1 -1
- package/dist/cjs/getRelatedArticle.js +355 -6
- package/dist/cjs/getSerializers.js +269 -259
- package/dist/cjs/{getTargeting-b15993cb.js → getTargeting-86e68d62.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/cjs/iconBase-637d3f1e.js +0 -3
- package/dist/cjs/{index-f7ee1612.js → index-44481153.js} +10 -8
- package/dist/cjs/{index-fa0fb52c.js → index-8a3fb0bc.js} +13 -10
- package/dist/cjs/{index-5be2866f.js → index-99edf08a.js} +1 -1
- package/dist/cjs/index-bd6c9f56.js +211 -0
- package/dist/cjs/{index.es-ab3f2690.js → index.es-f3e47207.js} +28 -11
- package/dist/cjs/{index.esm-25423c2f.js → index.esm-2ea63d18.js} +3 -6
- package/dist/cjs/{index.esm-c0d8b44b.js → index.esm-c8d2c195.js} +4 -9
- package/dist/cjs/{index.esm-fcdbd2c6.js → index.esm-d7e04264.js} +6 -15
- package/dist/cjs/index.js +31 -32
- package/dist/cjs/{inherits-14962339.js → inherits-4a2f1cc3.js} +4 -4
- package/dist/cjs/{lodash-fc2922d0.js → lodash-7fd85bcf.js} +71 -22
- package/dist/cjs/{main-bc4db521.js → main-c50facd7.js} +48 -43
- package/dist/cjs/{moment-66a6a284.js → moment-ca3bd9fb.js} +10 -8
- package/dist/cjs/{react-social-icons-cd0d9d3b.js → react-social-icons-07939b41.js} +13 -11
- package/dist/cjs/{typeof-1869832c.js → typeof-583cdc4b.js} +1 -1
- package/dist/cjs/urlFor.js +2 -2
- package/dist/cjs/{visibility-sensor-0c45a583.js → visibility-sensor-8b54af99.js} +7 -5
- package/dist/esm/AD.js +7 -7
- package/dist/esm/AD300x250.js +5 -5
- package/dist/esm/AD300x250x600.js +5 -5
- package/dist/esm/AD728x90.js +8 -8
- package/dist/esm/ADFloatingFooter.js +12 -12
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/{ADInfeed-c7dba95f.js → ADInfeed-ed104a2b.js} +5 -5
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +8 -8
- package/dist/esm/ADWebcast.js +8 -8
- package/dist/esm/ADWelcome.js +13 -13
- package/dist/esm/{ADlgInfeed-8bfd6d58.js → ADlgInfeed-dfde985e.js} +4 -4
- package/dist/esm/AccordionPanel.js +17 -17
- package/dist/esm/AdSlot.js +5 -5
- package/dist/esm/AdSlotsProvider.js +3 -3
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleQueue.js +97 -97
- package/dist/esm/Auth.js +411 -578
- package/dist/esm/{AuthorComponent-158226c9.js → AuthorComponent-f67cb027.js} +10 -10
- package/dist/esm/{BlockContent-a614acdf.js → BlockContent-d05b5b23.js} +3 -3
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +58 -58
- package/dist/esm/Column1.js +5 -5
- package/dist/esm/Column2.js +12 -12
- package/dist/esm/Column3.js +24 -24
- package/dist/esm/ConferenceArticleCard.js +28 -28
- package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +61 -61
- package/dist/esm/DeckQueue.js +46 -46
- package/dist/esm/{Dfp-ae9336e2.js → Dfp-0557840a.js} +10 -10
- package/dist/esm/EventsDeck.js +64 -64
- package/dist/esm/ExternalResources.js +35 -35
- package/dist/esm/Feature.js +16 -16
- package/dist/esm/ForbesHero.js +27 -27
- package/dist/esm/GridContent.js +106 -106
- package/dist/esm/GridHero.js +28 -28
- package/dist/esm/GroupDeck.js +33 -33
- package/dist/esm/HamMagazine.js +86 -86
- package/dist/esm/Header.js +7 -7
- package/dist/esm/Hero.js +6 -6
- package/dist/esm/HighlightenVideo.js +14 -14
- package/dist/esm/HorizontalHero.js +20 -20
- package/dist/esm/{InscreenSensor-280b2b10.js → InscreenSensor-3e1fe82a.js} +5 -5
- package/dist/esm/IssueContentDeck.js +40 -40
- package/dist/esm/IssueDeck.js +33 -33
- package/dist/esm/IssueLanding.js +44 -44
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/LeftNav.js +16 -16
- package/dist/esm/MasterDeck.js +53 -53
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
- package/dist/esm/NavMagazine.js +92 -92
- package/dist/esm/NavNative.js +57 -57
- package/dist/esm/NavNormal.js +21 -21
- package/dist/esm/OncliveHero.js +13 -14
- package/dist/esm/OncliveLargeHero.js +51 -51
- package/dist/esm/PageFilter.js +6 -6
- package/dist/esm/PartnerDetailListing.js +1261 -65
- package/dist/esm/PdfDownload.js +6 -6
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PublicationDeck.js +34 -34
- package/dist/esm/PublicationLanding.js +61 -61
- package/dist/esm/QueueDeckExpanded.js +203 -203
- package/dist/esm/RelatedContent.js +42 -42
- package/dist/esm/RelatedTopicsDropdown.js +21 -21
- package/dist/esm/RolesDeck.js +13 -13
- package/dist/esm/Search.js +5 -5
- package/dist/esm/SideFooter.js +17 -17
- package/dist/esm/{SocialNavFooter-4fb16720.js → SocialNavFooter-1a531144.js} +15 -15
- package/dist/esm/SocialShare.js +25 -25
- package/dist/esm/TaxonomyCard.js +35 -35
- package/dist/esm/TemplateNormal.js +28 -28
- package/dist/esm/ThumbnailCard.js +9 -9
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +12 -12
- package/dist/esm/VideoSeriesFilter.js +7 -7
- package/dist/esm/VideoSeriesListing.js +32 -32
- package/dist/esm/View.js +140 -140
- package/dist/esm/YahooHero.js +24 -24
- package/dist/esm/YoutubeGroup.js +36 -36
- package/dist/esm/{brightcove-react-player-loader.es-83f53e4e.js → brightcove-react-player-loader.es-4abff0b1.js} +7 -6
- package/dist/esm/getQuery.js +1 -1
- package/dist/esm/getRelatedArticle.js +355 -6
- package/dist/esm/getSerializers.js +220 -216
- package/dist/esm/{getTargeting-1a0bd08d.js → getTargeting-1f2c61e3.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/esm/{index-93ec3c59.js → index-1819118a.js} +3 -3
- package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js} +4 -4
- package/dist/esm/index-db3bb315.js +207 -0
- package/dist/esm/{index-d2f90501.js → index-fa2ffe86.js} +1 -1
- package/dist/esm/{index.es-938a3a58.js → index.es-c6222053.js} +25 -9
- package/dist/esm/{index.esm-b97cf389.js → index.esm-4b1810e3.js} +6 -15
- package/dist/esm/{index.esm-a7ad65ba.js → index.esm-be9486fc.js} +3 -6
- package/dist/esm/{index.esm-9d6faf80.js → index.esm-d3249151.js} +4 -9
- package/dist/esm/index.js +26 -27
- package/dist/esm/{inherits-b8e4c697.js → inherits-2758cc14.js} +1 -1
- package/dist/esm/{lodash-17fdfebb.js → lodash-ec8c6b48.js} +71 -22
- package/dist/esm/{main-7255814e.js → main-b722e2e2.js} +48 -44
- package/dist/esm/{moment-12415288.js → moment-b6f49411.js} +10 -8
- package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-3822f1ce.js} +5 -5
- package/dist/esm/{typeof-5f046efd.js → typeof-7e72fee0.js} +1 -1
- package/dist/esm/urlFor.js +1 -1
- package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-082c757b.js} +2 -2
- package/package.json +107 -107
- package/dist/cjs/ConferenceBanner-4a16fddc.js +0 -23
package/dist/cjs/YahooHero.js
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
require('./_commonjsHelpers-06173234.js');
|
|
6
4
|
require('./_to-object-329a650b.js');
|
|
7
5
|
require('./core.get-iterator-method-41e87ec1.js');
|
|
8
6
|
require('./web.dom.iterable-43c3e277.js');
|
|
9
7
|
var React = require('react');
|
|
10
|
-
var React__default = _interopDefault(React);
|
|
11
8
|
require('prop-types');
|
|
12
|
-
var moment = require('./moment-
|
|
9
|
+
var moment = require('./moment-ca3bd9fb.js');
|
|
13
10
|
require('react-dom');
|
|
14
|
-
var index
|
|
15
|
-
var index$
|
|
11
|
+
var index = require('./index-b5eb3ff8.js');
|
|
12
|
+
var index$1 = require('./index-8a3fb0bc.js');
|
|
16
13
|
var entities = require('./entities-310b46ee.js');
|
|
17
14
|
require('./slicedToArray-8063ee51.js');
|
|
18
|
-
var AuthorComponent = require('./AuthorComponent-
|
|
15
|
+
var AuthorComponent = require('./AuthorComponent-5bb8f868.js');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
20
|
|
|
20
21
|
var YahooHero = function YahooHero(props) {
|
|
21
22
|
var removeTimeStamp = props.removeTimeStamp;
|
|
@@ -24,7 +25,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
24
25
|
var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
|
|
25
26
|
var client = props.client;
|
|
26
27
|
|
|
27
|
-
var builder = index
|
|
28
|
+
var builder = index.imageUrlBuilder(client);
|
|
28
29
|
function urlFor(source) {
|
|
29
30
|
return builder.image(source).auto('format');
|
|
30
31
|
}
|
|
@@ -38,35 +39,35 @@ var YahooHero = function YahooHero(props) {
|
|
|
38
39
|
topArticleThumbnail = props.thumbnail;
|
|
39
40
|
}
|
|
40
41
|
|
|
41
|
-
return React__default.createElement(
|
|
42
|
+
return React__default['default'].createElement(
|
|
42
43
|
'div',
|
|
43
44
|
{ className: 'article-hero' },
|
|
44
|
-
React__default.createElement(
|
|
45
|
+
React__default['default'].createElement(
|
|
45
46
|
'a',
|
|
46
47
|
{ href: '/view/' + topArticle.url.current },
|
|
47
|
-
React__default.createElement(
|
|
48
|
+
React__default['default'].createElement(
|
|
48
49
|
'div',
|
|
49
50
|
{ className: 'yh-top-article' },
|
|
50
|
-
React__default.createElement(
|
|
51
|
+
React__default['default'].createElement(
|
|
51
52
|
'div',
|
|
52
53
|
{ className: 'yh-top-article--img' },
|
|
53
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
54
|
+
React__default['default'].createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
54
55
|
),
|
|
55
|
-
React__default.createElement('div', { className: 'yh-top-article--blur' }),
|
|
56
|
-
React__default.createElement(
|
|
56
|
+
React__default['default'].createElement('div', { className: 'yh-top-article--blur' }),
|
|
57
|
+
React__default['default'].createElement(
|
|
57
58
|
'div',
|
|
58
59
|
{ className: 'yh-top-article--body' },
|
|
59
|
-
React__default.createElement(
|
|
60
|
+
React__default['default'].createElement(
|
|
60
61
|
'h1',
|
|
61
62
|
null,
|
|
62
63
|
topArticle.title
|
|
63
64
|
),
|
|
64
|
-
React__default.createElement(
|
|
65
|
+
React__default['default'].createElement(
|
|
65
66
|
'p',
|
|
66
67
|
null,
|
|
67
68
|
moment.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
|
|
68
69
|
),
|
|
69
|
-
React__default.createElement(
|
|
70
|
+
React__default['default'].createElement(
|
|
70
71
|
'p',
|
|
71
72
|
null,
|
|
72
73
|
entities.clean_html_1(topArticle.summary)
|
|
@@ -74,7 +75,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
74
75
|
)
|
|
75
76
|
)
|
|
76
77
|
),
|
|
77
|
-
React__default.createElement(
|
|
78
|
+
React__default['default'].createElement(
|
|
78
79
|
'div',
|
|
79
80
|
{ className: 'yh-sub-article-container' },
|
|
80
81
|
subArticles.map(function (article, index) {
|
|
@@ -87,37 +88,37 @@ var YahooHero = function YahooHero(props) {
|
|
|
87
88
|
articleThumbnail = props.thumbnail;
|
|
88
89
|
}
|
|
89
90
|
|
|
90
|
-
return React__default.createElement(
|
|
91
|
+
return React__default['default'].createElement(
|
|
91
92
|
'div',
|
|
92
93
|
{ key: index, className: 'yh-sub-article' },
|
|
93
|
-
React__default.createElement(
|
|
94
|
+
React__default['default'].createElement(
|
|
94
95
|
'a',
|
|
95
96
|
{ href: '/view/' + article.url.current },
|
|
96
|
-
React__default.createElement('img', { src: articleThumbnail })
|
|
97
|
+
React__default['default'].createElement('img', { src: articleThumbnail })
|
|
97
98
|
),
|
|
98
|
-
React__default.createElement(
|
|
99
|
+
React__default['default'].createElement(
|
|
99
100
|
'a',
|
|
100
101
|
{ href: '/view/' + article.url.current },
|
|
101
|
-
React__default.createElement(
|
|
102
|
+
React__default['default'].createElement(
|
|
102
103
|
'h6',
|
|
103
104
|
{ className: 'yh-sub-article--title' },
|
|
104
105
|
article.title
|
|
105
106
|
)
|
|
106
107
|
),
|
|
107
|
-
React__default.createElement(
|
|
108
|
+
React__default['default'].createElement(
|
|
108
109
|
'p',
|
|
109
110
|
{ className: 'yh-sub-article--info' },
|
|
110
111
|
moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
|
|
111
112
|
),
|
|
112
|
-
article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
|
|
113
|
-
index$
|
|
113
|
+
article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
|
|
114
|
+
index$1.LazyLoad,
|
|
114
115
|
{ height: 50 },
|
|
115
|
-
React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
|
|
116
|
+
React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
|
|
116
117
|
)
|
|
117
118
|
);
|
|
118
119
|
})
|
|
119
120
|
),
|
|
120
|
-
React__default.createElement(
|
|
121
|
+
React__default['default'].createElement(
|
|
121
122
|
'style',
|
|
122
123
|
{ jsx: 'true' },
|
|
123
124
|
'\n .article-hero{\n padding-bottom:15px\n }\n .yh-top-article {\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: Roboto, sans-serif;\n margin-bottom: 1rem;\n border-radius: 15px;\n overflow: hidden;\n min-height: 315px;\n }\n .yh-top-article--img {\n width: 100%;\n min-height: 240px;\n overflow: hidden;\n }\n .yh-top-article--img img {\n width: 100%;\n height: auto;\n min-height: 100%;\n max-height: 315px;\n object-fit: cover;\n }\n .yh-top-article--body {\n height: 100%;\n width: 40%;\n min-width: 320px;\n right: 0;\n position: absolute;\n color: white;\n padding: 1.75rem;\n height: 315px;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n }\n .yh-top-article--body h1 {\n color: white!important;\n font-size: 1.4rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n }\n .yh-top-article--body p {\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n }\n .yh-top-article--blur {\n height: 100%;\n width: 40%;\n right: 0;\n position: absolute;\n filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));\n background: rgba(0,0,0,.65);\n min-width: 320px;\n }\n .yh-sub-article-container {\n display: flex;\n justify-content: space-between;\n }\n .yh-sub-article {\n width: 23.25%;\n }\n .yh-sub-article p.yh-sub-article--title {\n font-weight: bold;\n }\n .yh-sub-article img {\n width: 100%;\n height: 150px;\n object-fit: cover;\n border-radius: 15px;\n }\n .yh-sub-article img[src=\'' + props.thumbnail + '\']{\n object-fit: contain;\n }\n .yh-sub-article--title {\n font-weight: bold;\n margin-top: .25rem;\n font-size: 1rem;\n margin-bottom: .25rem;\n }\n .yh-sub-article--info {\n font-size: .8rem;\n margin-bottom: 0;\n\n }\n @media screen and (max-width: 968px) {\n .yh-sub-article-container {\n flex-wrap: wrap;\n }\n .yh-sub-article {\n width: 48%;\n margin-bottom: 1rem;\n }\n }\n '
|
package/dist/cjs/YoutubeGroup.js
CHANGED
|
@@ -1,28 +1,29 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
require('./_commonjsHelpers-06173234.js');
|
|
6
4
|
require('./_to-object-329a650b.js');
|
|
7
5
|
require('./core.get-iterator-method-41e87ec1.js');
|
|
8
6
|
require('./_library-dd23b178.js');
|
|
9
7
|
require('./_object-pie-68c5bcbc.js');
|
|
10
8
|
require('./web.dom.iterable-43c3e277.js');
|
|
11
|
-
var _typeof = require('./typeof-
|
|
9
|
+
var _typeof = require('./typeof-583cdc4b.js');
|
|
12
10
|
require('./_is-array-754e012d.js');
|
|
13
11
|
var React = require('react');
|
|
14
|
-
var React__default = _interopDefault(React);
|
|
15
12
|
require('prop-types');
|
|
16
13
|
require('react-dom');
|
|
17
14
|
var index$1 = require('./index-b5eb3ff8.js');
|
|
18
|
-
var index
|
|
15
|
+
var index = require('./index-8a3fb0bc.js');
|
|
19
16
|
var slicedToArray = require('./slicedToArray-8063ee51.js');
|
|
20
17
|
var smoothscroll = require('./smoothscroll-95231a70.js');
|
|
21
18
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
+
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
|
|
23
|
+
/*
|
|
24
|
+
GROQ query -
|
|
25
|
+
accepts an array of title, URL
|
|
26
|
+
`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
|
|
26
27
|
*/
|
|
27
28
|
|
|
28
29
|
var YoutubeGroup = function YoutubeGroup(props) {
|
|
@@ -149,30 +150,30 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
149
150
|
current = _props$current === undefined ? '' : _props$current;
|
|
150
151
|
|
|
151
152
|
|
|
152
|
-
return React__default.createElement(
|
|
153
|
+
return React__default['default'].createElement(
|
|
153
154
|
'div',
|
|
154
155
|
{ ref: viewableWindow, id: 'vid-slider', className: 'col' },
|
|
155
|
-
React__default.createElement(
|
|
156
|
+
React__default['default'].createElement(
|
|
156
157
|
'div',
|
|
157
158
|
{ className: 'row' },
|
|
158
|
-
showScroller && showScroller && React__default.createElement(
|
|
159
|
+
showScroller && showScroller && React__default['default'].createElement(
|
|
159
160
|
'div',
|
|
160
161
|
{ onClick: function onClick(e) {
|
|
161
162
|
return scrollSlider(e, 'prev');
|
|
162
163
|
}, className: 'tile__slider-prev', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
|
|
163
|
-
React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
164
|
+
React__default['default'].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
164
165
|
),
|
|
165
|
-
showScroller && showScroller && React__default.createElement(
|
|
166
|
+
showScroller && showScroller && React__default['default'].createElement(
|
|
166
167
|
'div',
|
|
167
168
|
{ onClick: function onClick(e) {
|
|
168
169
|
return scrollSlider(e, 'next');
|
|
169
170
|
}, className: 'tile__slider-next', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
|
|
170
|
-
React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
171
|
+
React__default['default'].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
171
172
|
),
|
|
172
|
-
React__default.createElement(
|
|
173
|
+
React__default['default'].createElement(
|
|
173
174
|
'div',
|
|
174
175
|
{ ref: innerSlider, className: 'row__inner' },
|
|
175
|
-
props.dataset && props.dataset.map(function (video, index) {
|
|
176
|
+
props.dataset && props.dataset.map(function (video, index$1) {
|
|
176
177
|
// If there is a current prop, means this will overlay a currently playing video
|
|
177
178
|
if (current !== '') {
|
|
178
179
|
var url = video.url;
|
|
@@ -185,42 +186,42 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
185
186
|
thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
186
187
|
}
|
|
187
188
|
|
|
188
|
-
return React__default.createElement(
|
|
189
|
+
return React__default['default'].createElement(
|
|
189
190
|
'div',
|
|
190
|
-
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
191
|
-
current && current === url ? React__default.createElement(
|
|
191
|
+
{ ref: tile, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
|
|
192
|
+
current && current === url ? React__default['default'].createElement(
|
|
192
193
|
'div',
|
|
193
194
|
{ className: 'now-playing' },
|
|
194
195
|
'Now Playing'
|
|
195
196
|
) : '',
|
|
196
|
-
React__default.createElement(
|
|
197
|
+
React__default['default'].createElement(
|
|
197
198
|
'a',
|
|
198
199
|
{ onClick: function onClick() {
|
|
199
|
-
return handleClick(url, index + 1);
|
|
200
|
+
return handleClick(url, index$1 + 1);
|
|
200
201
|
} },
|
|
201
|
-
React__default.createElement(
|
|
202
|
+
React__default['default'].createElement(
|
|
202
203
|
'div',
|
|
203
204
|
{ className: 'tile__media' },
|
|
204
|
-
React__default.createElement(
|
|
205
|
-
index
|
|
205
|
+
React__default['default'].createElement(
|
|
206
|
+
index.LazyLoad,
|
|
206
207
|
null,
|
|
207
|
-
React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
|
|
208
|
+
React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
|
|
208
209
|
)
|
|
209
210
|
),
|
|
210
|
-
React__default.createElement(
|
|
211
|
+
React__default['default'].createElement(
|
|
211
212
|
'div',
|
|
212
213
|
{ className: 'tile__details' },
|
|
213
|
-
React__default.createElement(
|
|
214
|
+
React__default['default'].createElement(
|
|
214
215
|
'div',
|
|
215
216
|
{ className: 'tile__title' },
|
|
216
|
-
React__default.createElement(
|
|
217
|
+
React__default['default'].createElement(
|
|
217
218
|
'div',
|
|
218
219
|
{ style: { color: variant }, className: 'tile__title_text' },
|
|
219
220
|
video.title
|
|
220
221
|
)
|
|
221
222
|
)
|
|
222
223
|
),
|
|
223
|
-
React__default.createElement(
|
|
224
|
+
React__default['default'].createElement(
|
|
224
225
|
'div',
|
|
225
226
|
{ style: { color: '#fff' }, className: 'tile__info' },
|
|
226
227
|
video.title
|
|
@@ -236,45 +237,45 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
236
237
|
} else {
|
|
237
238
|
_thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
238
239
|
}
|
|
239
|
-
return React__default.createElement(
|
|
240
|
+
return React__default['default'].createElement(
|
|
240
241
|
'div',
|
|
241
|
-
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
242
|
-
React__default.createElement(
|
|
242
|
+
{ ref: tile, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
|
|
243
|
+
React__default['default'].createElement(
|
|
243
244
|
'a',
|
|
244
245
|
{ href: _url },
|
|
245
|
-
React__default.createElement(
|
|
246
|
+
React__default['default'].createElement(
|
|
246
247
|
'div',
|
|
247
248
|
{ className: 'tile__media' },
|
|
248
|
-
React__default.createElement(
|
|
249
|
-
index
|
|
249
|
+
React__default['default'].createElement(
|
|
250
|
+
index.LazyLoad,
|
|
250
251
|
null,
|
|
251
|
-
React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
|
|
252
|
+
React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
|
|
252
253
|
)
|
|
253
254
|
),
|
|
254
|
-
React__default.createElement(
|
|
255
|
+
React__default['default'].createElement(
|
|
255
256
|
'div',
|
|
256
257
|
{ className: 'tile__details' },
|
|
257
|
-
React__default.createElement(
|
|
258
|
+
React__default['default'].createElement(
|
|
258
259
|
'div',
|
|
259
260
|
{ className: 'tile__title' },
|
|
260
|
-
React__default.createElement(
|
|
261
|
+
React__default['default'].createElement(
|
|
261
262
|
'div',
|
|
262
263
|
{ style: { color: '#fff' }, className: 'tile__title_text' },
|
|
263
264
|
video.title
|
|
264
265
|
)
|
|
265
266
|
)
|
|
266
267
|
),
|
|
267
|
-
React__default.createElement(
|
|
268
|
+
React__default['default'].createElement(
|
|
268
269
|
'div',
|
|
269
270
|
{ style: { color: variant }, className: 'tile__info' },
|
|
270
|
-
props.displayEpisodeNumber ? React__default.createElement(
|
|
271
|
+
props.displayEpisodeNumber ? React__default['default'].createElement(
|
|
271
272
|
'span',
|
|
272
273
|
null,
|
|
273
|
-
React__default.createElement(
|
|
274
|
+
React__default['default'].createElement(
|
|
274
275
|
'span',
|
|
275
276
|
{ style: { fontWeight: 'bold' } },
|
|
276
277
|
'Ep. ',
|
|
277
|
-
index + 1,
|
|
278
|
+
index$1 + 1,
|
|
278
279
|
':'
|
|
279
280
|
),
|
|
280
281
|
' ',
|
|
@@ -287,7 +288,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
287
288
|
})
|
|
288
289
|
)
|
|
289
290
|
),
|
|
290
|
-
React__default.createElement(
|
|
291
|
+
React__default['default'].createElement(
|
|
291
292
|
'style',
|
|
292
293
|
{ jsx: 'true' },
|
|
293
294
|
'\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::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 2rem;\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,\n #vidHolder {\n max-width: 805px;\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 a:hover {\n color: #7f8c8d;\n text-decoration: underline;\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 text-align: center;\n color: ' + (props.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 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: 25px 0 55px -.25rem !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\n margin: 0 12.5px;\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: 15px;\n }\n #vid-slider .tile__img {\n height: 135px;\n\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 #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\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 top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -0.5rem;\n padding: 1rem;\n }\n #vid-slider .tile__slider-next {\n right: -.5rem;\n padding: 1rem;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\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 ' + (props.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 @media screen and (max-width: 1399px) {\n #vid-slider,\n #vidHolder {\n max-width: 620px;\n }\n #vid-slider .tile__img {\n height: 145px;\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\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 height: 175px;\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 height: 118px;\n }\n #vid-slider .row__inner {\n margin: 30px 0 60px ;\n }\n }\n\n @media screen and (max-width: 590px) {\n #vid-slider .tile__img {\n height: 195px;\n }\n }\n '
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
3
|
var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
|
|
6
4
|
var React = require('react');
|
|
7
|
-
|
|
5
|
+
|
|
6
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
8
9
|
|
|
9
10
|
var slice = Array.prototype.slice;
|
|
10
11
|
|
|
@@ -630,7 +631,7 @@ if (typeof window !== "undefined") {
|
|
|
630
631
|
|
|
631
632
|
var window_1 = win;
|
|
632
633
|
|
|
633
|
-
/*! @name @brightcove/react-player-loader @version 1.4.
|
|
634
|
+
/*! @name @brightcove/react-player-loader @version 1.4.1 @license Apache-2.0 */
|
|
634
635
|
|
|
635
636
|
function _extends() {
|
|
636
637
|
_extends = Object.assign || function (target) {
|
|
@@ -664,7 +665,7 @@ function _assertThisInitialized(self) {
|
|
|
664
665
|
return self;
|
|
665
666
|
}
|
|
666
667
|
|
|
667
|
-
/*! @name @brightcove/player-loader @version 1.
|
|
668
|
+
/*! @name @brightcove/player-loader @version 1.8.0 @license Apache-2.0 */
|
|
668
669
|
|
|
669
670
|
function _extends$1() {
|
|
670
671
|
_extends$1 = Object.assign || function (target) {
|
|
@@ -684,7 +685,7 @@ function _extends$1() {
|
|
|
684
685
|
return _extends$1.apply(this, arguments);
|
|
685
686
|
}
|
|
686
687
|
|
|
687
|
-
var version = "1.
|
|
688
|
+
var version = "1.8.0";
|
|
688
689
|
|
|
689
690
|
/*! @name @brightcove/player-url @version 1.2.0 @license Apache-2.0 */
|
|
690
691
|
var version$1 = "1.2.0";
|
|
@@ -1001,6 +1002,7 @@ var createInPageEmbed = function createInPageEmbed(params) {
|
|
|
1001
1002
|
deliveryConfigId: 'data-delivery-config-id',
|
|
1002
1003
|
playlistId: 'data-playlist-id',
|
|
1003
1004
|
playlistVideoId: 'data-playlist-video-id',
|
|
1005
|
+
poster: 'poster',
|
|
1004
1006
|
videoId: 'data-video-id'
|
|
1005
1007
|
};
|
|
1006
1008
|
var tagName = embedOptions && embedOptions.tagName || EMBED_TAG_NAME_VIDEOJS;
|
|
@@ -2221,10 +2223,10 @@ function (_React$Component) {
|
|
|
2221
2223
|
ref: this.setRefNode
|
|
2222
2224
|
});
|
|
2223
2225
|
|
|
2224
|
-
return React__default.createElement('div', props);
|
|
2226
|
+
return React__default['default'].createElement('div', props);
|
|
2225
2227
|
};
|
|
2226
2228
|
|
|
2227
2229
|
return ReactPlayerLoader;
|
|
2228
|
-
}(React__default.Component);
|
|
2230
|
+
}(React__default['default'].Component);
|
|
2229
2231
|
|
|
2230
2232
|
exports.ReactPlayerLoader = ReactPlayerLoader;
|
package/dist/cjs/getQuery.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
require('./_commonjsHelpers-06173234.js');
|
|
4
|
-
require('./moment-
|
|
4
|
+
require('./moment-ca3bd9fb.js');
|
|
5
5
|
|
|
6
6
|
var getQuery = function getQuery(type) {
|
|
7
7
|
var conditions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|