@ptcwebops/ptcw-design 6.3.26-beta → 6.3.26
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-1b8ad4d2.js +1819 -0
- package/dist/cjs/{component-4dd13907.js → component-35540bfb.js} +1494 -3305
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/global-92142fb4.js +28 -0
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -1
- package/dist/cjs/list-item.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -1
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +16 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +20 -3
- package/dist/cjs/ptc-button_5.cjs.entry.js +540 -0
- package/dist/cjs/ptc-card_2.cjs.entry.js +13 -5
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +2 -6
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +32 -17
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +40 -9
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +18 -3
- package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +5 -787
- package/dist/cjs/ptc-icon-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-info-tile.cjs.entry.js +2 -1
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
- package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js +28 -3
- 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 +2 -2
- package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-list.cjs.entry.js +11 -1
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +38 -6
- package/dist/cjs/ptc-quote.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-related-card-rail.cjs.entry.js +90 -32
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +9 -0
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +7 -0
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +42 -8
- 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 +6 -10
- package/dist/cjs/ptcw-design.cjs.js +2 -1
- package/dist/cjs/tab-header.cjs.entry.js +1 -1
- package/dist/cjs/validation-messages-33a4f26b.js +126 -0
- package/dist/collection/collection-manifest.json +2 -2
- 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 +6 -6
- package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.css +1 -0
- package/dist/collection/components/list-item/list-item.css +4 -0
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +4 -0
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +15 -0
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +10 -6
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +19 -2
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +1 -5
- package/dist/collection/components/ptc-container/ptc-container.js +2 -2
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +1 -1
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +13 -2
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +2 -2
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +12 -0
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +29 -3
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +34 -13
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +17 -2
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +3 -0
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.js +20 -1
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
- package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +50 -18
- package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.css +7 -0
- package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js +78 -2
- 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 +6 -6
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +528 -0
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +12 -4
- 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.js +1 -1
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +10 -6
- package/dist/collection/components/ptc-product-card/ptc-product-card.js +1 -1
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +8 -0
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +1 -1
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
- package/dist/collection/components/ptc-product-list/ptc-product-list.js +11 -1
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +12 -0
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +37 -5
- package/dist/collection/components/ptc-quote/ptc-quote.js +1 -1
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css +1 -2
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +113 -33
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +9 -0
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +7 -0
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +19 -19
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +6 -0
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +1 -1
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +15 -0
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +67 -9
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +8 -3
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
- 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 +5 -9
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +1 -1
- package/dist/collection/components/tab-header/tab-header.js +1 -1
- package/dist/collection/global/global.js +3 -0
- package/dist/collection/stories/Card.stories.js +3 -148
- package/dist/collection/stories/Jumbotron.stories.js +727 -0
- package/dist/collection/stories/Link.stories.js +25 -13
- package/dist/collection/stories/Paragraph.stories.js +18 -10
- package/dist/collection/stories/Select.stories.js +5 -8
- package/dist/collection/stories/Textfield.stories.js +71 -28
- package/dist/collection/stories/Title.stories.js +28 -16
- package/dist/collection/utils/fef-logger.js +23 -0
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +435 -239
- 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-8c53e377.js} +1482 -3281
- package/dist/esm/component-9beac35b.js +1802 -0
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/global-c58db4a9.js +26 -0
- package/dist/esm/homepage-jumbotron.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.js} +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +2 -1
- 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-back-to-top.entry.js +16 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +20 -3
- package/dist/esm/ptc-button_5.entry.js +532 -0
- package/dist/esm/ptc-card_2.entry.js +13 -5
- package/dist/esm/ptc-case-studies-slider.entry.js +2 -6
- package/dist/esm/ptc-close-icon_2.entry.js +32 -17
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +2 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +1 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +40 -9
- package/dist/esm/ptc-filter-level-theater.entry.js +18 -3
- package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +5 -785
- 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-list.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-info-tile.entry.js +2 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +665 -0
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +28 -3
- 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 +2 -2
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +2 -2
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +11 -1
- package/dist/esm/ptc-product-sidebar.entry.js +38 -6
- package/dist/esm/ptc-quote.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-related-card-rail.entry.js +90 -32
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +9 -0
- package/dist/esm/ptc-text-copy-with-background.entry.js +8 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +43 -9
- 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 +6 -10
- package/dist/esm/ptcw-design.js +2 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/esm/{utils-2f12c081.js → utils-7c68b88a.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-00e21489.entry.js +1 -0
- package/dist/ptcw-design/{p-901c31b3.entry.js → p-0252726c.entry.js} +1 -1
- package/dist/ptcw-design/p-02822616.entry.js +1 -0
- package/dist/ptcw-design/p-05c29cc2.entry.js +1 -0
- package/dist/ptcw-design/{p-f867ebe6.entry.js → p-0ddf2a09.entry.js} +1 -1
- package/dist/ptcw-design/p-13e338a5.entry.js +1 -0
- package/dist/ptcw-design/p-1454ba84.entry.js +1 -0
- package/dist/ptcw-design/{p-45b1f3fc.entry.js → p-16d47ac5.entry.js} +1 -1
- package/dist/ptcw-design/p-18851303.entry.js +1 -0
- package/dist/ptcw-design/p-18a5a338.js +1 -0
- package/dist/ptcw-design/{p-d73cc053.entry.js → p-18ac526f.entry.js} +1 -1
- package/dist/ptcw-design/p-1feb2812.entry.js +1 -0
- package/dist/ptcw-design/{p-a5fc048f.entry.js → p-24a6eefa.entry.js} +1 -1
- package/dist/ptcw-design/{p-9df7489b.entry.js → p-27c26d50.entry.js} +1 -1
- package/dist/ptcw-design/{p-9dbcfcee.entry.js → p-2ba1ef9d.entry.js} +1 -1
- package/dist/ptcw-design/{p-1eb40265.entry.js → p-30bfb2f9.entry.js} +1 -1
- package/dist/ptcw-design/p-352e87c0.entry.js +1 -0
- package/dist/ptcw-design/{p-297a14cb.entry.js → p-4056c365.entry.js} +1 -1
- package/dist/ptcw-design/{p-b647f7a1.entry.js → p-50770cc0.entry.js} +1 -1
- package/dist/ptcw-design/{p-4ca956c1.entry.js → p-531caca4.entry.js} +1 -1
- package/dist/ptcw-design/{p-52e17d34.entry.js → p-55e344bc.entry.js} +1 -1
- package/dist/ptcw-design/p-58b974e7.entry.js +68 -0
- package/dist/ptcw-design/p-593b8eff.entry.js +1 -0
- package/dist/ptcw-design/{p-8cea8943.entry.js → p-5bd8b4be.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ed4a7ed.entry.js → p-5ca42138.entry.js} +1 -1
- package/dist/ptcw-design/p-66ecd7b9.entry.js +1 -0
- package/dist/ptcw-design/{p-257267e3.entry.js → p-673cfd2e.entry.js} +1 -1
- package/dist/ptcw-design/{p-1570353c.entry.js → p-68ed2afe.entry.js} +1 -1
- package/dist/ptcw-design/p-73a853fc.entry.js +1 -0
- package/dist/ptcw-design/{p-0529caaa.entry.js → p-752bba1c.entry.js} +1 -1
- package/dist/ptcw-design/{p-b570e9a5.entry.js → p-757954b2.entry.js} +1 -1
- package/dist/ptcw-design/{p-8e42a22d.entry.js → p-757e3edb.entry.js} +1 -1
- package/dist/ptcw-design/p-77fb3a86.entry.js +1 -0
- package/dist/ptcw-design/{p-d51438de.entry.js → p-80588c84.entry.js} +1 -1
- package/dist/ptcw-design/{p-4702c233.entry.js → p-81e65926.entry.js} +1 -1
- package/dist/ptcw-design/{p-80122e26.js → p-826c17e8.js} +1 -1
- package/dist/ptcw-design/p-92ccc93c.entry.js +1 -0
- package/dist/ptcw-design/p-98426799.js +203 -0
- package/dist/ptcw-design/p-98844b50.js +134 -0
- package/dist/ptcw-design/p-a2c7df64.entry.js +1 -0
- package/dist/ptcw-design/p-a36f147a.js +1 -0
- package/dist/ptcw-design/p-a58698ca.entry.js +1 -0
- package/dist/ptcw-design/{p-8c121480.entry.js → p-a5ad0eff.entry.js} +1 -1
- package/dist/ptcw-design/{p-0b515839.entry.js → p-a791c53a.entry.js} +1 -1
- package/dist/ptcw-design/p-acdd9a1d.entry.js +1 -0
- package/dist/ptcw-design/p-ad821a01.entry.js +1 -0
- package/dist/ptcw-design/p-b6255525.entry.js +1 -0
- package/dist/ptcw-design/p-b7fa9f2c.entry.js +1 -0
- package/dist/ptcw-design/p-bb9a879f.entry.js +1 -0
- package/dist/ptcw-design/p-bf84ecc0.entry.js +1 -0
- package/dist/ptcw-design/p-c82eaf9d.entry.js +1 -0
- package/dist/ptcw-design/p-cad4b517.entry.js +1 -0
- package/dist/ptcw-design/{p-3dd0ded9.entry.js → p-d089dc37.entry.js} +1 -1
- package/dist/ptcw-design/p-d6845e91.entry.js +1 -0
- package/dist/ptcw-design/p-db1dcce0.entry.js +1 -0
- package/dist/ptcw-design/p-dd76bc11.entry.js +1 -0
- package/dist/ptcw-design/p-ddb898c7.entry.js +1 -0
- package/dist/ptcw-design/{p-14b7693f.entry.js → p-dffcfa42.entry.js} +1 -1
- package/dist/ptcw-design/p-e3867512.entry.js +1 -0
- package/dist/ptcw-design/{p-7793babb.entry.js → p-e3b1af2b.entry.js} +1 -1
- package/dist/ptcw-design/p-e6619d63.entry.js +1 -0
- package/dist/ptcw-design/{p-76dab076.entry.js → p-e813ea2b.entry.js} +1 -1
- package/dist/ptcw-design/p-e8c275a1.entry.js +1 -0
- package/dist/ptcw-design/p-eaa0597a.entry.js +1 -0
- package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
- package/dist/ptcw-design/p-f9256e3d.entry.js +1 -0
- package/dist/ptcw-design/p-fbd9c8fc.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/ptc-bio-card/ptc-bio-card.d.ts +1 -1
- 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 +1 -1
- package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +2 -1
- package/dist/types/components/ptc-info-tile/ptc-info-tile.d.ts +1 -0
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +2 -2
- package/dist/types/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.d.ts +6 -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/ptc-product-list/ptc-product-list.d.ts +1 -1
- package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +6 -3
- package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +12 -5
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +2 -0
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +54 -0
- package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +6 -1
- package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +1 -1
- package/dist/types/components.d.ts +134 -24
- package/dist/types/global/global.d.ts +4 -0
- package/dist/types/utils/fef-logger.d.ts +10 -0
- package/package.json +6 -2
- package/readme.md +1 -5
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- package/dist/cjs/ptc-button.cjs.entry.js +0 -87
- package/dist/cjs/ptc-para.cjs.entry.js +0 -127
- package/dist/cjs/ptc-picture.cjs.entry.js +0 -162
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-title.cjs.entry.js +0 -152
- 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/modal-form-example.entry.js +0 -90
- package/dist/esm/ptc-button.entry.js +0 -83
- package/dist/esm/ptc-para.entry.js +0 -123
- package/dist/esm/ptc-picture.entry.js +0 -158
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-title.entry.js +0 -148
- package/dist/ptcw-design/p-072a76d3.entry.js +0 -1
- package/dist/ptcw-design/p-077839d5.entry.js +0 -1
- package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
- package/dist/ptcw-design/p-0d223232.entry.js +0 -1
- package/dist/ptcw-design/p-0de4cd11.entry.js +0 -1
- package/dist/ptcw-design/p-0e5932f0.entry.js +0 -1
- package/dist/ptcw-design/p-21aa746d.entry.js +0 -1
- package/dist/ptcw-design/p-282b7d4e.entry.js +0 -1
- package/dist/ptcw-design/p-2cc7e2a8.entry.js +0 -1
- package/dist/ptcw-design/p-32f64f48.entry.js +0 -1
- package/dist/ptcw-design/p-3dac861d.entry.js +0 -1
- package/dist/ptcw-design/p-3ee2a531.entry.js +0 -1
- package/dist/ptcw-design/p-445329ed.entry.js +0 -1
- package/dist/ptcw-design/p-4b192f5e.entry.js +0 -1
- package/dist/ptcw-design/p-4f93c631.entry.js +0 -1
- package/dist/ptcw-design/p-5311c6e1.entry.js +0 -1
- package/dist/ptcw-design/p-58e91cb8.entry.js +0 -1
- package/dist/ptcw-design/p-5db7f70b.entry.js +0 -1
- package/dist/ptcw-design/p-71fbb799.entry.js +0 -1
- package/dist/ptcw-design/p-75390f63.entry.js +0 -1
- package/dist/ptcw-design/p-799afee5.entry.js +0 -1
- package/dist/ptcw-design/p-7bdf1e64.entry.js +0 -1
- package/dist/ptcw-design/p-8038bf31.entry.js +0 -1
- package/dist/ptcw-design/p-85b3ca2b.entry.js +0 -1
- package/dist/ptcw-design/p-9501995f.entry.js +0 -1
- package/dist/ptcw-design/p-97b9f41b.entry.js +0 -1
- package/dist/ptcw-design/p-99ee8a0e.entry.js +0 -1
- package/dist/ptcw-design/p-9d612f1f.entry.js +0 -1
- package/dist/ptcw-design/p-a8872ce3.entry.js +0 -1
- package/dist/ptcw-design/p-a89b986a.entry.js +0 -68
- package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
- package/dist/ptcw-design/p-baff4d44.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-de960790.entry.js +0 -1
- package/dist/ptcw-design/p-e4eb925f.entry.js +0 -1
- package/dist/ptcw-design/p-e6a272d9.entry.js +0 -1
- package/dist/ptcw-design/p-f1734520.entry.js +0 -1
- package/dist/ptcw-design/p-fe40421e.entry.js +0 -1
- package/dist/ptcw-design/p-fe907670.entry.js +0 -1
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
6
|
|
|
7
|
-
const ptcProductCategoryCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.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{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.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{color:var(--color-blue-06)}.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{transition:none;color:var(--color-blue-07)}.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{color:var(--color-blue-05)}.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{color:var(--color-gray-04) !important;cursor:not-allowed}.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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;padding-bottom:var(--ptc-layout-spacing-03)}:host .category-header{margin-bottom:var(--ptc-layout-spacing-03)}:host .tooltip-box{visibility:visible;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background-color:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:var(--ptc-border-radius-standard);width:auto;height:auto;text-align:left;text-shadow:none;white-space:normal;position:absolute;z-index:999;line-height:1.5}@media only screen and (min-width: 480px){:host .tooltip-box{width:273px}}:host .tooltip-box.hide-tooltip-mobile{display:none !important}@media only screen and (min-width: 768px){:host .tooltip-box.hide-tooltip-mobile{display:block !important}}:host .tooltip-box.full-width{width:100%}:host .tooltip-box::after{content:\"\";position:absolute}:host .tooltip-box.bottom{bottom:-12px;transform:translateY(100%)}:host .tooltip-box.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.left{bottom:-12px;transform:translate(-80%, 100%)}:host .tooltip-box.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.right{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){:host .tooltip-box.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){:host .tooltip-box.right{transform:translate(100%, 8px) !important}}}:host .tooltip-box.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.top{top:-8px;transform:translateY(-100%)}:host .tooltip-box.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}:host .tooltip-box.bottom-right{bottom:-12px;transform:translate(100%, 100%)}:host .tooltip-box.bottom-right::after{top:1px;left:10%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}:host .tooltip-box.danger a{color:var(--color-hyperlink)}@media (max-width: 768px){:host .hide-tooltip-on-mobile h1,:host .hide-tooltip-on-mobile h2,:host .hide-tooltip-on-mobile h3,:host .hide-tooltip-on-mobile h4,:host .hide-tooltip-on-mobile h5,:host .hide-tooltip-on-mobile h6{-webkit-line-clamp:initial !important}}";
|
|
7
|
+
const ptcProductCategoryCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.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{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.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{color:var(--color-blue-06)}.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{transition:none;color:var(--color-blue-07)}.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{color:var(--color-blue-05)}.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{color:var(--color-gray-04) !important;cursor:not-allowed}.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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;padding-bottom:var(--ptc-layout-spacing-03)}:host .category-header{margin-bottom:var(--ptc-layout-spacing-03)}:host .tooltip-box{visibility:visible;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background-color:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:var(--ptc-border-radius-standard);width:auto;height:auto;text-align:left;text-shadow:none;white-space:normal;position:absolute;z-index:999;line-height:1.5}@media only screen and (min-width: 480px){:host .tooltip-box{width:273px}}:host .tooltip-box.hide-tooltip-mobile{display:none !important}@media only screen and (min-width: 768px){:host .tooltip-box.hide-tooltip-mobile{display:block !important}}:host .tooltip-box.full-width{width:100%}:host .tooltip-box::after{content:\"\";position:absolute}:host .tooltip-box.bottom{bottom:-12px;transform:translateY(100%)}:host .tooltip-box.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.left{bottom:-12px;transform:translate(-80%, 100%)}:host .tooltip-box.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.right{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){:host .tooltip-box.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){:host .tooltip-box.right{transform:translate(100%, 8px) !important}}}:host .tooltip-box.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.top{top:-8px;transform:translateY(-100%)}:host .tooltip-box.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}:host .tooltip-box.bottom-right{bottom:-12px;transform:translate(100%, 100%)}:host .tooltip-box.bottom-right::after{top:1px;left:10%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}:host .tooltip-box.danger a{color:var(--color-hyperlink)}@media (max-width: 768px){:host .hide-tooltip-on-mobile h1,:host .hide-tooltip-on-mobile h2,:host .hide-tooltip-on-mobile h3,:host .hide-tooltip-on-mobile h4,:host .hide-tooltip-on-mobile h5,:host .hide-tooltip-on-mobile h6{-webkit-line-clamp:initial !important}}";
|
|
8
8
|
|
|
9
9
|
const PtcProductCategory = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
6
|
|
|
7
|
-
const ptcProductDropdownCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;box-sizing:border-box}:host .dropdown .dropdown-toggle .dropdown-placeholder{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto;width:100%;box-sizing:border-box}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}";
|
|
7
|
+
const ptcProductDropdownCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;box-sizing:border-box}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto;width:100%;box-sizing:border-box}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}:host .checkbox-label input[type=checkbox]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
|
|
8
8
|
|
|
9
9
|
const PtcProductDropdown = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -69,7 +69,7 @@ const PtcProductDropdown = class {
|
|
|
69
69
|
this.parseOptions();
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (index.h(index.Host, null, index.h("div", { class: "dropdown" }, index.h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, index.h("span", { class: "dropdown-placeholder" }, this.placeholder), index.h("span", { class: "caret" }, index.h("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (index.h("div", { class: "dropdown-menu" }, this.internalOptions.map((option) => (index.h("label", { class: "checkbox-label" }, index.h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), index.h("div", { class: "hidden" }, index.h("slot", null))));
|
|
72
|
+
return (index.h(index.Host, null, index.h("div", { class: "dropdown" }, index.h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => { e.key === 'Enter' ? this.toggleDropdown() : null; }, tabIndex: 0 }, index.h("span", { class: "dropdown-placeholder" }, this.placeholder), index.h("span", { class: "caret" }, index.h("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (index.h("div", { class: "dropdown-menu" }, this.internalOptions.map((option) => (index.h("label", { class: "checkbox-label" }, index.h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), index.h("div", { class: "hidden" }, index.h("slot", null))));
|
|
73
73
|
}
|
|
74
74
|
get hostElement() { return index.getElement(this); }
|
|
75
75
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
6
|
|
|
7
|
-
const ptcProductHighlightCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.
|
|
7
|
+
const ptcProductHighlightCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.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{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.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{color:var(--color-blue-06)}.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{transition:none;color:var(--color-blue-07)}.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{color:var(--color-blue-05)}.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{color:var(--color-gray-04) !important;cursor:not-allowed}.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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{max-width:300px;display:block;padding:18px 10px 12px 10px;border:1px solid var(--color-gray-04);border-radius:var(--ptc-border-radius-standard);margin:auto;height:100%}:host ptc-picture{min-height:100px}:host ptc-para ptc-readmore .box input~label{margin-right:0px}:host ptc-para a{color:var(--color-hyperlink)}";
|
|
8
8
|
|
|
9
9
|
const PtcProductHighlightCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -98,6 +98,10 @@ const PtcProductList = class {
|
|
|
98
98
|
});
|
|
99
99
|
}
|
|
100
100
|
componentDidLoad() {
|
|
101
|
+
// ptcLogger.log('Component loaded!');
|
|
102
|
+
// ptcLogger.info('Component loaded!');
|
|
103
|
+
// ptcLogger.warn('Component loaded!');
|
|
104
|
+
// ptcLogger.error('Component loaded!');
|
|
101
105
|
this.addIds();
|
|
102
106
|
this.noresultSection = this.hostElement.shadowRoot.querySelector('.no-result-wrap');
|
|
103
107
|
this.productList = this.hostElement.shadowRoot.querySelector('.product-list');
|
|
@@ -105,7 +109,7 @@ const PtcProductList = class {
|
|
|
105
109
|
productCards.forEach(card => {
|
|
106
110
|
const toggleBtn = (card.shadowRoot).querySelector('.toggle-btn');
|
|
107
111
|
if (toggleBtn) {
|
|
108
|
-
|
|
112
|
+
const handleToggle = () => {
|
|
109
113
|
if (card.classList.contains('has-opened')) {
|
|
110
114
|
card.classList.remove('has-opened');
|
|
111
115
|
}
|
|
@@ -113,6 +117,12 @@ const PtcProductList = class {
|
|
|
113
117
|
card.classList.add('has-opened');
|
|
114
118
|
}
|
|
115
119
|
this.hideAllCards(card);
|
|
120
|
+
};
|
|
121
|
+
toggleBtn.addEventListener('click', handleToggle);
|
|
122
|
+
toggleBtn.addEventListener('keydown', (event) => {
|
|
123
|
+
if (event.key === 'Enter') {
|
|
124
|
+
handleToggle();
|
|
125
|
+
}
|
|
116
126
|
});
|
|
117
127
|
}
|
|
118
128
|
});
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
6
|
|
|
7
|
-
const ptcProductSidebarCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host .hide{display:none !important}:host .white-box{padding:12px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}:host .sort-wrap{display:block}@media only screen and (min-width: 768px){:host .sort-wrap{display:flex;justify-content:space-between}}@media only screen and (min-width: 992px){:host .sort-wrap{display:block}}:host .filter-result-wrap label{font-size:var(--ptc-font-size-xx-small);font-weight:600}@media only screen and (min-width: 992px){:host .filter-result-wrap label{font-size:var(--ptc-font-size-x-small)}}:host .filter-result-wrap .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media only screen and (min-width: 992px){:host .filter-result-wrap .result-header{margin-bottom:26px}}:host .filter-result-wrap .result-header .clear-cta{cursor:pointer;display:none;color:var(--color-gray-07);font-size:var(--ptc-font-size-x-small);text-decoration:underline}:host .filter-result-wrap .result-header .clear-cta.show{display:block}:host .filter-result-wrap .typeahead-input{box-sizing:border-box;margin-bottom:14px;width:100%;margin-right:0}@media only screen and (min-width: 768px){:host .filter-result-wrap .typeahead-input{margin-right:40px}}@media only screen and (min-width: 992px){:host .filter-result-wrap .typeahead-input{margin-right:0}}:host .filter-result-wrap .typeahead-input .input-wrap{position:relative}:host .filter-result-wrap .typeahead-input .input-wrap svg{position:absolute;left:8px;top:8px}:host .filter-result-wrap .typeahead-input .input-wrap input{margin-top:4px;padding:8px 8px 8px 34px;display:block;width:100%;box-sizing:border-box;border:1px solid var(--color-gray-03);font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap{position:relative;width:100%}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions{border:1px solid var(--color-gray-03);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);background-color:var(--color-white);position:absolute;z-index:105;top:0;margin:0;width:100%;box-sizing:border-box;padding:0;max-height:400px;overflow-y:auto}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar{width:5px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li{list-style:none;padding:10px 16px;cursor:pointer;display:block;font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:first-child{padding-top:20px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:last-child{padding-bottom:20px}:host .filter-result-wrap .dropdwon-filter{margin-bottom:10px;width:100%}:host .product-list-wrap{display:none}@media only screen and (min-width: 992px){:host .product-list-wrap{display:block}}:host .product-list-wrap .category-list{display:block;padding:12px 4px;font-size:var(--ptc-font-size-x-small)}:host .product-list-wrap .category-list ptc-para{padding-bottom:4px;display:block}:host .product-list-wrap .category-list ul{padding-left:20px;margin:0}";
|
|
7
|
+
const ptcProductSidebarCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host .hide{display:none !important}:host .white-box{padding:12px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}:host .sort-wrap{display:block}@media only screen and (min-width: 768px){:host .sort-wrap{display:flex;justify-content:space-between}}@media only screen and (min-width: 992px){:host .sort-wrap{display:block}}:host .filter-result-wrap label{font-size:var(--ptc-font-size-xx-small);font-weight:600}@media only screen and (min-width: 992px){:host .filter-result-wrap label{font-size:var(--ptc-font-size-x-small)}}:host .filter-result-wrap .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media only screen and (min-width: 992px){:host .filter-result-wrap .result-header{margin-bottom:26px}}:host .filter-result-wrap .result-header .clear-cta{cursor:pointer;display:none;color:var(--color-gray-07);font-size:var(--ptc-font-size-x-small);text-decoration:underline}:host .filter-result-wrap .result-header .clear-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .filter-result-wrap .result-header .clear-cta.show{display:block}:host .filter-result-wrap .typeahead-input{box-sizing:border-box;margin-bottom:14px;width:100%;margin-right:0}@media only screen and (min-width: 768px){:host .filter-result-wrap .typeahead-input{margin-right:40px}}@media only screen and (min-width: 992px){:host .filter-result-wrap .typeahead-input{margin-right:0}}:host .filter-result-wrap .typeahead-input .input-wrap{position:relative}:host .filter-result-wrap .typeahead-input .input-wrap svg{position:absolute;left:8px;top:8px}:host .filter-result-wrap .typeahead-input .input-wrap input{margin-top:4px;padding:8px 8px 8px 34px;display:block;width:100%;box-sizing:border-box;border:1px solid var(--color-gray-03);font-size:14px}:host .filter-result-wrap .typeahead-input .input-wrap input:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .filter-result-wrap .typeahead-input .suggestion-wrap{position:relative;width:100%}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions{border:1px solid var(--color-gray-03);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);background-color:var(--color-white);position:absolute;z-index:105;top:0;margin:0;width:100%;box-sizing:border-box;padding:0;max-height:400px;overflow-y:auto}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar{width:5px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li{list-style:none;padding:10px 16px;cursor:pointer;display:block;font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:first-child{padding-top:20px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:last-child{padding-bottom:20px}:host .filter-result-wrap .dropdwon-filter{margin-bottom:10px;width:100%}:host .product-list-wrap{display:none}@media only screen and (min-width: 992px){:host .product-list-wrap{display:block}}:host .product-list-wrap .category-list{display:block;padding:12px 4px;font-size:var(--ptc-font-size-x-small)}:host .product-list-wrap .category-list ptc-para{padding-bottom:4px;display:block}:host .product-list-wrap .category-list ul{padding-left:20px;margin:0}";
|
|
8
8
|
|
|
9
9
|
const PtcProductSidebar = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -29,6 +29,7 @@ const PtcProductSidebar = class {
|
|
|
29
29
|
componentDidLoad() {
|
|
30
30
|
this.productListWrap = this.hostElement.shadowRoot.querySelector('.product-list-wrap');
|
|
31
31
|
this.clearBtn = this.hostElement.shadowRoot.querySelector('.clear-cta');
|
|
32
|
+
this.inputBox = this.hostElement.shadowRoot.querySelector('#searchBox');
|
|
32
33
|
}
|
|
33
34
|
// Getting category title and products list
|
|
34
35
|
getDomData() {
|
|
@@ -86,6 +87,15 @@ const PtcProductSidebar = class {
|
|
|
86
87
|
'event': e,
|
|
87
88
|
});
|
|
88
89
|
}
|
|
90
|
+
else if (e.key === 'Escape') {
|
|
91
|
+
this.clearSearch(e);
|
|
92
|
+
this.inputBox.focus();
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
handleKeyDownClearCta(e) {
|
|
96
|
+
if (e.key === 'Enter') {
|
|
97
|
+
this.clearSearch(e);
|
|
98
|
+
}
|
|
89
99
|
}
|
|
90
100
|
clearSearch(event) {
|
|
91
101
|
let input = this.hostElement.shadowRoot.querySelector('input');
|
|
@@ -115,10 +125,10 @@ const PtcProductSidebar = class {
|
|
|
115
125
|
handleClick() {
|
|
116
126
|
this.suggestions = [];
|
|
117
127
|
}
|
|
118
|
-
handleclearCtaClicked(
|
|
119
|
-
const { sender, event
|
|
128
|
+
handleclearCtaClicked(eve) {
|
|
129
|
+
const { sender, event } = eve.detail;
|
|
120
130
|
if (sender) {
|
|
121
|
-
this.clearSearch(
|
|
131
|
+
this.clearSearch(event);
|
|
122
132
|
}
|
|
123
133
|
}
|
|
124
134
|
handleSelectedValues(event) {
|
|
@@ -134,9 +144,31 @@ const PtcProductSidebar = class {
|
|
|
134
144
|
}
|
|
135
145
|
}
|
|
136
146
|
}
|
|
147
|
+
handleSuggestionKeyDown(e, index, suggestion) {
|
|
148
|
+
var _a;
|
|
149
|
+
const listItems = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
|
|
150
|
+
if (!listItems)
|
|
151
|
+
return;
|
|
152
|
+
if (e.key === 'Enter') {
|
|
153
|
+
this.handleSelectSuggestion(suggestion, e);
|
|
154
|
+
this.suggestions = [];
|
|
155
|
+
}
|
|
156
|
+
else if (e.key === 'Tab') {
|
|
157
|
+
e.preventDefault();
|
|
158
|
+
const isShift = e.shiftKey;
|
|
159
|
+
const nextIndex = isShift
|
|
160
|
+
? (index - 1 + listItems.length) % listItems.length
|
|
161
|
+
: (index + 1) % listItems.length;
|
|
162
|
+
listItems[nextIndex].focus();
|
|
163
|
+
}
|
|
164
|
+
else if (e.key === 'Escape') {
|
|
165
|
+
this.clearSearch(e);
|
|
166
|
+
this.inputBox.focus();
|
|
167
|
+
}
|
|
168
|
+
}
|
|
137
169
|
render() {
|
|
138
|
-
return (index.h(index.Host, { class: 'search-box' }, index.h("div", { class: "filter-result-wrap white-box" }, index.h("div", { class: "result-header" }, index.h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), index.h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e) }, this.clearText)), index.h("div", { class: "sort-wrap" }, index.h("div", { class: "typeahead-input" }, index.h("label", { htmlFor: "searchBox" }, this.filterText), index.h("div", { class: "input-wrap" }, index.h("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), index.h("input", { type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: 'searchBox' })), this.suggestions.length > 0 &&
|
|
139
|
-
index.h("div", { class: "suggestion-wrap" }, index.h("ul", { class: "suggestions" }, this.suggestions.map((suggestion) => (index.h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e) }, suggestion)))))), index.h("div", { class: "dropdwon-filter" }, index.h("label", { htmlFor: "tech-dropdown" }, this.technologyText), index.h("ptc-product-dropdown", { placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (index.h("span", null, item.categoryName))))))), index.h("ptc-spacer", { size: "large" }), index.h("ptc-spacer", { size: "large" }), index.h("div", { class: "product-list-wrap white-box" }, index.h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.jumpToProduct), this.suggestionList.map((item) => (index.h("div", { class: "category-list" }, index.h("ptc-para", { "font-size": 'x-small', "font-weight": 'w-7', "para-line-h": "line-height-densest", "para-margin": 'margin-flush' }, index.h("list-item", { "list-type": "list-underline", "link-href": '#' + item.categoryName }, index.h("ptc-tooltip", { "text-display": "inline", "text-lines": "4", "z-index": "z-2", description: item.categoryName, position: "bottom" }))), index.h("div", { class: "product-list" }, index.h("ul", null, item.products.map((product) => (index.h("list-item", { "list-type": "list-underline", "link-href": '#' + product }, product)))))))))));
|
|
170
|
+
return (index.h(index.Host, { class: 'search-box' }, index.h("div", { class: "filter-result-wrap white-box" }, index.h("div", { class: "result-header" }, index.h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), index.h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDownClearCta(e); } }, this.clearText)), index.h("div", { class: "sort-wrap" }, index.h("div", { class: "typeahead-input" }, index.h("label", { htmlFor: "searchBox" }, this.filterText), index.h("div", { class: "input-wrap" }, index.h("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), index.h("input", { type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: 'searchBox' })), this.suggestions.length > 0 &&
|
|
171
|
+
index.h("div", { class: "suggestion-wrap" }, index.h("ul", { class: "suggestions" }, this.suggestions.map((suggestion, index$1) => (index.h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e), tabIndex: 0, onKeyDown: (e) => this.handleSuggestionKeyDown(e, index$1, suggestion) }, suggestion)))))), index.h("div", { class: "dropdwon-filter" }, index.h("label", { htmlFor: "tech-dropdown" }, this.technologyText), index.h("ptc-product-dropdown", { placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (index.h("span", null, item.categoryName))))))), index.h("ptc-spacer", { size: "large" }), index.h("ptc-spacer", { size: "large" }), index.h("div", { class: "product-list-wrap white-box" }, index.h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.jumpToProduct), this.suggestionList.map((item) => (index.h("div", { class: "category-list" }, index.h("ptc-para", { "font-size": 'x-small', "font-weight": 'w-7', "para-line-h": "line-height-densest", "para-margin": 'margin-flush' }, index.h("list-item", { "list-type": "list-underline", "link-href": '#' + item.categoryName }, index.h("ptc-tooltip", { "text-display": "inline", "text-lines": "4", "z-index": "z-2", description: item.categoryName, position: "bottom" }))), index.h("div", { class: "product-list" }, index.h("ul", null, item.products.map((product) => (index.h("list-item", { "list-type": "list-underline", "link-href": '#' + product }, product)))))))))));
|
|
140
172
|
}
|
|
141
173
|
get hostElement() { return index.getElement(this); }
|
|
142
174
|
};
|
|
@@ -24,7 +24,7 @@ const PtcQuote = class {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const classMap = this.getCssClassMap();
|
|
27
|
-
return (index.h(index.Host, { class: classMap }, this.imgSrc ? (index.h("div", { class: "quote-media" }, this.imgSrc ? index.h("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null, this.imgTitle ? this.getImageTitle() : null)) : null, index.h("div", { class: "quote-content" }, this.quoteType == 'image-quote' ? index.h("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null, index.h("blockquote", null, this.quoteType == 'value-led-quote' &&
|
|
27
|
+
return (index.h(index.Host, { class: classMap }, this.imgSrc ? (index.h("div", { class: "quote-media" }, this.imgSrc ? index.h("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null, this.imgTitle ? this.getImageTitle() : null)) : null, index.h("div", { class: "quote-content" }, this.quoteType == 'image-quote' ? index.h("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null, index.h("blockquote", null, this.quoteType == 'value-led-quote' && this.quoteImage &&
|
|
28
28
|
index.h("ptc-picture", { alt: "quote", src: this.quoteImage }), index.h("p", null, index.h("slot", null)), index.h("span", { class: "quote-name" }, this.quoteName ? this.quoteName : null), this.ctaText && this.ctaUrl ? (index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": this.ctaUrl }, this.ctaText)) : null))));
|
|
29
29
|
}
|
|
30
30
|
getCssClassMap() {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
6
|
|
|
7
|
-
const ptcReadmoreCharCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.
|
|
7
|
+
const ptcReadmoreCharCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.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{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.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{color:var(--color-blue-06)}.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{transition:none;color:var(--color-blue-07)}.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{color:var(--color-blue-05)}.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{color:var(--color-gray-04) !important;cursor:not-allowed}.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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .tracker-div{display:inline;display:inline-block}";
|
|
8
8
|
|
|
9
9
|
const PtcReadmoreChar = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
6
|
|
|
7
|
-
const ptcReadmoreV3Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.
|
|
7
|
+
const ptcReadmoreV3Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.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{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.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{color:var(--color-blue-06)}.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{transition:none;color:var(--color-blue-07)}.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{color:var(--color-blue-05)}.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{color:var(--color-gray-04) !important;cursor:not-allowed}.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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:\"\";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
|
|
8
8
|
|
|
9
9
|
const PtcReadmoreV3 = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -3,18 +3,46 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
|
+
const focusTrap_esm = require('./focus-trap.esm-8c5a8938.js');
|
|
6
7
|
|
|
7
|
-
const ptcRelatedCardRailCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{
|
|
8
|
+
const ptcRelatedCardRailCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";
|
|
8
9
|
|
|
9
10
|
const PtcRelatedCardRail = class {
|
|
10
11
|
constructor(hostRef) {
|
|
11
12
|
index.registerInstance(this, hostRef);
|
|
13
|
+
//lastFocusElement: HTMLElement;
|
|
14
|
+
this.setFocusTrap = () => {
|
|
15
|
+
//console.log('this.focusTrap: ' + this.focusTrap)
|
|
16
|
+
if (!this.focusTrap) {
|
|
17
|
+
this.focusTrap = focusTrap_esm.createFocusTrap(this.el, {
|
|
18
|
+
escapeDeactivates: true,
|
|
19
|
+
returnFocusOnDeactivate: true,
|
|
20
|
+
onActivate: () => {
|
|
21
|
+
if (!this.openedByKeyboard) {
|
|
22
|
+
this.focusTrap.pause(); // If opened by mouse, prevent immediate focus trapping
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
onDeactivate: () => {
|
|
26
|
+
setTimeout(() => {
|
|
27
|
+
this.closed = true;
|
|
28
|
+
}, 0);
|
|
29
|
+
},
|
|
30
|
+
tabbableOptions: {
|
|
31
|
+
getShadowRoot: true,
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
if (this.isVisible === true && this.openedByKeyboard === true) {
|
|
36
|
+
this.focusTrap && this.focusTrap.activate();
|
|
37
|
+
//console.log('activate focus trap');
|
|
38
|
+
}
|
|
39
|
+
};
|
|
12
40
|
this.setScreenBasedProps = () => {
|
|
13
41
|
let windowWidth = window.innerWidth;
|
|
14
42
|
let props = {
|
|
15
43
|
contentContainerMargin: undefined,
|
|
16
44
|
contentCards: undefined,
|
|
17
|
-
parahFontSize: undefined
|
|
45
|
+
parahFontSize: undefined,
|
|
18
46
|
};
|
|
19
47
|
if (windowWidth >= 2600) {
|
|
20
48
|
props.contentCards = 3;
|
|
@@ -57,7 +85,7 @@ const PtcRelatedCardRail = class {
|
|
|
57
85
|
const content = contentCards[this.cardInView];
|
|
58
86
|
contentContainer.scrollTo({
|
|
59
87
|
left: content.offsetLeft - contentContainerMarginLeft,
|
|
60
|
-
behavior:
|
|
88
|
+
behavior: 'smooth',
|
|
61
89
|
});
|
|
62
90
|
}
|
|
63
91
|
};
|
|
@@ -67,12 +95,12 @@ const PtcRelatedCardRail = class {
|
|
|
67
95
|
let contentContainerMarginLeftString = window.getComputedStyle(contentContainer).marginLeft;
|
|
68
96
|
let contentContainerMarginLeft = Number(contentContainerMarginLeftString.substring(0, contentContainerMarginLeftString.length - 2));
|
|
69
97
|
let contentCards = (_b = this.el) === null || _b === void 0 ? void 0 : _b.shadowRoot.querySelectorAll('.content');
|
|
70
|
-
if (this.cardInView <
|
|
98
|
+
if (this.cardInView < contentCards.length - this.screenBasedProps.contentCards) {
|
|
71
99
|
this.cardInView += 1;
|
|
72
100
|
const content = contentCards[this.cardInView];
|
|
73
101
|
contentContainer.scrollTo({
|
|
74
102
|
left: content.offsetLeft - contentContainerMarginLeft,
|
|
75
|
-
behavior:
|
|
103
|
+
behavior: 'smooth',
|
|
76
104
|
});
|
|
77
105
|
}
|
|
78
106
|
};
|
|
@@ -82,12 +110,18 @@ const PtcRelatedCardRail = class {
|
|
|
82
110
|
let documentHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight);
|
|
83
111
|
let scrollTop = window.scrollY || (document.documentElement || document.body).scrollTop;
|
|
84
112
|
let trackLength = documentHeight - windowHeight;
|
|
85
|
-
let percentageSrolled = Math.floor(scrollTop / trackLength * 100);
|
|
113
|
+
let percentageSrolled = Math.floor((scrollTop / trackLength) * 100);
|
|
86
114
|
if (percentageSrolled >= 50) {
|
|
87
115
|
this.el.style.display = 'block';
|
|
116
|
+
this.isVisible = true;
|
|
88
117
|
}
|
|
89
118
|
else {
|
|
119
|
+
if (this.focusTrap && this.closed === true) {
|
|
120
|
+
this.focusTrap.deactivate();
|
|
121
|
+
this.focusTrap = undefined;
|
|
122
|
+
}
|
|
90
123
|
this.el.style.display = 'none';
|
|
124
|
+
this.isVisible = false;
|
|
91
125
|
}
|
|
92
126
|
let cardRailContainer = this.el.shadowRoot.querySelector('.card-rail-container');
|
|
93
127
|
let pageFooter = document.querySelector(this.footerQuerySelector);
|
|
@@ -100,6 +134,12 @@ const PtcRelatedCardRail = class {
|
|
|
100
134
|
}
|
|
101
135
|
}
|
|
102
136
|
}
|
|
137
|
+
else {
|
|
138
|
+
if (this.focusTrap) {
|
|
139
|
+
this.focusTrap.deactivate();
|
|
140
|
+
this.focusTrap = undefined;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
103
143
|
};
|
|
104
144
|
this.handleOnResizeBehaviour = () => {
|
|
105
145
|
var _a, _b;
|
|
@@ -113,44 +153,47 @@ const PtcRelatedCardRail = class {
|
|
|
113
153
|
});
|
|
114
154
|
this.cardInView = 0;
|
|
115
155
|
};
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
setTimeout(() => {
|
|
124
|
-
if (this.targetElement) {
|
|
125
|
-
this.targetElement.focus();
|
|
126
|
-
}
|
|
127
|
-
else {
|
|
128
|
-
console.log('target ele reference not found');
|
|
129
|
-
}
|
|
130
|
-
}, 100);
|
|
156
|
+
this.handleKeyPress = (event) => {
|
|
157
|
+
if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
|
|
158
|
+
this.openedByKeyboard = true;
|
|
159
|
+
if (this.focusTrap && this.closed === true) {
|
|
160
|
+
this.focusTrap.deactivate();
|
|
161
|
+
this.focusTrap = undefined;
|
|
162
|
+
//console.log('flag');
|
|
131
163
|
}
|
|
132
164
|
}
|
|
133
165
|
};
|
|
166
|
+
this.handleMouseDown = () => {
|
|
167
|
+
this.openedByKeyboard = false;
|
|
168
|
+
};
|
|
134
169
|
this.footerQuerySelector = undefined;
|
|
135
|
-
this.railTitle =
|
|
170
|
+
this.railTitle = 'Read More Case Studies';
|
|
171
|
+
this.isVisible = false;
|
|
136
172
|
this.closed = false;
|
|
137
173
|
this.cardInView = 0;
|
|
138
174
|
this.data = [];
|
|
139
175
|
this.screenBasedProps = {
|
|
140
176
|
contentContainerMargin: undefined,
|
|
141
177
|
contentCards: undefined,
|
|
142
|
-
parahFontSize: undefined
|
|
178
|
+
parahFontSize: undefined,
|
|
143
179
|
};
|
|
180
|
+
this.openedByKeyboard = false;
|
|
181
|
+
}
|
|
182
|
+
onVisibleChanged(newValue) {
|
|
183
|
+
if (newValue) {
|
|
184
|
+
this.setFocusTrap();
|
|
185
|
+
//console.log('isVisible: ' + this.isVisible);
|
|
186
|
+
}
|
|
144
187
|
}
|
|
145
188
|
handleKeyClose(event) {
|
|
146
|
-
if (event.key === 'Enter') {
|
|
189
|
+
if (event.key === 'Enter' || event.key === 'Esc') {
|
|
147
190
|
event.preventDefault();
|
|
148
191
|
this.closed = true;
|
|
149
192
|
}
|
|
150
193
|
}
|
|
151
194
|
connectedCallback() {
|
|
152
|
-
|
|
153
|
-
document.addEventListener('
|
|
195
|
+
document.addEventListener('keydown', this.handleKeyPress, true);
|
|
196
|
+
document.addEventListener('mousedown', this.handleMouseDown, true);
|
|
154
197
|
}
|
|
155
198
|
componentWillLoad() {
|
|
156
199
|
const relatedCards = this.el.querySelectorAll('[slot^="related-card-"]');
|
|
@@ -161,7 +204,7 @@ const PtcRelatedCardRail = class {
|
|
|
161
204
|
image: undefined,
|
|
162
205
|
text: undefined,
|
|
163
206
|
href: undefined,
|
|
164
|
-
altText: undefined
|
|
207
|
+
altText: undefined,
|
|
165
208
|
};
|
|
166
209
|
let cardImage = card.querySelector('img');
|
|
167
210
|
let cardLink = card.querySelector('a');
|
|
@@ -174,21 +217,36 @@ const PtcRelatedCardRail = class {
|
|
|
174
217
|
}
|
|
175
218
|
}
|
|
176
219
|
this.handleOnScrollBehaviour();
|
|
220
|
+
this.setScreenBasedProps();
|
|
177
221
|
}
|
|
178
222
|
componentDidLoad() {
|
|
179
|
-
this.setScreenBasedProps();
|
|
180
223
|
window.addEventListener('scroll', this.handleOnScrollBehaviour);
|
|
181
224
|
window.addEventListener('resize', this.handleOnResizeBehaviour);
|
|
182
225
|
}
|
|
183
226
|
disconnectedCallback() {
|
|
184
|
-
|
|
185
|
-
document.removeEventListener('
|
|
227
|
+
document.removeEventListener('keydown', this.handleKeyPress, true);
|
|
228
|
+
document.removeEventListener('mousedown', this.handleMouseDown, true);
|
|
229
|
+
if (this.focusTrap) {
|
|
230
|
+
this.focusTrap.deactivate();
|
|
231
|
+
this.focusTrap = undefined;
|
|
232
|
+
}
|
|
186
233
|
}
|
|
187
234
|
render() {
|
|
188
|
-
return
|
|
189
|
-
|
|
235
|
+
return this.closed ? null : (index.h(index.Host, null, index.h("div", { class: "card-rail-container", id: "card-rail-reveal-tag" }, index.h("div", { class: "card-rail-header" }, index.h("div", { class: "card-rail-heading" }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-normal", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.railTitle)), index.h("div", { ref: el => (this.targetElement = el), id: "card-rail-close", class: "card-rail-close mf-listen", onKeyDown: event => this.handleKeyClose(event), onClick: () => {
|
|
236
|
+
if (this.focusTrap) {
|
|
237
|
+
this.focusTrap.deactivate();
|
|
238
|
+
}
|
|
239
|
+
this.closed = true;
|
|
240
|
+
}, tabindex: "0" }, index.h("icon-asset", { type: "ptc", size: "xx-small", name: "times", color: "gray" }))), index.h("div", { class: "card-rail-content" }, index.h("icon-asset", { id: "left-arrow", class: "mf-listen", type: "ptc", size: "small", name: "previous_button_arrow", color: "gray", onClick: this.handlePrevClick }), index.h("icon-asset", { id: "right-arrow", class: "mf-listen", type: "ptc", size: "small", name: "next_button_arrow", color: "gray", onClick: this.handleNextClick }), index.h("div", { class: "content-container" }, this.data.map((item, index$1) => (index.h("div", { class: "content mf-listen", id: `card-rail-content-${index$1}`, onKeyDown: (event) => {
|
|
241
|
+
event.key === 'Enter' && window.open(item.href);
|
|
242
|
+
}, onClick: () => {
|
|
243
|
+
window.open(item.href);
|
|
244
|
+
}, tabindex: "0" }, index.h("div", { class: "content-image" }, index.h("img", { alt: item.altText, src: item.image })), index.h("div", { class: "content-text" }, index.h("ptc-para", { "ellipsis-line-cutoff": "3", "font-size": this.screenBasedProps.parahFontSize, "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, item.text))))))))));
|
|
190
245
|
}
|
|
191
246
|
get el() { return index.getElement(this); }
|
|
247
|
+
static get watchers() { return {
|
|
248
|
+
"isVisible": ["onVisibleChanged"]
|
|
249
|
+
}; }
|
|
192
250
|
};
|
|
193
251
|
PtcRelatedCardRail.style = ptcRelatedCardRailCss;
|
|
194
252
|
|