@mjhls/mjh-framework 1.0.672 → 1.0.673-article-series
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 +1 -1
- package/dist/cjs/AD.js +10 -9
- package/dist/cjs/AD300x250.js +10 -9
- package/dist/cjs/AD300x250x600.js +10 -9
- package/dist/cjs/AD728x90.js +11 -10
- package/dist/cjs/ADFloatingFooter.js +12 -11
- package/dist/cjs/ADFooter.js +9 -8
- package/dist/cjs/ADGutter.js +12 -11
- package/dist/cjs/{ADInfeed-9735aff2.js → ADInfeed-bc591de7.js} +11 -9
- package/dist/cjs/ADSkyscraper.js +12 -11
- package/dist/cjs/ADSponsoredResources.js +12 -11
- package/dist/cjs/ADWebcast.js +12 -11
- package/dist/cjs/ADWelcome.js +16 -15
- package/dist/cjs/{ADlgInfeed-6bd11848.js → ADlgInfeed-4b713637.js} +7 -6
- package/dist/cjs/AccordionPanel.js +24 -22
- package/dist/cjs/AdSlot.js +14 -13
- package/dist/cjs/AdSlotsProvider.js +6 -5
- package/dist/cjs/AlphabeticList.js +16 -15
- package/dist/cjs/ArticleCarousel.js +9 -8
- package/dist/cjs/ArticleSeriesListing.js +38 -37
- package/dist/cjs/Auth.js +430 -593
- package/dist/cjs/{AuthorComponent-bb831b74.js → AuthorComponent-ac8972ce.js} +13 -12
- package/dist/cjs/{BlockContent-88f69acd.js → BlockContent-8b494587.js} +25 -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 +19 -18
- package/dist/cjs/ConferenceBanner-6c9e718a.js +24 -0
- package/dist/cjs/DeckContent.js +77 -73
- package/dist/cjs/DeckQueue.js +73 -69
- package/dist/cjs/{Dfp-b2bc3b97.js → Dfp-fa2c6aad.js} +21 -20
- package/dist/cjs/EventsDeck.js +123 -116
- package/dist/cjs/ExternalResources.js +44 -43
- package/dist/cjs/Feature.js +26 -24
- package/dist/cjs/ForbesHero.js +34 -33
- package/dist/cjs/GridContent.js +153 -149
- package/dist/cjs/GridHero.js +35 -34
- package/dist/cjs/GroupDeck.js +40 -39
- package/dist/cjs/HamMagazine.js +119 -114
- 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/IssueContentDeck.js +69 -64
- package/dist/cjs/IssueDeck.js +64 -59
- package/dist/cjs/IssueLanding.js +18 -17
- package/dist/cjs/LeftNav.js +22 -20
- package/dist/cjs/MasterDeck.js +50 -49
- package/dist/cjs/NavDvm.js +68 -63
- package/dist/cjs/{NavFooter-76c913e3.js → NavFooter-3dcd99a8.js} +15 -14
- package/dist/cjs/NavMagazine.js +121 -116
- package/dist/cjs/NavNative.js +103 -95
- 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 +1269 -71
- 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 +52 -48
- package/dist/cjs/QueueDeckExpanded.js +219 -219
- package/dist/cjs/RecentNews.js +23 -22
- package/dist/cjs/RelatedContent.js +22 -21
- package/dist/cjs/RelatedTopicsDropdown.js +22 -19
- package/dist/cjs/RolesDeck.js +32 -27
- package/dist/cjs/Search.js +16 -12
- package/dist/cjs/SideFooter.js +24 -23
- package/dist/cjs/SocialIcons.js +10 -9
- package/dist/cjs/{SocialSearchComponent-962b1344.js → SocialSearchComponent-fde6c921.js} +36 -32
- package/dist/cjs/SocialShare.js +31 -29
- package/dist/cjs/TaxonomyCard.js +59 -54
- package/dist/cjs/TemplateNormal.js +36 -35
- package/dist/cjs/ThumbnailCard.js +19 -17
- package/dist/cjs/Ustream.js +21 -20
- package/dist/cjs/VerticalHero.js +17 -16
- package/dist/cjs/VideoSeriesCard.js +25 -24
- package/dist/cjs/VideoSeriesFilter.js +9 -9
- package/dist/cjs/VideoSeriesListing.js +52 -51
- package/dist/cjs/View.js +183 -179
- package/dist/cjs/YahooHero.js +30 -29
- package/dist/cjs/YoutubeGroup.js +53 -52
- package/dist/cjs/{brightcove-react-player-loader.es-156bd4d6.js → brightcove-react-player-loader.es-5c98aec7.js} +10 -8
- package/dist/cjs/getRelatedArticle.js +354 -5
- package/dist/cjs/getSerializers.js +9 -9
- package/dist/cjs/iconBase-68959171.js +0 -3
- package/dist/cjs/{index-c190d704.js → index-06016cad.js} +361 -351
- package/dist/cjs/{index-2d0a4911.js → index-44481153.js} +9 -8
- package/dist/cjs/{index-5be2866f.js → index-6367b7bf.js} +16 -17
- package/dist/cjs/{index-da796b8c.js → index-8a3fb0bc.js} +12 -10
- 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-ff47db6f.js → index.esm-05850a2f.js} +5 -12
- package/dist/cjs/{index.esm-66ffa47a.js → index.esm-3b9b8952.js} +4 -9
- package/dist/cjs/{index.esm-876ca9ff.js → index.esm-61650d1a.js} +5 -12
- package/dist/cjs/{index.esm-fe549f9c.js → index.esm-dd489d02.js} +20 -20
- package/dist/cjs/index.js +31 -32
- package/dist/cjs/{inherits-513d81cd.js → inherits-87492b40.js} +4 -4
- package/dist/cjs/{lodash-fc2922d0.js → lodash-7fd85bcf.js} +71 -22
- package/dist/cjs/{main-b6c96c8d.js → main-9499b3ef.js} +48 -43
- package/dist/cjs/{moment-66a6a284.js → moment-ca3bd9fb.js} +10 -8
- package/dist/cjs/{react-social-icons-f7f48f71.js → react-social-icons-07939b41.js} +12 -11
- package/dist/cjs/{typeof-725500bc.js → typeof-9d7f610f.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 +7 -7
- package/dist/esm/AD300x250x600.js +7 -7
- package/dist/esm/AD728x90.js +8 -8
- package/dist/esm/ADFloatingFooter.js +9 -9
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/{ADInfeed-9140aa7d.js → ADInfeed-d1777980.js} +5 -5
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +9 -9
- package/dist/esm/ADWebcast.js +9 -9
- package/dist/esm/ADWelcome.js +13 -13
- package/dist/esm/{ADlgInfeed-7656ecd1.js → ADlgInfeed-84282fe8.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/ArticleCarousel.js +6 -6
- package/dist/esm/ArticleSeriesListing.js +32 -32
- package/dist/esm/Auth.js +411 -578
- package/dist/esm/{AuthorComponent-00f13201.js → AuthorComponent-23afa074.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 +13 -13
- package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +53 -53
- package/dist/esm/DeckQueue.js +46 -46
- package/dist/esm/{Dfp-8a8fca18.js → Dfp-939e8fcf.js} +10 -10
- package/dist/esm/EventsDeck.js +66 -66
- package/dist/esm/ExternalResources.js +37 -37
- package/dist/esm/Feature.js +16 -16
- package/dist/esm/ForbesHero.js +27 -27
- package/dist/esm/GridContent.js +110 -110
- package/dist/esm/GridHero.js +28 -28
- package/dist/esm/GroupDeck.js +35 -35
- 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/IssueContentDeck.js +40 -40
- package/dist/esm/IssueDeck.js +33 -33
- package/dist/esm/IssueLanding.js +15 -15
- package/dist/esm/LeftNav.js +16 -16
- package/dist/esm/MasterDeck.js +43 -43
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
- package/dist/esm/NavMagazine.js +90 -90
- package/dist/esm/NavNative.js +70 -70
- 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 +1263 -67
- 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 +28 -28
- package/dist/esm/QueueDeckExpanded.js +199 -199
- package/dist/esm/RecentNews.js +18 -18
- package/dist/esm/RelatedContent.js +16 -16
- package/dist/esm/RelatedTopicsDropdown.js +11 -11
- package/dist/esm/RolesDeck.js +13 -13
- package/dist/esm/Search.js +5 -5
- package/dist/esm/SideFooter.js +19 -19
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-75527dfe.js → SocialSearchComponent-a13fc98b.js} +23 -23
- package/dist/esm/SocialShare.js +25 -25
- package/dist/esm/TaxonomyCard.js +35 -35
- package/dist/esm/TemplateNormal.js +29 -29
- package/dist/esm/ThumbnailCard.js +9 -9
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +12 -12
- package/dist/esm/VideoSeriesCard.js +16 -16
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesListing.js +45 -45
- package/dist/esm/View.js +165 -165
- package/dist/esm/YahooHero.js +24 -24
- package/dist/esm/YoutubeGroup.js +38 -38
- package/dist/esm/{brightcove-react-player-loader.es-83f53e4e.js → brightcove-react-player-loader.es-4abff0b1.js} +7 -6
- package/dist/esm/getRelatedArticle.js +354 -5
- package/dist/esm/getSerializers.js +9 -9
- package/dist/esm/{index-93ec3c59.js → index-1819118a.js} +3 -3
- package/dist/esm/{index-983cedab.js → index-45bca0c4.js} +303 -299
- package/dist/esm/{index-d2f90501.js → index-c00b0bbb.js} +16 -17
- package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js} +4 -4
- package/dist/esm/index-db3bb315.js +207 -0
- package/dist/esm/{index.es-938a3a58.js → index.es-c6222053.js} +25 -9
- package/dist/esm/{index.esm-85cb09e6.js → index.esm-79385203.js} +5 -12
- package/dist/esm/{index.esm-73e847d2.js → index.esm-902766e0.js} +17 -18
- package/dist/esm/{index.esm-cf08bf18.js → index.esm-a8ff922c.js} +5 -12
- package/dist/esm/{index.esm-b08f4b04.js → index.esm-d6f88d94.js} +4 -9
- package/dist/esm/index.js +26 -27
- package/dist/esm/{inherits-7ee3e0c1.js → inherits-596840e8.js} +1 -1
- package/dist/esm/{lodash-17fdfebb.js → lodash-ec8c6b48.js} +71 -22
- package/dist/esm/{main-0465b2a0.js → main-edbd70ac.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-08f2c380.js → typeof-ee095d0c.js} +1 -1
- package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-082c757b.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/ConferenceBanner-4a16fddc.js +0 -23
package/dist/cjs/YahooHero.js
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
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('./es6.string.iterator-cc0bbaa4.js');
|
|
8
6
|
require('./core.get-iterator-method-f62321d4.js');
|
|
9
7
|
require('./web.dom.iterable-a0e279c1.js');
|
|
10
8
|
var React = require('react');
|
|
11
|
-
var React__default = _interopDefault(React);
|
|
12
9
|
require('prop-types');
|
|
13
|
-
var moment = require('./moment-
|
|
10
|
+
var moment = require('./moment-ca3bd9fb.js');
|
|
14
11
|
require('react-dom');
|
|
15
|
-
var index
|
|
16
|
-
var index$
|
|
12
|
+
var index = require('./index-b5eb3ff8.js');
|
|
13
|
+
var index$1 = require('./index-8a3fb0bc.js');
|
|
17
14
|
var entities = require('./entities-310b46ee.js');
|
|
18
15
|
require('./slicedToArray-8f385299.js');
|
|
19
|
-
var AuthorComponent = require('./AuthorComponent-
|
|
16
|
+
var AuthorComponent = require('./AuthorComponent-ac8972ce.js');
|
|
17
|
+
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
+
|
|
20
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
21
|
|
|
21
22
|
var YahooHero = function YahooHero(props) {
|
|
22
23
|
var removeTimeStamp = props.removeTimeStamp;
|
|
@@ -25,7 +26,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
25
26
|
var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
|
|
26
27
|
var client = props.client;
|
|
27
28
|
|
|
28
|
-
var builder = index
|
|
29
|
+
var builder = index.imageUrlBuilder(client);
|
|
29
30
|
function urlFor(source) {
|
|
30
31
|
return builder.image(source).auto('format');
|
|
31
32
|
}
|
|
@@ -39,35 +40,35 @@ var YahooHero = function YahooHero(props) {
|
|
|
39
40
|
topArticleThumbnail = props.thumbnail;
|
|
40
41
|
}
|
|
41
42
|
|
|
42
|
-
return React__default.createElement(
|
|
43
|
+
return React__default['default'].createElement(
|
|
43
44
|
'div',
|
|
44
45
|
{ className: 'article-hero' },
|
|
45
|
-
React__default.createElement(
|
|
46
|
+
React__default['default'].createElement(
|
|
46
47
|
'a',
|
|
47
48
|
{ href: '/view/' + topArticle.url.current },
|
|
48
|
-
React__default.createElement(
|
|
49
|
+
React__default['default'].createElement(
|
|
49
50
|
'div',
|
|
50
51
|
{ className: 'yh-top-article' },
|
|
51
|
-
React__default.createElement(
|
|
52
|
+
React__default['default'].createElement(
|
|
52
53
|
'div',
|
|
53
54
|
{ className: 'yh-top-article--img' },
|
|
54
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
55
|
+
React__default['default'].createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
55
56
|
),
|
|
56
|
-
React__default.createElement('div', { className: 'yh-top-article--blur' }),
|
|
57
|
-
React__default.createElement(
|
|
57
|
+
React__default['default'].createElement('div', { className: 'yh-top-article--blur' }),
|
|
58
|
+
React__default['default'].createElement(
|
|
58
59
|
'div',
|
|
59
60
|
{ className: 'yh-top-article--body' },
|
|
60
|
-
React__default.createElement(
|
|
61
|
+
React__default['default'].createElement(
|
|
61
62
|
'h1',
|
|
62
63
|
null,
|
|
63
64
|
topArticle.title
|
|
64
65
|
),
|
|
65
|
-
React__default.createElement(
|
|
66
|
+
React__default['default'].createElement(
|
|
66
67
|
'p',
|
|
67
68
|
null,
|
|
68
69
|
moment.moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
|
|
69
70
|
),
|
|
70
|
-
React__default.createElement(
|
|
71
|
+
React__default['default'].createElement(
|
|
71
72
|
'p',
|
|
72
73
|
null,
|
|
73
74
|
entities.clean_html_1(topArticle.summary)
|
|
@@ -75,7 +76,7 @@ var YahooHero = function YahooHero(props) {
|
|
|
75
76
|
)
|
|
76
77
|
)
|
|
77
78
|
),
|
|
78
|
-
React__default.createElement(
|
|
79
|
+
React__default['default'].createElement(
|
|
79
80
|
'div',
|
|
80
81
|
{ className: 'yh-sub-article-container' },
|
|
81
82
|
subArticles.map(function (article, index) {
|
|
@@ -88,37 +89,37 @@ var YahooHero = function YahooHero(props) {
|
|
|
88
89
|
articleThumbnail = props.thumbnail;
|
|
89
90
|
}
|
|
90
91
|
|
|
91
|
-
return React__default.createElement(
|
|
92
|
+
return React__default['default'].createElement(
|
|
92
93
|
'div',
|
|
93
94
|
{ key: index, className: 'yh-sub-article' },
|
|
94
|
-
React__default.createElement(
|
|
95
|
+
React__default['default'].createElement(
|
|
95
96
|
'a',
|
|
96
97
|
{ href: '/view/' + article.url.current },
|
|
97
|
-
React__default.createElement('img', { src: articleThumbnail })
|
|
98
|
+
React__default['default'].createElement('img', { src: articleThumbnail })
|
|
98
99
|
),
|
|
99
|
-
React__default.createElement(
|
|
100
|
+
React__default['default'].createElement(
|
|
100
101
|
'a',
|
|
101
102
|
{ href: '/view/' + article.url.current },
|
|
102
|
-
React__default.createElement(
|
|
103
|
+
React__default['default'].createElement(
|
|
103
104
|
'h6',
|
|
104
105
|
{ className: 'yh-sub-article--title' },
|
|
105
106
|
article.title
|
|
106
107
|
)
|
|
107
108
|
),
|
|
108
|
-
React__default.createElement(
|
|
109
|
+
React__default['default'].createElement(
|
|
109
110
|
'p',
|
|
110
111
|
{ className: 'yh-sub-article--info' },
|
|
111
112
|
moment.moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
|
|
112
113
|
),
|
|
113
|
-
article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
|
|
114
|
-
index$
|
|
114
|
+
article.authorMapping && article.authorMapping.length > 0 && React__default['default'].createElement(
|
|
115
|
+
index$1.LazyLoad,
|
|
115
116
|
{ height: 50 },
|
|
116
|
-
React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
|
|
117
|
+
React__default['default'].createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
|
|
117
118
|
)
|
|
118
119
|
);
|
|
119
120
|
})
|
|
120
121
|
),
|
|
121
|
-
React__default.createElement(
|
|
122
|
+
React__default['default'].createElement(
|
|
122
123
|
'style',
|
|
123
124
|
{ jsx: 'true' },
|
|
124
125
|
'\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,7 +1,5 @@
|
|
|
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('./es6.string.iterator-cc0bbaa4.js');
|
|
@@ -9,17 +7,20 @@ require('./_library-dd23b178.js');
|
|
|
9
7
|
require('./core.get-iterator-method-f62321d4.js');
|
|
10
8
|
require('./_object-pie-68c5bcbc.js');
|
|
11
9
|
require('./web.dom.iterable-a0e279c1.js');
|
|
12
|
-
var _typeof = require('./typeof-
|
|
10
|
+
var _typeof = require('./typeof-9d7f610f.js');
|
|
13
11
|
require('./_is-array-754e012d.js');
|
|
14
12
|
var React = require('react');
|
|
15
|
-
var React__default = _interopDefault(React);
|
|
16
13
|
require('prop-types');
|
|
17
14
|
require('react-dom');
|
|
18
15
|
var index$1 = require('./index-b5eb3ff8.js');
|
|
19
|
-
var index
|
|
16
|
+
var index = require('./index-8a3fb0bc.js');
|
|
20
17
|
var slicedToArray = require('./slicedToArray-8f385299.js');
|
|
21
18
|
var smoothscroll = require('./smoothscroll-95231a70.js');
|
|
22
19
|
|
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
+
|
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
+
|
|
23
24
|
/*
|
|
24
25
|
GROQ query -
|
|
25
26
|
accepts an array of title, URL
|
|
@@ -167,13 +168,13 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
167
168
|
displayEpisodeNumber = _props$displayEpisode === undefined ? false : _props$displayEpisode;
|
|
168
169
|
|
|
169
170
|
|
|
170
|
-
return React__default.createElement(
|
|
171
|
+
return React__default['default'].createElement(
|
|
171
172
|
'div',
|
|
172
173
|
{ ref: viewableWindow, id: 'vid-slider', className: 'col' },
|
|
173
|
-
React__default.createElement(
|
|
174
|
+
React__default['default'].createElement(
|
|
174
175
|
'div',
|
|
175
176
|
{ className: 'row' },
|
|
176
|
-
showScroller && showScroller && React__default.createElement(
|
|
177
|
+
showScroller && showScroller && React__default['default'].createElement(
|
|
177
178
|
'div',
|
|
178
179
|
{
|
|
179
180
|
onClick: function onClick(e) {
|
|
@@ -181,9 +182,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
181
182
|
},
|
|
182
183
|
className: 'tile__slider-prev',
|
|
183
184
|
style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
|
|
184
|
-
React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
185
|
+
React__default['default'].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
185
186
|
),
|
|
186
|
-
showScroller && showScroller && React__default.createElement(
|
|
187
|
+
showScroller && showScroller && React__default['default'].createElement(
|
|
187
188
|
'div',
|
|
188
189
|
{
|
|
189
190
|
onClick: function onClick(e) {
|
|
@@ -191,12 +192,12 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
191
192
|
},
|
|
192
193
|
className: 'tile__slider-next',
|
|
193
194
|
style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
|
|
194
|
-
React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
195
|
+
React__default['default'].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
195
196
|
),
|
|
196
|
-
React__default.createElement(
|
|
197
|
+
React__default['default'].createElement(
|
|
197
198
|
'div',
|
|
198
199
|
{ ref: innerSlider, className: 'row__inner' },
|
|
199
|
-
props.dataset && props.dataset.map(function (video, index) {
|
|
200
|
+
props.dataset && props.dataset.map(function (video, index$1) {
|
|
200
201
|
// If there is a current prop, means this will overlay a currently playing video
|
|
201
202
|
if (current !== '') {
|
|
202
203
|
var url = video.url;
|
|
@@ -209,47 +210,47 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
209
210
|
thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
210
211
|
}
|
|
211
212
|
|
|
212
|
-
return React__default.createElement(
|
|
213
|
+
return React__default['default'].createElement(
|
|
213
214
|
'div',
|
|
214
215
|
{ ref: function ref(ele) {
|
|
215
|
-
return tileArray.current[index] = ele;
|
|
216
|
-
}, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
217
|
-
current && current === url ? React__default.createElement(
|
|
216
|
+
return tileArray.current[index$1] = ele;
|
|
217
|
+
}, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
|
|
218
|
+
current && current === url ? React__default['default'].createElement(
|
|
218
219
|
'div',
|
|
219
220
|
{ className: 'now-playing' },
|
|
220
221
|
'Now Playing'
|
|
221
222
|
) : '',
|
|
222
|
-
React__default.createElement(
|
|
223
|
+
React__default['default'].createElement(
|
|
223
224
|
'a',
|
|
224
225
|
{ onClick: function onClick() {
|
|
225
|
-
return handleClick(url, index + 1);
|
|
226
|
+
return handleClick(url, index$1 + 1);
|
|
226
227
|
} },
|
|
227
|
-
React__default.createElement(
|
|
228
|
+
React__default['default'].createElement(
|
|
228
229
|
'div',
|
|
229
230
|
{ className: 'tile__media' },
|
|
230
|
-
React__default.createElement(
|
|
231
|
-
index
|
|
231
|
+
React__default['default'].createElement(
|
|
232
|
+
index.LazyLoad,
|
|
232
233
|
null,
|
|
233
|
-
React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
|
|
234
|
+
React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
|
|
234
235
|
)
|
|
235
236
|
),
|
|
236
|
-
React__default.createElement(
|
|
237
|
+
React__default['default'].createElement(
|
|
237
238
|
'div',
|
|
238
239
|
{ className: 'tile__details' },
|
|
239
|
-
React__default.createElement(
|
|
240
|
+
React__default['default'].createElement(
|
|
240
241
|
'div',
|
|
241
242
|
{ className: 'tile__title' },
|
|
242
|
-
React__default.createElement(
|
|
243
|
+
React__default['default'].createElement(
|
|
243
244
|
'div',
|
|
244
245
|
{ style: { color: variant }, className: 'tile__title_text' },
|
|
245
|
-
displayEpisodeNumber ? React__default.createElement(
|
|
246
|
+
displayEpisodeNumber ? React__default['default'].createElement(
|
|
246
247
|
'span',
|
|
247
248
|
null,
|
|
248
|
-
React__default.createElement(
|
|
249
|
+
React__default['default'].createElement(
|
|
249
250
|
'b',
|
|
250
251
|
null,
|
|
251
252
|
'EP. ',
|
|
252
|
-
index + 1,
|
|
253
|
+
index$1 + 1,
|
|
253
254
|
':'
|
|
254
255
|
),
|
|
255
256
|
' ',
|
|
@@ -258,17 +259,17 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
258
259
|
)
|
|
259
260
|
)
|
|
260
261
|
),
|
|
261
|
-
React__default.createElement(
|
|
262
|
+
React__default['default'].createElement(
|
|
262
263
|
'div',
|
|
263
264
|
{ style: { color: '#fff' }, className: 'tile__info' },
|
|
264
|
-
displayEpisodeNumber ? React__default.createElement(
|
|
265
|
+
displayEpisodeNumber ? React__default['default'].createElement(
|
|
265
266
|
'span',
|
|
266
267
|
null,
|
|
267
|
-
React__default.createElement(
|
|
268
|
+
React__default['default'].createElement(
|
|
268
269
|
'b',
|
|
269
270
|
null,
|
|
270
271
|
'EP. ',
|
|
271
|
-
index + 1,
|
|
272
|
+
index$1 + 1,
|
|
272
273
|
':'
|
|
273
274
|
),
|
|
274
275
|
' ',
|
|
@@ -286,40 +287,40 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
286
287
|
} else {
|
|
287
288
|
_thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
288
289
|
}
|
|
289
|
-
return React__default.createElement(
|
|
290
|
+
return React__default['default'].createElement(
|
|
290
291
|
'div',
|
|
291
292
|
{ ref: function ref(ele) {
|
|
292
|
-
return tileArray.current[index] = ele;
|
|
293
|
-
}, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
294
|
-
React__default.createElement(
|
|
293
|
+
return tileArray.current[index$1] = ele;
|
|
294
|
+
}, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
|
|
295
|
+
React__default['default'].createElement(
|
|
295
296
|
'a',
|
|
296
297
|
{ href: _url },
|
|
297
|
-
React__default.createElement(
|
|
298
|
+
React__default['default'].createElement(
|
|
298
299
|
'div',
|
|
299
300
|
{ className: 'tile__media' },
|
|
300
|
-
React__default.createElement(
|
|
301
|
-
index
|
|
301
|
+
React__default['default'].createElement(
|
|
302
|
+
index.LazyLoad,
|
|
302
303
|
null,
|
|
303
|
-
React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
|
|
304
|
+
React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
|
|
304
305
|
)
|
|
305
306
|
),
|
|
306
|
-
React__default.createElement(
|
|
307
|
+
React__default['default'].createElement(
|
|
307
308
|
'div',
|
|
308
309
|
{ className: 'tile__details' },
|
|
309
|
-
React__default.createElement(
|
|
310
|
+
React__default['default'].createElement(
|
|
310
311
|
'div',
|
|
311
312
|
{ className: 'tile__title' },
|
|
312
|
-
React__default.createElement(
|
|
313
|
+
React__default['default'].createElement(
|
|
313
314
|
'div',
|
|
314
315
|
{ style: { color: '#fff' }, className: 'tile__title_text' },
|
|
315
|
-
displayEpisodeNumber ? React__default.createElement(
|
|
316
|
+
displayEpisodeNumber ? React__default['default'].createElement(
|
|
316
317
|
'span',
|
|
317
318
|
null,
|
|
318
|
-
React__default.createElement(
|
|
319
|
+
React__default['default'].createElement(
|
|
319
320
|
'b',
|
|
320
321
|
null,
|
|
321
322
|
'EP. ',
|
|
322
|
-
index + 1,
|
|
323
|
+
index$1 + 1,
|
|
323
324
|
':'
|
|
324
325
|
),
|
|
325
326
|
' ',
|
|
@@ -328,17 +329,17 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
328
329
|
)
|
|
329
330
|
)
|
|
330
331
|
),
|
|
331
|
-
React__default.createElement(
|
|
332
|
+
React__default['default'].createElement(
|
|
332
333
|
'div',
|
|
333
334
|
{ style: { color: variant }, className: 'tile__info' },
|
|
334
|
-
displayEpisodeNumber ? React__default.createElement(
|
|
335
|
+
displayEpisodeNumber ? React__default['default'].createElement(
|
|
335
336
|
'span',
|
|
336
337
|
null,
|
|
337
|
-
React__default.createElement(
|
|
338
|
+
React__default['default'].createElement(
|
|
338
339
|
'b',
|
|
339
340
|
null,
|
|
340
341
|
'EP. ',
|
|
341
|
-
index + 1,
|
|
342
|
+
index$1 + 1,
|
|
342
343
|
':'
|
|
343
344
|
),
|
|
344
345
|
' ',
|
|
@@ -351,7 +352,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
351
352
|
})
|
|
352
353
|
)
|
|
353
354
|
),
|
|
354
|
-
React__default.createElement(
|
|
355
|
+
React__default['default'].createElement(
|
|
355
356
|
'style',
|
|
356
357
|
{ jsx: 'true' },
|
|
357
358
|
'\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 width: 100%;\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 0 -0.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: -0.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;
|