@mjhls/mjh-framework 1.0.817-image-crop-test-v3 → 1.0.817

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/README.md +170 -170
  2. package/dist/cjs/AD.js +1 -1
  3. package/dist/cjs/AD300x250.js +2 -3
  4. package/dist/cjs/AD300x250x600.js +2 -3
  5. package/dist/cjs/AD728x90.js +2 -3
  6. package/dist/cjs/ADFloatingFooter.js +2 -3
  7. package/dist/cjs/ADGutter.js +2 -3
  8. package/dist/cjs/ADSkyscraper.js +2 -3
  9. package/dist/cjs/ADSponsoredResources.js +2 -3
  10. package/dist/cjs/ADWebcast.js +2 -3
  11. package/dist/cjs/ADWelcome.js +2 -3
  12. package/dist/cjs/AccordionPanel.js +2 -2
  13. package/dist/cjs/AdSlot.js +2 -3
  14. package/dist/cjs/AdSlotsProvider.js +2 -3
  15. package/dist/cjs/AlgoliaSearch.js +17 -14099
  16. package/dist/cjs/ArticleCarousel.js +1 -2
  17. package/dist/cjs/ArticleProgramLandingPage.js +5 -7
  18. package/dist/cjs/ArticleSeriesLandingPage.js +4 -5
  19. package/dist/cjs/ArticleSeriesListing.js +4 -6
  20. package/dist/cjs/AuthWrapper.js +1 -1
  21. package/dist/cjs/CMEDeck.js +2 -3
  22. package/dist/cjs/Column3.js +2 -3
  23. package/dist/cjs/ConferenceArticleCard.js +24 -19
  24. package/dist/cjs/DeckContent.js +25 -20
  25. package/dist/cjs/DeckQueue.js +17 -11
  26. package/dist/cjs/{Dfp-93399f8c.js → Dfp-3f0ed4c8.js} +1 -2
  27. package/dist/cjs/EventsDeck.js +18 -18
  28. package/dist/cjs/ExternalResources.js +5 -7
  29. package/dist/cjs/Feature.js +10 -6
  30. package/dist/cjs/ForbesHero.js +13 -11
  31. package/dist/cjs/GridContent.js +29 -24
  32. package/dist/cjs/GridHero.js +19 -10
  33. package/dist/cjs/GroupDeck.js +8 -4
  34. package/dist/cjs/HamMagazine.js +15 -15
  35. package/dist/cjs/Hero.js +14 -3
  36. package/dist/cjs/HorizontalArticleListing.js +5 -7
  37. package/dist/cjs/HorizontalHero.js +8 -7
  38. package/dist/cjs/IssueContentDeck.js +27 -10
  39. package/dist/cjs/IssueDeck.js +12 -10
  40. package/dist/cjs/IssueLanding.js +36 -38
  41. package/dist/cjs/KMTracker.js +15 -15
  42. package/dist/cjs/LeftNav.js +2 -3
  43. package/dist/cjs/MasterDeck.js +13 -14
  44. package/dist/cjs/MediaSeriesLanding.js +407 -307
  45. package/dist/cjs/NavMagazine.js +16 -16
  46. package/dist/cjs/NavNative.js +12 -12
  47. package/dist/cjs/NavNormal.js +2 -2
  48. package/dist/cjs/OncliveHero.js +7 -6
  49. package/dist/cjs/OncliveLargeHero.js +22 -21
  50. package/dist/cjs/PartnerDetailListing.js +16 -13
  51. package/dist/cjs/PdfDownload.js +2 -2
  52. package/dist/cjs/PubSection.js +4 -6
  53. package/dist/cjs/PublicationDeck.js +12 -10
  54. package/dist/cjs/PublicationLanding.js +29 -26
  55. package/dist/cjs/QueueDeckExpanded.js +72 -74
  56. package/dist/cjs/RecentNews.js +8 -5
  57. package/dist/cjs/RelatedContent.js +38 -35
  58. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  59. package/dist/cjs/SeriesListingDeck.js +3 -5
  60. package/dist/cjs/{SeriesSlider-d54fa925.js → SeriesSlider-2db54929.js} +12 -7
  61. package/dist/cjs/SideFooter.js +2 -2
  62. package/dist/cjs/{SocialSearchComponent-ecb4f972.js → SocialSearchComponent-948138c7.js} +3 -3
  63. package/dist/cjs/TaxonomyCard.js +14 -11
  64. package/dist/cjs/TaxonomyDescription.js +5 -7
  65. package/dist/cjs/TemplateNormal.js +7 -8
  66. package/dist/cjs/ThumbnailCard.js +10 -6
  67. package/dist/cjs/Ustream.js +4 -4
  68. package/dist/cjs/VerticalHero.js +7 -3
  69. package/dist/cjs/VideoProgramLandingPage.js +5 -7
  70. package/dist/cjs/VideoSeriesCard.js +8 -9
  71. package/dist/cjs/VideoSeriesLandingPage.js +4 -6
  72. package/dist/cjs/VideoSeriesListing.js +5 -7
  73. package/dist/cjs/View.js +16 -17
  74. package/dist/cjs/YahooHero.js +12 -10
  75. package/dist/cjs/YoutubeGroup.js +13 -9
  76. package/dist/cjs/getSerializers.js +5 -7
  77. package/dist/cjs/{getTargeting-be6168ad.js → getTargeting-a100d6e5.js} +9 -9
  78. package/dist/cjs/getTargeting.js +1 -1
  79. package/dist/{esm/iconBase-602d52fe.js → cjs/iconBase-be4097c0.js} +33 -8
  80. package/dist/cjs/{index-fc2f1ca2.js → index-0e4427c8.js} +467 -2
  81. package/dist/cjs/{index-55c6de08.js → index-70971c54.js} +93 -49
  82. package/dist/cjs/{index.esm-974f47d9.js → index.esm-00a6aade.js} +1 -1
  83. package/dist/cjs/{index.esm-8123cf40.js → index.esm-2bb721c8.js} +1 -1
  84. package/dist/cjs/{index.esm-3b9b8952.js → index.esm-9225638f.js} +1 -1
  85. package/dist/cjs/{index.esm-05850a2f.js → index.esm-f27f80d9.js} +1 -1
  86. package/dist/cjs/index.js +32 -19
  87. package/dist/cjs/{main-025fdc78.js → main-f1c77adb.js} +3 -3
  88. package/dist/cjs/urlFor.js +2 -34
  89. package/dist/esm/AD.js +7 -7
  90. package/dist/esm/AD300x250.js +6 -7
  91. package/dist/esm/AD300x250x600.js +6 -7
  92. package/dist/esm/AD728x90.js +7 -8
  93. package/dist/esm/ADFloatingFooter.js +9 -10
  94. package/dist/esm/ADFooter.js +6 -6
  95. package/dist/esm/ADGutter.js +9 -10
  96. package/dist/esm/{ADInfeed-7aaa47e1.js → ADInfeed-f7d00a9a.js} +5 -5
  97. package/dist/esm/ADSkyscraper.js +9 -10
  98. package/dist/esm/ADSponsoredResources.js +9 -10
  99. package/dist/esm/ADWebcast.js +9 -10
  100. package/dist/esm/ADWelcome.js +13 -14
  101. package/dist/esm/{ADlgInfeed-78f95e78.js → ADlgInfeed-db64f46d.js} +4 -4
  102. package/dist/esm/AccordionPanel.js +18 -18
  103. package/dist/esm/AdSlot.js +5 -6
  104. package/dist/esm/AdSlotsProvider.js +4 -5
  105. package/dist/esm/AlgoliaSearch.js +41 -14123
  106. package/dist/esm/AlphabeticList.js +13 -13
  107. package/dist/esm/ArticleCarousel.js +6 -7
  108. package/dist/esm/ArticleProgramLandingPage.js +17 -19
  109. package/dist/esm/ArticleSeriesLandingPage.js +12 -13
  110. package/dist/esm/ArticleSeriesListing.js +31 -33
  111. package/dist/esm/Auth.js +70 -70
  112. package/dist/esm/AuthWrapper.js +26 -26
  113. package/dist/esm/{AuthorComponent-5ae7409f.js → AuthorComponent-30aeba69.js} +10 -10
  114. package/dist/esm/{BlockContent-52cf21c5.js → BlockContent-c99c9a8d.js} +3 -3
  115. package/dist/esm/Breadcrumbs.js +11 -11
  116. package/dist/esm/CMEDeck.js +61 -62
  117. package/dist/esm/Column1.js +5 -5
  118. package/dist/esm/Column2.js +12 -12
  119. package/dist/esm/Column3.js +23 -24
  120. package/dist/esm/ConferenceArticleCard.js +37 -32
  121. package/dist/esm/{ConferenceBanner-9162d0ca.js → ConferenceBanner-8792ebd2.js} +4 -4
  122. package/dist/esm/DeckContent.js +68 -63
  123. package/dist/esm/DeckQueue.js +54 -48
  124. package/dist/esm/{Dfp-43f121ff.js → Dfp-be030f2a.js} +10 -11
  125. package/dist/esm/EventsDeck.js +81 -81
  126. package/dist/esm/ExternalResources.js +35 -37
  127. package/dist/esm/Feature.js +24 -20
  128. package/dist/esm/ForbesHero.js +33 -31
  129. package/dist/esm/GridContent.js +114 -109
  130. package/dist/esm/GridHero.js +40 -31
  131. package/dist/esm/GroupDeck.js +42 -38
  132. package/dist/esm/HamMagazine.js +95 -95
  133. package/dist/esm/Header.js +8 -8
  134. package/dist/esm/Hero.js +19 -8
  135. package/dist/esm/HighlightenVideo.js +14 -14
  136. package/dist/esm/HorizontalArticleListing.js +31 -33
  137. package/dist/esm/HorizontalHero.js +26 -25
  138. package/dist/esm/IssueContentDeck.js +65 -48
  139. package/dist/esm/IssueDeck.js +45 -43
  140. package/dist/esm/IssueLanding.js +51 -53
  141. package/dist/esm/KMTracker.js +15 -15
  142. package/dist/esm/LeftNav.js +16 -17
  143. package/dist/esm/MasterDeck.js +47 -48
  144. package/dist/esm/MediaSeriesLanding.js +434 -334
  145. package/dist/esm/NavDvm.js +43 -43
  146. package/dist/esm/{NavFooter-c29526b7.js → NavFooter-e27bd93b.js} +12 -12
  147. package/dist/esm/NavMagazine.js +99 -99
  148. package/dist/esm/NavNative.js +86 -86
  149. package/dist/esm/NavNormal.js +22 -22
  150. package/dist/esm/OncliveHero.js +19 -18
  151. package/dist/esm/OncliveLargeHero.js +59 -58
  152. package/dist/esm/PageFilter.js +6 -6
  153. package/dist/esm/PartnerDetailListing.js +71 -68
  154. package/dist/esm/PdfDownload.js +7 -7
  155. package/dist/esm/PopUpModal.js +8 -8
  156. package/dist/esm/PubSection.js +14 -16
  157. package/dist/esm/PubToc.js +5 -5
  158. package/dist/esm/PublicationDeck.js +45 -43
  159. package/dist/esm/PublicationLanding.js +78 -75
  160. package/dist/esm/QueueDeckExpanded.js +260 -262
  161. package/dist/esm/RecentNews.js +24 -21
  162. package/dist/esm/RelatedContent.js +49 -46
  163. package/dist/esm/RelatedTopicsDropdown.js +21 -21
  164. package/dist/esm/RolesDeck.js +13 -13
  165. package/dist/esm/Search.js +5 -5
  166. package/dist/esm/SeriesListingDeck.js +19 -21
  167. package/dist/esm/{SeriesSlider-8f2aca58.js → SeriesSlider-c8477bf3.js} +30 -25
  168. package/dist/esm/SideFooter.js +21 -21
  169. package/dist/esm/SocialIcons.js +7 -7
  170. package/dist/esm/{SocialSearchComponent-cd38ae60.js → SocialSearchComponent-db963c3e.js} +22 -22
  171. package/dist/esm/SocialShare.js +25 -25
  172. package/dist/esm/TaxonomyCard.js +46 -43
  173. package/dist/esm/TaxonomyDescription.js +13 -15
  174. package/dist/esm/TemplateNormal.js +30 -31
  175. package/dist/esm/ThumbnailCard.js +15 -11
  176. package/dist/esm/Ustream.js +18 -18
  177. package/dist/esm/VerticalHero.js +18 -14
  178. package/dist/esm/VideoProgramLandingPage.js +24 -26
  179. package/dist/esm/VideoSeriesCard.js +18 -19
  180. package/dist/esm/VideoSeriesFilter.js +6 -6
  181. package/dist/esm/VideoSeriesLandingPage.js +12 -14
  182. package/dist/esm/VideoSeriesListing.js +48 -50
  183. package/dist/esm/View.js +177 -178
  184. package/dist/esm/YahooHero.js +30 -28
  185. package/dist/esm/YoutubeGroup.js +40 -36
  186. package/dist/esm/{brightcove-react-player-loader.es-b43c695a.js → brightcove-react-player-loader.es-57a70a56.js} +3 -3
  187. package/dist/esm/getSerializers.js +8 -10
  188. package/dist/esm/{getTargeting-68291ce9.js → getTargeting-05c216d6.js} +9 -9
  189. package/dist/esm/getTargeting.js +1 -1
  190. package/dist/{cjs/iconBase-68959171.js → esm/iconBase-ccc56b97.js} +2 -5
  191. package/dist/esm/{index-2446af28.js → index-5cc7b406.js} +469 -4
  192. package/dist/esm/{index-35bdcc81.js → index-755f2cc2.js} +4 -4
  193. package/dist/esm/{index-e8c6a892.js → index-a30e3b71.js} +401 -357
  194. package/dist/esm/{index.es-c6222053.js → index.es-a6137319.js} +5 -5
  195. package/dist/esm/{index.esm-8016b507.js → index.esm-37268dca.js} +16 -16
  196. package/dist/esm/{index.esm-a8ff922c.js → index.esm-d4932dea.js} +1 -1
  197. package/dist/esm/{index.esm-d6f88d94.js → index.esm-e874e770.js} +1 -1
  198. package/dist/esm/{index.esm-3fdda599.js → index.esm-f6156a57.js} +1 -1
  199. package/dist/esm/index.js +55 -43
  200. package/dist/esm/{main-b5c5aac1.js → main-d4165069.js} +19 -19
  201. package/dist/esm/{react-social-icons-91f9716f.js → react-social-icons-9be47857.js} +5 -5
  202. package/dist/esm/urlFor.js +2 -34
  203. package/dist/esm/{visibility-sensor-f40c2564.js → visibility-sensor-72fd8f8b.js} +2 -2
  204. package/package.json +110 -110
  205. package/dist/cjs/events-1b438fe7.js +0 -469
  206. package/dist/cjs/index-8041a4eb.js +0 -99
  207. package/dist/esm/events-6c3a7a63.js +0 -467
  208. package/dist/esm/index-67e1773f.js +0 -94
  209. /package/dist/cjs/{ADInfeed-1ac86856.js → ADInfeed-7cf51090.js} +0 -0
  210. /package/dist/cjs/{ADlgInfeed-2ee46b09.js → ADlgInfeed-bf24708d.js} +0 -0
@@ -1,11 +1,10 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
  import { m as moment } from './moment-bc12cb97.js';
3
- import urlFor from './urlFor.js';
3
+ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
4
4
  import { c as clean_html_1 } from './entities-932b50cf.js';
5
- import { A as AuthorComponent } from './AuthorComponent-5ae7409f.js';
6
- import { L as LazyLoad } from './index-35bdcc81.js';
5
+ import { A as AuthorComponent } from './AuthorComponent-30aeba69.js';
6
+ import { L as LazyLoad } from './index-755f2cc2.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
- import './index-0dbff1d1.js';
9
8
  import './slicedToArray-be2f7a22.js';
10
9
  import './web.dom.iterable-4109ff68.js';
11
10
  import './es6.string.iterator-bc33758b.js';
@@ -21,45 +20,49 @@ var YahooHero = function YahooHero(props) {
21
20
  var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
22
21
  var client = props.client;
23
22
 
23
+ var builder = imageUrlBuilder(client);
24
+ function urlFor(source) {
25
+ return builder.image(source).auto('format');
26
+ }
24
27
 
25
28
  var topArticleThumbnail = '';
26
29
  var topArticleAltText = topArticle.title;
27
30
  if (topArticle.thumbnail && topArticle.thumbnail.asset) {
28
- topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 600 });
31
+ topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(600).url();
29
32
  topArticleAltText = topArticle.thumbnail.asset.originalFileName;
30
33
  } else if (props.thumbnail) {
31
34
  topArticleThumbnail = props.thumbnail;
32
35
  }
33
36
 
34
- return React.createElement(
37
+ return React__default.createElement(
35
38
  'div',
36
39
  { className: 'article-hero' },
37
- React.createElement(
40
+ React__default.createElement(
38
41
  'a',
39
42
  { href: '/view/' + topArticle.url.current },
40
- React.createElement(
43
+ React__default.createElement(
41
44
  'div',
42
45
  { className: 'yh-top-article' },
43
- React.createElement(
46
+ React__default.createElement(
44
47
  'div',
45
48
  { className: 'yh-top-article--img' },
46
- React.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
49
+ React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
47
50
  ),
48
- React.createElement('div', { className: 'yh-top-article--blur' }),
49
- React.createElement(
51
+ React__default.createElement('div', { className: 'yh-top-article--blur' }),
52
+ React__default.createElement(
50
53
  'div',
51
54
  { className: 'yh-top-article--body' },
52
- React.createElement(
55
+ React__default.createElement(
53
56
  'h1',
54
57
  null,
55
58
  topArticle.title
56
59
  ),
57
- React.createElement(
60
+ React__default.createElement(
58
61
  'p',
59
62
  null,
60
63
  moment(topArticle.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
61
64
  ),
62
- React.createElement(
65
+ React__default.createElement(
63
66
  'p',
64
67
  null,
65
68
  clean_html_1(topArticle.summary)
@@ -67,51 +70,50 @@ var YahooHero = function YahooHero(props) {
67
70
  )
68
71
  )
69
72
  ),
70
- React.createElement(
73
+ React__default.createElement(
71
74
  'div',
72
75
  { className: 'yh-sub-article-container' },
73
76
  subArticles.map(function (article, index) {
74
77
  var articleThumbnail = '';
75
78
  article.title;
76
79
  if (article.thumbnail && article.thumbnail.asset) {
77
- articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 });
78
-
80
+ articleThumbnail = urlFor(article.thumbnail.asset).width(250).url();
79
81
  article.thumbnail.asset.originalFileName;
80
82
  } else if (props.thumbnail) {
81
83
  articleThumbnail = props.thumbnail;
82
84
  }
83
85
 
84
- return React.createElement(
86
+ return React__default.createElement(
85
87
  'div',
86
88
  { key: index, className: 'yh-sub-article' },
87
- React.createElement(
89
+ React__default.createElement(
88
90
  'a',
89
91
  { href: '/view/' + article.url.current },
90
- React.createElement('img', { src: articleThumbnail })
92
+ React__default.createElement('img', { src: articleThumbnail })
91
93
  ),
92
- React.createElement(
94
+ React__default.createElement(
93
95
  'a',
94
96
  { href: '/view/' + article.url.current },
95
- React.createElement(
97
+ React__default.createElement(
96
98
  'h6',
97
99
  { className: 'yh-sub-article--title' },
98
100
  article.title
99
101
  )
100
102
  ),
101
- React.createElement(
103
+ React__default.createElement(
102
104
  'p',
103
105
  { className: 'yh-sub-article--info' },
104
106
  moment(article.published).format(removeTimeStamp ? 'MMMM DD, YYYY' : 'MMMM DD, YYYY hh:mma')
105
107
  ),
106
- article.authorMapping && article.authorMapping.length > 0 && React.createElement(
108
+ article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
107
109
  LazyLoad,
108
110
  { height: 50 },
109
- React.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
111
+ React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
110
112
  )
111
113
  );
112
114
  })
113
115
  ),
114
- React.createElement(
116
+ React__default.createElement(
115
117
  'style',
116
118
  { jsx: 'true' },
117
119
  '\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 '
@@ -1,11 +1,11 @@
1
1
  import { _ as _typeof } from './typeof-a286cf0c.js';
2
2
  import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
3
- import React, { useRef, useState, useEffect } from 'react';
3
+ import React__default, { useRef, useState, useEffect } from 'react';
4
4
  import { g as getYoutubeId } from './index-c7e2ac95.js';
5
- import { L as LazyLoad } from './index-35bdcc81.js';
5
+ import { L as LazyLoad } from './index-755f2cc2.js';
6
6
  import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
7
- import urlFor from './urlFor.js';
8
- import { m as main_43, a as main_49, b as main_42 } from './main-b5c5aac1.js';
7
+ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
8
+ import { m as main_43, a as main_49, b as main_42 } from './main-d4165069.js';
9
9
  import './_commonjsHelpers-0c4b6f40.js';
10
10
  import './es6.string.iterator-bc33758b.js';
11
11
  import './_to-object-b50e61c3.js';
@@ -16,12 +16,11 @@ import './_library-528f1934.js';
16
16
  import './core.get-iterator-method-133dfacd.js';
17
17
  import 'react-dom';
18
18
  import 'prop-types';
19
- import './index-0dbff1d1.js';
20
19
 
21
- /*
22
- GROQ query -
23
- accepts an array of title, URL
24
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
20
+ /*
21
+ GROQ query -
22
+ accepts an array of title, URL
23
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
25
24
  */
26
25
 
27
26
  var YoutubeGroup = function YoutubeGroup(props) {
@@ -51,6 +50,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
51
50
  tileHeight = _useState8[0],
52
51
  setTileHeight = _useState8[1];
53
52
 
53
+ var urlFor = function urlFor(source, client) {
54
+ var builder = imageUrlBuilder(client);
55
+ return builder.image(source).auto('format');
56
+ };
57
+
54
58
  useEffect(function () {
55
59
  //IE11 Polyfill
56
60
  smoothscroll.polyfill();
@@ -195,13 +199,13 @@ var YoutubeGroup = function YoutubeGroup(props) {
195
199
  displayEpisodeNumber = _props$displayEpisode === undefined ? false : _props$displayEpisode;
196
200
 
197
201
 
198
- return React.createElement(
202
+ return React__default.createElement(
199
203
  'div',
200
204
  { ref: viewableWindow, id: 'vid-slider', style: { maxWidth: '100%' }, className: 'col' },
201
- React.createElement(
205
+ React__default.createElement(
202
206
  'div',
203
207
  { ref: viewableArea, className: 'row', style: { display: 'flex', alignItems: 'center' } },
204
- showScroller && showScroller && React.createElement(
208
+ showScroller && showScroller && React__default.createElement(
205
209
  'div',
206
210
  {
207
211
  onClick: function onClick(e) {
@@ -216,9 +220,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
216
220
  borderRadius: '50%',
217
221
  paddingLeft: '19px'
218
222
  } },
219
- React.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0', marginLeft: '3px' }, className: 'arrow left' })
223
+ React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0', marginLeft: '3px' }, className: 'arrow left' })
220
224
  ),
221
- showScroller && showScroller && React.createElement(
225
+ showScroller && showScroller && React__default.createElement(
222
226
  'div',
223
227
  {
224
228
  onClick: function onClick(e) {
@@ -233,9 +237,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
233
237
  borderRadius: '50%',
234
238
  paddingRight: '19px'
235
239
  } },
236
- React.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0', marginRight: '3px' }, className: 'arrow right' })
240
+ React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0', marginRight: '3px' }, className: 'arrow right' })
237
241
  ),
238
- React.createElement(
242
+ React__default.createElement(
239
243
  'div',
240
244
  { ref: innerSlider, className: 'row__inner' },
241
245
  props.dataset && props.dataset.map(function (video, index) {
@@ -244,44 +248,44 @@ var YoutubeGroup = function YoutubeGroup(props) {
244
248
  var url = video.url;
245
249
  var thumbnail = void 0;
246
250
  if (video.thumbnail && video.thumbnail.asset) {
247
- thumbnail = urlFor({ source: video.thumbnail, client: props.client });
251
+ thumbnail = urlFor(video.thumbnail, props.client);
248
252
  } else if (_typeof(video.thumbnail == 'string')) {
249
253
  thumbnail = video.thumbnail;
250
254
  } else {
251
255
  thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
252
256
  }
253
257
 
254
- return React.createElement(
258
+ return React__default.createElement(
255
259
  'div',
256
260
  { ref: function ref(ele) {
257
261
  return tileArray.current[index] = ele;
258
262
  }, key: index, className: 'tile', style: { width: tileSize + 'px' } },
259
- current && current === url ? React.createElement(
263
+ current && current === url ? React__default.createElement(
260
264
  'div',
261
265
  { className: 'now-playing' },
262
266
  'Now Playing'
263
267
  ) : '',
264
- React.createElement(
268
+ React__default.createElement(
265
269
  'a',
266
270
  { onClick: function onClick() {
267
271
  return handleClick(url, index + 1);
268
272
  } },
269
- React.createElement(
273
+ React__default.createElement(
270
274
  'div',
271
275
  { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
272
- React.createElement(
276
+ React__default.createElement(
273
277
  LazyLoad,
274
278
  null,
275
- React.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
279
+ React__default.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
276
280
  )
277
281
  ),
278
- React.createElement(
282
+ React__default.createElement(
279
283
  'div',
280
284
  { style: { color: variant }, className: 'tile__title' },
281
- displayEpisodeNumber ? React.createElement(
285
+ displayEpisodeNumber ? React__default.createElement(
282
286
  'span',
283
287
  null,
284
- React.createElement(
288
+ React__default.createElement(
285
289
  'b',
286
290
  { style: { marginLeft: '.25rem', display: 'inline-block' } },
287
291
  'EP. ',
@@ -299,34 +303,34 @@ var YoutubeGroup = function YoutubeGroup(props) {
299
303
  var _url = '' + video.link;
300
304
  var _thumbnail = void 0;
301
305
  if (video.thumbnail && video.thumbnail.asset) {
302
- _thumbnail = urlFor({ source: video.thumbnail, client: props.client });
306
+ _thumbnail = urlFor(video.thumbnail, props.client);
303
307
  } else {
304
308
  _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
305
309
  }
306
- return React.createElement(
310
+ return React__default.createElement(
307
311
  'div',
308
312
  { ref: function ref(ele) {
309
313
  return tileArray.current[index] = ele;
310
314
  }, key: index, style: { width: tileSize + 'px' }, className: 'tile' },
311
- React.createElement(
315
+ React__default.createElement(
312
316
  'a',
313
317
  { href: _url },
314
- React.createElement(
318
+ React__default.createElement(
315
319
  'div',
316
320
  { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
317
- React.createElement(
321
+ React__default.createElement(
318
322
  LazyLoad,
319
323
  null,
320
- React.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
324
+ React__default.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
321
325
  )
322
326
  ),
323
- React.createElement(
327
+ React__default.createElement(
324
328
  'div',
325
329
  { style: { color: variant }, className: 'tile__title' },
326
- displayEpisodeNumber ? React.createElement(
330
+ displayEpisodeNumber ? React__default.createElement(
327
331
  'span',
328
332
  null,
329
- React.createElement(
333
+ React__default.createElement(
330
334
  'b',
331
335
  { style: { marginLeft: '.25rem', display: 'inline-block' } },
332
336
  'EP. ',
@@ -343,7 +347,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
343
347
  })
344
348
  )
345
349
  ),
346
- React.createElement(
350
+ React__default.createElement(
347
351
  'style',
348
352
  { jsx: 'true' },
349
353
  '\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 2.5rem;\n margin-bottom: 2rem;\n }\n #vid-slider.col {\n padding: 0 2.5rem;\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 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 .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: normal;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n display: flex;\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-top: 1.5rem !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 margin-right: 0.5rem;\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: 0;\n }\n #vid-slider .tile__img {\n height: auto;\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 .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n\n #vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n -webkit-font-smoothing: antialiased;\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 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 }\n #vid-slider .tile__img {\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\n }\n }\n @media screen and (max-width: 967px) {\n #vid-slider {\n max-width: 100%;\n }\n #vid-slider .tile__img {\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 }\n #vid-slider .row__inner {\n margin-top: 1.5rem !important;\n }\n }\n\n @media screen and (max-width: 590px) {\n #vid-slider .tile__img {\n }\n }\n '
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
  import { a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
3
3
 
4
4
  var slice = Array.prototype.slice;
@@ -2217,10 +2217,10 @@ function (_React$Component) {
2217
2217
  ref: this.setRefNode
2218
2218
  });
2219
2219
 
2220
- return React.createElement('div', props);
2220
+ return React__default.createElement('div', props);
2221
2221
  };
2222
2222
 
2223
2223
  return ReactPlayerLoader;
2224
- }(React.Component);
2224
+ }(React__default.Component);
2225
2225
 
2226
2226
  export { ReactPlayerLoader as R };
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
- export { g as default } from './index-e8c6a892.js';
3
- import './BlockContent-52cf21c5.js';
2
+ export { g as default } from './index-a30e3b71.js';
3
+ import './BlockContent-c99c9a8d.js';
4
4
  import './entities-932b50cf.js';
5
5
  import './slicedToArray-be2f7a22.js';
6
6
  import './_commonjsHelpers-0c4b6f40.js';
@@ -9,10 +9,8 @@ import './es6.string.iterator-bc33758b.js';
9
9
  import './_to-object-b50e61c3.js';
10
10
  import './core.get-iterator-method-133dfacd.js';
11
11
  import 'react-bootstrap';
12
- import './urlFor.js';
13
12
  import './index-0dbff1d1.js';
14
- import './index-2446af28.js';
15
- import './events-6c3a7a63.js';
13
+ import './index-5cc7b406.js';
16
14
  import 'prop-types';
17
15
  import 'next/router';
18
16
  import './index-c7e2ac95.js';
@@ -23,14 +21,14 @@ import './asyncToGenerator-7f8f9219.js';
23
21
  import './_library-528f1934.js';
24
22
  import './_iter-detect-7e5e5ce2.js';
25
23
  import './Segment.js';
26
- import './main-b5c5aac1.js';
24
+ import './main-d4165069.js';
27
25
  import './extends-60e0e1c6.js';
28
26
  import './_object-pie-133f504a.js';
29
- import './index-35bdcc81.js';
27
+ import './index-755f2cc2.js';
30
28
  import 'react-dom';
31
29
  import './typeof-a286cf0c.js';
32
30
  import './_is-array-3e99e06e.js';
33
- import './brightcove-react-player-loader.es-b43c695a.js';
31
+ import './brightcove-react-player-loader.es-57a70a56.js';
34
32
  import './GroupDeck.js';
35
33
  import './smoothscroll-fa4e3f8c.js';
36
34
  import './moment-bc12cb97.js';
@@ -50,6 +48,6 @@ import 'react-bootstrap/Col';
50
48
  import './inherits-a41fe93f.js';
51
49
  import './_object-sap-f353c2a9.js';
52
50
  import './define-property-fe54dc9f.js';
53
- import './index.esm-3fdda599.js';
54
- import './iconBase-602d52fe.js';
51
+ import './index.esm-f6156a57.js';
52
+ import './iconBase-ccc56b97.js';
55
53
  import 'react-bootstrap/Figure';
@@ -2,18 +2,18 @@ import { _ as _extends } from './extends-60e0e1c6.js';
2
2
  import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
3
3
 
4
4
  var getContentPlacementUrl = function getContentPlacementUrl(cp) {
5
- var cp_url = '';
6
- if (cp.ancestor && typeof cp.ancestor == 'string') {
7
- cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
8
- }
5
+ var cp_url = '';
6
+ if (cp.ancestor && typeof cp.ancestor == 'string') {
7
+ cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
8
+ }
9
9
 
10
- if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
11
- cp_url += (cp_url === '' ? '' : '/') + cp.parent;
12
- }
10
+ if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
11
+ cp_url += (cp_url === '' ? '' : '/') + cp.parent;
12
+ }
13
13
 
14
- cp_url += (cp_url === '' ? '' : '/') + cp.path;
14
+ cp_url += (cp_url === '' ? '' : '/') + cp.path;
15
15
 
16
- return cp_url;
16
+ return cp_url;
17
17
  };
18
18
 
19
19
  var getTargeting = function getTargeting(props) {
@@ -1,6 +1,6 @@
1
1
  import './extends-60e0e1c6.js';
2
2
  import './toConsumableArray-6d9a4616.js';
3
- export { g as default } from './getTargeting-68291ce9.js';
3
+ export { g as default } from './getTargeting-05c216d6.js';
4
4
  import './_commonjsHelpers-0c4b6f40.js';
5
5
  import './_to-object-b50e61c3.js';
6
6
  import './_object-pie-133f504a.js';
@@ -1,6 +1,4 @@
1
- 'use strict';
2
-
3
- var React = require('react');
1
+ import * as React from 'react';
4
2
 
5
3
  var DefaultContext = {
6
4
  color: undefined,
@@ -80,5 +78,4 @@ function IconBase(props) {
80
78
  }) : elem(DefaultContext);
81
79
  }
82
80
 
83
- exports.GenIcon = GenIcon;
84
- exports.IconContext = IconContext;
81
+ export { GenIcon as G, IconContext as I };