@ptcwebops/ptcw-design 6.2.22-beta → 6.2.22
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/{component-4dd13907.js → component-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +4 -2
- package/dist/cjs/event-podcast-slider-example.cjs.entry.js +13 -7
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset_4.cjs.entry.js +817 -0
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/interfaces-574e6df7.js +15 -0
- package/dist/cjs/list-item.cjs.entry.js +48 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +54 -0
- package/dist/cjs/ptc-announcement.cjs.entry.js +2 -2
- package/dist/cjs/ptc-background-video.cjs.entry.js +102 -0
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +47 -0
- package/dist/cjs/ptc-button.cjs.entry.js +87 -0
- package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +3 -2
- package/dist/cjs/ptc-card_2.cjs.entry.js +11 -3
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +2 -19
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-tag_2.cjs.entry.js +15 -0
- package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +4 -786
- package/dist/cjs/ptc-icon-component.cjs.entry.js +45 -2
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +50 -3
- package/dist/cjs/ptc-img.cjs.entry.js +133 -0
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +151 -0
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +2 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
- package/dist/cjs/ptc-nav-link.cjs.entry.js +48 -0
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +106 -0
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +51 -0
- package/dist/cjs/ptc-para.cjs.entry.js +127 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +163 -0
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
- package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +70 -0
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +2 -2
- package/dist/cjs/ptc-subnav.cjs.entry.js +37 -0
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +2 -2
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/validation-messages-33a4f26b.js +126 -0
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/icon-asset/icon-asset.css +6 -0
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +13 -6
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +9 -2
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +25 -3
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +3 -1
- package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css +23 -71
- package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.js +12 -30
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +6 -0
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +1 -1
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +13 -6
- package/dist/collection/components/ptc-card/ptc-card.css +1 -0
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.css +2 -0
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +20 -1
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +13 -6
- package/dist/collection/components/ptc-close-icon/ptc-close-icon.js +1 -1
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +13 -6
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +13 -6
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.css +12 -0
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +44 -1
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +8 -0
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +67 -2
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +16 -8
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +19 -1
- package/dist/collection/components/ptc-modal/ptc-modal.css +13 -6
- package/dist/collection/components/ptc-modal/ptc-modal.js +2 -19
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +29 -0
- package/dist/collection/components/ptc-para/ptc-para.css +0 -3
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +13 -6
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +264 -26
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +9 -1
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +3 -2
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +13 -6
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +13 -6
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +13 -6
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +13 -6
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +13 -6
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +2 -2
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +13 -6
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +13 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +13 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +1 -1
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +9 -2
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +1 -4
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +1 -9
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +180 -183
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
- package/dist/esm/component-341e4eaa.js +1802 -0
- package/dist/esm/event-jumbotron-example.entry.js +4 -2
- package/dist/esm/event-podcast-slider-example.entry.js +13 -7
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/icon-asset_4.entry.js +810 -0
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/interfaces-4caedd26.js +12 -0
- package/dist/esm/list-item.entry.js +44 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/max-width-container.entry.js +50 -0
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +2 -2
- package/dist/esm/ptc-background-video.entry.js +98 -0
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +43 -0
- package/dist/esm/ptc-button.entry.js +83 -0
- package/dist/esm/ptc-card-bottom_2.entry.js +3 -2
- package/dist/esm/ptc-card_2.entry.js +11 -3
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +2 -19
- package/dist/esm/ptc-data-lookup.entry.js +2 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-filter-tag_2.entry.js +15 -0
- package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +4 -784
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +45 -2
- package/dist/esm/ptc-icon-minimize.entry.js +50 -3
- package/dist/esm/ptc-img.entry.js +129 -0
- package/dist/esm/ptc-jumbotron.entry.js +147 -0
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +2 -1
- package/dist/esm/ptc-multi-select_2.entry.js +665 -0
- package/dist/esm/ptc-nav-link.entry.js +44 -0
- package/dist/esm/ptc-nav-slider.entry.js +102 -0
- package/dist/esm/ptc-nav-submenu.entry.js +47 -0
- package/dist/esm/ptc-para.entry.js +123 -0
- package/dist/esm/ptc-picture.entry.js +159 -0
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +2 -10
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +34 -0
- package/dist/esm/ptc-sticky-section.entry.js +66 -0
- package/dist/esm/ptc-sticky-title.entry.js +2 -2
- package/dist/esm/ptc-subnav.entry.js +33 -0
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +2 -2
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-ff65c75b.js → utils-355f1d70.js} +1 -1
- package/dist/esm/validation-messages-adbb6518.js +124 -0
- package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
- package/dist/ptcw-design/{p-6a79e68e.entry.js → p-00ccc051.entry.js} +1 -1
- package/dist/ptcw-design/p-07b1afd5.entry.js +1 -0
- package/dist/ptcw-design/p-09def480.entry.js +1 -0
- package/dist/ptcw-design/p-0f32883f.entry.js +1 -0
- package/dist/ptcw-design/{p-abdd3b8e.entry.js → p-1056fdc7.entry.js} +1 -1
- package/dist/ptcw-design/p-18a5a338.js +1 -0
- package/dist/ptcw-design/p-1adea6a5.entry.js +1 -0
- package/dist/ptcw-design/p-235149b5.entry.js +1 -0
- package/dist/ptcw-design/p-2ab0f25c.entry.js +1 -0
- package/dist/ptcw-design/{p-dbb4e7f9.entry.js → p-30ec0036.entry.js} +1 -1
- package/dist/ptcw-design/{p-a560e839.entry.js → p-3815217a.entry.js} +1 -1
- package/dist/ptcw-design/p-39255f59.entry.js +1 -0
- package/dist/ptcw-design/p-3b6826c3.entry.js +1 -0
- package/dist/ptcw-design/{p-051ba8f9.entry.js → p-3d3328f9.entry.js} +1 -1
- package/dist/ptcw-design/p-3f935e06.entry.js +1 -0
- package/dist/ptcw-design/{p-9b60270e.entry.js → p-455bdea0.entry.js} +1 -1
- package/dist/ptcw-design/p-483e20af.entry.js +1 -0
- package/dist/ptcw-design/p-4ee29b78.entry.js +1 -0
- package/dist/ptcw-design/p-4f523245.entry.js +1 -0
- package/dist/ptcw-design/p-520542e2.entry.js +1 -0
- package/dist/ptcw-design/p-53d15f85.entry.js +1 -0
- package/dist/ptcw-design/{p-b1c1de30.entry.js → p-57360be3.entry.js} +1 -1
- package/dist/ptcw-design/p-57d86f12.entry.js +1 -0
- package/dist/ptcw-design/p-647dee4f.entry.js +1 -0
- package/dist/ptcw-design/p-66ddc281.entry.js +1 -0
- package/dist/ptcw-design/p-66f319f0.entry.js +1 -0
- package/dist/ptcw-design/p-69ef15d4.entry.js +1 -0
- package/dist/ptcw-design/{p-c9518684.entry.js → p-6b7d2579.entry.js} +1 -1
- package/dist/ptcw-design/p-6d0f7580.entry.js +1 -0
- package/dist/ptcw-design/p-6f8858c3.entry.js +1 -0
- package/dist/ptcw-design/p-711bcdad.js +1 -0
- package/dist/ptcw-design/p-770b269c.entry.js +1 -0
- package/dist/ptcw-design/p-788c2859.entry.js +1 -0
- package/dist/ptcw-design/p-794eebdb.entry.js +1 -0
- package/dist/ptcw-design/p-79762cf6.entry.js +1 -0
- package/dist/ptcw-design/{p-a220ab2c.entry.js → p-7a5c0d47.entry.js} +1 -1
- package/dist/ptcw-design/p-88ff7bc5.entry.js +1 -0
- package/dist/ptcw-design/{p-208ca9de.entry.js → p-8da51d65.entry.js} +1 -1
- package/dist/ptcw-design/p-9d8a9a72.entry.js +1 -0
- package/dist/ptcw-design/p-a4c68b6d.entry.js +1 -0
- package/dist/ptcw-design/p-ad4f4f33.entry.js +1 -0
- package/dist/ptcw-design/p-b0c99e8e.entry.js +1 -0
- package/dist/ptcw-design/{p-b4ba719a.entry.js → p-b1d85ece.entry.js} +1 -1
- package/dist/ptcw-design/p-b29e43cf.entry.js +1 -0
- package/dist/ptcw-design/{p-9e6fb4ba.entry.js → p-b9dd37cc.entry.js} +1 -1
- package/dist/ptcw-design/p-be533f0d.js +134 -0
- package/dist/ptcw-design/p-bf04c250.entry.js +1 -0
- package/dist/ptcw-design/p-c1513c3f.js +203 -0
- package/dist/ptcw-design/p-c2ab3f44.entry.js +68 -0
- package/dist/ptcw-design/{p-d871e7f7.entry.js → p-c5631974.entry.js} +1 -1
- package/dist/ptcw-design/{p-fc0d9251.entry.js → p-c811bca6.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a255901.entry.js → p-cb2b87bb.entry.js} +1 -1
- package/dist/ptcw-design/p-d4207d86.entry.js +1 -0
- package/dist/ptcw-design/p-d9ec506c.entry.js +1 -0
- package/dist/ptcw-design/p-dabb1b70.entry.js +1 -0
- package/dist/ptcw-design/{p-73a41148.entry.js → p-e05b1f0e.entry.js} +1 -1
- package/dist/ptcw-design/p-e487b592.entry.js +1 -0
- package/dist/ptcw-design/{p-bf076b87.entry.js → p-e6cb2dce.entry.js} +1 -1
- package/dist/ptcw-design/{p-0c862dbd.entry.js → p-e78596eb.entry.js} +1 -1
- package/dist/ptcw-design/{p-8872161f.js → p-ead9ebbc.js} +1 -1
- package/dist/ptcw-design/p-ec22d0b8.entry.js +1 -0
- package/dist/ptcw-design/p-edcad0f1.entry.js +1 -0
- package/dist/ptcw-design/p-f093f6f8.entry.js +1 -0
- package/dist/ptcw-design/p-f2006b03.entry.js +1 -0
- package/dist/ptcw-design/p-f31e17d9.entry.js +1 -0
- package/dist/ptcw-design/{p-2ee3a32b.entry.js → p-f6bfbe18.entry.js} +1 -1
- package/dist/ptcw-design/p-ffd5c822.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.d.ts +0 -1
- package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +2 -0
- package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +5 -0
- package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +2 -0
- package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +1 -0
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -2
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +3 -0
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
- package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +0 -1
- package/dist/types/components.d.ts +17 -21
- package/package.json +1 -1
- package/readme.md +1 -5
- package/dist/cjs/icon-asset_18.cjs.entry.js +0 -1501
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +0 -512
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
- package/dist/esm/icon-asset_18.entry.js +0 -1480
- package/dist/esm/modal-form-example.entry.js +0 -90
- package/dist/esm/ptc-collapse-list.entry.js +0 -508
- package/dist/ptcw-design/p-01ad1cc2.entry.js +0 -68
- package/dist/ptcw-design/p-0eb9ea11.entry.js +0 -1
- package/dist/ptcw-design/p-20388467.entry.js +0 -1
- package/dist/ptcw-design/p-20670bc5.entry.js +0 -1
- package/dist/ptcw-design/p-20d837a9.entry.js +0 -1
- package/dist/ptcw-design/p-20d84f63.entry.js +0 -1
- package/dist/ptcw-design/p-286e048c.entry.js +0 -1
- package/dist/ptcw-design/p-2d0a9613.entry.js +0 -1
- package/dist/ptcw-design/p-330e1a36.entry.js +0 -1
- package/dist/ptcw-design/p-3a7c5330.entry.js +0 -1
- package/dist/ptcw-design/p-3ada2482.entry.js +0 -1
- package/dist/ptcw-design/p-4e41c031.entry.js +0 -1
- package/dist/ptcw-design/p-4e8c87e1.entry.js +0 -1
- package/dist/ptcw-design/p-5ae21271.entry.js +0 -1
- package/dist/ptcw-design/p-640d07b5.entry.js +0 -1
- package/dist/ptcw-design/p-66d50b46.entry.js +0 -1
- package/dist/ptcw-design/p-6af8c192.entry.js +0 -1
- package/dist/ptcw-design/p-70a5f144.entry.js +0 -1
- package/dist/ptcw-design/p-7853f1b5.entry.js +0 -1
- package/dist/ptcw-design/p-907727fd.entry.js +0 -1
- package/dist/ptcw-design/p-98083315.entry.js +0 -1
- package/dist/ptcw-design/p-986be938.entry.js +0 -1
- package/dist/ptcw-design/p-aba549b7.entry.js +0 -1
- package/dist/ptcw-design/p-ac32267c.entry.js +0 -1
- package/dist/ptcw-design/p-b5d0e4a2.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-ca268a17.entry.js +0 -1
- package/dist/ptcw-design/p-ce6d1c5f.entry.js +0 -1
- package/dist/ptcw-design/p-ef55ab3c.entry.js +0 -1
- package/dist/ptcw-design/p-fb2e4612.entry.js +0 -1
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -3,18 +3,10 @@ export class PtcPreviousUrl {
|
|
|
3
3
|
constructor() {
|
|
4
4
|
this.href = undefined;
|
|
5
5
|
this.text = undefined;
|
|
6
|
-
this.theme = 'standard';
|
|
7
6
|
this.styles = undefined;
|
|
8
7
|
}
|
|
9
8
|
render() {
|
|
10
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, this.
|
|
11
|
-
(h("a", { class: this.getCssClassMap() }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("span", { class: "back-to-videos" }, this.text))) :
|
|
12
|
-
[h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)]), h("slot", null)));
|
|
13
|
-
}
|
|
14
|
-
getCssClassMap() {
|
|
15
|
-
return {
|
|
16
|
-
[this.theme]: true
|
|
17
|
-
};
|
|
9
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
|
|
18
10
|
}
|
|
19
11
|
static get is() { return "ptc-previous-url"; }
|
|
20
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -64,24 +56,6 @@ export class PtcPreviousUrl {
|
|
|
64
56
|
"attribute": "text",
|
|
65
57
|
"reflect": false
|
|
66
58
|
},
|
|
67
|
-
"theme": {
|
|
68
|
-
"type": "string",
|
|
69
|
-
"mutable": false,
|
|
70
|
-
"complexType": {
|
|
71
|
-
"original": "'standard' | 'light'",
|
|
72
|
-
"resolved": "\"light\" | \"standard\"",
|
|
73
|
-
"references": {}
|
|
74
|
-
},
|
|
75
|
-
"required": false,
|
|
76
|
-
"optional": false,
|
|
77
|
-
"docs": {
|
|
78
|
-
"tags": [],
|
|
79
|
-
"text": ""
|
|
80
|
-
},
|
|
81
|
-
"attribute": "theme",
|
|
82
|
-
"reflect": false,
|
|
83
|
-
"defaultValue": "'standard'"
|
|
84
|
-
},
|
|
85
59
|
"styles": {
|
|
86
60
|
"type": "string",
|
|
87
61
|
"mutable": false,
|
|
@@ -1096,15 +1096,16 @@ ptc-preloader-section.min-height {
|
|
|
1096
1096
|
}
|
|
1097
1097
|
|
|
1098
1098
|
ptc-nav-submenu {
|
|
1099
|
+
margin-top: 6px;
|
|
1099
1100
|
border-left: 2px solid transparent;
|
|
1100
1101
|
border-right: 2px solid transparent;
|
|
1102
|
+
border-bottom: 2px solid transparent;
|
|
1101
1103
|
}
|
|
1102
1104
|
ptc-nav-submenu:focus-visible, ptc-nav-submenu:focus {
|
|
1105
|
+
margin-top: 4px;
|
|
1103
1106
|
border-radius: var(--ptc-border-radius-standard);
|
|
1104
1107
|
border: 2px solid white;
|
|
1105
1108
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
1106
|
-
margin-top: -2px;
|
|
1107
|
-
margin-bottom: -2px;
|
|
1108
1109
|
}
|
|
1109
1110
|
|
|
1110
1111
|
:host {
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host {
|
|
163
170
|
display: block;
|
|
164
171
|
background-color: var(--color-white);
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host {
|
|
163
170
|
display: block;
|
|
164
171
|
padding-bottom: var(--ptc-layout-spacing-03);
|
package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css
CHANGED
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host {
|
|
163
170
|
max-width: 300px;
|
|
164
171
|
display: block;
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host {
|
|
163
170
|
display: block;
|
|
164
171
|
}
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host {
|
|
163
170
|
display: block;
|
|
164
171
|
}
|
|
@@ -17,9 +17,9 @@ export class PtcStickyTitle {
|
|
|
17
17
|
}
|
|
18
18
|
componentDidLoad() {
|
|
19
19
|
const shareicon = this.hostEl.querySelectorAll('ptc-social-share');
|
|
20
|
-
shareicon.forEach((icon) => {
|
|
20
|
+
shareicon.forEach((icon, i) => {
|
|
21
21
|
icon.addEventListener('focus', () => {
|
|
22
|
-
if (window.scrollY === 0) {
|
|
22
|
+
if ((window.scrollY === 0 && i == 0) || (i == shareicon.length - 1)) {
|
|
23
23
|
window.scrollBy(0, 262);
|
|
24
24
|
}
|
|
25
25
|
this.isSticky = true;
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host(.block) {
|
|
163
170
|
display: block;
|
|
164
171
|
}
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,6 +159,13 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
+
.vjs-social-share-links a {
|
|
163
|
+
color: var(--color-white);
|
|
164
|
+
}
|
|
165
|
+
.vjs-social-share-links a:hover {
|
|
166
|
+
color: var(--color-white);
|
|
167
|
+
}
|
|
168
|
+
|
|
162
169
|
:host {
|
|
163
170
|
display: block;
|
|
164
171
|
margin-bottom: var(--ptc-element-spacing-07);
|
|
@@ -5659,26 +5659,26 @@ a:focus-visible {
|
|
|
5659
5659
|
border-radius: var(--ptc-border-radius-standard);
|
|
5660
5660
|
}
|
|
5661
5661
|
|
|
5662
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5662
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
5663
5663
|
color: var(--color-blue-04);
|
|
5664
5664
|
margin: -2px;
|
|
5665
5665
|
border: 2px solid transparent;
|
|
5666
5666
|
}
|
|
5667
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5667
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
5668
5668
|
color: var(--color-blue-06);
|
|
5669
5669
|
}
|
|
5670
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5670
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
5671
5671
|
transition: none;
|
|
5672
5672
|
color: var(--color-blue-07);
|
|
5673
5673
|
}
|
|
5674
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5674
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
5675
5675
|
color: var(--color-blue-05);
|
|
5676
5676
|
}
|
|
5677
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5677
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
5678
5678
|
color: var(--color-gray-04) !important;
|
|
5679
5679
|
cursor: not-allowed;
|
|
5680
5680
|
}
|
|
5681
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5681
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
5682
5682
|
border-radius: var(--ptc-border-radius-standard);
|
|
5683
5683
|
border: 2px solid white;
|
|
5684
5684
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -5736,6 +5736,13 @@ a:focus-visible {
|
|
|
5736
5736
|
color: var(--color-green-06);
|
|
5737
5737
|
}
|
|
5738
5738
|
|
|
5739
|
+
.vjs-social-share-links a {
|
|
5740
|
+
color: var(--color-white);
|
|
5741
|
+
}
|
|
5742
|
+
.vjs-social-share-links a:hover {
|
|
5743
|
+
color: var(--color-white);
|
|
5744
|
+
}
|
|
5745
|
+
|
|
5739
5746
|
/*
|
|
5740
5747
|
* Typography tokens
|
|
5741
5748
|
*/
|
|
@@ -106,7 +106,7 @@ export class PtcWhitePaper {
|
|
|
106
106
|
'wp-fullspan-text': true,
|
|
107
107
|
'text-center': comp.isCenterText,
|
|
108
108
|
};
|
|
109
|
-
return (h("div", { class: classes, key: index }, comp.mainContent && h("div", { class: "", innerHTML: comp.mainContent }), comp.mainContentMultiLine && h("div", { class: "", innerHTML: comp.mainContentMultiLine }), comp.mainContentChart && (h("div", { class: "" }, h("ptc-spacer", { size: "large" }), h("object", { id: "", type: "text/html", width: "100%", height: comp.mainContentChartHeight, "data-dw-widget": "Edge", data: comp.mainContentChart }), h("ptc-spacer", { size: "large" })))));
|
|
109
|
+
return (h("div", { class: classes, key: index }, comp.mainContent && h("div", { class: "", innerHTML: comp.mainContent }), comp.mainContentMultiLine && h("div", { class: "", innerHTML: comp.mainContentMultiLine }), comp.mainContentChart && (h("div", { class: "" }, h("ptc-spacer", { size: "large" }), h("object", { id: "", type: "text/html", width: "100%", height: comp.mainContentChartHeight, "data-dw-widget": "Edge", data: comp.mainContentChart, tabindex: "-1" }), h("ptc-spacer", { size: "large" })))));
|
|
110
110
|
}
|
|
111
111
|
render() {
|
|
112
112
|
const startIndex = (this.currentPage - 1) * this.itemsPerPage;
|
|
@@ -104,7 +104,9 @@ ptc-link, ptc-square-card,
|
|
|
104
104
|
}
|
|
105
105
|
@media only screen and (min-width: 1200px) {
|
|
106
106
|
:host a {
|
|
107
|
-
padding:
|
|
107
|
+
padding: 14px var(--ptc-element-spacing-03) 22px;
|
|
108
|
+
margin-top: 6px;
|
|
109
|
+
border-top: 2px solid transparent;
|
|
108
110
|
margin-left: 0;
|
|
109
111
|
display: flex;
|
|
110
112
|
align-items: center;
|
|
@@ -150,7 +152,12 @@ ptc-link, ptc-square-card,
|
|
|
150
152
|
border-radius: var(--ptc-border-radius-standard);
|
|
151
153
|
border: 2px solid white;
|
|
152
154
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
153
|
-
padding:
|
|
155
|
+
padding: 14px 10px 16px;
|
|
156
|
+
}
|
|
157
|
+
@media only screen and (min-width: 1200px) {
|
|
158
|
+
:host a:focus-visible {
|
|
159
|
+
padding: 14px 10px 20px;
|
|
160
|
+
}
|
|
154
161
|
}
|
|
155
162
|
:host ::slotted(icon-asset) {
|
|
156
163
|
margin-top: 4px;
|