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