@ptcwebops/ptcw-design 6.3.12 → 6.3.13-beta
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/academic-form-test.cjs.entry.js +7 -0
- package/dist/cjs/blog-detail-content_2.cjs.entry.js +2 -1
- package/dist/cjs/blog-detail-layout.cjs.entry.js +2 -1
- package/dist/cjs/blogs-search-section.cjs.entry.js +3 -1
- package/dist/cjs/bundle-example.cjs.entry.js +2 -0
- package/dist/cjs/{component-35540bfb.js → component-6a178a16.js} +2643 -832
- package/dist/cjs/embedded-form.cjs.entry.js +10 -1
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +3 -33
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/footer-form.cjs.entry.js +2 -0
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +3 -1
- package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -0
- package/dist/cjs/jumbotron-sub-mune.cjs.entry.js +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
- package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +24 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +4 -2
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +33 -0
- package/dist/cjs/ptc-button.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +1 -0
- package/dist/cjs/ptc-card_2.cjs.entry.js +5 -10
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +28 -27
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-countdown.cjs.entry.js +17 -19
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +30 -27
- package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +11 -11
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +10 -0
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +800 -6
- package/dist/cjs/ptc-form.cjs.entry.js +7 -0
- package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-component.cjs.entry.js +13 -0
- package/dist/cjs/ptc-icon-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-img.cjs.entry.js +1 -0
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +2 -3
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +9 -2
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +11 -1
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +9 -0
- package/dist/cjs/ptc-office-locations.cjs.entry.js +2 -5
- package/dist/cjs/ptc-para.cjs.entry.js +2 -2
- package/dist/cjs/ptc-picture.cjs.entry.js +1 -0
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-preferance-center-form.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +12 -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-dropdown.cjs.entry.js +2 -0
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-progress-bar.cjs.entry.js +1 -0
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-new.cjs.entry.js +1 -0
- package/dist/cjs/ptc-readmore-v3.cjs.entry.js +4 -1
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +2 -0
- package/dist/cjs/ptc-scroll-button.cjs.entry.js +2 -0
- package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-subnav.cjs.entry.js +1 -0
- package/dist/cjs/ptc-tab-list.cjs.entry.js +1 -0
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +13 -0
- package/dist/cjs/ptc-title.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +18 -1
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +2 -3
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +11 -9
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +12 -0
- package/dist/cjs/sequential-bundle.cjs.entry.js +1 -0
- package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +1 -1
- package/dist/cjs/{utils-b63aef52.js → utils-ad441b07.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -2
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
- package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.js +1 -0
- package/dist/collection/components/jumbotron-sub-mune/jumbotron-sub-mune.js +1 -0
- package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.js +1 -0
- package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.js +1 -0
- package/dist/collection/components/organism-bundles/blogs-search-section/blogs-search-section.js +2 -0
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +2 -0
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +4 -8
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +2 -32
- package/dist/collection/components/organism-bundles/form/academic-form/academic-form-test.js +7 -0
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +10 -1
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +2 -0
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +7 -0
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.js +2 -0
- package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +1 -0
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +12 -0
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css +19 -31
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +23 -0
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -6
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +3 -1
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +33 -0
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +1 -0
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
- package/dist/collection/components/ptc-container/ptc-container.js +2 -2
- package/dist/collection/components/ptc-countdown/ptc-countdown.js +17 -19
- package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js +2 -0
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +1 -29
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +10 -45
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +1 -0
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -6
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +2 -0
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +13 -0
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +0 -45
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +2 -2
- package/dist/collection/components/ptc-img/ptc-img.js +1 -0
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -24
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +1 -20
- package/dist/collection/components/ptc-media-card/ptc-media-card.js +8 -1
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +12 -2
- package/dist/collection/components/ptc-modal/ptc-modal.css +8 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +47 -28
- package/dist/collection/components/ptc-office-locations/ptc-office-locations.js +2 -5
- package/dist/collection/components/ptc-para/ptc-para.css +3 -0
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-picture/ptc-picture.js +1 -0
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
- package/dist/collection/components/ptc-preferance-center-form/ptc-preferance-center-form.js +1 -1
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -419
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +4 -9
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +11 -9
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -6
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +2 -0
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +1 -0
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
- package/dist/collection/components/ptc-readmore-new/ptc-readmore-new.js +1 -0
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.js +3 -0
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +2 -0
- package/dist/collection/components/ptc-scroll-button/ptc-scroll-button.js +2 -0
- package/dist/collection/components/ptc-select/ptc-select.js +2 -0
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +1 -0
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +9 -1
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +13 -0
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +9 -0
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.js +17 -0
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +2 -3
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +10 -8
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +9 -0
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +1 -0
- package/dist/collection/stories/BackgroundImage.stories.js +42 -20
- package/dist/collection/stories/MobileSelect.stories.js +21 -11
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
- package/dist/collection/utils/elq-lib.js +25 -25
- package/dist/collection/utils/utils.js +1 -1
- package/dist/custom-elements/index.d.ts +6 -12
- package/dist/custom-elements/index.js +463 -307
- package/dist/esm/academic-form-test.entry.js +7 -0
- package/dist/esm/blog-detail-content_2.entry.js +2 -1
- package/dist/esm/blog-detail-layout.entry.js +2 -1
- package/dist/esm/blogs-search-section.entry.js +3 -1
- package/dist/esm/bundle-example.entry.js +2 -0
- package/dist/esm/{component-8c53e377.js → component-80f298b4.js} +2592 -793
- package/dist/esm/embedded-form.entry.js +10 -1
- package/dist/esm/event-jumbotron-example.entry.js +3 -33
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/footer-form.entry.js +2 -0
- package/dist/esm/homepage-jumbotron.entry.js +3 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -0
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/modal-form-example.entry.js +90 -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-background-video.entry.js +24 -1
- package/dist/esm/ptc-bio-card.entry.js +4 -2
- package/dist/esm/ptc-brightcov-video.entry.js +33 -0
- package/dist/esm/ptc-button.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -0
- package/dist/esm/ptc-card_2.entry.js +5 -10
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +28 -27
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +17 -19
- package/dist/esm/ptc-data-lookup.entry.js +30 -27
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +11 -11
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +10 -0
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +797 -5
- package/dist/esm/ptc-form.entry.js +7 -0
- 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 +13 -0
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -0
- package/dist/esm/ptc-jumbotron.entry.js +2 -3
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +9 -2
- package/dist/esm/ptc-mobile-select.entry.js +11 -1
- package/dist/esm/ptc-nav-slider.entry.js +9 -0
- package/dist/esm/ptc-office-locations.entry.js +2 -5
- package/dist/esm/ptc-para.entry.js +2 -2
- package/dist/esm/ptc-picture.entry.js +1 -0
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +10 -2
- package/dist/esm/ptc-pricing-packaging-table.entry.js +12 -10
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- 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-dropdown.entry.js +2 -0
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -0
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-new.entry.js +1 -0
- package/dist/esm/ptc-readmore-v3.entry.js +4 -1
- package/dist/esm/ptc-related-card-rail.entry.js +2 -0
- package/dist/esm/ptc-scroll-button.entry.js +2 -0
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -0
- package/dist/esm/ptc-tab-list.entry.js +1 -0
- package/dist/esm/ptc-theater-video-modal.entry.js +13 -0
- package/dist/esm/ptc-title.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +18 -1
- package/dist/esm/ptc-value-led-layout.entry.js +2 -3
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +12 -10
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/sequential-bundle-example.entry.js +12 -0
- package/dist/esm/sequential-bundle.entry.js +1 -0
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
- package/dist/esm/{utils-2f12c081.js → utils-63eab4bd.js} +1 -1
- package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
- package/dist/ptcw-design/p-01075feb.entry.js +1 -0
- package/dist/ptcw-design/p-03a917f8.entry.js +1 -0
- package/dist/ptcw-design/p-072a76d3.entry.js +1 -0
- package/dist/ptcw-design/p-072aa896.entry.js +1 -0
- package/dist/ptcw-design/p-081e969d.entry.js +1 -0
- package/dist/ptcw-design/{p-a791c53a.entry.js → p-0b515839.entry.js} +1 -1
- package/dist/ptcw-design/p-0d223232.entry.js +1 -0
- package/dist/ptcw-design/p-0de4cd11.entry.js +1 -0
- package/dist/ptcw-design/{p-9dbcfcee.entry.js → p-16e70f20.entry.js} +1 -1
- package/dist/ptcw-design/p-17f6e145.entry.js +1 -0
- package/dist/ptcw-design/{p-9f194554.entry.js → p-21aa746d.entry.js} +1 -1
- package/dist/ptcw-design/p-25a25451.entry.js +1 -0
- package/dist/ptcw-design/{p-8cea8943.entry.js → p-28be539b.entry.js} +1 -1
- package/dist/ptcw-design/p-291072b4.entry.js +1 -0
- package/dist/ptcw-design/p-32f64f48.entry.js +1 -0
- package/dist/ptcw-design/p-3738a01f.entry.js +1 -0
- package/dist/ptcw-design/{p-757954b2.entry.js → p-38b7ca02.entry.js} +1 -1
- package/dist/ptcw-design/p-3c3a7b54.entry.js +1 -0
- package/dist/ptcw-design/{p-d089dc37.entry.js → p-3dd0ded9.entry.js} +1 -1
- package/dist/ptcw-design/p-42992202.entry.js +1 -0
- package/dist/ptcw-design/{p-4d8f6f46.entry.js → p-445329ed.entry.js} +1 -1
- package/dist/ptcw-design/{p-8e42a22d.entry.js → p-48c33817.entry.js} +1 -1
- package/dist/ptcw-design/{p-8c121480.entry.js → p-49e54079.entry.js} +1 -1
- package/dist/ptcw-design/{p-1eb40265.entry.js → p-4ee98a3e.entry.js} +1 -1
- package/dist/ptcw-design/p-52e6613f.entry.js +1 -0
- package/dist/ptcw-design/{p-297a14cb.entry.js → p-627103d8.entry.js} +1 -1
- package/dist/ptcw-design/p-672a349f.js +336 -0
- package/dist/ptcw-design/p-67c248ec.entry.js +1 -0
- package/dist/ptcw-design/p-6a3caf2b.entry.js +1 -0
- package/dist/ptcw-design/p-6b32020a.entry.js +1 -0
- package/dist/ptcw-design/p-6f5fecae.entry.js +1 -0
- package/dist/ptcw-design/p-72825cf6.entry.js +1 -0
- package/dist/ptcw-design/p-75390f63.entry.js +1 -0
- package/dist/ptcw-design/p-77b1221e.js +1 -0
- package/dist/ptcw-design/p-799afee5.entry.js +1 -0
- package/dist/ptcw-design/p-821f0ff9.entry.js +1 -0
- package/dist/ptcw-design/{p-6aa9ed95.entry.js → p-867a808f.entry.js} +1 -1
- package/dist/ptcw-design/p-8c692bd6.entry.js +1 -0
- package/dist/ptcw-design/p-8e8c7a3a.entry.js +1 -0
- package/dist/ptcw-design/p-8eb89969.entry.js +1 -0
- package/dist/ptcw-design/{p-077839d5.entry.js → p-92d22c78.entry.js} +1 -1
- package/dist/ptcw-design/p-94f99d2d.entry.js +1 -0
- package/dist/ptcw-design/p-9501995f.entry.js +1 -0
- package/dist/ptcw-design/p-99b45d23.entry.js +1 -0
- package/dist/ptcw-design/p-a412ff0a.entry.js +1 -0
- package/dist/ptcw-design/p-a4f65d28.entry.js +1 -0
- package/dist/ptcw-design/p-ade3c943.entry.js +1 -0
- package/dist/ptcw-design/p-ae50e218.entry.js +1 -0
- package/dist/ptcw-design/{p-008307a6.entry.js → p-b5094974.entry.js} +1 -1
- package/dist/ptcw-design/{p-38e5e590.entry.js → p-b52301e2.entry.js} +1 -1
- package/dist/ptcw-design/{p-14b7693f.entry.js → p-b651c1cb.entry.js} +1 -1
- package/dist/ptcw-design/p-baff4d44.entry.js +1 -0
- package/dist/ptcw-design/p-bd6af63e.entry.js +1 -0
- package/dist/ptcw-design/{p-a8872ce3.entry.js → p-bf18b622.entry.js} +1 -1
- package/dist/ptcw-design/{p-257267e3.entry.js → p-c01ea76f.entry.js} +1 -1
- package/dist/ptcw-design/{p-d51438de.entry.js → p-cbee4653.entry.js} +1 -1
- package/dist/ptcw-design/p-d0581b07.entry.js +68 -0
- package/dist/ptcw-design/p-d20cf3c5.entry.js +1 -0
- package/dist/ptcw-design/p-d3229458.entry.js +1 -0
- package/dist/ptcw-design/{p-18ac526f.entry.js → p-d73cc053.entry.js} +1 -1
- package/dist/ptcw-design/{p-baeee2b4.entry.js → p-dc8c0a06.entry.js} +1 -1
- package/dist/ptcw-design/p-de960790.entry.js +1 -0
- package/dist/ptcw-design/{p-52e17d34.entry.js → p-e577ad62.entry.js} +1 -1
- package/dist/ptcw-design/p-e6a272d9.entry.js +1 -0
- package/dist/ptcw-design/p-ee534211.entry.js +1 -0
- package/dist/ptcw-design/{p-b647f7a1.entry.js → p-eec2f3da.entry.js} +1 -1
- package/dist/ptcw-design/{p-45b1f3fc.entry.js → p-fd394e84.entry.js} +1 -1
- package/dist/ptcw-design/p-fe40421e.entry.js +1 -0
- package/dist/ptcw-design/p-feecf6b5.entry.js +1 -0
- package/dist/ptcw-design/p-ffb0ff97.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-jumbotron-example/event-jumbotron-example.d.ts +0 -2
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
- package/dist/types/components/ptc-container/ptc-container.d.ts +1 -1
- package/dist/types/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.d.ts +0 -3
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +1 -1
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +0 -1
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +3 -1
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
- package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +1 -0
- package/dist/types/components.d.ts +27 -42
- package/package.json +1 -1
- package/readme.md +5 -1
- package/dist/cjs/component-1b8ad4d2.js +0 -1819
- package/dist/cjs/ptc-icon-card-slider-example.cjs.entry.js +0 -72
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
- package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +0 -66
- package/dist/cjs/validation-messages-33a4f26b.js +0 -126
- package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.css +0 -1143
- package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.js +0 -67
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-alt-example.js +0 -63
- package/dist/esm/component-9beac35b.js +0 -1802
- package/dist/esm/ptc-icon-card-slider-example.entry.js +0 -68
- package/dist/esm/ptc-multi-select_2.entry.js +0 -665
- package/dist/esm/storefront-enhanced-product-list-alt-example.entry.js +0 -62
- package/dist/esm/validation-messages-adbb6518.js +0 -124
- package/dist/ptcw-design/p-00e21489.entry.js +0 -1
- package/dist/ptcw-design/p-1454ba84.entry.js +0 -1
- package/dist/ptcw-design/p-15758793.entry.js +0 -1
- package/dist/ptcw-design/p-18a5a338.js +0 -1
- package/dist/ptcw-design/p-24776ca2.entry.js +0 -1
- package/dist/ptcw-design/p-2aa19c11.entry.js +0 -1
- package/dist/ptcw-design/p-36abe396.entry.js +0 -1
- package/dist/ptcw-design/p-3ed4a7ed.entry.js +0 -1
- package/dist/ptcw-design/p-4702c233.entry.js +0 -1
- package/dist/ptcw-design/p-4737a0f6.entry.js +0 -1
- package/dist/ptcw-design/p-4ca956c1.entry.js +0 -1
- package/dist/ptcw-design/p-4f3dea53.entry.js +0 -1
- package/dist/ptcw-design/p-54f6e1a5.entry.js +0 -1
- package/dist/ptcw-design/p-560b05a5.entry.js +0 -1
- package/dist/ptcw-design/p-593b8eff.entry.js +0 -1
- package/dist/ptcw-design/p-68ed2afe.entry.js +0 -1
- package/dist/ptcw-design/p-71fbb799.entry.js +0 -1
- package/dist/ptcw-design/p-73a853fc.entry.js +0 -1
- package/dist/ptcw-design/p-752bba1c.entry.js +0 -1
- package/dist/ptcw-design/p-75431fa1.entry.js +0 -1
- package/dist/ptcw-design/p-761a31f8.entry.js +0 -1
- package/dist/ptcw-design/p-76dab076.entry.js +0 -1
- package/dist/ptcw-design/p-7bdf1e64.entry.js +0 -1
- package/dist/ptcw-design/p-80122e26.js +0 -1
- package/dist/ptcw-design/p-89f0cf12.entry.js +0 -1
- package/dist/ptcw-design/p-901c31b3.entry.js +0 -1
- package/dist/ptcw-design/p-98426799.js +0 -203
- package/dist/ptcw-design/p-98610430.entry.js +0 -1
- package/dist/ptcw-design/p-98844b50.js +0 -134
- package/dist/ptcw-design/p-a58698ca.entry.js +0 -1
- package/dist/ptcw-design/p-a59c9cdc.entry.js +0 -1
- package/dist/ptcw-design/p-a5fc048f.entry.js +0 -1
- package/dist/ptcw-design/p-a8504f11.entry.js +0 -1
- package/dist/ptcw-design/p-ab3d2934.entry.js +0 -1
- package/dist/ptcw-design/p-acdd9a1d.entry.js +0 -1
- package/dist/ptcw-design/p-ad821a01.entry.js +0 -1
- package/dist/ptcw-design/p-b963ec8c.entry.js +0 -68
- package/dist/ptcw-design/p-bab5bb88.entry.js +0 -1
- package/dist/ptcw-design/p-bf56d5a3.entry.js +0 -1
- package/dist/ptcw-design/p-c8f68292.entry.js +0 -1
- package/dist/ptcw-design/p-cad4b517.entry.js +0 -1
- package/dist/ptcw-design/p-cc677723.entry.js +0 -1
- package/dist/ptcw-design/p-d66debb3.entry.js +0 -1
- package/dist/ptcw-design/p-d7536bff.entry.js +0 -1
- package/dist/ptcw-design/p-dfb400ed.entry.js +0 -1
- package/dist/ptcw-design/p-e43c30c9.entry.js +0 -1
- package/dist/ptcw-design/p-e4eb925f.entry.js +0 -1
- package/dist/ptcw-design/p-e5369c4d.entry.js +0 -1
- package/dist/ptcw-design/p-f9256e3d.entry.js +0 -1
- package/dist/ptcw-design/p-fd87fcd5.entry.js +0 -1
- package/dist/types/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.d.ts +0 -10
- package/dist/types/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-alt-example.d.ts +0 -10
|
@@ -995,30 +995,30 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
|
|
995
995
|
transform: rotate(360deg);
|
|
996
996
|
}
|
|
997
997
|
}
|
|
998
|
-
storefront-enhanced-product-list-example .swiper
|
|
998
|
+
storefront-enhanced-product-list-example .swiper {
|
|
999
999
|
width: 100%;
|
|
1000
1000
|
height: 100%;
|
|
1001
1001
|
}
|
|
1002
|
-
storefront-enhanced-product-list-example .swiper-container
|
|
1002
|
+
storefront-enhanced-product-list-example .swiper-container {
|
|
1003
1003
|
padding-left: 24px;
|
|
1004
1004
|
padding-right: 24px;
|
|
1005
1005
|
margin-left: -24px;
|
|
1006
1006
|
margin-right: -24px;
|
|
1007
1007
|
overflow-x: clip;
|
|
1008
1008
|
}
|
|
1009
|
-
storefront-enhanced-product-list-example .swiper-wrapper
|
|
1009
|
+
storefront-enhanced-product-list-example .swiper-wrapper {
|
|
1010
1010
|
max-width: 1200px;
|
|
1011
1011
|
}
|
|
1012
|
-
storefront-enhanced-product-list-example .swiper-slide
|
|
1012
|
+
storefront-enhanced-product-list-example .swiper-slide {
|
|
1013
1013
|
width: max-content;
|
|
1014
1014
|
height: auto;
|
|
1015
1015
|
}
|
|
1016
|
-
storefront-enhanced-product-list-example .swiper-horizontal
|
|
1016
|
+
storefront-enhanced-product-list-example .swiper-horizontal {
|
|
1017
1017
|
position: relative;
|
|
1018
1018
|
display: block;
|
|
1019
1019
|
padding-bottom: 4.104rem;
|
|
1020
1020
|
}
|
|
1021
|
-
storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar
|
|
1021
|
+
storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar {
|
|
1022
1022
|
position: absolute;
|
|
1023
1023
|
left: 50%;
|
|
1024
1024
|
transform: translate(-50%, -13px);
|
|
@@ -1028,28 +1028,25 @@ storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar, s
|
|
|
1028
1028
|
border-radius: 999px;
|
|
1029
1029
|
background: #E4E7E9;
|
|
1030
1030
|
}
|
|
1031
|
-
storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag
|
|
1031
|
+
storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag {
|
|
1032
1032
|
height: 8px;
|
|
1033
1033
|
border-radius: 999px;
|
|
1034
1034
|
background: #323B42;
|
|
1035
1035
|
transform: translateX(-16px);
|
|
1036
1036
|
}
|
|
1037
|
-
storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*="display: none"])
|
|
1037
|
+
storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*="display: none"]) {
|
|
1038
1038
|
padding-bottom: 0;
|
|
1039
1039
|
}
|
|
1040
1040
|
storefront-enhanced-product-list-example .swiper-button-prev:after,
|
|
1041
|
-
storefront-enhanced-product-list-example .swiper-button-next:after
|
|
1042
|
-
storefront-enhanced-product-list-alt-example .swiper-button-next:after {
|
|
1041
|
+
storefront-enhanced-product-list-example .swiper-button-next:after {
|
|
1043
1042
|
content: none;
|
|
1044
1043
|
}
|
|
1045
1044
|
storefront-enhanced-product-list-example .swiper-button-prev img,
|
|
1046
|
-
storefront-enhanced-product-list-example .swiper-button-next img
|
|
1047
|
-
storefront-enhanced-product-list-alt-example .swiper-button-next img {
|
|
1045
|
+
storefront-enhanced-product-list-example .swiper-button-next img {
|
|
1048
1046
|
background-color: #ffffff;
|
|
1049
1047
|
}
|
|
1050
1048
|
storefront-enhanced-product-list-example .swiper-button-prev,
|
|
1051
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next
|
|
1052
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next {
|
|
1049
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next {
|
|
1053
1050
|
top: auto;
|
|
1054
1051
|
bottom: 0px;
|
|
1055
1052
|
left: auto;
|
|
@@ -1059,8 +1056,7 @@ storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next {
|
|
|
1059
1056
|
border-radius: 4px;
|
|
1060
1057
|
}
|
|
1061
1058
|
storefront-enhanced-product-list-example .swiper-button-prev:hover,
|
|
1062
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover
|
|
1063
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:hover {
|
|
1059
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover {
|
|
1064
1060
|
outline: none;
|
|
1065
1061
|
outline-offset: 0;
|
|
1066
1062
|
text-decoration: none;
|
|
@@ -1069,23 +1065,19 @@ storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:hov
|
|
|
1069
1065
|
}
|
|
1070
1066
|
storefront-enhanced-product-list-example .swiper-button-prev:focus, storefront-enhanced-product-list-example .swiper-button-prev:active,
|
|
1071
1067
|
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:focus,
|
|
1072
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active
|
|
1073
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:focus,
|
|
1074
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:active {
|
|
1068
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active {
|
|
1075
1069
|
outline: none;
|
|
1076
1070
|
outline-offset: 0;
|
|
1077
1071
|
text-decoration: none;
|
|
1078
1072
|
background-color: #BEC6CA;
|
|
1079
1073
|
}
|
|
1080
1074
|
storefront-enhanced-product-list-example .swiper-button-prev svg,
|
|
1081
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg
|
|
1082
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next svg {
|
|
1075
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg {
|
|
1083
1076
|
height: 14px;
|
|
1084
1077
|
width: 9px;
|
|
1085
1078
|
}
|
|
1086
1079
|
storefront-enhanced-product-list-example .swiper-button-next,
|
|
1087
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev
|
|
1088
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev {
|
|
1080
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev {
|
|
1089
1081
|
top: auto;
|
|
1090
1082
|
bottom: 0px;
|
|
1091
1083
|
right: auto;
|
|
@@ -1095,8 +1087,7 @@ storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev {
|
|
|
1095
1087
|
border-radius: 4px;
|
|
1096
1088
|
}
|
|
1097
1089
|
storefront-enhanced-product-list-example .swiper-button-next:hover,
|
|
1098
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover
|
|
1099
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:hover {
|
|
1090
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover {
|
|
1100
1091
|
outline: none;
|
|
1101
1092
|
outline-offset: 0;
|
|
1102
1093
|
text-decoration: none;
|
|
@@ -1105,22 +1096,19 @@ storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:hov
|
|
|
1105
1096
|
}
|
|
1106
1097
|
storefront-enhanced-product-list-example .swiper-button-next:focus, storefront-enhanced-product-list-example .swiper-button-next:active,
|
|
1107
1098
|
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:focus,
|
|
1108
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active
|
|
1109
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:focus,
|
|
1110
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:active {
|
|
1099
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active {
|
|
1111
1100
|
outline: none;
|
|
1112
1101
|
outline-offset: 0;
|
|
1113
1102
|
text-decoration: none;
|
|
1114
1103
|
background-color: #BEC6CA;
|
|
1115
1104
|
}
|
|
1116
1105
|
storefront-enhanced-product-list-example .swiper-button-next svg,
|
|
1117
|
-
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg
|
|
1118
|
-
storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev svg {
|
|
1106
|
+
storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg {
|
|
1119
1107
|
height: 14px;
|
|
1120
1108
|
width: 9px;
|
|
1121
1109
|
}
|
|
1122
1110
|
@media only screen and (min-width: 768px) {
|
|
1123
|
-
storefront-enhanced-product-list-example .swiper-container
|
|
1111
|
+
storefront-enhanced-product-list-example .swiper-container {
|
|
1124
1112
|
padding-left: 4px;
|
|
1125
1113
|
padding-right: 4px;
|
|
1126
1114
|
margin-left: -4px;
|
|
@@ -17,6 +17,29 @@ export class PtcBackgroundVideo {
|
|
|
17
17
|
this.isIframe = false;
|
|
18
18
|
this.loadedTrue = false;
|
|
19
19
|
}
|
|
20
|
+
// componentDidLoad() {
|
|
21
|
+
// if(this.isIframe){
|
|
22
|
+
// const iframe:HTMLIFrameElement = this.el.shadowRoot.querySelector('iframe');
|
|
23
|
+
// const iframeDoc = iframe.contentDocument
|
|
24
|
+
// const iframeVideo = iframeDoc.querySelector('video');
|
|
25
|
+
// console.log("iframe ele: " + iframeDoc.querySelectorAll('video'));
|
|
26
|
+
// iframeVideo.style.objectFit = 'cover';
|
|
27
|
+
// }
|
|
28
|
+
// }
|
|
29
|
+
// @Method()
|
|
30
|
+
// async toggleVideo() {
|
|
31
|
+
// // show a prompt
|
|
32
|
+
// this.paused = !this.paused;
|
|
33
|
+
// let video = this.el.shadowRoot.querySelector('video') as HTMLVideoElement;
|
|
34
|
+
// if (video) {
|
|
35
|
+
// if (this.paused) {
|
|
36
|
+
// video.pause();
|
|
37
|
+
// } else {
|
|
38
|
+
// video.play().catch(z => console.error(z));
|
|
39
|
+
// }
|
|
40
|
+
// }
|
|
41
|
+
// console.log('Hello, I am a publish method from ptc-background-video!');
|
|
42
|
+
// }
|
|
20
43
|
componentDidLoad() {
|
|
21
44
|
if (this.defer) {
|
|
22
45
|
nextUserInteractionEvent(this).then(() => {
|
|
@@ -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, .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 {
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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, .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 {
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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, .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 {
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .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 {
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .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 {
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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, .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 {
|
|
104
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section 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);
|
|
@@ -23,7 +23,9 @@ export class PtcBioCard {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, {
|
|
26
|
+
return (h(Host, { onClick: () => {
|
|
27
|
+
this.openModal();
|
|
28
|
+
}, type: "button", class: this.isModal ? 'card-with-modal' : '' }, h("div", { class: "bio-card" }, h("slot", { name: "seo-content" }), h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin", title: "linkedin" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "X", title: "X" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true, fixed: true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" })))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null))))))));
|
|
27
29
|
}
|
|
28
30
|
static get is() { return "ptc-bio-card"; }
|
|
29
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,6 +6,39 @@ export class PtcBrightcovVideo {
|
|
|
6
6
|
componentDidLoad() {
|
|
7
7
|
// this.loadBrightcovePlayer();
|
|
8
8
|
}
|
|
9
|
+
// loadBrightcovePlayer() {
|
|
10
|
+
// // Load the Brightcove Player library
|
|
11
|
+
// const script = document.createElement('script');
|
|
12
|
+
// script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
|
|
13
|
+
// script.async = true;
|
|
14
|
+
// script.onerror = (error) => {
|
|
15
|
+
// console.error('Error loading Brightcove Player:', error);
|
|
16
|
+
// };
|
|
17
|
+
// this.el.appendChild(script);
|
|
18
|
+
// script.onload = () => this.initializeVideo();
|
|
19
|
+
// const bcStyle = document.createElement('link');
|
|
20
|
+
// bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
|
|
21
|
+
// bcStyle.onerror = (error) => {
|
|
22
|
+
// console.error('Error loading Brightcove styles:', error);
|
|
23
|
+
// };
|
|
24
|
+
// this.el.appendChild(bcStyle);
|
|
25
|
+
// bcStyle.onload = () => this.initializeVideo();
|
|
26
|
+
// }
|
|
27
|
+
// initializeVideo() {
|
|
28
|
+
// console.log('Initializing video with ID:', this.videoId);
|
|
29
|
+
// const videoContainer = this.el.querySelector('.video-container');
|
|
30
|
+
// if (videoContainer && this.videoId) {
|
|
31
|
+
// videoContainer.innerHTML = `<video-js
|
|
32
|
+
// id="bcPlayer"
|
|
33
|
+
// data-account="1532789042001"
|
|
34
|
+
// data-player="dNyUv9zZ6_default"
|
|
35
|
+
// data-embed="default"
|
|
36
|
+
// data-video-id="${this.videoId}"
|
|
37
|
+
// controls
|
|
38
|
+
// class="vjs-fill"
|
|
39
|
+
// ></video-js>`;
|
|
40
|
+
// }
|
|
41
|
+
// }
|
|
9
42
|
render() {
|
|
10
43
|
return (h("div", { class: 'aspect-ratio-container' }, h("div", { class: "video-container" }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
|
|
11
44
|
}
|
|
@@ -28,6 +28,7 @@ export class PtcCardBottom {
|
|
|
28
28
|
}
|
|
29
29
|
async addClassOnDefaultSlot() {
|
|
30
30
|
const slot = this.el.shadowRoot.querySelector('slot:not([name])');
|
|
31
|
+
console.log('slot: ' + slot);
|
|
31
32
|
const assignedElements = slot.assignedElements();
|
|
32
33
|
assignedElements.forEach((ele) => {
|
|
33
34
|
!ele.classList.contains('event-podcast') && ele.classList.add('event-podcast');
|
|
@@ -781,26 +781,26 @@ a:focus-visible {
|
|
|
781
781
|
border-radius: var(--ptc-border-radius-standard);
|
|
782
782
|
}
|
|
783
783
|
|
|
784
|
-
.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 {
|
|
784
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
785
785
|
color: var(--color-blue-04);
|
|
786
786
|
margin: -2px;
|
|
787
787
|
border: 2px solid transparent;
|
|
788
788
|
}
|
|
789
|
-
.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 {
|
|
789
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
790
790
|
color: var(--color-blue-06);
|
|
791
791
|
}
|
|
792
|
-
.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 {
|
|
792
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
793
793
|
transition: none;
|
|
794
794
|
color: var(--color-blue-07);
|
|
795
795
|
}
|
|
796
|
-
.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 {
|
|
796
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
797
797
|
color: var(--color-blue-05);
|
|
798
798
|
}
|
|
799
|
-
.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 {
|
|
799
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
800
800
|
color: var(--color-gray-04) !important;
|
|
801
801
|
cursor: not-allowed;
|
|
802
802
|
}
|
|
803
|
-
.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 {
|
|
803
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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, .podcast-cta-section 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, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
804
804
|
border-radius: var(--ptc-border-radius-standard);
|
|
805
805
|
border: 2px solid white;
|
|
806
806
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -102,8 +102,8 @@ export class PtcContainer {
|
|
|
102
102
|
"type": "string",
|
|
103
103
|
"mutable": false,
|
|
104
104
|
"complexType": {
|
|
105
|
-
"original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '
|
|
106
|
-
"resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-
|
|
105
|
+
"original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large'",
|
|
106
|
+
"resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\" | \"xxx-large\"",
|
|
107
107
|
"references": {}
|
|
108
108
|
},
|
|
109
109
|
"required": false,
|
|
@@ -39,26 +39,8 @@ export class PtcCountdown {
|
|
|
39
39
|
// Map time zone abbreviations to their offset in minutes.
|
|
40
40
|
getOffsetFromAbbr(abbr) {
|
|
41
41
|
const tzMapping = {
|
|
42
|
-
'PST': -480,
|
|
43
|
-
'PDT': -420,
|
|
44
|
-
'MST': -420,
|
|
45
|
-
'MDT': -360,
|
|
46
|
-
'CST': -360,
|
|
47
|
-
'CDT': -300,
|
|
48
|
-
'UTC': 0,
|
|
49
|
-
'BST': 60,
|
|
50
|
-
'GST': 240,
|
|
51
|
-
'KST': 540,
|
|
52
|
-
'ACST': 570,
|
|
53
42
|
'ACDT': 630,
|
|
54
|
-
'
|
|
55
|
-
'EDT': -240,
|
|
56
|
-
'CET': 60,
|
|
57
|
-
'CEST': 120,
|
|
58
|
-
'IST': 330,
|
|
59
|
-
'CST_CN': 480,
|
|
60
|
-
'JST': 540,
|
|
61
|
-
//Above shows the existing timezones in SC
|
|
43
|
+
'ACST': 570,
|
|
62
44
|
'ADT': -180,
|
|
63
45
|
'AEDT': 660,
|
|
64
46
|
'AEST': 600,
|
|
@@ -66,10 +48,25 @@ export class PtcCountdown {
|
|
|
66
48
|
'AKST': -540,
|
|
67
49
|
'AST': -240,
|
|
68
50
|
'AWST': 480,
|
|
51
|
+
'BST': 60,
|
|
52
|
+
'CDT': -300,
|
|
53
|
+
'CEST': 120,
|
|
54
|
+
'CET': 60,
|
|
55
|
+
'CST': -360,
|
|
56
|
+
'CST_CN': 480,
|
|
57
|
+
'EDT': -240,
|
|
69
58
|
'EEST': 180,
|
|
70
59
|
'EET': 120,
|
|
60
|
+
'EST': -300,
|
|
71
61
|
'GMT': 0,
|
|
72
62
|
'HKT': 480,
|
|
63
|
+
'IST': 330,
|
|
64
|
+
'JST': 540,
|
|
65
|
+
'MDT': -360,
|
|
66
|
+
'MST': -420,
|
|
67
|
+
'PDT': -420,
|
|
68
|
+
'PST': -480,
|
|
69
|
+
'UTC': 0,
|
|
73
70
|
};
|
|
74
71
|
return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
|
|
75
72
|
}
|
|
@@ -156,6 +153,7 @@ export class PtcCountdown {
|
|
|
156
153
|
year: 'numeric',
|
|
157
154
|
hour: '2-digit',
|
|
158
155
|
minute: '2-digit',
|
|
156
|
+
second: '2-digit',
|
|
159
157
|
hour12: hour12,
|
|
160
158
|
}), ' ', "(", this.eventTimeZone, ")")));
|
|
161
159
|
}
|
|
@@ -78,6 +78,7 @@ export class PtcDataLookup {
|
|
|
78
78
|
init_notme() {
|
|
79
79
|
const topAdditional = document.getElementById('not-me-additional-top');
|
|
80
80
|
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
81
|
+
console.log("top: " + topAdditional);
|
|
81
82
|
if (topAdditional)
|
|
82
83
|
topAdditional.style.display = 'none';
|
|
83
84
|
if (bottomAdditional)
|
|
@@ -86,6 +87,7 @@ export class PtcDataLookup {
|
|
|
86
87
|
async performDataLookup() {
|
|
87
88
|
if (this.isInitialized) {
|
|
88
89
|
this.elqLib.user_elq_email = this.getCookie('elq-uid');
|
|
90
|
+
console.log("elqlib.user_elq_email: " + this.elqLib.user_elq_email);
|
|
89
91
|
this.elqLib.find_eloqua_contact();
|
|
90
92
|
}
|
|
91
93
|
}
|
|
@@ -72,10 +72,6 @@ ptc-link, ptc-square-card,
|
|
|
72
72
|
background: #FFF;
|
|
73
73
|
box-shadow: var(--ptc-shadow-small);
|
|
74
74
|
}
|
|
75
|
-
:host .card.alternate {
|
|
76
|
-
padding: 40px 32px;
|
|
77
|
-
min-width: 288px;
|
|
78
|
-
}
|
|
79
75
|
:host .ribbon {
|
|
80
76
|
position: absolute;
|
|
81
77
|
top: 32px;
|
|
@@ -101,9 +97,6 @@ ptc-link, ptc-square-card,
|
|
|
101
97
|
:host .flex-start {
|
|
102
98
|
padding-top: 48px;
|
|
103
99
|
}
|
|
104
|
-
:host .alternate .flex-start {
|
|
105
|
-
padding-top: 0px;
|
|
106
|
-
}
|
|
107
100
|
:host .pricing {
|
|
108
101
|
display: flex;
|
|
109
102
|
gap: 4px;
|
|
@@ -126,29 +119,8 @@ ptc-link, ptc-square-card,
|
|
|
126
119
|
font-weight: var(--ptc-font-weight-extrabold);
|
|
127
120
|
line-height: 35px;
|
|
128
121
|
}
|
|
129
|
-
@media only screen and (min-width: 480px) {
|
|
130
|
-
:host .card.standard {
|
|
131
|
-
width: 348px;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
@media only screen and (min-width: 768px) {
|
|
135
|
-
:host .card:not(.alternate) {
|
|
136
|
-
width: 100%;
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
@media only screen and (min-width: 992px) {
|
|
140
|
-
:host .card.alternate {
|
|
141
|
-
width: 100%;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
@media only screen and (min-width: 480px) {
|
|
146
|
-
:host(.two-card) .card.alternate {
|
|
147
|
-
width: 348px;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
122
|
@media only screen and (min-width: 768px) {
|
|
151
|
-
:host
|
|
123
|
+
:host .card {
|
|
152
124
|
width: 100%;
|
|
153
125
|
}
|
|
154
126
|
}
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import { Host, h } from '@stencil/core';
|
|
2
|
+
let iconListTextStyle = `:host .ptc-icon-list .ptc-content-simple {
|
|
3
|
+
color: #323B42;
|
|
4
|
+
font-family: Raleway;
|
|
5
|
+
font-size: 16px;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
font-weight: 600;
|
|
8
|
+
line-height: 20px;
|
|
9
|
+
padding-top: 0;
|
|
10
|
+
}`;
|
|
2
11
|
export class PtcEnhancedProductListingCard {
|
|
3
12
|
constructor() {
|
|
4
13
|
this.ctaFocussedHandler = () => {
|
|
@@ -30,8 +39,6 @@ export class PtcEnhancedProductListingCard {
|
|
|
30
39
|
}
|
|
31
40
|
};
|
|
32
41
|
this.cardIndex = 0;
|
|
33
|
-
this.theme = 'standard';
|
|
34
|
-
this.disablePriceLabel = undefined;
|
|
35
42
|
this.featureCallouts = [];
|
|
36
43
|
this.cta = {
|
|
37
44
|
href: "",
|
|
@@ -41,14 +48,7 @@ export class PtcEnhancedProductListingCard {
|
|
|
41
48
|
};
|
|
42
49
|
}
|
|
43
50
|
render() {
|
|
44
|
-
|
|
45
|
-
return (h(Host, null, h("div", { class: classMap }, this.theme == 'standard' && h("div", { class: "ribbon" }, h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { name: "ribbon-text" })), h("div", { class: "flex-start" }, h("ptc-title", { "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, h("h3", null, h("slot", { name: "heading" }))), h("ptc-para", { "seo-compatibility-mode": true, "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-5" }, h("p", null, h("slot", { name: "description" }))), h("div", null, (this.featureCallouts.length > 0) && this.featureCallouts.map((feature, idx) => (h("ptc-icon-list", { "is-last-item": (idx === this.featureCallouts.length - 1) ? "true" : "false", "no-bottom-space": (idx === this.featureCallouts.length - 1) ? "true" : "false", "list-content": feature, "list-type": "feature-callout-list" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { class: "flex-end" }, h("div", { class: "pricing" }, !this.disablePriceLabel && h("span", { class: "pricing-label" }, h("slot", { name: "pricing-label" })), h("span", { class: "pricing-value" }, h("slot", { name: "pricing-value" }))), h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
|
|
46
|
-
}
|
|
47
|
-
getCssClassMap() {
|
|
48
|
-
return {
|
|
49
|
-
[this.theme]: true,
|
|
50
|
-
['card']: true
|
|
51
|
-
};
|
|
51
|
+
return (h(Host, null, h("div", { class: "card" }, h("div", { class: "ribbon" }, h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { name: "ribbon-text" })), h("div", { class: "flex-start" }, h("ptc-title", { "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, h("h3", null, h("slot", { name: "heading" }))), h("ptc-para", { "seo-compatibility-mode": true, "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-5" }, h("p", null, h("slot", { name: "description" }))), h("div", null, (this.featureCallouts.length > 0) && this.featureCallouts.map((feature, idx) => (h("ptc-icon-list", { "is-last-item": (idx === this.featureCallouts.length - 1) ? "true" : "false", "no-bottom-space": (idx === this.featureCallouts.length - 1) ? "true" : "false", "list-content": feature, styles: iconListTextStyle, "list-type": "simple-icon-list" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { class: "flex-end" }, h("div", { class: "pricing" }, h("span", { class: "pricing-label" }, h("slot", { name: "pricing-label" })), h("span", { class: "pricing-value" }, h("slot", { name: "pricing-value" }))), h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "link-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
|
|
52
52
|
}
|
|
53
53
|
static get is() { return "ptc-enhanced-product-listing-card"; }
|
|
54
54
|
static get encapsulation() { return "shadow"; }
|
|
@@ -81,41 +81,6 @@ export class PtcEnhancedProductListingCard {
|
|
|
81
81
|
"attribute": "card-index",
|
|
82
82
|
"reflect": false,
|
|
83
83
|
"defaultValue": "0"
|
|
84
|
-
},
|
|
85
|
-
"theme": {
|
|
86
|
-
"type": "string",
|
|
87
|
-
"mutable": false,
|
|
88
|
-
"complexType": {
|
|
89
|
-
"original": "'standard' | 'alternate'",
|
|
90
|
-
"resolved": "\"alternate\" | \"standard\"",
|
|
91
|
-
"references": {}
|
|
92
|
-
},
|
|
93
|
-
"required": false,
|
|
94
|
-
"optional": false,
|
|
95
|
-
"docs": {
|
|
96
|
-
"tags": [],
|
|
97
|
-
"text": ""
|
|
98
|
-
},
|
|
99
|
-
"attribute": "theme",
|
|
100
|
-
"reflect": false,
|
|
101
|
-
"defaultValue": "'standard'"
|
|
102
|
-
},
|
|
103
|
-
"disablePriceLabel": {
|
|
104
|
-
"type": "boolean",
|
|
105
|
-
"mutable": false,
|
|
106
|
-
"complexType": {
|
|
107
|
-
"original": "boolean",
|
|
108
|
-
"resolved": "boolean",
|
|
109
|
-
"references": {}
|
|
110
|
-
},
|
|
111
|
-
"required": false,
|
|
112
|
-
"optional": false,
|
|
113
|
-
"docs": {
|
|
114
|
-
"tags": [],
|
|
115
|
-
"text": ""
|
|
116
|
-
},
|
|
117
|
-
"attribute": "disable-price-label",
|
|
118
|
-
"reflect": false
|
|
119
84
|
}
|
|
120
85
|
};
|
|
121
86
|
}
|