@mjhls/mjh-framework 1.0.810-disable-social-share-v2 → 1.0.810
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 +170 -170
- package/dist/cjs/AD.js +1 -1
- package/dist/cjs/AD300x250.js +2 -3
- package/dist/cjs/AD300x250x600.js +2 -3
- package/dist/cjs/AD728x90.js +2 -3
- package/dist/cjs/ADFloatingFooter.js +2 -3
- package/dist/cjs/ADGutter.js +2 -3
- package/dist/cjs/ADSkyscraper.js +2 -3
- package/dist/cjs/ADSponsoredResources.js +2 -3
- package/dist/cjs/ADWebcast.js +2 -3
- package/dist/cjs/ADWelcome.js +2 -3
- package/dist/cjs/AccordionPanel.js +2 -2
- package/dist/cjs/AdSlot.js +2 -3
- package/dist/cjs/AdSlotsProvider.js +2 -3
- package/dist/cjs/AlgoliaSearch.js +19 -14100
- package/dist/cjs/ArticleCarousel.js +1 -1
- package/dist/cjs/ArticleProgramLandingPage.js +5 -6
- package/dist/cjs/ArticleSeriesLandingPage.js +4 -5
- package/dist/cjs/ArticleSeriesListing.js +4 -5
- package/dist/cjs/CMEDeck.js +2 -3
- package/dist/cjs/Column3.js +2 -3
- package/dist/cjs/ConferenceArticleCard.js +15 -15
- package/dist/cjs/DeckContent.js +11 -12
- package/dist/cjs/DeckQueue.js +2 -3
- package/dist/cjs/{Dfp-93399f8c.js → Dfp-3f0ed4c8.js} +1 -2
- package/dist/cjs/EventsDeck.js +18 -18
- package/dist/cjs/ExternalResources.js +5 -6
- package/dist/cjs/Feature.js +1 -1
- package/dist/cjs/GridContent.js +4 -5
- package/dist/cjs/HamMagazine.js +15 -15
- package/dist/cjs/HorizontalArticleListing.js +5 -6
- package/dist/cjs/HorizontalHero.js +2 -2
- package/dist/cjs/IssueLanding.js +33 -34
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/LeftNav.js +2 -3
- package/dist/cjs/MasterDeck.js +12 -13
- package/dist/cjs/MediaSeriesLanding.js +408 -308
- package/dist/cjs/NavMagazine.js +16 -16
- package/dist/cjs/NavNative.js +12 -12
- package/dist/cjs/NavNormal.js +2 -2
- package/dist/cjs/OncliveHero.js +1 -1
- package/dist/cjs/PartnerDetailListing.js +7 -8
- package/dist/cjs/PdfDownload.js +2 -2
- package/dist/cjs/PubSection.js +4 -5
- package/dist/cjs/PublicationLanding.js +29 -29
- package/dist/cjs/QueueDeckExpanded.js +4 -5
- package/dist/cjs/RecentNews.js +2 -2
- package/dist/cjs/RelatedContent.js +28 -28
- package/dist/cjs/RelatedTopicsDropdown.js +10 -10
- package/dist/cjs/SeriesListingDeck.js +3 -4
- package/dist/cjs/{SeriesSlider-c022ce04.js → SeriesSlider-2db54929.js} +5 -5
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/{SocialSearchComponent-ecb4f972.js → SocialSearchComponent-948138c7.js} +3 -3
- package/dist/cjs/TaxonomyCard.js +3 -2
- package/dist/cjs/TaxonomyDescription.js +5 -6
- package/dist/cjs/TemplateNormal.js +7 -8
- package/dist/cjs/Ustream.js +4 -4
- package/dist/cjs/VideoProgramLandingPage.js +5 -6
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/VideoSeriesLandingPage.js +4 -5
- package/dist/cjs/VideoSeriesListing.js +4 -5
- package/dist/cjs/View.js +34 -62
- package/dist/cjs/YoutubeGroup.js +5 -5
- package/dist/cjs/getQuery.js +2 -2
- package/dist/cjs/getSerializers.js +5 -6
- package/dist/cjs/{getTargeting-c8081c76.js → getTargeting-fbbe92ba.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/{esm/iconBase-602d52fe.js → cjs/iconBase-be4097c0.js} +33 -8
- package/dist/cjs/{index-fc2f1ca2.js → index-0e4427c8.js} +467 -2
- package/dist/cjs/{index-667c091e.js → index-a766f892.js} +3 -3
- package/dist/cjs/{index.esm-974f47d9.js → index.esm-00a6aade.js} +1 -1
- package/dist/cjs/{index.esm-8123cf40.js → index.esm-2bb721c8.js} +1 -1
- package/dist/cjs/{index.esm-3b9b8952.js → index.esm-9225638f.js} +1 -1
- package/dist/cjs/{index.esm-05850a2f.js → index.esm-f27f80d9.js} +1 -1
- package/dist/cjs/index.js +14 -15
- package/dist/cjs/{main-025fdc78.js → main-f1c77adb.js} +3 -3
- package/dist/esm/AD.js +7 -7
- package/dist/esm/AD300x250.js +6 -7
- package/dist/esm/AD300x250x600.js +6 -7
- package/dist/esm/AD728x90.js +7 -8
- package/dist/esm/ADFloatingFooter.js +9 -10
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +9 -10
- package/dist/esm/{ADInfeed-6ed88032.js → ADInfeed-33e556f5.js} +5 -5
- package/dist/esm/ADSkyscraper.js +9 -10
- package/dist/esm/ADSponsoredResources.js +9 -10
- package/dist/esm/ADWebcast.js +9 -10
- package/dist/esm/ADWelcome.js +13 -14
- package/dist/esm/{ADlgInfeed-e02d1d98.js → ADlgInfeed-1270c526.js} +4 -4
- package/dist/esm/AccordionPanel.js +18 -18
- package/dist/esm/AdSlot.js +5 -6
- package/dist/esm/AdSlotsProvider.js +4 -5
- package/dist/esm/AlgoliaSearch.js +39 -14120
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleCarousel.js +6 -6
- package/dist/esm/ArticleProgramLandingPage.js +17 -18
- package/dist/esm/ArticleSeriesLandingPage.js +12 -13
- package/dist/esm/ArticleSeriesListing.js +31 -32
- package/dist/esm/Auth.js +70 -70
- package/dist/esm/{AuthorComponent-5ae7409f.js → AuthorComponent-30aeba69.js} +10 -10
- package/dist/esm/{BlockContent-52cf21c5.js → BlockContent-c99c9a8d.js} +3 -3
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +61 -62
- package/dist/esm/Column1.js +5 -5
- package/dist/esm/Column2.js +12 -12
- package/dist/esm/Column3.js +23 -24
- package/dist/esm/ConferenceArticleCard.js +28 -28
- package/dist/esm/{ConferenceBanner-9162d0ca.js → ConferenceBanner-8792ebd2.js} +4 -4
- package/dist/esm/DeckContent.js +57 -58
- package/dist/esm/DeckQueue.js +42 -43
- package/dist/esm/{Dfp-43f121ff.js → Dfp-be030f2a.js} +10 -11
- package/dist/esm/EventsDeck.js +81 -81
- package/dist/esm/ExternalResources.js +35 -36
- package/dist/esm/Feature.js +15 -15
- package/dist/esm/ForbesHero.js +26 -26
- package/dist/esm/GridContent.js +103 -104
- package/dist/esm/GridHero.js +27 -27
- package/dist/esm/GroupDeck.js +34 -34
- package/dist/esm/HamMagazine.js +95 -95
- package/dist/esm/Header.js +8 -8
- package/dist/esm/Hero.js +6 -6
- package/dist/esm/HighlightenVideo.js +14 -14
- package/dist/esm/HorizontalArticleListing.js +31 -32
- package/dist/esm/HorizontalHero.js +20 -20
- package/dist/esm/IssueContentDeck.js +39 -39
- package/dist/esm/IssueDeck.js +33 -33
- package/dist/esm/IssueLanding.js +42 -43
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/LeftNav.js +16 -17
- package/dist/esm/MasterDeck.js +46 -47
- package/dist/esm/MediaSeriesLanding.js +431 -331
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-c29526b7.js → NavFooter-e27bd93b.js} +12 -12
- package/dist/esm/NavMagazine.js +99 -99
- package/dist/esm/NavNative.js +86 -86
- package/dist/esm/NavNormal.js +22 -22
- package/dist/esm/OncliveHero.js +13 -13
- package/dist/esm/OncliveLargeHero.js +50 -50
- package/dist/esm/PageFilter.js +6 -6
- package/dist/esm/PartnerDetailListing.js +62 -63
- package/dist/esm/PdfDownload.js +7 -7
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PubSection.js +14 -15
- package/dist/esm/PubToc.js +5 -5
- package/dist/esm/PublicationDeck.js +33 -33
- package/dist/esm/PublicationLanding.js +78 -78
- package/dist/esm/QueueDeckExpanded.js +246 -247
- package/dist/esm/RecentNews.js +18 -18
- package/dist/esm/RelatedContent.js +43 -43
- package/dist/esm/RelatedTopicsDropdown.js +21 -21
- package/dist/esm/RolesDeck.js +13 -13
- package/dist/esm/Search.js +5 -5
- package/dist/esm/SeriesListingDeck.js +19 -20
- package/dist/esm/{SeriesSlider-8414085b.js → SeriesSlider-c8477bf3.js} +23 -23
- package/dist/esm/SideFooter.js +21 -21
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-cd38ae60.js → SocialSearchComponent-db963c3e.js} +22 -22
- package/dist/esm/SocialShare.js +25 -25
- package/dist/esm/TaxonomyCard.js +38 -37
- package/dist/esm/TaxonomyDescription.js +13 -14
- package/dist/esm/TemplateNormal.js +30 -31
- package/dist/esm/ThumbnailCard.js +9 -9
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +11 -11
- package/dist/esm/VideoProgramLandingPage.js +24 -25
- package/dist/esm/VideoSeriesCard.js +15 -15
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesLandingPage.js +12 -13
- package/dist/esm/VideoSeriesListing.js +47 -48
- package/dist/esm/View.js +194 -222
- package/dist/esm/YahooHero.js +23 -23
- package/dist/esm/YoutubeGroup.js +32 -32
- package/dist/esm/{brightcove-react-player-loader.es-b43c695a.js → brightcove-react-player-loader.es-57a70a56.js} +3 -3
- package/dist/esm/getQuery.js +2 -2
- package/dist/esm/getSerializers.js +8 -9
- package/dist/esm/{getTargeting-2302c1b4.js → getTargeting-0958ad0e.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/{cjs/iconBase-68959171.js → esm/iconBase-ccc56b97.js} +2 -5
- package/dist/esm/{index-2446af28.js → index-5cc7b406.js} +469 -4
- package/dist/esm/{index-35bdcc81.js → index-755f2cc2.js} +4 -4
- package/dist/esm/{index-d2fb744b.js → index-f354da27.js} +339 -339
- package/dist/esm/{index.es-c6222053.js → index.es-a6137319.js} +5 -5
- package/dist/esm/{index.esm-8016b507.js → index.esm-37268dca.js} +16 -16
- package/dist/esm/{index.esm-a8ff922c.js → index.esm-d4932dea.js} +1 -1
- package/dist/esm/{index.esm-d6f88d94.js → index.esm-e874e770.js} +1 -1
- package/dist/esm/{index.esm-3fdda599.js → index.esm-f6156a57.js} +1 -1
- package/dist/esm/index.js +39 -40
- package/dist/esm/{main-b5c5aac1.js → main-d4165069.js} +19 -19
- package/dist/esm/{react-social-icons-91f9716f.js → react-social-icons-9be47857.js} +5 -5
- package/dist/esm/{visibility-sensor-f40c2564.js → visibility-sensor-72fd8f8b.js} +2 -2
- package/package.json +109 -109
- package/dist/cjs/events-1b438fe7.js +0 -469
- package/dist/cjs/index-8041a4eb.js +0 -99
- package/dist/esm/events-6c3a7a63.js +0 -467
- package/dist/esm/index-67e1773f.js +0 -94
- /package/dist/cjs/{ADInfeed-77f334bb.js → ADInfeed-d9976673.js} +0 -0
- /package/dist/cjs/{ADlgInfeed-0664c67f.js → ADlgInfeed-0610e1bb.js} +0 -0
package/dist/esm/TaxonomyCard.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { _ as _extends } from './extends-f076879e.js';
|
|
2
|
-
import
|
|
3
|
-
import { B as BlockContent } from './BlockContent-
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { B as BlockContent } from './BlockContent-c99c9a8d.js';
|
|
4
4
|
import Container from 'react-bootstrap/Container';
|
|
5
5
|
import Row from 'react-bootstrap/Row';
|
|
6
6
|
import Col from 'react-bootstrap/Col';
|
|
7
7
|
import Card from 'react-bootstrap/Card';
|
|
8
8
|
import { i as imageUrlBuilder } from './index-0dbff1d1.js';
|
|
9
|
-
import { L as LazyLoad } from './index-
|
|
10
|
-
import { r as reactSocialIcons_1 } from './react-social-icons-
|
|
9
|
+
import { L as LazyLoad } from './index-755f2cc2.js';
|
|
10
|
+
import { r as reactSocialIcons_1 } from './react-social-icons-9be47857.js';
|
|
11
11
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
12
12
|
import './_to-object-b50e61c3.js';
|
|
13
13
|
import './_object-pie-133f504a.js';
|
|
@@ -46,13 +46,13 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
46
46
|
var itemCounter = 0;
|
|
47
47
|
var lgVar = 12;
|
|
48
48
|
|
|
49
|
-
return
|
|
49
|
+
return React__default.createElement(
|
|
50
50
|
'div',
|
|
51
51
|
{ className: 'contentDeck' },
|
|
52
|
-
|
|
52
|
+
React__default.createElement(
|
|
53
53
|
Container,
|
|
54
54
|
null,
|
|
55
|
-
|
|
55
|
+
React__default.createElement(
|
|
56
56
|
Row,
|
|
57
57
|
null,
|
|
58
58
|
data && data.map(function (row, index) {
|
|
@@ -79,9 +79,10 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
79
79
|
extraURL4 = row.extraURL4,
|
|
80
80
|
linkedIn = row.linkedIn,
|
|
81
81
|
twitter = row.twitter,
|
|
82
|
-
facebook = row.facebook
|
|
82
|
+
facebook = row.facebook,
|
|
83
|
+
instagram = row.instagram;
|
|
83
84
|
|
|
84
|
-
var socialLinks = [linkedIn, twitter, facebook];
|
|
85
|
+
var socialLinks = [linkedIn, twitter, facebook, instagram];
|
|
85
86
|
var address = [address1, address2, city, state, zip, country];
|
|
86
87
|
var companyDetails = [];
|
|
87
88
|
company && companyDetails.push({ key: 'company', value: company });
|
|
@@ -91,33 +92,33 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
91
92
|
extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
|
|
92
93
|
extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
|
|
93
94
|
extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
|
|
94
|
-
return
|
|
95
|
+
return React__default.createElement(
|
|
95
96
|
Col,
|
|
96
97
|
{ key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
97
|
-
|
|
98
|
+
React__default.createElement(
|
|
98
99
|
Card,
|
|
99
100
|
{ className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
|
|
100
|
-
|
|
101
|
+
React__default.createElement(
|
|
101
102
|
Card.Body,
|
|
102
103
|
null,
|
|
103
|
-
|
|
104
|
+
React__default.createElement(
|
|
104
105
|
Row,
|
|
105
106
|
null,
|
|
106
|
-
thumbnailURL &&
|
|
107
|
+
thumbnailURL && React__default.createElement(
|
|
107
108
|
Col,
|
|
108
109
|
null,
|
|
109
|
-
|
|
110
|
+
React__default.createElement(
|
|
110
111
|
LazyLoad,
|
|
111
112
|
{ height: imageHeight },
|
|
112
|
-
row && row.thumbnail &&
|
|
113
|
+
row && row.thumbnail && React__default.createElement(
|
|
113
114
|
'figure',
|
|
114
115
|
null,
|
|
115
|
-
row.thumbnail.link ?
|
|
116
|
+
row.thumbnail.link ? React__default.createElement(
|
|
116
117
|
'a',
|
|
117
118
|
{ href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
|
|
118
|
-
|
|
119
|
-
) :
|
|
120
|
-
row && row.thumbnail && row.thumbnail.caption &&
|
|
119
|
+
React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
|
|
120
|
+
) : React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
|
|
121
|
+
row && row.thumbnail && row.thumbnail.caption && React__default.createElement(
|
|
121
122
|
'figcaption',
|
|
122
123
|
null,
|
|
123
124
|
row.thumbnail.caption
|
|
@@ -125,30 +126,30 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
125
126
|
)
|
|
126
127
|
)
|
|
127
128
|
),
|
|
128
|
-
|
|
129
|
+
React__default.createElement(
|
|
129
130
|
Col,
|
|
130
131
|
null,
|
|
131
|
-
|
|
132
|
+
React__default.createElement(
|
|
132
133
|
Row,
|
|
133
134
|
{ className: 'details-content-wrapper' },
|
|
134
|
-
|
|
135
|
+
React__default.createElement(
|
|
135
136
|
'div',
|
|
136
137
|
{ className: 'details-content-inner-wrapper' },
|
|
137
|
-
(address && address.length > 0 || companyDetails && companyDetails.length > 0) &&
|
|
138
|
+
(address && address.length > 0 || companyDetails && companyDetails.length > 0) && React__default.createElement(
|
|
138
139
|
'div',
|
|
139
140
|
{ className: 'details-wrapper' },
|
|
140
|
-
companyDetails && companyDetails.length > 0 &&
|
|
141
|
+
companyDetails && companyDetails.length > 0 && React__default.createElement(
|
|
141
142
|
'div',
|
|
142
143
|
{ className: 'company-wrapper' },
|
|
143
144
|
companyDetails.map(function (field, index) {
|
|
144
145
|
if (field.value && field.key === 'company') {
|
|
145
|
-
return
|
|
146
|
+
return React__default.createElement(
|
|
146
147
|
'p',
|
|
147
148
|
{ className: 'details-field', key: index },
|
|
148
149
|
field.value
|
|
149
150
|
);
|
|
150
151
|
} else if (field.value && field.key === 'url') {
|
|
151
|
-
return
|
|
152
|
+
return React__default.createElement(
|
|
152
153
|
'a',
|
|
153
154
|
{ className: 'details-field', href: field.value, key: index },
|
|
154
155
|
field.value
|
|
@@ -163,12 +164,12 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
163
164
|
// }
|
|
164
165
|
})
|
|
165
166
|
),
|
|
166
|
-
address && address.length > 0 &&
|
|
167
|
+
address && address.length > 0 && React__default.createElement(
|
|
167
168
|
'div',
|
|
168
169
|
{ className: 'address-wrapper' },
|
|
169
170
|
address.map(function (field, index) {
|
|
170
171
|
if (field) {
|
|
171
|
-
return
|
|
172
|
+
return React__default.createElement(
|
|
172
173
|
'p',
|
|
173
174
|
{ className: 'details-field', key: index },
|
|
174
175
|
field
|
|
@@ -176,18 +177,18 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
176
177
|
}
|
|
177
178
|
})
|
|
178
179
|
),
|
|
179
|
-
|
|
180
|
+
React__default.createElement(
|
|
180
181
|
'style',
|
|
181
182
|
{ jsx: 'true' },
|
|
182
183
|
'\n .details-content-wrapper,\n .details-content-inner-wrapper {\n width: 100%;\n }\n .details-wrapper .details-field {\n margin: 0px;\n display: block;\n font-size: 1rem;\n margin-bottom: 3px;\n }\n .details-wrapper .company-wrapper {\n margin-right: 20px;\n display: inline-block;\n width: 50%;\n vertical-align: top;\n }\n .details-wrapper .address-wrapper {\n width: 45%;\n display: inline-block;\n }\n '
|
|
183
184
|
)
|
|
184
185
|
),
|
|
185
|
-
socialLinks && socialLinks.length &&
|
|
186
|
+
socialLinks && socialLinks.length && React__default.createElement(
|
|
186
187
|
'div',
|
|
187
188
|
{ className: 'social-icons' },
|
|
188
189
|
socialLinks.map(function (url, index) {
|
|
189
190
|
if (url && url.length) {
|
|
190
|
-
return
|
|
191
|
+
return React__default.createElement(reactSocialIcons_1, {
|
|
191
192
|
target: '_blank',
|
|
192
193
|
rel: 'noopener noreferrer',
|
|
193
194
|
key: index,
|
|
@@ -197,22 +198,22 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
197
198
|
});
|
|
198
199
|
}
|
|
199
200
|
}),
|
|
200
|
-
|
|
201
|
+
React__default.createElement(
|
|
201
202
|
'style',
|
|
202
203
|
{ jsx: 'true' },
|
|
203
204
|
'\n .social-icons {\n margin-top: 0px;\n margin-bottom: 10px;\n }\n '
|
|
204
205
|
)
|
|
205
206
|
),
|
|
206
|
-
|
|
207
|
+
React__default.createElement(
|
|
207
208
|
Card.Text,
|
|
208
209
|
null,
|
|
209
|
-
|
|
210
|
+
React__default.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
|
|
210
211
|
)
|
|
211
212
|
)
|
|
212
213
|
)
|
|
213
214
|
)
|
|
214
215
|
),
|
|
215
|
-
icon &&
|
|
216
|
+
icon && React__default.createElement(
|
|
216
217
|
'span',
|
|
217
218
|
{
|
|
218
219
|
className: 'taxonomy-icon',
|
|
@@ -232,7 +233,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
232
233
|
})
|
|
233
234
|
)
|
|
234
235
|
),
|
|
235
|
-
icon &&
|
|
236
|
+
icon && React__default.createElement(
|
|
236
237
|
'style',
|
|
237
238
|
{ jsx: 'true' },
|
|
238
239
|
'\n .taxonomy-card:hover .taxonomy-icon {\n transform: translateY(-50%) scale(1.5) translateX(0) !important;\n }\n '
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
|
|
2
2
|
import { _ as _extends, a as _Object$assign } from './extends-f076879e.js';
|
|
3
|
-
import
|
|
3
|
+
import React__default from 'react';
|
|
4
4
|
import { useRouter } from 'next/router';
|
|
5
5
|
import Head from 'next/head';
|
|
6
|
-
import { B as BlockContent } from './BlockContent-
|
|
7
|
-
import { g as getSerializers } from './index-
|
|
6
|
+
import { B as BlockContent } from './BlockContent-c99c9a8d.js';
|
|
7
|
+
import { g as getSerializers } from './index-f354da27.js';
|
|
8
8
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
9
9
|
import './es6.string.iterator-bc33758b.js';
|
|
10
10
|
import './_to-object-b50e61c3.js';
|
|
@@ -17,19 +17,18 @@ import 'prop-types';
|
|
|
17
17
|
import './index-0dbff1d1.js';
|
|
18
18
|
import './slicedToArray-be2f7a22.js';
|
|
19
19
|
import 'react-bootstrap';
|
|
20
|
-
import './index-
|
|
21
|
-
import './events-6c3a7a63.js';
|
|
20
|
+
import './index-5cc7b406.js';
|
|
22
21
|
import './index-c7e2ac95.js';
|
|
23
22
|
import './util-3ab476bf.js';
|
|
24
23
|
import './Beam.js';
|
|
25
24
|
import './stringify-59c8f690.js';
|
|
26
25
|
import './Segment.js';
|
|
27
|
-
import './main-
|
|
28
|
-
import './index-
|
|
26
|
+
import './main-d4165069.js';
|
|
27
|
+
import './index-755f2cc2.js';
|
|
29
28
|
import 'react-dom';
|
|
30
29
|
import './typeof-a286cf0c.js';
|
|
31
30
|
import './_is-array-3e99e06e.js';
|
|
32
|
-
import './brightcove-react-player-loader.es-
|
|
31
|
+
import './brightcove-react-player-loader.es-57a70a56.js';
|
|
33
32
|
import './GroupDeck.js';
|
|
34
33
|
import './smoothscroll-fa4e3f8c.js';
|
|
35
34
|
import './moment-bc12cb97.js';
|
|
@@ -49,8 +48,8 @@ import 'react-bootstrap/Col';
|
|
|
49
48
|
import './inherits-f71787cf.js';
|
|
50
49
|
import './_object-sap-f353c2a9.js';
|
|
51
50
|
import './define-property-fe54dc9f.js';
|
|
52
|
-
import './index.esm-
|
|
53
|
-
import './iconBase-
|
|
51
|
+
import './index.esm-f6156a57.js';
|
|
52
|
+
import './iconBase-ccc56b97.js';
|
|
54
53
|
import 'react-bootstrap/Figure';
|
|
55
54
|
|
|
56
55
|
var _this = undefined;
|
|
@@ -90,10 +89,10 @@ var setMetaDescription = function setMetaDescription(data, router) {
|
|
|
90
89
|
}
|
|
91
90
|
}
|
|
92
91
|
}
|
|
93
|
-
return
|
|
92
|
+
return React__default.createElement(
|
|
94
93
|
Head,
|
|
95
94
|
null,
|
|
96
|
-
|
|
95
|
+
React__default.createElement('meta', { name: 'description', content: metaDescription, key: 'description' })
|
|
97
96
|
);
|
|
98
97
|
};
|
|
99
98
|
|
|
@@ -102,11 +101,11 @@ var TaxonomyDescription = function TaxonomyDescription(_ref) {
|
|
|
102
101
|
client = _ref.client;
|
|
103
102
|
|
|
104
103
|
var router = useRouter();
|
|
105
|
-
return data && data.length > 0 &&
|
|
104
|
+
return data && data.length > 0 && React__default.createElement(
|
|
106
105
|
'section',
|
|
107
106
|
{ className: 'taxonomy-description' },
|
|
108
107
|
setMetaDescription(data, router),
|
|
109
|
-
|
|
108
|
+
React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: data, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
|
|
110
109
|
);
|
|
111
110
|
};
|
|
112
111
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState, useEffect } from 'react';
|
|
3
3
|
import { useRouter } from 'next/router';
|
|
4
4
|
import Container from 'react-bootstrap/Container';
|
|
5
5
|
import ADGutter from './ADGutter.js';
|
|
@@ -22,8 +22,7 @@ import './AdSlot.js';
|
|
|
22
22
|
import './extends-f076879e.js';
|
|
23
23
|
import './_object-pie-133f504a.js';
|
|
24
24
|
import 'prop-types';
|
|
25
|
-
import './index-
|
|
26
|
-
import './events-6c3a7a63.js';
|
|
25
|
+
import './index-5cc7b406.js';
|
|
27
26
|
import './debounce-533d9748.js';
|
|
28
27
|
import './isSymbol-a7e9aafe.js';
|
|
29
28
|
import './toNumber-5aeba6e7.js';
|
|
@@ -33,17 +32,17 @@ import './asyncToGenerator-7f8f9219.js';
|
|
|
33
32
|
import './_library-528f1934.js';
|
|
34
33
|
import './_iter-detect-7e5e5ce2.js';
|
|
35
34
|
import './Segment.js';
|
|
36
|
-
import './main-
|
|
35
|
+
import './main-d4165069.js';
|
|
37
36
|
import 'next/head';
|
|
38
37
|
import 'react-bootstrap/Row';
|
|
39
38
|
import 'react-bootstrap/Col';
|
|
40
39
|
import './SideFooter.js';
|
|
41
40
|
import './defineProperty-f5ff6f5a.js';
|
|
42
41
|
import './define-property-fe54dc9f.js';
|
|
43
|
-
import './react-social-icons-
|
|
42
|
+
import './react-social-icons-9be47857.js';
|
|
44
43
|
import './get-3c308da4.js';
|
|
45
44
|
import './eq-bdcbf886.js';
|
|
46
|
-
import './ConferenceBanner-
|
|
45
|
+
import './ConferenceBanner-8792ebd2.js';
|
|
47
46
|
import './ADSponsoredResources.js';
|
|
48
47
|
import './LeftNav.js';
|
|
49
48
|
import 'react-bootstrap/ListGroup';
|
|
@@ -53,12 +52,12 @@ import 'react-bootstrap';
|
|
|
53
52
|
import 'react-bootstrap/Nav';
|
|
54
53
|
import 'react-bootstrap/Navbar';
|
|
55
54
|
import 'react-bootstrap/NavDropdown';
|
|
56
|
-
import './index.esm-
|
|
57
|
-
import './iconBase-
|
|
58
|
-
import './index.esm-
|
|
59
|
-
import './NavFooter-
|
|
60
|
-
import './index.esm-
|
|
61
|
-
import './SocialSearchComponent-
|
|
55
|
+
import './index.esm-e874e770.js';
|
|
56
|
+
import './iconBase-ccc56b97.js';
|
|
57
|
+
import './index.esm-f6156a57.js';
|
|
58
|
+
import './NavFooter-e27bd93b.js';
|
|
59
|
+
import './index.esm-37268dca.js';
|
|
60
|
+
import './SocialSearchComponent-db963c3e.js';
|
|
62
61
|
import './SocialIcons.js';
|
|
63
62
|
import 'react-bootstrap/Form';
|
|
64
63
|
import 'react-bootstrap/FormControl';
|
|
@@ -101,15 +100,15 @@ var TemplateNormal = function TemplateNormal(props) {
|
|
|
101
100
|
var navigation = function navigation() {
|
|
102
101
|
switch (config.navComponent) {
|
|
103
102
|
case 'normal':
|
|
104
|
-
return
|
|
103
|
+
return React__default.createElement(NavNormal, { logo: website.logo, dataObject: config.navItems });
|
|
105
104
|
case 'magazine':
|
|
106
|
-
return
|
|
105
|
+
return React__default.createElement(MagazineNav, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
|
|
107
106
|
case 'native':
|
|
108
|
-
return
|
|
107
|
+
return React__default.createElement(NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
|
|
109
108
|
case 'dvm':
|
|
110
|
-
return
|
|
109
|
+
return React__default.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
|
|
111
110
|
case 'hamburgerNav':
|
|
112
|
-
return
|
|
111
|
+
return React__default.createElement(HamMagazine, {
|
|
113
112
|
socialFooterNav: true,
|
|
114
113
|
logo: website.logo,
|
|
115
114
|
dataObject: config.navItems,
|
|
@@ -119,7 +118,7 @@ var TemplateNormal = function TemplateNormal(props) {
|
|
|
119
118
|
showLogin: website.showLogin
|
|
120
119
|
});
|
|
121
120
|
default:
|
|
122
|
-
return
|
|
121
|
+
return React__default.createElement('noNav', null);
|
|
123
122
|
}
|
|
124
123
|
};
|
|
125
124
|
|
|
@@ -136,19 +135,19 @@ var TemplateNormal = function TemplateNormal(props) {
|
|
|
136
135
|
function layout() {
|
|
137
136
|
switch (config.columns) {
|
|
138
137
|
case '1':
|
|
139
|
-
return
|
|
138
|
+
return React__default.createElement(
|
|
140
139
|
Column1,
|
|
141
140
|
{ title: title },
|
|
142
141
|
props.children
|
|
143
142
|
);
|
|
144
143
|
case '2':
|
|
145
|
-
return
|
|
144
|
+
return React__default.createElement(
|
|
146
145
|
Column2,
|
|
147
146
|
{ title: title, rightItems: config.rightItems, website: website },
|
|
148
147
|
props.children
|
|
149
148
|
);
|
|
150
149
|
case '3':
|
|
151
|
-
return
|
|
150
|
+
return React__default.createElement(
|
|
152
151
|
Column3,
|
|
153
152
|
{
|
|
154
153
|
title: title,
|
|
@@ -164,35 +163,35 @@ var TemplateNormal = function TemplateNormal(props) {
|
|
|
164
163
|
props.children
|
|
165
164
|
);
|
|
166
165
|
default:
|
|
167
|
-
return
|
|
166
|
+
return React__default.createElement('noLayout', null);
|
|
168
167
|
}
|
|
169
168
|
}
|
|
170
169
|
|
|
171
|
-
return
|
|
170
|
+
return React__default.createElement(
|
|
172
171
|
'section',
|
|
173
172
|
null,
|
|
174
|
-
noTitle ?
|
|
173
|
+
noTitle ? React__default.createElement(Header, {
|
|
175
174
|
isLiveSite: config.isLiveSite,
|
|
176
175
|
keyword: keywords,
|
|
177
176
|
description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
|
|
178
|
-
}) :
|
|
177
|
+
}) : React__default.createElement(Header, {
|
|
179
178
|
title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
|
|
180
179
|
isLiveSite: config.isLiveSite,
|
|
181
180
|
keyword: keywords,
|
|
182
181
|
description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
|
|
183
182
|
}),
|
|
184
183
|
navigation(),
|
|
185
|
-
sponsoredFlag ?
|
|
186
|
-
|
|
184
|
+
sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
|
|
185
|
+
React__default.Fragment,
|
|
187
186
|
null,
|
|
188
|
-
horizontalAD && horizontalAD.networkID && horizontalAD.adUnit &&
|
|
187
|
+
horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
|
|
189
188
|
Container,
|
|
190
189
|
null,
|
|
191
|
-
|
|
190
|
+
React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
|
|
192
191
|
)
|
|
193
192
|
),
|
|
194
|
-
website.gutterAd && !sponsoredFlag &&
|
|
195
|
-
|
|
193
|
+
website.gutterAd && !sponsoredFlag && React__default.createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
|
|
194
|
+
React__default.createElement(
|
|
196
195
|
Container,
|
|
197
196
|
null,
|
|
198
197
|
layout()
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import Media from 'react-bootstrap/Media';
|
|
3
3
|
import { i as imageUrlBuilder } from './index-0dbff1d1.js';
|
|
4
|
-
import { L as LazyLoad } from './index-
|
|
4
|
+
import { L as LazyLoad } from './index-755f2cc2.js';
|
|
5
5
|
import { c as clean_html_1 } from './entities-932b50cf.js';
|
|
6
6
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
7
7
|
import 'react-dom';
|
|
@@ -19,27 +19,27 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
|
19
19
|
return builder.image(source).auto('format');
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
return
|
|
22
|
+
return React__default.createElement(
|
|
23
23
|
'div',
|
|
24
24
|
null,
|
|
25
25
|
mediaData && mediaData.map(function (item, index) {
|
|
26
|
-
return
|
|
26
|
+
return React__default.createElement(
|
|
27
27
|
Media,
|
|
28
28
|
{ className: 'mb-3 thumbnail-card' },
|
|
29
|
-
|
|
29
|
+
React__default.createElement(
|
|
30
30
|
LazyLoad,
|
|
31
31
|
{ height: size },
|
|
32
|
-
|
|
32
|
+
React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
|
|
33
33
|
),
|
|
34
|
-
|
|
34
|
+
React__default.createElement(
|
|
35
35
|
Media.Body,
|
|
36
36
|
null,
|
|
37
|
-
|
|
37
|
+
React__default.createElement(
|
|
38
38
|
'h5',
|
|
39
39
|
null,
|
|
40
40
|
item.title
|
|
41
41
|
),
|
|
42
|
-
|
|
42
|
+
React__default.createElement(
|
|
43
43
|
'p',
|
|
44
44
|
null,
|
|
45
45
|
clean_html_1(item.summary)
|
package/dist/esm/Ustream.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
|
|
2
2
|
import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
|
|
3
|
-
import
|
|
4
|
-
import { c as IoIosOpen } from './index.esm-
|
|
5
|
-
import { F as FaRegWindowClose } from './index.esm-
|
|
6
|
-
import { m as main_43 } from './main-
|
|
3
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
4
|
+
import { c as IoIosOpen } from './index.esm-f6156a57.js';
|
|
5
|
+
import { F as FaRegWindowClose } from './index.esm-d4932dea.js';
|
|
6
|
+
import { m as main_43 } from './main-d4165069.js';
|
|
7
7
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
8
8
|
import './es6.string.iterator-bc33758b.js';
|
|
9
9
|
import './_to-object-b50e61c3.js';
|
|
@@ -11,7 +11,7 @@ import './web.dom.iterable-4109ff68.js';
|
|
|
11
11
|
import './_library-528f1934.js';
|
|
12
12
|
import './core.get-iterator-method-133dfacd.js';
|
|
13
13
|
import './_iter-detect-7e5e5ce2.js';
|
|
14
|
-
import './iconBase-
|
|
14
|
+
import './iconBase-ccc56b97.js';
|
|
15
15
|
|
|
16
16
|
var _this = undefined;
|
|
17
17
|
|
|
@@ -122,33 +122,33 @@ var Ustream = function Ustream(_ref) {
|
|
|
122
122
|
if (main_43) {
|
|
123
123
|
return null;
|
|
124
124
|
}
|
|
125
|
-
return
|
|
125
|
+
return React__default.createElement(
|
|
126
126
|
'div',
|
|
127
127
|
{ id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
|
|
128
|
-
|
|
128
|
+
React__default.createElement(
|
|
129
129
|
'div',
|
|
130
130
|
{ style: { position: 'relative' } },
|
|
131
|
-
close ?
|
|
131
|
+
close ? React__default.createElement(
|
|
132
132
|
'div',
|
|
133
133
|
{ className: 'ustream-close' },
|
|
134
|
-
|
|
135
|
-
) :
|
|
136
|
-
|
|
134
|
+
React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
|
|
135
|
+
) : React__default.createElement(
|
|
136
|
+
React__default.Fragment,
|
|
137
137
|
null,
|
|
138
|
-
|
|
138
|
+
React__default.createElement(
|
|
139
139
|
'div',
|
|
140
140
|
{ className: 'ustream-minimize' },
|
|
141
|
-
|
|
141
|
+
React__default.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
|
|
142
142
|
),
|
|
143
|
-
|
|
143
|
+
React__default.createElement(
|
|
144
144
|
'div',
|
|
145
145
|
{ className: 'ustream-close' },
|
|
146
|
-
|
|
146
|
+
React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
|
|
147
147
|
)
|
|
148
148
|
),
|
|
149
|
-
|
|
149
|
+
React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
|
|
150
150
|
),
|
|
151
|
-
|
|
151
|
+
React__default.createElement(
|
|
152
152
|
'style',
|
|
153
153
|
{ jsx: 'true' },
|
|
154
154
|
'\n #ustream-container {\n position: fixed;\n bottom: 0;\n ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n /* Updating z-index to fix gutter ad over ustream */\n z-index: 999999;\n max-width: 100%;\n }\n .ustream-minimize,\n .ustream-close {\n position: absolute;\n color: white;\n right: 0.5rem;\n top: 0.25rem;\n cursor: pointer;\n font-weight: bold;\n }\n .ustream-close {\n ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n }\n @media screen and (max-width: 768px) {\n #ustream-container:not(.closed) {\n width: 231px !important;\n height: 130px !important;\n }\n #ustream-container:not(.closed) iframe {\n height: 130px !important;\n }\n }\n '
|
|
@@ -156,6 +156,6 @@ var Ustream = function Ustream(_ref) {
|
|
|
156
156
|
);
|
|
157
157
|
};
|
|
158
158
|
|
|
159
|
-
var Ustream$1 =
|
|
159
|
+
var Ustream$1 = React__default.memo(Ustream);
|
|
160
160
|
|
|
161
161
|
export default Ustream$1;
|
package/dist/esm/VerticalHero.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import './moment-bc12cb97.js';
|
|
3
3
|
import { i as imageUrlBuilder } from './index-0dbff1d1.js';
|
|
4
4
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
@@ -14,16 +14,16 @@ var VerticalHero = function VerticalHero(props) {
|
|
|
14
14
|
heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
return
|
|
17
|
+
return React__default.createElement(
|
|
18
18
|
'div',
|
|
19
19
|
{ className: 'vertical-hero-container' },
|
|
20
|
-
|
|
20
|
+
React__default.createElement(
|
|
21
21
|
'div',
|
|
22
22
|
{ className: 'vertical-hero-inner' },
|
|
23
|
-
|
|
23
|
+
React__default.createElement(
|
|
24
24
|
'div',
|
|
25
25
|
{ className: 'hero-title' },
|
|
26
|
-
|
|
26
|
+
React__default.createElement(
|
|
27
27
|
'h2',
|
|
28
28
|
null,
|
|
29
29
|
heroTitle
|
|
@@ -38,19 +38,19 @@ var VerticalHero = function VerticalHero(props) {
|
|
|
38
38
|
} else if (props.thumbnail) {
|
|
39
39
|
articleThumbnail = props.thumbnail;
|
|
40
40
|
}
|
|
41
|
-
return index === 0 ?
|
|
41
|
+
return index === 0 ? React__default.createElement(
|
|
42
42
|
'a',
|
|
43
43
|
{ href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
|
|
45
|
+
React__default.createElement(
|
|
46
46
|
'h2',
|
|
47
47
|
null,
|
|
48
48
|
article.title
|
|
49
49
|
)
|
|
50
|
-
) :
|
|
50
|
+
) : React__default.createElement(
|
|
51
51
|
'a',
|
|
52
52
|
{ href: '/view/' + article.url.current, className: 'vertical-article' },
|
|
53
|
-
|
|
53
|
+
React__default.createElement(
|
|
54
54
|
'h2',
|
|
55
55
|
null,
|
|
56
56
|
article.title
|
|
@@ -58,7 +58,7 @@ var VerticalHero = function VerticalHero(props) {
|
|
|
58
58
|
);
|
|
59
59
|
})
|
|
60
60
|
),
|
|
61
|
-
|
|
61
|
+
React__default.createElement(
|
|
62
62
|
'style',
|
|
63
63
|
{ jsx: 'true' },
|
|
64
64
|
'\n .vertical-hero-container {\n display: flex;\n flex-direction: row;\n padding: 0.25rem;\n justify-content: space-between;\n width: 100%;\n flex: 1 1 auto;\n }\n .hero-title h2 {\n font-size: 1.2rem;\n font-weight: bold;\n }\n .vertical-article {\n display: block;\n }\n .vertical-article img {\n width: 100%;\n height: auto;\n min-width: 200px;\n }\n .vertical-article h2 {\n font-size: 0.9rem;\n color: #252525;\n font-weight: bold;\n padding: 0.5rem 0.5rem 1rem;\n margin: 0.5rem;\n border-bottom: 1px solid #ccc;\n }\n '
|