@ptcwebops/ptcw-design 4.9.3 → 4.9.6
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/dist/cjs/blog-detail-content_2.cjs.entry.js +259 -0
- package/dist/cjs/blog-detail-layout.cjs.entry.js +58 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +6 -3
- package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-inline-cta.cjs.entry.js +50 -7
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +5 -1
- package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js +33 -0
- package/dist/cjs/ptc-news.cjs.entry.js +2 -4
- package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +16 -18
- package/dist/cjs/ptc-social-icons.cjs.entry.js +32 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/x-d5052f9b.js +22 -0
- package/dist/collection/collection-manifest.json +4 -0
- package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.css +245 -0
- package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.js +231 -0
- package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.css +102 -0
- package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.js +58 -0
- package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.js +57 -3
- package/dist/collection/components/ptc-footer/ptc-footer-v2.css +4 -0
- package/dist/collection/components/ptc-inline-cta/ptc-inline-cta.css +3 -0
- package/dist/collection/components/ptc-inline-cta/ptc-inline-cta.js +85 -6
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +41 -1
- package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.css +82 -0
- package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js +74 -0
- package/dist/collection/components/ptc-news/ptc-news.css +0 -17
- package/dist/collection/components/ptc-news/ptc-news.js +1 -37
- package/dist/collection/components/ptc-social-icons/ptc-social-icons.css +73 -0
- package/dist/collection/components/ptc-social-icons/ptc-social-icons.js +121 -0
- package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js +253 -1
- package/dist/collection/media/svg-imgs/email.svg +4 -0
- package/dist/custom-elements/index.d.ts +24 -0
- package/dist/custom-elements/index.js +397 -28
- package/dist/esm/blog-detail-content_2.entry.js +254 -0
- package/dist/esm/blog-detail-layout.entry.js +54 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +6 -3
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +50 -7
- package/dist/esm/ptc-jumbotron.entry.js +5 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +29 -0
- package/dist/esm/ptc-news.entry.js +2 -4
- package/dist/esm/ptc-social-icons-footer.entry.js +16 -18
- package/dist/esm/ptc-social-icons.entry.js +28 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/x-cd64dee4.js +18 -0
- package/dist/ptcw-design/p-06f60377.entry.js +1 -0
- package/dist/ptcw-design/p-1ba52dfd.entry.js +1 -0
- package/dist/ptcw-design/p-1f92340d.entry.js +1 -0
- package/dist/ptcw-design/{p-74895d90.entry.js → p-7e77a2ce.entry.js} +1 -1
- package/dist/ptcw-design/p-7f2c5da5.js +1 -0
- package/dist/ptcw-design/p-8e2e303d.entry.js +1 -0
- package/dist/ptcw-design/p-8e6059b8.entry.js +1 -0
- package/dist/ptcw-design/p-a11dbfda.entry.js +1 -0
- package/dist/ptcw-design/p-af9026f2.entry.js +1 -0
- package/dist/ptcw-design/p-d7275289.entry.js +1 -0
- package/dist/ptcw-design/p-d9a6757d.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/blog-detail-content/blog-detail-content.d.ts +29 -0
- package/dist/types/components/organism-bundles/blog-detail-layout/blog-detail-layout.d.ts +7 -0
- package/dist/types/components/ptc-embedded-quiz/ptc-embedded-quiz.d.ts +3 -0
- package/dist/types/components/ptc-inline-cta/ptc-inline-cta.d.ts +6 -0
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +2 -0
- package/dist/types/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.d.ts +9 -0
- package/dist/types/components/ptc-news/ptc-news.d.ts +0 -8
- package/dist/types/components/ptc-social-icons/ptc-social-icons.d.ts +10 -0
- package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +14 -0
- package/dist/types/components.d.ts +116 -16
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/ptc-readmore-v2.cjs.entry.js +0 -67
- package/dist/esm/ptc-readmore-v2.entry.js +0 -63
- package/dist/ptcw-design/p-01c3f36a.entry.js +0 -1
- package/dist/ptcw-design/p-15489f63.entry.js +0 -1
- package/dist/ptcw-design/p-231e7963.entry.js +0 -1
- package/dist/ptcw-design/p-4405504c.entry.js +0 -1
- package/dist/ptcw-design/p-654f7a35.entry.js +0 -1
- package/dist/ptcw-design/p-933e8e32.entry.js +0 -1
|
@@ -11,6 +11,14 @@ export namespace Components {
|
|
|
11
11
|
interface AuthorListingExample {
|
|
12
12
|
"defaultAuthorImage": string;
|
|
13
13
|
}
|
|
14
|
+
interface BlogDetailContent {
|
|
15
|
+
/**
|
|
16
|
+
* PROPS
|
|
17
|
+
*/
|
|
18
|
+
"scrollIntoViewOffset": number;
|
|
19
|
+
}
|
|
20
|
+
interface BlogDetailLayout {
|
|
21
|
+
}
|
|
14
22
|
interface BlogsSearchSection {
|
|
15
23
|
"noResultButton": string;
|
|
16
24
|
"noResultH3": string;
|
|
@@ -703,6 +711,9 @@ export namespace Components {
|
|
|
703
711
|
* API endpoint to retrieve quiz JSON
|
|
704
712
|
*/
|
|
705
713
|
"getQuizEndpoint": string;
|
|
714
|
+
"previousButtonText"?: string;
|
|
715
|
+
"restartQuizText"?: string;
|
|
716
|
+
"startButtonText"?: string;
|
|
706
717
|
}
|
|
707
718
|
interface PtcFeaturedList {
|
|
708
719
|
}
|
|
@@ -881,6 +892,8 @@ export namespace Components {
|
|
|
881
892
|
"variant": 'image' | 'text';
|
|
882
893
|
}
|
|
883
894
|
interface PtcInlineCta {
|
|
895
|
+
"containerIsShadow": boolean;
|
|
896
|
+
"containerSelector": string;
|
|
884
897
|
/**
|
|
885
898
|
* PROPS
|
|
886
899
|
*/
|
|
@@ -893,6 +906,7 @@ export namespace Components {
|
|
|
893
906
|
"gifSrc"?: string;
|
|
894
907
|
"hasCtaSlot": boolean;
|
|
895
908
|
"hasPopupVideo": boolean;
|
|
909
|
+
"isBlogDetail"?: boolean;
|
|
896
910
|
"isHomepage"?: boolean;
|
|
897
911
|
"isIframe"?: boolean;
|
|
898
912
|
"isTransitioning": boolean;
|
|
@@ -900,6 +914,7 @@ export namespace Components {
|
|
|
900
914
|
"mainTitle": string;
|
|
901
915
|
"pauseButtonTitle"?: string;
|
|
902
916
|
"playButtonTitle"?: string;
|
|
917
|
+
"pngImgStyles"?: string;
|
|
903
918
|
"pngSrc"?: string;
|
|
904
919
|
/**
|
|
905
920
|
* (optional) Injected CSS styles
|
|
@@ -1186,6 +1201,10 @@ export namespace Components {
|
|
|
1186
1201
|
}
|
|
1187
1202
|
interface PtcNavPills {
|
|
1188
1203
|
}
|
|
1204
|
+
interface PtcNavSkipToContent {
|
|
1205
|
+
"buttonText": string;
|
|
1206
|
+
"sectionId": string;
|
|
1207
|
+
}
|
|
1189
1208
|
interface PtcNavSlider {
|
|
1190
1209
|
"sliderId": string;
|
|
1191
1210
|
}
|
|
@@ -1223,14 +1242,6 @@ export namespace Components {
|
|
|
1223
1242
|
* News Image
|
|
1224
1243
|
*/
|
|
1225
1244
|
"newsImageAlt"?: string;
|
|
1226
|
-
/**
|
|
1227
|
-
* News Secondary Title
|
|
1228
|
-
*/
|
|
1229
|
-
"newsSecondaryTitle"?: string;
|
|
1230
|
-
/**
|
|
1231
|
-
* News summary
|
|
1232
|
-
*/
|
|
1233
|
-
"newsSummary"?: string;
|
|
1234
1245
|
/**
|
|
1235
1246
|
* News tag
|
|
1236
1247
|
*/
|
|
@@ -1923,16 +1934,37 @@ export namespace Components {
|
|
|
1923
1934
|
*/
|
|
1924
1935
|
"target"?: string;
|
|
1925
1936
|
}
|
|
1937
|
+
interface PtcSocialIcons {
|
|
1938
|
+
"emailTo": string;
|
|
1939
|
+
"facebookUrl": string;
|
|
1940
|
+
"linkedinUrl": string;
|
|
1941
|
+
"target": string;
|
|
1942
|
+
"xUrl": string;
|
|
1943
|
+
}
|
|
1926
1944
|
interface PtcSocialIconsFooter {
|
|
1945
|
+
"facebookImageAlt": string;
|
|
1946
|
+
"facebookImageUrl": string;
|
|
1927
1947
|
"facebookUrl": string;
|
|
1948
|
+
"instagramImageAlt": string;
|
|
1949
|
+
"instagramImageUrl": string;
|
|
1928
1950
|
"instagramUrl": string;
|
|
1951
|
+
"linkedinImageAlt": string;
|
|
1952
|
+
"linkedinImageUrl": string;
|
|
1929
1953
|
"linkedinUrl": string;
|
|
1930
1954
|
"target": string;
|
|
1931
1955
|
"wechatQrImageAltText": string;
|
|
1932
1956
|
"wechatQrImageUrl": string;
|
|
1957
|
+
"weiboImageAlt": string;
|
|
1958
|
+
"weiboImageUrl": string;
|
|
1933
1959
|
"weiboUrl": string;
|
|
1960
|
+
"xImageAlt": string;
|
|
1961
|
+
"xImageUrl": string;
|
|
1934
1962
|
"xUrl": string;
|
|
1963
|
+
"youkuImageAlt": string;
|
|
1964
|
+
"youkuImageUrl": string;
|
|
1935
1965
|
"youkuUrl": string;
|
|
1966
|
+
"youtubeImageAlt": string;
|
|
1967
|
+
"youtubeImageUrl": string;
|
|
1936
1968
|
"youtubeUrl": string;
|
|
1937
1969
|
}
|
|
1938
1970
|
interface PtcSocialShare {
|
|
@@ -2553,6 +2585,18 @@ declare global {
|
|
|
2553
2585
|
prototype: HTMLAuthorListingExampleElement;
|
|
2554
2586
|
new (): HTMLAuthorListingExampleElement;
|
|
2555
2587
|
};
|
|
2588
|
+
interface HTMLBlogDetailContentElement extends Components.BlogDetailContent, HTMLStencilElement {
|
|
2589
|
+
}
|
|
2590
|
+
var HTMLBlogDetailContentElement: {
|
|
2591
|
+
prototype: HTMLBlogDetailContentElement;
|
|
2592
|
+
new (): HTMLBlogDetailContentElement;
|
|
2593
|
+
};
|
|
2594
|
+
interface HTMLBlogDetailLayoutElement extends Components.BlogDetailLayout, HTMLStencilElement {
|
|
2595
|
+
}
|
|
2596
|
+
var HTMLBlogDetailLayoutElement: {
|
|
2597
|
+
prototype: HTMLBlogDetailLayoutElement;
|
|
2598
|
+
new (): HTMLBlogDetailLayoutElement;
|
|
2599
|
+
};
|
|
2556
2600
|
interface HTMLBlogsSearchSectionElement extends Components.BlogsSearchSection, HTMLStencilElement {
|
|
2557
2601
|
}
|
|
2558
2602
|
var HTMLBlogsSearchSectionElement: {
|
|
@@ -3045,6 +3089,12 @@ declare global {
|
|
|
3045
3089
|
prototype: HTMLPtcNavPillsElement;
|
|
3046
3090
|
new (): HTMLPtcNavPillsElement;
|
|
3047
3091
|
};
|
|
3092
|
+
interface HTMLPtcNavSkipToContentElement extends Components.PtcNavSkipToContent, HTMLStencilElement {
|
|
3093
|
+
}
|
|
3094
|
+
var HTMLPtcNavSkipToContentElement: {
|
|
3095
|
+
prototype: HTMLPtcNavSkipToContentElement;
|
|
3096
|
+
new (): HTMLPtcNavSkipToContentElement;
|
|
3097
|
+
};
|
|
3048
3098
|
interface HTMLPtcNavSliderElement extends Components.PtcNavSlider, HTMLStencilElement {
|
|
3049
3099
|
}
|
|
3050
3100
|
var HTMLPtcNavSliderElement: {
|
|
@@ -3285,6 +3335,12 @@ declare global {
|
|
|
3285
3335
|
prototype: HTMLPtcSlitCardElement;
|
|
3286
3336
|
new (): HTMLPtcSlitCardElement;
|
|
3287
3337
|
};
|
|
3338
|
+
interface HTMLPtcSocialIconsElement extends Components.PtcSocialIcons, HTMLStencilElement {
|
|
3339
|
+
}
|
|
3340
|
+
var HTMLPtcSocialIconsElement: {
|
|
3341
|
+
prototype: HTMLPtcSocialIconsElement;
|
|
3342
|
+
new (): HTMLPtcSocialIconsElement;
|
|
3343
|
+
};
|
|
3288
3344
|
interface HTMLPtcSocialIconsFooterElement extends Components.PtcSocialIconsFooter, HTMLStencilElement {
|
|
3289
3345
|
}
|
|
3290
3346
|
var HTMLPtcSocialIconsFooterElement: {
|
|
@@ -3498,6 +3554,8 @@ declare global {
|
|
|
3498
3554
|
interface HTMLElementTagNameMap {
|
|
3499
3555
|
"academic-form-test": HTMLAcademicFormTestElement;
|
|
3500
3556
|
"author-listing-example": HTMLAuthorListingExampleElement;
|
|
3557
|
+
"blog-detail-content": HTMLBlogDetailContentElement;
|
|
3558
|
+
"blog-detail-layout": HTMLBlogDetailLayoutElement;
|
|
3501
3559
|
"blogs-search-section": HTMLBlogsSearchSectionElement;
|
|
3502
3560
|
"bundle-example": HTMLBundleExampleElement;
|
|
3503
3561
|
"bundle-jumbotron-example": HTMLBundleJumbotronExampleElement;
|
|
@@ -3580,6 +3638,7 @@ declare global {
|
|
|
3580
3638
|
"ptc-nav-card": HTMLPtcNavCardElement;
|
|
3581
3639
|
"ptc-nav-link": HTMLPtcNavLinkElement;
|
|
3582
3640
|
"ptc-nav-pills": HTMLPtcNavPillsElement;
|
|
3641
|
+
"ptc-nav-skip-to-content": HTMLPtcNavSkipToContentElement;
|
|
3583
3642
|
"ptc-nav-slider": HTMLPtcNavSliderElement;
|
|
3584
3643
|
"ptc-nav-submenu": HTMLPtcNavSubmenuElement;
|
|
3585
3644
|
"ptc-nav-tile": HTMLPtcNavTileElement;
|
|
@@ -3620,6 +3679,7 @@ declare global {
|
|
|
3620
3679
|
"ptc-showcase-card": HTMLPtcShowcaseCardElement;
|
|
3621
3680
|
"ptc-skeleton": HTMLPtcSkeletonElement;
|
|
3622
3681
|
"ptc-slit-card": HTMLPtcSlitCardElement;
|
|
3682
|
+
"ptc-social-icons": HTMLPtcSocialIconsElement;
|
|
3623
3683
|
"ptc-social-icons-footer": HTMLPtcSocialIconsFooterElement;
|
|
3624
3684
|
"ptc-social-share": HTMLPtcSocialShareElement;
|
|
3625
3685
|
"ptc-spacer": HTMLPtcSpacerElement;
|
|
@@ -3663,6 +3723,14 @@ declare namespace LocalJSX {
|
|
|
3663
3723
|
interface AuthorListingExample {
|
|
3664
3724
|
"defaultAuthorImage"?: string;
|
|
3665
3725
|
}
|
|
3726
|
+
interface BlogDetailContent {
|
|
3727
|
+
/**
|
|
3728
|
+
* PROPS
|
|
3729
|
+
*/
|
|
3730
|
+
"scrollIntoViewOffset"?: number;
|
|
3731
|
+
}
|
|
3732
|
+
interface BlogDetailLayout {
|
|
3733
|
+
}
|
|
3666
3734
|
interface BlogsSearchSection {
|
|
3667
3735
|
"noResultButton"?: string;
|
|
3668
3736
|
"noResultH3"?: string;
|
|
@@ -4381,6 +4449,9 @@ declare namespace LocalJSX {
|
|
|
4381
4449
|
*/
|
|
4382
4450
|
"getQuizEndpoint"?: string;
|
|
4383
4451
|
"onOptionClick"?: (event: PtcEmbeddedQuizCustomEvent<any>) => void;
|
|
4452
|
+
"previousButtonText"?: string;
|
|
4453
|
+
"restartQuizText"?: string;
|
|
4454
|
+
"startButtonText"?: string;
|
|
4384
4455
|
}
|
|
4385
4456
|
interface PtcFeaturedList {
|
|
4386
4457
|
}
|
|
@@ -4563,6 +4634,8 @@ declare namespace LocalJSX {
|
|
|
4563
4634
|
"variant"?: 'image' | 'text';
|
|
4564
4635
|
}
|
|
4565
4636
|
interface PtcInlineCta {
|
|
4637
|
+
"containerIsShadow"?: boolean;
|
|
4638
|
+
"containerSelector"?: string;
|
|
4566
4639
|
/**
|
|
4567
4640
|
* PROPS
|
|
4568
4641
|
*/
|
|
@@ -4575,6 +4648,7 @@ declare namespace LocalJSX {
|
|
|
4575
4648
|
"gifSrc"?: string;
|
|
4576
4649
|
"hasCtaSlot"?: boolean;
|
|
4577
4650
|
"hasPopupVideo"?: boolean;
|
|
4651
|
+
"isBlogDetail"?: boolean;
|
|
4578
4652
|
"isHomepage"?: boolean;
|
|
4579
4653
|
"isIframe"?: boolean;
|
|
4580
4654
|
"isTransitioning"?: boolean;
|
|
@@ -4582,6 +4656,7 @@ declare namespace LocalJSX {
|
|
|
4582
4656
|
"mainTitle"?: string;
|
|
4583
4657
|
"pauseButtonTitle"?: string;
|
|
4584
4658
|
"playButtonTitle"?: string;
|
|
4659
|
+
"pngImgStyles"?: string;
|
|
4585
4660
|
"pngSrc"?: string;
|
|
4586
4661
|
/**
|
|
4587
4662
|
* (optional) Injected CSS styles
|
|
@@ -4878,6 +4953,10 @@ declare namespace LocalJSX {
|
|
|
4878
4953
|
}
|
|
4879
4954
|
interface PtcNavPills {
|
|
4880
4955
|
}
|
|
4956
|
+
interface PtcNavSkipToContent {
|
|
4957
|
+
"buttonText"?: string;
|
|
4958
|
+
"sectionId"?: string;
|
|
4959
|
+
}
|
|
4881
4960
|
interface PtcNavSlider {
|
|
4882
4961
|
"sliderId"?: string;
|
|
4883
4962
|
}
|
|
@@ -4919,14 +4998,6 @@ declare namespace LocalJSX {
|
|
|
4919
4998
|
* News Image
|
|
4920
4999
|
*/
|
|
4921
5000
|
"newsImageAlt"?: string;
|
|
4922
|
-
/**
|
|
4923
|
-
* News Secondary Title
|
|
4924
|
-
*/
|
|
4925
|
-
"newsSecondaryTitle"?: string;
|
|
4926
|
-
/**
|
|
4927
|
-
* News summary
|
|
4928
|
-
*/
|
|
4929
|
-
"newsSummary"?: string;
|
|
4930
5001
|
/**
|
|
4931
5002
|
* News tag
|
|
4932
5003
|
*/
|
|
@@ -5635,16 +5706,37 @@ declare namespace LocalJSX {
|
|
|
5635
5706
|
*/
|
|
5636
5707
|
"target"?: string;
|
|
5637
5708
|
}
|
|
5709
|
+
interface PtcSocialIcons {
|
|
5710
|
+
"emailTo"?: string;
|
|
5711
|
+
"facebookUrl"?: string;
|
|
5712
|
+
"linkedinUrl"?: string;
|
|
5713
|
+
"target"?: string;
|
|
5714
|
+
"xUrl"?: string;
|
|
5715
|
+
}
|
|
5638
5716
|
interface PtcSocialIconsFooter {
|
|
5717
|
+
"facebookImageAlt"?: string;
|
|
5718
|
+
"facebookImageUrl"?: string;
|
|
5639
5719
|
"facebookUrl"?: string;
|
|
5720
|
+
"instagramImageAlt"?: string;
|
|
5721
|
+
"instagramImageUrl"?: string;
|
|
5640
5722
|
"instagramUrl"?: string;
|
|
5723
|
+
"linkedinImageAlt"?: string;
|
|
5724
|
+
"linkedinImageUrl"?: string;
|
|
5641
5725
|
"linkedinUrl"?: string;
|
|
5642
5726
|
"target"?: string;
|
|
5643
5727
|
"wechatQrImageAltText"?: string;
|
|
5644
5728
|
"wechatQrImageUrl"?: string;
|
|
5729
|
+
"weiboImageAlt"?: string;
|
|
5730
|
+
"weiboImageUrl"?: string;
|
|
5645
5731
|
"weiboUrl"?: string;
|
|
5732
|
+
"xImageAlt"?: string;
|
|
5733
|
+
"xImageUrl"?: string;
|
|
5646
5734
|
"xUrl"?: string;
|
|
5735
|
+
"youkuImageAlt"?: string;
|
|
5736
|
+
"youkuImageUrl"?: string;
|
|
5647
5737
|
"youkuUrl"?: string;
|
|
5738
|
+
"youtubeImageAlt"?: string;
|
|
5739
|
+
"youtubeImageUrl"?: string;
|
|
5648
5740
|
"youtubeUrl"?: string;
|
|
5649
5741
|
}
|
|
5650
5742
|
interface PtcSocialShare {
|
|
@@ -6088,6 +6180,8 @@ declare namespace LocalJSX {
|
|
|
6088
6180
|
interface IntrinsicElements {
|
|
6089
6181
|
"academic-form-test": AcademicFormTest;
|
|
6090
6182
|
"author-listing-example": AuthorListingExample;
|
|
6183
|
+
"blog-detail-content": BlogDetailContent;
|
|
6184
|
+
"blog-detail-layout": BlogDetailLayout;
|
|
6091
6185
|
"blogs-search-section": BlogsSearchSection;
|
|
6092
6186
|
"bundle-example": BundleExample;
|
|
6093
6187
|
"bundle-jumbotron-example": BundleJumbotronExample;
|
|
@@ -6170,6 +6264,7 @@ declare namespace LocalJSX {
|
|
|
6170
6264
|
"ptc-nav-card": PtcNavCard;
|
|
6171
6265
|
"ptc-nav-link": PtcNavLink;
|
|
6172
6266
|
"ptc-nav-pills": PtcNavPills;
|
|
6267
|
+
"ptc-nav-skip-to-content": PtcNavSkipToContent;
|
|
6173
6268
|
"ptc-nav-slider": PtcNavSlider;
|
|
6174
6269
|
"ptc-nav-submenu": PtcNavSubmenu;
|
|
6175
6270
|
"ptc-nav-tile": PtcNavTile;
|
|
@@ -6210,6 +6305,7 @@ declare namespace LocalJSX {
|
|
|
6210
6305
|
"ptc-showcase-card": PtcShowcaseCard;
|
|
6211
6306
|
"ptc-skeleton": PtcSkeleton;
|
|
6212
6307
|
"ptc-slit-card": PtcSlitCard;
|
|
6308
|
+
"ptc-social-icons": PtcSocialIcons;
|
|
6213
6309
|
"ptc-social-icons-footer": PtcSocialIconsFooter;
|
|
6214
6310
|
"ptc-social-share": PtcSocialShare;
|
|
6215
6311
|
"ptc-spacer": PtcSpacer;
|
|
@@ -6253,6 +6349,8 @@ declare module "@stencil/core" {
|
|
|
6253
6349
|
interface IntrinsicElements {
|
|
6254
6350
|
"academic-form-test": LocalJSX.AcademicFormTest & JSXBase.HTMLAttributes<HTMLAcademicFormTestElement>;
|
|
6255
6351
|
"author-listing-example": LocalJSX.AuthorListingExample & JSXBase.HTMLAttributes<HTMLAuthorListingExampleElement>;
|
|
6352
|
+
"blog-detail-content": LocalJSX.BlogDetailContent & JSXBase.HTMLAttributes<HTMLBlogDetailContentElement>;
|
|
6353
|
+
"blog-detail-layout": LocalJSX.BlogDetailLayout & JSXBase.HTMLAttributes<HTMLBlogDetailLayoutElement>;
|
|
6256
6354
|
"blogs-search-section": LocalJSX.BlogsSearchSection & JSXBase.HTMLAttributes<HTMLBlogsSearchSectionElement>;
|
|
6257
6355
|
"bundle-example": LocalJSX.BundleExample & JSXBase.HTMLAttributes<HTMLBundleExampleElement>;
|
|
6258
6356
|
"bundle-jumbotron-example": LocalJSX.BundleJumbotronExample & JSXBase.HTMLAttributes<HTMLBundleJumbotronExampleElement>;
|
|
@@ -6335,6 +6433,7 @@ declare module "@stencil/core" {
|
|
|
6335
6433
|
"ptc-nav-card": LocalJSX.PtcNavCard & JSXBase.HTMLAttributes<HTMLPtcNavCardElement>;
|
|
6336
6434
|
"ptc-nav-link": LocalJSX.PtcNavLink & JSXBase.HTMLAttributes<HTMLPtcNavLinkElement>;
|
|
6337
6435
|
"ptc-nav-pills": LocalJSX.PtcNavPills & JSXBase.HTMLAttributes<HTMLPtcNavPillsElement>;
|
|
6436
|
+
"ptc-nav-skip-to-content": LocalJSX.PtcNavSkipToContent & JSXBase.HTMLAttributes<HTMLPtcNavSkipToContentElement>;
|
|
6338
6437
|
"ptc-nav-slider": LocalJSX.PtcNavSlider & JSXBase.HTMLAttributes<HTMLPtcNavSliderElement>;
|
|
6339
6438
|
"ptc-nav-submenu": LocalJSX.PtcNavSubmenu & JSXBase.HTMLAttributes<HTMLPtcNavSubmenuElement>;
|
|
6340
6439
|
"ptc-nav-tile": LocalJSX.PtcNavTile & JSXBase.HTMLAttributes<HTMLPtcNavTileElement>;
|
|
@@ -6375,6 +6474,7 @@ declare module "@stencil/core" {
|
|
|
6375
6474
|
"ptc-showcase-card": LocalJSX.PtcShowcaseCard & JSXBase.HTMLAttributes<HTMLPtcShowcaseCardElement>;
|
|
6376
6475
|
"ptc-skeleton": LocalJSX.PtcSkeleton & JSXBase.HTMLAttributes<HTMLPtcSkeletonElement>;
|
|
6377
6476
|
"ptc-slit-card": LocalJSX.PtcSlitCard & JSXBase.HTMLAttributes<HTMLPtcSlitCardElement>;
|
|
6477
|
+
"ptc-social-icons": LocalJSX.PtcSocialIcons & JSXBase.HTMLAttributes<HTMLPtcSocialIconsElement>;
|
|
6378
6478
|
"ptc-social-icons-footer": LocalJSX.PtcSocialIconsFooter & JSXBase.HTMLAttributes<HTMLPtcSocialIconsFooterElement>;
|
|
6379
6479
|
"ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;
|
|
6380
6480
|
"ptc-spacer": LocalJSX.PtcSpacer & JSXBase.HTMLAttributes<HTMLPtcSpacerElement>;
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
|
-
# PTC Design 4.9.
|
|
3
|
+
# PTC Design 4.9.6
|
|
4
4
|
|
|
5
5
|
The site is the place for documentation on PTC Design System
|
|
6
6
|
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-63ddc79c.js');
|
|
6
|
-
|
|
7
|
-
const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}";
|
|
8
|
-
|
|
9
|
-
const PtcReadmoreV2 = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.readMoreClicked = index.createEvent(this, "readMoreClicked", 7);
|
|
13
|
-
this.readMoreRendered = index.createEvent(this, "readMoreRendered", 7);
|
|
14
|
-
this.getContent = () => {
|
|
15
|
-
return (this.fullText.length > this.maxCharacters) ?
|
|
16
|
-
this.fullText.substring(0, this.maxCharacters) + '...' :
|
|
17
|
-
this.fullText;
|
|
18
|
-
};
|
|
19
|
-
this.getLabel = () => {
|
|
20
|
-
return this.expanded ? this.readLessText : this.readMoreText;
|
|
21
|
-
};
|
|
22
|
-
this.maxCharacters = 100;
|
|
23
|
-
this.readMoreText = "Read More";
|
|
24
|
-
this.readLessText = "Read Less";
|
|
25
|
-
this.truncated = false;
|
|
26
|
-
this.expanded = false;
|
|
27
|
-
this.fullText = '';
|
|
28
|
-
this.displayText = '';
|
|
29
|
-
}
|
|
30
|
-
slotChangeHandler(event) {
|
|
31
|
-
const slot = event.target;
|
|
32
|
-
this.processText(slot);
|
|
33
|
-
}
|
|
34
|
-
componentWillLoad() {
|
|
35
|
-
requestAnimationFrame(() => {
|
|
36
|
-
let slot = this.el.shadowRoot.querySelector('slot');
|
|
37
|
-
this.processText(slot);
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
processText(slot) {
|
|
41
|
-
if (slot) {
|
|
42
|
-
const nodes = slot.assignedNodes({ flatten: true });
|
|
43
|
-
this.fullText = nodes
|
|
44
|
-
.map(node => node.textContent)
|
|
45
|
-
.join('')
|
|
46
|
-
.trim();
|
|
47
|
-
if (this.fullText.length > this.maxCharacters) {
|
|
48
|
-
this.truncated = true;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
toggleExpand() {
|
|
53
|
-
this.expanded = !this.expanded;
|
|
54
|
-
this.readMoreClicked.emit(this.expanded);
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
return (index.h(index.Host, null, index.h("p", { class: "description" }, this.truncated ?
|
|
58
|
-
(this.expanded ? index.h("slot", null) : this.getContent()) :
|
|
59
|
-
index.h("slot", null)), this.truncated ?
|
|
60
|
-
index.h("label", { class: "truncated-label", onClick: () => this.toggleExpand() }, this.getLabel()) :
|
|
61
|
-
null));
|
|
62
|
-
}
|
|
63
|
-
get el() { return index.getElement(this); }
|
|
64
|
-
};
|
|
65
|
-
PtcReadmoreV2.style = ptcReadmoreV2Css;
|
|
66
|
-
|
|
67
|
-
exports.ptc_readmore_v2 = PtcReadmoreV2;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
|
|
2
|
-
|
|
3
|
-
const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}";
|
|
4
|
-
|
|
5
|
-
const PtcReadmoreV2 = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.readMoreClicked = createEvent(this, "readMoreClicked", 7);
|
|
9
|
-
this.readMoreRendered = createEvent(this, "readMoreRendered", 7);
|
|
10
|
-
this.getContent = () => {
|
|
11
|
-
return (this.fullText.length > this.maxCharacters) ?
|
|
12
|
-
this.fullText.substring(0, this.maxCharacters) + '...' :
|
|
13
|
-
this.fullText;
|
|
14
|
-
};
|
|
15
|
-
this.getLabel = () => {
|
|
16
|
-
return this.expanded ? this.readLessText : this.readMoreText;
|
|
17
|
-
};
|
|
18
|
-
this.maxCharacters = 100;
|
|
19
|
-
this.readMoreText = "Read More";
|
|
20
|
-
this.readLessText = "Read Less";
|
|
21
|
-
this.truncated = false;
|
|
22
|
-
this.expanded = false;
|
|
23
|
-
this.fullText = '';
|
|
24
|
-
this.displayText = '';
|
|
25
|
-
}
|
|
26
|
-
slotChangeHandler(event) {
|
|
27
|
-
const slot = event.target;
|
|
28
|
-
this.processText(slot);
|
|
29
|
-
}
|
|
30
|
-
componentWillLoad() {
|
|
31
|
-
requestAnimationFrame(() => {
|
|
32
|
-
let slot = this.el.shadowRoot.querySelector('slot');
|
|
33
|
-
this.processText(slot);
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
processText(slot) {
|
|
37
|
-
if (slot) {
|
|
38
|
-
const nodes = slot.assignedNodes({ flatten: true });
|
|
39
|
-
this.fullText = nodes
|
|
40
|
-
.map(node => node.textContent)
|
|
41
|
-
.join('')
|
|
42
|
-
.trim();
|
|
43
|
-
if (this.fullText.length > this.maxCharacters) {
|
|
44
|
-
this.truncated = true;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
toggleExpand() {
|
|
49
|
-
this.expanded = !this.expanded;
|
|
50
|
-
this.readMoreClicked.emit(this.expanded);
|
|
51
|
-
}
|
|
52
|
-
render() {
|
|
53
|
-
return (h(Host, null, h("p", { class: "description" }, this.truncated ?
|
|
54
|
-
(this.expanded ? h("slot", null) : this.getContent()) :
|
|
55
|
-
h("slot", null)), this.truncated ?
|
|
56
|
-
h("label", { class: "truncated-label", onClick: () => this.toggleExpand() }, this.getLabel()) :
|
|
57
|
-
null));
|
|
58
|
-
}
|
|
59
|
-
get el() { return getElement(this); }
|
|
60
|
-
};
|
|
61
|
-
PtcReadmoreV2.style = ptcReadmoreV2Css;
|
|
62
|
-
|
|
63
|
-
export { PtcReadmoreV2 as ptc_readmore_v2 };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as n,F as a}from"./p-ac75c7ad.js";const l={0:"green",1:"blue",2:"gray"},o=class{constructor(i){t(this,i),this.captureSlots=()=>{var t,i,e,n;this.image=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector('[slot="cta-image"]'),this.cta=null===(i=this.hostEle)||void 0===i?void 0:i.querySelector('[slot="cta-link"]');const a=null===(e=this.hostEle)||void 0===e?void 0:e.querySelector('[slot="cta-heading"]'),l=null===(n=this.hostEle)||void 0===n?void 0:n.querySelector('[slot="cta-description"]');this.heading=(null==a?void 0:a.innerText)||"",this.description=(null==l?void 0:l.innerText)||""},this.setBgColor=()=>{document.querySelectorAll('ptc-inline-cta[type="big"]').forEach(((t,i)=>{var e,n;if(t==this.hostEle){const t=Object.keys(l).length,a=l[i%t],o=null===(n=null===(e=this.hostEle)||void 0===e?void 0:e.shadowRoot)||void 0===n?void 0:n.querySelector(".big-inline-cta-container");o&&o.classList.add(a)}}))},this.componentWillLoad=()=>{this.captureSlots()},this.componentDidLoad=()=>{"big"===this.type&&this.setBgColor()},this.type=void 0,this.image=void 0,this.heading="",this.description="",this.cta=void 0}render(){const t=()=>{var t,e,n,l,o,r,c;return i("div",{class:"small-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(n=this.image)||void 0===n?void 0:n.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\t\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body"},i("a",{class:"cta-body-inner link-wrapper",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target},!!this.heading&&i("ptc-title",{"seo-compatibility-mode":!0,type:"h4","title-size":"medium","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},i("h4",null,this.heading)),!!this.description&&i(a,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.description)),!!(null===(r=this.cta)||void 0===r?void 0:r.href)&&i(a,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-link",{disabled:!1,"font-size":"small",theme:"d-green-underline",styles:".d-green-underline {line-height: var(--ptc-line-height-p)}"},null===(c=this.cta)||void 0===c?void 0:c.innerText))))))},n=()=>{var t,e,n,l,o,r,c;return i("div",{class:"big-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(n=this.image)||void 0===n?void 0:n.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}; \r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body"},i("a",{class:"cta-body-inner link-wrapper",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target},!!this.heading&&i("ptc-title",{"seo-compatibility-mode":!0,type:"h3","title-size":"large","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},i("h3",null,this.heading)),!!this.description&&i(a,null,i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.description)),!!(null===(r=this.cta)||void 0===r?void 0:r.href)&&i(a,null,i("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),i("ptc-spacer",{breakpoint:"small",size:"x-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"x-small"}),i("ptc-spacer",{breakpoint:"small",size:"xx-small"}),i("ptc-button",{color:"ptc-tertiary",disabled:!1,type:"button",styles:".ptc-tertiary {border: 2px solid #FFFFFF}"},null===(c=this.cta)||void 0===c?void 0:c.innerText))))))},l=()=>{var t,e,n,l,o,r,c;return i("div",{class:"bottom-inline-cta-container"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(n=this.image)||void 0===n?void 0:n.src,styles:":host {height: 100%;}"})),i("a",{class:"cta-body link-wrapper",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target},!!this.heading&&i("ptc-title",{"seo-compatibility-mode":!0,type:"h2","title-size":"xx-large","title-weight":"w-8","title-line-h":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},i("h2",null,this.heading)),!!this.description&&i(a,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-line-h":"line-height-p","para-margin":"margin-bottom-4"},this.description)),!!(null===(r=this.cta)||void 0===r?void 0:r.href)&&i("ptc-button",{color:"ptc-primary",disabled:!1,type:"button"},null===(c=this.cta)||void 0===c?void 0:c.innerText)))};return i(e,null,i("div",{class:"ptc-section"},i((()=>{switch(this.type){case"small":return i(t,null);case"big":return i(n,null);case"bottom":return i(l,null);default:return null}}),null)))}get hostEle(){return n(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center;margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}@media only screen and (min-width: 768px){:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + var(--ptc-element-spacing-04) + var(--ptc-element-spacing-04));position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px;align-self:stretch}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center;margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#FFF;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none}:host .bottom-inline-cta-container .cta-body{flex:none}:host .bottom-inline-cta-container .cta-body.link-wrapper{outline:none;text-decoration:none}:host .bottom-inline-cta-container .cta-body.link-wrapper:hover{outline:none;text-decoration:none}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row}:host .bottom-inline-cta-container .cta-image{flex:1 0 0;align-self:stretch}:host .bottom-inline-cta-container .cta-body{flex:1 0 0}}";export{o as ptc_inline_cta}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as a,g as n,F as l}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.optionClick=i(this,"optionClick",7),this.getQuizEndpoint=void 0,this.quiz=null,this.slide=null,this.traversal=[]}handleStartButtonClick(){this.slide=this.slide.next,this.traversal.push("next")}handleRestartButtonClick(){this.slide=this.quiz,this.traversal=[]}handlePreviousButtonClick(){let t=this.quiz;for(let i of this.traversal.slice(0,this.traversal.length-3))t=t[i];this.slide=t,this.traversal=this.traversal.slice(0,this.traversal.length-3)}handleQuestionOptionClick(t){let i=this.el.shadowRoot.getElementById(`radio-${t}`);i.classList.add("clicked"),setTimeout((()=>{let[e,a]=[null,null],n=this.slide.options;for(let i in n)if(n[i]["data-model-id"]===t){e=n[i],a=i;break}if(this.optionClick.emit(e),null!=e.next){this.traversal=[...this.traversal,"options",a,"next"];let t=new Image;t.src=e.next.image,t.onload=()=>{this.slide=e.next,i.classList.remove("clicked")}}}),200)}componentWillLoad(){fetch(this.getQuizEndpoint).then((t=>t.json())).then((t=>{this.quiz=t,this.slide=this.quiz})).catch((t=>console.log("Quiz retireval error: ",t)))}render(){const t=()=>e("div",{class:"right-button-container"},e("div",{class:"restart-quiz-button",onClick:()=>this.handleRestartButtonClick()},e("icon-asset",{id:"restart-arrow",type:"ptc",size:"small",name:"quiz-arrow-restart"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Restart"))),i=t=>e("div",{class:"center-button-container"},e("div",{class:"previous-slide-button "+(t.invisible?"invisible":""),onClick:()=>this.handlePreviousButtonClick()},e("icon-asset",{id:"left-arrow",type:"ptc",size:"medium",name:"quiz-arrow-left",onClick:()=>{}}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Previous"))),n=()=>e("div",{class:"quiz-slide-initial"},e("div",{class:"quiz-slide-content"},e("div",{id:"initial-quiz-h2",class:"quiz-slide-text-container"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8","is-plm-hub":"false"},this.slide.h2)),e("ptc-spacer",{size:"medium",breakpoint:"small"}),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-h3",class:"quiz-slide-text-container"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.h3)),e("ptc-spacer",{size:"x-large",breakpoint:"small"}),e("ptc-spacer",{size:"xx-large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-p",class:"quiz-slide-text-container"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.slide.p)),e("div",{class:"center-button-container"},e("div",{id:"quiz-start-button",onClick:()=>this.handleStartButtonClick()},e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"",target:"_blank"},"Start"))))),s=()=>e("div",{class:"quiz-slide-question"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-title",{type:"h4","text-align":"left","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.question),e("div",{class:"options-container"},this.slide.options.map((t=>e("div",{class:"radio-input",onClick:()=>this.handleQuestionOptionClick(t["data-model-id"])},e("span",{id:`radio-${t["data-model-id"]}`,class:"radio"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t["data-value"]))))))))),r=()=>e("div",{class:"quiz-slide-result"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-title",{type:"h4","text-align":"left","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.title),e("ptc-spacer",{size:"large",breakpoint:"small"}),e("ptc-spacer",{size:"x-large",breakpoint:"x-small"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-bottom-6","para-style":"","para-z-index":"z-1",styles:""},this.slide.description),e("div",{class:"cta-container"},this.slide["cta-quaternary"]&&e("ptc-button",{type:"link",target:this.slide["cta-quaternary"].target,color:"ptc-quaternary","link-href":this.slide["cta-quaternary"].href},this.slide["cta-quaternary"].text),this.slide["cta-tertiary"]&&e("ptc-button",{type:"link",target:this.slide["cta-tertiary"].target,color:"ptc-tertiary","link-href":this.slide["cta-tertiary"].href},this.slide["cta-tertiary"].text))))));return e(a,null,this.quiz&&e("div",{class:"quiz-slide-container"},e("div",{class:"quiz-slide-background"}),e("slot",{name:"seo-content"}),(()=>{switch(this.slide["slide-type"]){case"initial":return e(n,null);case"question":return e(l,null,e(t,null),e(s,null),this.traversal.length>1?e(i,null):null);case"result":return e(l,null,e(t,null),e(r,null),e(i,null));default:return null}})()))}get el(){return n(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white;z-index:1}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://www.ptc.com/-/media/Development/Embedded-Vuforia-Quiz/vuforia-background-guide-01.svg");background-size:cover;background-position:center;opacity:0.2;z-index:-1}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{z-index:2;margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{z-index:2;display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{margin-top:var(--ptc-element-spacing-06);padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap;z-index:2}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start;display:flex;align-items:flex-start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio{width:16px;height:16px;border-radius:var(--ptc-border-radius-circle);border:var(--color-gray-10) solid 1px;z-index:2;padding:3px;box-sizing:border-box;flex-shrink:0;margin-top:var(--ptc-element-spacing-01);background-color:white}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked{border:var(--color-blue-08) solid 1px;background:var(--color-blue-08);background-clip:content-box, padding-box}:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio{box-shadow:var(--ptc-shadow-x-small)}@media only screen and (min-width: 768px){:host .quiz-slide-container{min-height:calc(10 * var(--ptc-element-spacing-08));position:relative}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{flex-shrink:0;display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}::slotted([slot=seo-content]){display:none}';export{s as ptc_embedded_quiz}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h,H as i,g as s}from"./p-ac75c7ad.js";const a=class{constructor(h){t(this,h),this.readMoreClicked=e(this,"readMoreClicked",7),this.readMoreRendered=e(this,"readMoreRendered",7),this.getContent=()=>this.fullText.length>this.maxCharacters?this.fullText.substring(0,this.maxCharacters)+"...":this.fullText,this.getLabel=()=>this.expanded?this.readLessText:this.readMoreText,this.maxCharacters=100,this.readMoreText="Read More",this.readLessText="Read Less",this.truncated=!1,this.expanded=!1,this.fullText="",this.displayText=""}slotChangeHandler(t){this.processText(t.target)}componentWillLoad(){requestAnimationFrame((()=>{let t=this.el.shadowRoot.querySelector("slot");this.processText(t)}))}processText(t){if(t){const e=t.assignedNodes({flatten:!0});this.fullText=e.map((t=>t.textContent)).join("").trim(),this.fullText.length>this.maxCharacters&&(this.truncated=!0)}}toggleExpand(){this.expanded=!this.expanded,this.readMoreClicked.emit(this.expanded)}render(){return h(i,null,h("p",{class:"description"},this.truncated?this.expanded?h("slot",null):this.getContent():h("slot",null)),this.truncated?h("label",{class:"truncated-label",onClick:()=>this.toggleExpand()},this.getLabel()):null)}get el(){return s(this)}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:"";padding-left:8px}';export{a as ptc_readmore_v2}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a,H as i,g as e}from"./p-ac75c7ad.js";const n=class{constructor(a){t(this,a),this.jumbotronType="light",this.hasPopupVideo=!1,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.isHomepage=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0,this.isTransitioning=void 0,this.styles=void 0,this.hasCtaSlot=void 0}componentWillLoad(){this.hasCtaSlot=!!this.el.querySelector('[slot="j-cta"]')}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){}render(){const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=a("div",{class:"mobile-media-image"},a("div",{class:"media-image-wrapper"},a("ptc-picture",{src:this.pngSrc}),this.hasPopupVideo&&this.isMobile?a("slot",{name:"video"}):null));break;case"gif":e=a("div",{class:"mobile-media-image gif-bg"},a("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":e=a("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc,isIframe:this.isIframe,"play-button-title":this.playButtonTitle,"pause-button-title":this.pauseButtonTitle,"button-location":this.buttonLocation}," ",this.hasPopupVideo&&this.isMobile?a("div",{class:"mobile-modal-play-btn"}," ",a("slot",{name:"video"})):null);break;case"dark":case"light":e=a("div",{class:"dl-img-wrap"},a("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"}),this.hasPopupVideo&&this.isMobile?a("div",{class:"mobile-modal-play-btn"}," ",a("slot",{name:"video"})):null);break;default:e=a("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return a(i,{class:t},this.styles&&a("style",null,this.styles),a("div",{class:{parent:!0,"light-links":"dark"===this.jumbotronType||"dark-video"===this.jumbotronType,"hp-adjustments":this.isHomepage,transitioning:this.isTransitioning}},a("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},e),a("div",{class:"div2 content-container"},a("div",{class:"bg-overlay",style:{background:this.contentBackground}}),a("div",{class:{"ptc-container":!0,"content-layout":!0,"hp-container":this.isHomepage}},a("max-width-container",{"max-width-p":"60",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},a("slot",{name:"breadcrumb"}),a("span",{class:"main-content-items"},a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("slot",{name:"main-title"}),a("slot",{name:"hp-sub-title"}),("text"!==this.jumbotronType||"text"===this.jumbotronType&&this.subTitle)&&!this.isHomepage&&a("div",null,a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"})),!this.isHomepage&&a("ptc-para",{styles:`p{color: ${this.contentColor}!important;}`,"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"text"===this.jumbotronType?"margin-flush":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left","seo-compatibility-mode":!0},a("p",{innerHTML:this.subTitle})),this.hasCtaSlot&&a("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},a("slot",{name:"j-cta"})))),this.hasPopupVideo&&"png"!==this.jumbotronType?a("slot",{name:"video"}):null,"png"===this.jumbotronType?a("div",{class:"desktop-media-image"},a("div",{class:"media-image-wrapper"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc}),this.hasPopupVideo?a("slot",{name:"video"}):null)):null,"gif"===this.jumbotronType?a("div",{class:"desktop-media-image desk-gif-adjustment"},a("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType,"png-jumbotron":"png"===this.jumbotronType,"gif-jumbotron":"gif"===this.jumbotronType,"dark-video-jumbotron light-links":"dark-video"===this.jumbotronType,"light-video-jumbotron":"light-video"===this.jumbotronType,"dark-jumbotron light-links":"dark"===this.jumbotronType,"light-jumbotron":"light"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="var(--color-white)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return e(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.hp-adjustments{background-color:var(--color-black)}@media screen and (min-height: 600px){.hp-adjustments{height:90vh}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%}@media screen and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}";export{n as ptc_jumbotron}
|