@ptcwebops/ptcw-design 6.3.20-beta → 6.3.21-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
- package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
- package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
- package/dist/cjs/{component-4dd13907.js → component-6a178a16.js} +1 -1
- package/dist/cjs/embedded-form.cjs.entry.js +1 -1
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +65 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +54 -0
- package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-button.cjs.entry.js +87 -0
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +26 -28
- package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +66 -0
- package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +2 -2
- package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-list.cjs.entry.js +35 -0
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +1 -8
- package/dist/cjs/ptc-para.cjs.entry.js +127 -0
- package/dist/cjs/ptc-preferance-center-form.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-title.cjs.entry.js +152 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +66 -0
- package/dist/cjs/{utils-ad441b07.js → utils-b63aef52.js} +1 -1
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +1 -1
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +2 -9
- package/dist/collection/components/ptc-preferance-center-form/ptc-preferance-center-form.js +1 -1
- package/dist/collection/stories/MobileSelect.stories.js +11 -21
- package/dist/collection/utils/elq-lib.js +25 -25
- package/dist/collection/utils/utils.js +1 -1
- package/dist/custom-elements/index.js +30 -39
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +2 -2
- package/dist/esm/blog-detail-layout.entry.js +2 -2
- package/dist/esm/blogs-search-section.entry.js +2 -2
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/{component-9c921cc6.js → component-80f298b4.js} +1 -1
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/dynamic-box-bundle.entry.js +1 -1
- package/dist/esm/embedded-form.entry.js +2 -2
- package/dist/esm/event-jumbotron-example.entry.js +1 -1
- package/dist/esm/event-podcast-slider-example.entry.js +1 -1
- package/dist/esm/featured-events-slider-example.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/fl-tab-content_3.entry.js +1 -1
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/homepage-clickable-tab.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +2 -2
- package/dist/esm/homepage-toggled-content.entry.js +2 -2
- package/dist/esm/icon-asset.entry.js +61 -0
- package/dist/esm/{index-0bf594c4.js → index-c83db688.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/max-width-container.entry.js +50 -0
- package/dist/esm/modal-form-example.entry.js +1 -1
- package/dist/esm/most-popular-news.entry.js +2 -2
- package/dist/esm/my-component.entry.js +2 -2
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +2 -2
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +2 -2
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-button.entry.js +83 -0
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +2 -2
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +27 -29
- package/dist/esm/ptc-date.entry.js +1 -1
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +62 -0
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_4.entry.js +3 -3
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
- package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
- package/dist/esm/ptc-icon-card-slider-example.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +2 -2
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +31 -0
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-info-tile.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +2 -2
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +2 -2
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +2 -9
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-nav-tile.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-para.entry.js +123 -0
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-preferance-center-form.entry.js +2 -2
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +2 -2
- package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quantity-counter.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-new.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-scroll-button.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-seo-title.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-showcase-card.entry.js +1 -1
- package/dist/esm/ptc-skeleton.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +2 -2
- package/dist/esm/ptc-social-icons.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-square-card.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-sticky-title.entry.js +1 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-title.entry.js +148 -0
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip.entry.js +1 -1
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptc-value-led-card.entry.js +1 -1
- package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
- package/dist/esm/ptc-value-led-content.entry.js +1 -1
- package/dist/esm/ptc-value-led-intro.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-value-prop-card.entry.js +1 -1
- package/dist/esm/ptc-video-embed.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/sequential-bundle-example.entry.js +1 -1
- package/dist/esm/sequential-bundle.entry.js +1 -1
- package/dist/esm/storefront-enhanced-product-list-alt-example.entry.js +62 -0
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/esm/{utils-ff65c75b.js → utils-2f12c081.js} +2 -2
- package/dist/ptcw-design/{p-f69df077.entry.js → p-008307a6.entry.js} +1 -1
- package/dist/ptcw-design/{p-74a845fd.entry.js → p-04aae3f5.entry.js} +1 -1
- package/dist/ptcw-design/{p-c9a73ad1.entry.js → p-04f0b1ba.entry.js} +1 -1
- package/dist/ptcw-design/{p-135191ce.entry.js → p-04ff81ef.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a1922ba.entry.js → p-0529caaa.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf7f25ce.entry.js → p-072a76d3.entry.js} +1 -1
- package/dist/ptcw-design/p-077839d5.entry.js +1 -0
- package/dist/ptcw-design/p-0a214a22.entry.js +1 -0
- package/dist/ptcw-design/{p-e8b51e7d.entry.js → p-0a9ee6c2.entry.js} +1 -1
- package/dist/ptcw-design/{p-2b583ae1.entry.js → p-0b515839.entry.js} +1 -1
- package/dist/ptcw-design/{p-ec22d0b8.entry.js → p-0c69ea52.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7e67938.entry.js → p-0d223232.entry.js} +1 -1
- package/dist/ptcw-design/{p-b789c2ee.entry.js → p-0de4cd11.entry.js} +1 -1
- package/dist/ptcw-design/{p-b3b63f67.entry.js → p-0e5932f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-73a41148.entry.js → p-14b7693f.entry.js} +1 -1
- package/dist/ptcw-design/{p-8cdcfb51.entry.js → p-15e36f30.entry.js} +1 -1
- package/dist/ptcw-design/p-1eb40265.entry.js +1 -0
- package/dist/ptcw-design/{p-6dc78042.entry.js → p-21aa746d.entry.js} +1 -1
- package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
- package/dist/ptcw-design/{p-abdd3b8e.entry.js → p-257267e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-a22d7ae8.entry.js → p-257a68df.entry.js} +1 -1
- package/dist/ptcw-design/p-260ecfef.entry.js +1 -0
- package/dist/ptcw-design/{p-14c77b5e.entry.js → p-27e47c25.entry.js} +1 -1
- package/dist/ptcw-design/{p-78252282.entry.js → p-282b7d4e.entry.js} +1 -1
- package/dist/ptcw-design/p-297a14cb.entry.js +1 -0
- package/dist/ptcw-design/{p-9292844e.entry.js → p-2aa19c11.entry.js} +1 -1
- package/dist/ptcw-design/{p-54891548.entry.js → p-2c2f895a.entry.js} +1 -1
- package/dist/ptcw-design/p-2cc7e2a8.entry.js +1 -0
- package/dist/ptcw-design/{p-caac157f.entry.js → p-32f64f48.entry.js} +1 -1
- package/dist/ptcw-design/{p-0261e249.entry.js → p-36abe396.entry.js} +1 -1
- package/dist/ptcw-design/{p-a2710bbf.entry.js → p-3872fce7.entry.js} +1 -1
- package/dist/ptcw-design/{p-c05e326f.entry.js → p-38a56ed6.entry.js} +1 -1
- package/dist/ptcw-design/{p-38a1425c.entry.js → p-3dd0ded9.entry.js} +1 -1
- package/dist/ptcw-design/p-3ddb6c50.entry.js +1 -0
- package/dist/ptcw-design/p-3ed4a7ed.entry.js +1 -0
- package/dist/ptcw-design/{p-9dde477c.entry.js → p-3ee2a531.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d386f08.entry.js → p-445329ed.entry.js} +1 -1
- package/dist/ptcw-design/p-45b1f3fc.entry.js +1 -0
- package/dist/ptcw-design/{p-1d48bad3.entry.js → p-464d8e22.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c3d5474.entry.js → p-4702c233.entry.js} +1 -1
- package/dist/ptcw-design/{p-7e19be10.entry.js → p-4b192f5e.entry.js} +1 -1
- package/dist/ptcw-design/p-4cee12b8.entry.js +1 -0
- package/dist/ptcw-design/{p-a1dc7ae5.entry.js → p-4f3dea53.entry.js} +1 -1
- package/dist/ptcw-design/{p-f77c7c78.entry.js → p-4f93c631.entry.js} +1 -1
- package/dist/ptcw-design/{p-d871e7f7.entry.js → p-52e17d34.entry.js} +1 -1
- package/dist/ptcw-design/{p-58d4b008.entry.js → p-5311c6e1.entry.js} +1 -1
- package/dist/ptcw-design/{p-bca81995.entry.js → p-560b05a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c72e82d.entry.js → p-58e91cb8.entry.js} +1 -1
- package/dist/ptcw-design/{p-cab0274c.entry.js → p-5946d7c9.entry.js} +1 -1
- package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d32f1bc.entry.js → p-5db7f70b.entry.js} +1 -1
- package/dist/ptcw-design/{p-5fb671ee.entry.js → p-61d28206.entry.js} +1 -1
- package/dist/ptcw-design/{p-31e03c00.entry.js → p-67c248ec.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b6c2a79.entry.js → p-6aa9ed95.entry.js} +1 -1
- package/dist/ptcw-design/{p-379fcc72.entry.js → p-6e8ed2ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-0b182300.entry.js → p-71360e29.entry.js} +1 -1
- package/dist/ptcw-design/{p-9cfb4f41.entry.js → p-71fbb799.entry.js} +1 -1
- package/dist/ptcw-design/{p-c73eb535.entry.js → p-75390f63.entry.js} +1 -1
- package/dist/ptcw-design/{p-8ffdd794.entry.js → p-761a31f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e13b735.entry.js → p-76d98c5a.entry.js} +1 -1
- package/dist/ptcw-design/{p-0cd366c6.entry.js → p-76dab076.entry.js} +1 -1
- package/dist/ptcw-design/{p-ffd5c822.entry.js → p-7793babb.entry.js} +1 -1
- package/dist/ptcw-design/{p-1adea6a5.entry.js → p-77cad16c.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ada2482.entry.js → p-799afee5.entry.js} +1 -1
- package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.entry.js} +1 -1
- package/dist/ptcw-design/{p-8a452c0b.entry.js → p-7a3e9ecd.entry.js} +1 -1
- package/dist/ptcw-design/{p-25dd15af.entry.js → p-7bdf1e64.entry.js} +1 -1
- package/dist/ptcw-design/{p-7fada7ae.entry.js → p-7cc9255e.entry.js} +1 -1
- package/dist/ptcw-design/{p-183ba1ca.entry.js → p-7d29a418.entry.js} +1 -1
- package/dist/ptcw-design/{p-29ae44dd.entry.js → p-7fe4d383.entry.js} +1 -1
- package/dist/ptcw-design/p-80122e26.js +1 -0
- package/dist/ptcw-design/{p-779c3f21.entry.js → p-8038bf31.entry.js} +1 -1
- package/dist/ptcw-design/{p-a974f98f.entry.js → p-8191928d.entry.js} +1 -1
- package/dist/ptcw-design/{p-1948b914.entry.js → p-8521fdd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
- package/dist/ptcw-design/{p-4e2c2f75.entry.js → p-85bdb2d5.entry.js} +1 -1
- package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
- package/dist/ptcw-design/{p-e75dff95.entry.js → p-89177041.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} +1 -1
- package/dist/ptcw-design/{p-472579ea.entry.js → p-89f0cf12.entry.js} +1 -1
- package/dist/ptcw-design/{p-b4ba719a.entry.js → p-8c121480.entry.js} +1 -1
- package/dist/ptcw-design/{p-212d0145.entry.js → p-8c49d736.entry.js} +1 -1
- package/dist/ptcw-design/{p-0c862dbd.entry.js → p-8cea8943.entry.js} +1 -1
- package/dist/ptcw-design/{p-b1c1de30.entry.js → p-8e42a22d.entry.js} +1 -1
- package/dist/ptcw-design/p-8fb48953.entry.js +1 -0
- package/dist/ptcw-design/p-901c31b3.entry.js +1 -0
- package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} +1 -1
- package/dist/ptcw-design/{p-094f5dec.entry.js → p-9501995f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e77d2204.entry.js → p-95187918.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5886b7b.entry.js → p-97b9f41b.entry.js} +1 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +1 -0
- package/dist/ptcw-design/p-98610430.entry.js +1 -0
- package/dist/ptcw-design/p-99355e65.entry.js +1 -0
- package/dist/ptcw-design/{p-1acd3617.entry.js → p-99daf693.entry.js} +1 -1
- package/dist/ptcw-design/{p-761f71c4.entry.js → p-99ee8a0e.entry.js} +1 -1
- package/dist/ptcw-design/{p-8eb36507.entry.js → p-9a335b5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-0abb6e77.entry.js → p-9ac99185.entry.js} +1 -1
- package/dist/ptcw-design/{p-298d02ab.entry.js → p-9b0df204.entry.js} +1 -1
- package/dist/ptcw-design/{p-290012e3.entry.js → p-9b26ea67.entry.js} +1 -1
- package/dist/ptcw-design/p-9d3a7f36.entry.js +1 -0
- package/dist/ptcw-design/{p-e11607e8.entry.js → p-9d612f1f.entry.js} +1 -1
- package/dist/ptcw-design/{p-20388467.entry.js → p-9dbcfcee.entry.js} +1 -1
- package/dist/ptcw-design/{p-6d628113.entry.js → p-9de963f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-d4207d86.entry.js → p-9df7489b.entry.js} +1 -1
- package/dist/ptcw-design/{p-0a558a22.entry.js → p-9e2fd13c.entry.js} +1 -1
- package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
- package/dist/ptcw-design/p-a158b527.entry.js +1 -0
- package/dist/ptcw-design/{p-e2e33ddb.entry.js → p-a37c5209.entry.js} +1 -1
- package/dist/ptcw-design/{p-dabb1b70.entry.js → p-a54c6da5.entry.js} +1 -1
- package/dist/ptcw-design/{p-3411ac77.entry.js → p-a59c9cdc.entry.js} +1 -1
- package/dist/ptcw-design/p-a5fc048f.entry.js +1 -0
- package/dist/ptcw-design/{p-be00fb74.entry.js → p-a7cb3851.entry.js} +1 -1
- package/dist/ptcw-design/{p-de663192.entry.js → p-a8504f11.entry.js} +1 -1
- package/dist/ptcw-design/p-a8872ce3.entry.js +1 -0
- package/dist/ptcw-design/{p-c5417010.entry.js → p-aac082cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
- package/dist/ptcw-design/{p-b293a0b1.entry.js → p-aea09a70.entry.js} +1 -1
- package/dist/ptcw-design/{p-6f8858c3.entry.js → p-b209c116.entry.js} +1 -1
- package/dist/ptcw-design/{p-79762cf6.entry.js → p-b436f56d.entry.js} +1 -1
- package/dist/ptcw-design/p-b50f71dd.entry.js +1 -0
- package/dist/ptcw-design/{p-9b60270e.entry.js → p-b647f7a1.entry.js} +1 -1
- package/dist/ptcw-design/{p-07b1afd5.entry.js → p-b8ee8699.entry.js} +1 -1
- package/dist/ptcw-design/{p-666cdec9.entry.js → p-bab5bb88.entry.js} +1 -1
- package/dist/ptcw-design/{p-ca039722.entry.js → p-baeee2b4.entry.js} +1 -1
- package/dist/ptcw-design/{p-50582650.entry.js → p-baff4d44.entry.js} +1 -1
- package/dist/ptcw-design/p-bf56d5a3.entry.js +1 -0
- package/dist/ptcw-design/{p-208ec7f3.entry.js → p-bf8fbba7.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a28ded2.entry.js → p-bfacfe67.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd38bf84.entry.js → p-c5f42895.entry.js} +1 -1
- package/dist/ptcw-design/{p-61a5012d.entry.js → p-c631608f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e87a4ff8.entry.js → p-c68d31c6.entry.js} +1 -1
- package/dist/ptcw-design/{p-43756439.entry.js → p-c6a0dd99.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a255901.entry.js → p-c788f16f.entry.js} +1 -1
- package/dist/ptcw-design/p-c89030e4.entry.js +1 -0
- package/dist/ptcw-design/{p-a2f25add.entry.js → p-c8f68292.entry.js} +1 -1
- package/dist/ptcw-design/p-cc677723.entry.js +1 -0
- package/dist/ptcw-design/p-d2cc0297.entry.js +1 -0
- package/dist/ptcw-design/{p-1b2ff400.entry.js → p-d3ac3758.entry.js} +1 -1
- package/dist/ptcw-design/{p-6bd26096.entry.js → p-d51438de.entry.js} +1 -1
- package/dist/ptcw-design/{p-ca5763d0.entry.js → p-d66debb3.entry.js} +1 -1
- package/dist/ptcw-design/{p-485cb0c8.entry.js → p-d73cc053.entry.js} +1 -1
- package/dist/ptcw-design/{p-75d8b6ec.entry.js → p-d74ccb19.entry.js} +1 -1
- package/dist/ptcw-design/{p-f05be87f.entry.js → p-da02913d.entry.js} +1 -1
- package/dist/ptcw-design/{p-afbe8e2c.entry.js → p-dc85c302.entry.js} +1 -1
- package/dist/ptcw-design/{p-ef55ab3c.entry.js → p-de960790.entry.js} +1 -1
- package/dist/ptcw-design/{p-0d2f10cf.entry.js → p-dfb400ed.entry.js} +1 -1
- package/dist/ptcw-design/{p-0bb3ea9a.entry.js → p-e235bf27.entry.js} +1 -1
- package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
- package/dist/ptcw-design/{p-f3db0dc6.entry.js → p-e43c30c9.entry.js} +1 -1
- package/dist/ptcw-design/{p-96cc1268.entry.js → p-e4eb925f.entry.js} +1 -1
- package/dist/ptcw-design/p-e508d118.entry.js +1 -0
- package/dist/ptcw-design/{p-2fa28be9.entry.js → p-e5369c4d.entry.js} +1 -1
- package/dist/ptcw-design/{p-ed71521c.entry.js → p-e6a272d9.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a3735a5.entry.js → p-e90fbbad.entry.js} +1 -1
- package/dist/ptcw-design/{p-52952358.entry.js → p-f1734520.entry.js} +1 -1
- package/dist/ptcw-design/{p-f2006b03.entry.js → p-f5c97ab2.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b967df1.entry.js → p-f61a3476.entry.js} +1 -1
- package/dist/ptcw-design/{p-5da98805.entry.js → p-f731fc96.entry.js} +1 -1
- package/dist/ptcw-design/{p-44e72b9d.entry.js → p-f867ebe6.entry.js} +1 -1
- package/dist/ptcw-design/{p-0ed4609e.entry.js → p-fb8584e4.entry.js} +1 -1
- package/dist/ptcw-design/p-fd7e5935.entry.js +1 -0
- package/dist/ptcw-design/p-fd87fcd5.entry.js +1 -0
- package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
- package/dist/ptcw-design/{p-9be9f585.entry.js → p-fe40421e.entry.js} +1 -1
- package/dist/ptcw-design/{p-4335d7f3.entry.js → p-fe907670.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/icon-asset_8.cjs.entry.js +0 -608
- package/dist/esm/icon-asset_8.entry.js +0 -597
- package/dist/ptcw-design/p-03804bb6.entry.js +0 -1
- package/dist/ptcw-design/p-051ba8f9.entry.js +0 -1
- package/dist/ptcw-design/p-10413689.entry.js +0 -1
- package/dist/ptcw-design/p-11eb4dd1.entry.js +0 -1
- package/dist/ptcw-design/p-208ca9de.entry.js +0 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +0 -1
- package/dist/ptcw-design/p-36c42aae.entry.js +0 -1
- package/dist/ptcw-design/p-3717a6e1.entry.js +0 -1
- package/dist/ptcw-design/p-39255f59.entry.js +0 -1
- package/dist/ptcw-design/p-662a77f5.entry.js +0 -1
- package/dist/ptcw-design/p-6785dc81.entry.js +0 -1
- package/dist/ptcw-design/p-72681e91.entry.js +0 -1
- package/dist/ptcw-design/p-7774b887.entry.js +0 -1
- package/dist/ptcw-design/p-7b75091d.entry.js +0 -1
- package/dist/ptcw-design/p-8872161f.js +0 -1
- package/dist/ptcw-design/p-921f8961.entry.js +0 -1
- package/dist/ptcw-design/p-973b06d1.entry.js +0 -1
- package/dist/ptcw-design/p-99e41dc4.entry.js +0 -1
- package/dist/ptcw-design/p-9d8a9a72.entry.js +0 -1
- package/dist/ptcw-design/p-a220ab2c.entry.js +0 -1
- package/dist/ptcw-design/p-a8f77b33.entry.js +0 -1
- /package/dist/ptcw-design/{p-bcab66bf.js → p-672a349f.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as l,a as i,F as a}from"./p-944c5be8.js";import{b as s,d as r}from"./p-8872161f.js";const o=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessDesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("h4");e.setAttribute("class","row-header-h4"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}let i=t.getAttribute("slot"),a=t.innerHTML;this.el.insertAdjacentHTML("afterbegin",`<div slot="desktop-${i}">${a}</div><div slot="mobile-${i}">${a}</div>`),t.remove()}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"dark-focus-state":!0,"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`mobile-row-header-${t+1}`})),e("div",{class:"mf-listen table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`desktop-row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{o as ptc_pricing_packaging_table}
|
|
1
|
+
import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{g as s,d as r}from"./p-80122e26.js";const o=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessDesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("h4");e.setAttribute("class","row-header-h4"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}let i=t.getAttribute("slot"),a=t.innerHTML;this.el.insertAdjacentHTML("afterbegin",`<div slot="desktop-${i}">${a}</div><div slot="mobile-${i}">${a}</div>`),t.remove()}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"dark-focus-state":!0,"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`mobile-row-header-${t+1}`})),e("div",{class:"mf-listen table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`desktop-row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{o as ptc_pricing_packaging_table}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,a as t,h as e,H as s,g as a}from"./p-ac75c7ad.js";const n=class{constructor(t){i(this,t),this.barTitle="Bar Title",this.isSticky=!1,this.logo="logo.png"}handleScroll(){const i=document.documentElement.scrollTop;this.isSticky=i>260}componentDidLoad(){const i=this.hostEl.querySelectorAll("ptc-social-share");i.forEach(((t,e)=>{t.addEventListener("focus",(()=>{(0===window.scrollY&&0==e||e==i.length-1)&&window.scrollBy(0,262),this.isSticky=!0})),t.addEventListener("blur",(()=>{this.isSticky=!1}))}))}render(){const i=t(`./media/${this.logo}`);return e(s,null,e("div",{class:"sticky-header-container "+(this.isSticky?"sticky":"")},e("div",{class:"sticky-header-title"},e("div",{class:"logo-image "+(this.isSticky?"is-visible":"")},e("img",{src:i})),e("div",{class:"sticky-text"},e("ptc-tooltip",{"text-lines":"1",description:this.barTitle})),e("div",{class:"share-icons is-flex "+(this.isSticky?"is-visible":"")},e("slot",{name:"social-share-slot"}))),e("ptc-progress-bar",null)))}static get assetsDirs(){return["media"]}get hostEl(){return a(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;display:flex;opacity:0;visibility:hidden;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 992px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1;visibility:visible;opacity:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0}@media only screen and (min-width: 992px){.sticky-header-title{justify-content:center;padding:0 80px}}@media only screen and (min-width: 992px){.sticky-header-title{padding:0 100px}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 992px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 992px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title .sticky-text{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 992px){.sticky-header-title .sticky-text{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";export{n as ptc_sticky_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,a as o}from"./p-944c5be8.js";import{c as n}from"./p-0b33279e.js";const a=class{constructor(t){e(this,t),this.startX=0,this.scrollLeft=0,this.updateContainerClass=()=>{this.isDesktop?(this.sliderWrapper.classList.add("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.disableDragging()):(this.sliderWrapper.classList.remove("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.enableDragging())},this.startDragging=e=>{this.isMouseDown=!0,this.isDragging=!1,this.startX=e.pageX,this.scrollLeft=this.slider.scrollLeft},this.performDragging=e=>{if(!this.isMouseDown)return;const t=e.pageX-this.slider.offsetLeft-this.startX;this.isDragging=Math.abs(t)>5,this.slider.scrollLeft=this.scrollLeft-t},this.stopDragging=()=>{this.isMouseDown=!1},this.closeActiveModal=()=>{document.querySelectorAll("ptc-modal").forEach((e=>{e.show&&(e.show=!1)}))},this.cards=[],this.modalBtnCloseText="Close",this.activePanel=null,this.activeCard=null,this.isDragging=!1,this.isMouseDown=!1,this.isDesktop=window.innerWidth>=992,this.openedWithKeyboard=!1}onScreenStatusChange(){!this.isDesktop&&this.closeActiveModal()}handleCardClick(e){const t=this.slider.children[e],o=`panel-${e}`,a=document.getElementById(o);this.isDesktop&&a?(this.showPanel(t,a),this.openedWithKeyboard?setTimeout((()=>{this.trap=n(a,{escapeDeactivates:!0,clickOutsideDeactivates:!0,onActivate:()=>{this.openedWithKeyboard||this.trap.pause()},onDeactivate:()=>{this.closePanel(o),this.trap.deactivate()},tabbableOptions:{getShadowRoot:!0}}),this.trap.activate(),this.setupTabNavigation(a)}),500):this.trap&&this.trap.deactivate()):this.isDesktop||this.isDragging||(document.getElementById(`modal-${e}`).show=!0)}setupTabNavigation(e){var t;if(e.querySelector(".no-content-card")){const o=null===(t=e.querySelector("ptc-close-icon").shadowRoot)||void 0===t?void 0:t.querySelector(".close-icon");o&&o.addEventListener("keydown",(t=>{"Tab"!==t.key||t.shiftKey||(t.preventDefault(),this.focusShadowDomElement(e))}))}}focusShadowDomElement(e){const t=e.querySelector(".no-content-card");if(t){const e=t.querySelector("ptc-button");if(e){const t=e.shadowRoot.querySelector("a");t&&t.focus()}}}showPanel(e,t){this.activePanel||(this.slider.style.transform=`translateX(-${e.offsetLeft}px)`,Array.from(this.slider.children).forEach((t=>{t!==e&&t.classList.add("hidden")})),t.style.display="block",t.style.width=`calc(100% - ${e.getBoundingClientRect().width}px`,e.style.height=`${t.getBoundingClientRect().height}px`,this.arrowButtons=document.querySelectorAll("ptc-scroll-button"),setTimeout((()=>{t.style.transform=`translateX(${e.offsetWidth}px)`,t.classList.add("visible"),e.classList.add("active"),this.arrowButtons.forEach((e=>e.initVisibility())),this.activePanel=t.id,this.activeCard=e.id}),100))}closePanel(e){const t=document.getElementById(e);t&&(t.classList.remove("visible"),t.addEventListener("transitionend",(()=>{t.classList.contains("visible")||(t.style.display="none")}),{once:!0})),this.activePanel=null,this.slider.style.transform="translateX(0)",Array.from(this.slider.children).forEach((e=>{e.style.cssText=""})),setTimeout((()=>{Array.from(this.slider.children).forEach((e=>{e.classList.remove("hidden","active")}))}),300),this.trap&&this.trap.deactivate()}enableDragging(){this.slider.addEventListener("mousedown",this.startDragging),this.slider.addEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((e=>this.slider.addEventListener(e,this.stopDragging)))}disableDragging(){this.slider.removeEventListener("mousedown",this.startDragging),this.slider.removeEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((e=>this.slider.removeEventListener(e,this.stopDragging)))}componentDidLoad(){this.sliderWrapper=document.querySelector(".jumbotron-cards-wrapper"),this.slider=document.querySelector(".jumbotron-cards"),this.updateContainerClass(),window.addEventListener("resize",(()=>{this.isDesktop=window.innerWidth>=992,this.updateContainerClass(),this.activePanel&&this.activeCard&&this.closePanel(this.activePanel)})),document.addEventListener("keydown",(e=>{"Tab"!==e.key&&"Enter"!==e.key&&" "!==e.key||(this.openedWithKeyboard=!0)})),document.addEventListener("mousedown",(()=>{this.openedWithKeyboard=!1}))}render(){const e=Array.from(this.el.querySelectorAll("template"));return[t("div",{class:{"event-jumbotron":!0,"ptc-container":this.isDesktop}},t("div",{class:"jumbotron-cards-wrapper"},t("div",{class:"jumbotron-cards"},this.cards.map(((e,o)=>t("div",{id:`card-${o}`,class:"card",onClick:()=>this.handleCardClick(o),"data-panel":`panel-${o}`,onKeyPress:()=>this.handleCardClick(o),tabindex:"0"},t("ptc-img",{"border-radius":"radius-standard","image-type":"smart-bg","img-url":e.cardBg,"load-mode":"lazy-bg",styles:`ptc-img{position: absolute; width: 100%; height: 100%; z-index: 0} ${this.activePanel&&"ptc-img div{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;"}`}),t("div",{class:"text-wrapper"},t("h3",{class:"card-title"},e.title," ",t("span",null,e.description)),!this.activePanel&&[t("div",{innerHTML:e.panelContent})]))))),this.cards.map(((e,o)=>t("div",{id:`panel-${o}`,class:"panel"},t("button",{tabindex:"-1",class:"close-panel",onClick:()=>this.closePanel(`panel-${o}`),"aria-label":"Close panel"},t("ptc-close-icon",null)),t("slot",{name:`panel-content-${o}`})))),!this.isDesktop&&this.cards.map(((o,n)=>t("ptc-modal",{id:`modal-${n}`,show:!1,"close-on-blur":!0,"modal-type":"event-listing","custom-class":"event-mobile-modal",headerOnlyText1:this.cards[n].title,headerOnlyText2:this.cards[n].description,headerOnlyBg:this.cards[n].cardBg,bottomCloseBtn:this.modalBtnCloseText},t("div",{innerHTML:e[n].innerHTML})))))),t("div",{class:"white-placeholder"})]}get el(){return o(this)}static get watchers(){return{isDesktop:["onScreenStatusChange"]}}};a.style='h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{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}}.sc-event-jumbotron-example-h{display:block;position:relative}.event-jumbotron.sc-event-jumbotron-example{margin-bottom:calc(3rem - 5px);width:100%}@media only screen and (min-width: 992px){.event-jumbotron.sc-event-jumbotron-example{margin-bottom:3rem}}.white-placeholder.sc-event-jumbotron-example{position:absolute;height:130px;width:100%;background-color:#F3f3f3;bottom:0px}.jumbotron-cards-wrapper.sc-event-jumbotron-example{z-index:1;position:relative;display:flex;flex-direction:column}.jumbotron-cards.sc-event-jumbotron-example{display:flex;gap:24px;overflow-x:auto;padding:5px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.jumbotron-cards.sc-event-jumbotron-example::-webkit-scrollbar{display:none}.jumbotron-cards.dragging.sc-event-jumbotron-example{cursor:grabbing}.card.sc-event-jumbotron-example{flex:1 0 auto;width:250px;height:414px;background:transparent;border-radius:var(--ptc-border-radius-standard);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:24px;position:relative}.card.sc-event-jumbotron-example::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);z-index:-1;border-radius:var(--ptc-border-radius-standard)}.card.sc-event-jumbotron-example:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.card.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{content:"";top:0px;left:0px;position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-standard);background:linear-gradient(0deg, black 0%, black 100%);opacity:0.7;transition:opacity var(--ptc-transition-slow) ease-in-out;border:none;outline:1px solid rgba(255, 255, 255, 0.1);outline-offset:-1px}.card.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.8}.card.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.85}.text-wrapper.sc-event-jumbotron-example{align-self:flex-start;text-align:left}.card-title.sc-event-jumbotron-example{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);position:relative;z-index:2;margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-weight:var(--ptc-font-weight-medium);display:inline-block}.cta-all.sc-event-jumbotron-example{margin-right:var(--ptc-element-spacing-05)}.panel.sc-event-jumbotron-example{display:none;visibility:hidden}@media only screen and (min-width: 768px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}}@media only screen and (min-width: 992px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.cta-group.sc-event-jumbotron-example{margin-bottom:88px}.jumbotron-cards.sc-event-jumbotron-example{overflow-x:visible;justify-content:space-between;cursor:auto;transition:transform 0.3s ease-in-out;width:100%;padding:0px}.card.sc-event-jumbotron-example{width:auto;height:530px;padding:var(--ptc-element-spacing-06);cursor:pointer;flex:1}.card.hidden.sc-event-jumbotron-example{opacity:0;pointer-events:none}.card.active.sc-event-jumbotron-example{min-height:530px;border-top-right-radius:0px;border-bottom-right-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.card.active.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{border-top-right-radius:0px;border-bottom-right-radius:0px}.card.active.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.card.active.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.active.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.panel.sc-event-jumbotron-example{visibility:hidden;opacity:0;position:absolute;top:0;left:0;min-height:530px;padding:40px;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;z-index:10}.panel.visible.sc-event-jumbotron-example{visibility:visible;opacity:1;border-top-left-radius:0px;border-bottom-left-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.close-panel.sc-event-jumbotron-example{position:absolute;top:0px;right:0px;background:var(--color-white);border:none;text-align:center;cursor:pointer;padding:0px;margin:5px}.hide-scrollbar.sc-event-jumbotron-example{margin-left:-40px;margin-right:-40px}}@media only screen and (min-width: 1200px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.jumbotron-cards.sc-event-jumbotron-example{padding:0;gap:32px}}@media only screen and (min-width: 1440px){.jumbotron-cards.sc-event-jumbotron-example{gap:40px}}';export{a as event_jumbotron_example}
|
|
1
|
+
import{r as e,h as t,g as o}from"./p-ac75c7ad.js";import{c as n}from"./p-0b33279e.js";const a=class{constructor(t){e(this,t),this.startX=0,this.scrollLeft=0,this.updateContainerClass=()=>{this.isDesktop?(this.sliderWrapper.classList.add("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.disableDragging()):(this.sliderWrapper.classList.remove("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.enableDragging())},this.startDragging=e=>{this.isMouseDown=!0,this.isDragging=!1,this.startX=e.pageX,this.scrollLeft=this.slider.scrollLeft},this.performDragging=e=>{if(!this.isMouseDown)return;const t=e.pageX-this.slider.offsetLeft-this.startX;this.isDragging=Math.abs(t)>5,this.slider.scrollLeft=this.scrollLeft-t},this.stopDragging=()=>{this.isMouseDown=!1},this.closeActiveModal=()=>{document.querySelectorAll("ptc-modal").forEach((e=>{e.show&&(e.show=!1)}))},this.cards=[],this.modalBtnCloseText="Close",this.activePanel=null,this.activeCard=null,this.isDragging=!1,this.isMouseDown=!1,this.isDesktop=window.innerWidth>=992,this.openedWithKeyboard=!1}onScreenStatusChange(){!this.isDesktop&&this.closeActiveModal()}handleCardClick(e){const t=this.slider.children[e],o=`panel-${e}`,a=document.getElementById(o);this.isDesktop&&a?(this.showPanel(t,a),this.openedWithKeyboard?setTimeout((()=>{this.trap=n(a,{escapeDeactivates:!0,clickOutsideDeactivates:!0,onActivate:()=>{this.openedWithKeyboard||this.trap.pause()},onDeactivate:()=>{this.closePanel(o),this.trap.deactivate()},tabbableOptions:{getShadowRoot:!0}}),this.trap.activate(),this.setupTabNavigation(a)}),500):this.trap&&this.trap.deactivate()):this.isDesktop||this.isDragging||(document.getElementById(`modal-${e}`).show=!0)}setupTabNavigation(e){var t;if(e.querySelector(".no-content-card")){const o=null===(t=e.querySelector("ptc-close-icon").shadowRoot)||void 0===t?void 0:t.querySelector(".close-icon");o&&o.addEventListener("keydown",(t=>{"Tab"!==t.key||t.shiftKey||(t.preventDefault(),this.focusShadowDomElement(e))}))}}focusShadowDomElement(e){const t=e.querySelector(".no-content-card");if(t){const e=t.querySelector("ptc-button");if(e){const t=e.shadowRoot.querySelector("a");t&&t.focus()}}}showPanel(e,t){this.activePanel||(this.slider.style.transform=`translateX(-${e.offsetLeft}px)`,Array.from(this.slider.children).forEach((t=>{t!==e&&t.classList.add("hidden")})),t.style.display="block",t.style.width=`calc(100% - ${e.getBoundingClientRect().width}px`,e.style.height=`${t.getBoundingClientRect().height}px`,this.arrowButtons=document.querySelectorAll("ptc-scroll-button"),setTimeout((()=>{t.style.transform=`translateX(${e.offsetWidth}px)`,t.classList.add("visible"),e.classList.add("active"),this.arrowButtons.forEach((e=>e.initVisibility())),this.activePanel=t.id,this.activeCard=e.id}),100))}closePanel(e){const t=document.getElementById(e);t&&(t.classList.remove("visible"),t.addEventListener("transitionend",(()=>{t.classList.contains("visible")||(t.style.display="none")}),{once:!0})),this.activePanel=null,this.slider.style.transform="translateX(0)",Array.from(this.slider.children).forEach((e=>{e.style.cssText=""})),setTimeout((()=>{Array.from(this.slider.children).forEach((e=>{e.classList.remove("hidden","active")}))}),300),this.trap&&this.trap.deactivate()}enableDragging(){this.slider.addEventListener("mousedown",this.startDragging),this.slider.addEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((e=>this.slider.addEventListener(e,this.stopDragging)))}disableDragging(){this.slider.removeEventListener("mousedown",this.startDragging),this.slider.removeEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((e=>this.slider.removeEventListener(e,this.stopDragging)))}componentDidLoad(){this.sliderWrapper=document.querySelector(".jumbotron-cards-wrapper"),this.slider=document.querySelector(".jumbotron-cards"),this.updateContainerClass(),window.addEventListener("resize",(()=>{this.isDesktop=window.innerWidth>=992,this.updateContainerClass(),this.activePanel&&this.activeCard&&this.closePanel(this.activePanel)})),document.addEventListener("keydown",(e=>{"Tab"!==e.key&&"Enter"!==e.key&&" "!==e.key||(this.openedWithKeyboard=!0)})),document.addEventListener("mousedown",(()=>{this.openedWithKeyboard=!1}))}render(){const e=Array.from(this.el.querySelectorAll("template"));return[t("div",{class:{"event-jumbotron":!0,"ptc-container":this.isDesktop}},t("div",{class:"jumbotron-cards-wrapper"},t("div",{class:"jumbotron-cards"},this.cards.map(((e,o)=>t("div",{id:`card-${o}`,class:"card",onClick:()=>this.handleCardClick(o),"data-panel":`panel-${o}`,onKeyPress:()=>this.handleCardClick(o),tabindex:"0"},t("ptc-img",{"border-radius":"radius-standard","image-type":"smart-bg","img-url":e.cardBg,"load-mode":"lazy-bg",styles:`ptc-img{position: absolute; width: 100%; height: 100%; z-index: 0} ${this.activePanel&&"ptc-img div{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;"}`}),t("div",{class:"text-wrapper"},t("h3",{class:"card-title"},e.title," ",t("span",null,e.description)),!this.activePanel&&[t("div",{innerHTML:e.panelContent})]))))),this.cards.map(((e,o)=>t("div",{id:`panel-${o}`,class:"panel"},t("button",{tabindex:"-1",class:"close-panel",onClick:()=>this.closePanel(`panel-${o}`),"aria-label":"Close panel"},t("ptc-close-icon",null)),t("slot",{name:`panel-content-${o}`})))),!this.isDesktop&&this.cards.map(((o,n)=>t("ptc-modal",{id:`modal-${n}`,show:!1,"close-on-blur":!0,"modal-type":"event-listing","custom-class":"event-mobile-modal",headerOnlyText1:this.cards[n].title,headerOnlyText2:this.cards[n].description,headerOnlyBg:this.cards[n].cardBg,bottomCloseBtn:this.modalBtnCloseText},t("div",{innerHTML:e[n].innerHTML})))))),t("div",{class:"white-placeholder"})]}get el(){return o(this)}static get watchers(){return{isDesktop:["onScreenStatusChange"]}}};a.style='h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{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}}.sc-event-jumbotron-example-h{display:block;position:relative}.event-jumbotron.sc-event-jumbotron-example{margin-bottom:calc(3rem - 5px);width:100%}@media only screen and (min-width: 992px){.event-jumbotron.sc-event-jumbotron-example{margin-bottom:3rem}}.white-placeholder.sc-event-jumbotron-example{position:absolute;height:130px;width:100%;background-color:#F3f3f3;bottom:0px}.jumbotron-cards-wrapper.sc-event-jumbotron-example{z-index:1;position:relative;display:flex;flex-direction:column}.jumbotron-cards.sc-event-jumbotron-example{display:flex;gap:24px;overflow-x:auto;padding:5px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.jumbotron-cards.sc-event-jumbotron-example::-webkit-scrollbar{display:none}.jumbotron-cards.dragging.sc-event-jumbotron-example{cursor:grabbing}.card.sc-event-jumbotron-example{flex:1 0 auto;width:250px;height:414px;background:transparent;border-radius:var(--ptc-border-radius-standard);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:24px;position:relative}.card.sc-event-jumbotron-example::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);z-index:-1;border-radius:var(--ptc-border-radius-standard)}.card.sc-event-jumbotron-example:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.card.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{content:"";top:0px;left:0px;position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-standard);background:linear-gradient(0deg, black 0%, black 100%);opacity:0.7;transition:opacity var(--ptc-transition-slow) ease-in-out;border:none;outline:1px solid rgba(255, 255, 255, 0.1);outline-offset:-1px}.card.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.8}.card.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.85}.text-wrapper.sc-event-jumbotron-example{align-self:flex-start;text-align:left}.card-title.sc-event-jumbotron-example{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);position:relative;z-index:2;margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-weight:var(--ptc-font-weight-medium);display:inline-block}.cta-all.sc-event-jumbotron-example{margin-right:var(--ptc-element-spacing-05)}.panel.sc-event-jumbotron-example{display:none;visibility:hidden}@media only screen and (min-width: 768px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}}@media only screen and (min-width: 992px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.cta-group.sc-event-jumbotron-example{margin-bottom:88px}.jumbotron-cards.sc-event-jumbotron-example{overflow-x:visible;justify-content:space-between;cursor:auto;transition:transform 0.3s ease-in-out;width:100%;padding:0px}.card.sc-event-jumbotron-example{width:auto;height:530px;padding:var(--ptc-element-spacing-06);cursor:pointer;flex:1}.card.hidden.sc-event-jumbotron-example{opacity:0;pointer-events:none}.card.active.sc-event-jumbotron-example{min-height:530px;border-top-right-radius:0px;border-bottom-right-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.card.active.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{border-top-right-radius:0px;border-bottom-right-radius:0px}.card.active.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.card.active.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.active.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.panel.sc-event-jumbotron-example{visibility:hidden;opacity:0;position:absolute;top:0;left:0;min-height:530px;padding:40px;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;z-index:10}.panel.visible.sc-event-jumbotron-example{visibility:visible;opacity:1;border-top-left-radius:0px;border-bottom-left-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.close-panel.sc-event-jumbotron-example{position:absolute;top:0px;right:0px;background:var(--color-white);border:none;text-align:center;cursor:pointer;padding:0px;margin:5px}.hide-scrollbar.sc-event-jumbotron-example{margin-left:-40px;margin-right:-40px}}@media only screen and (min-width: 1200px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.jumbotron-cards.sc-event-jumbotron-example{padding:0;gap:32px}}@media only screen and (min-width: 1440px){.jumbotron-cards.sc-event-jumbotron-example{gap:40px}}';export{a as event_jumbotron_example}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,H as r,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";import{M as p}from"./p-36cb30ee.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as n}from"./p-d9c54a1d.js";const l=class{constructor(i){e(this,i),this.componentDidLoad=()=>{setTimeout((()=>{let e=this.el.querySelector(".enhanced-product-listing-cards");this.swiper=new s(e,{modules:[a,o,n,p],slidesPerView:"auto",spaceBetween:24,initialSlide:0,centerInsufficientSlides:!1,scrollbar:{el:this.swiperPaginationRef,draggable:!0},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef},mousewheel:{forceToAxis:!0,sensitivity:100},breakpoints:{992:{slidesPerView:3,spaceBetween:24},1200:{slidesPerView:3,spaceBetween:32},1440:{slidesPerView:3,spaceBetween:40}}}),e.addEventListener("ctaFocussed",(e=>{this.swiper.slideTo(e.detail["card-index"])}))}),100)}}render(){return i(r,null,i("div",{class:"swiper-container enhanced-product-listing-cards"},i("div",{class:"swiper-wrapper"},i("slot",null)),i("div",{class:"swiper-scrollbar",ref:e=>this.swiperPaginationRef=e}),i("div",{class:"swiper-button-next",ref:e=>this.swiperButtonNextRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),i("div",{class:"swiper-button-prev",ref:e=>this.swiperButtonPrevRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get el(){return t(this)}};l.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}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}}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}storefront-enhanced-product-list-example .swiper,storefront-enhanced-product-list-alt-example .swiper{width:100%;height:100%}storefront-enhanced-product-list-example .swiper-container,storefront-enhanced-product-list-alt-example .swiper-container{padding-left:24px;padding-right:24px;margin-left:-24px;margin-right:-24px;overflow-x:clip}storefront-enhanced-product-list-example .swiper-wrapper,storefront-enhanced-product-list-alt-example .swiper-wrapper{max-width:1200px}storefront-enhanced-product-list-example .swiper-slide,storefront-enhanced-product-list-alt-example .swiper-slide{width:max-content;height:auto}storefront-enhanced-product-list-example .swiper-horizontal,storefront-enhanced-product-list-alt-example .swiper-horizontal{position:relative;display:block;padding-bottom:4.104rem}storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar,storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar{position:absolute;left:50%;transform:translate(-50%, -13px);z-index:50;width:161px;height:8px;border-radius:999px;background:#E4E7E9}storefront-enhanced-product-list-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag,storefront-enhanced-product-list-alt-example .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag{height:8px;border-radius:999px;background:#323B42;transform:translateX(-16px)}storefront-enhanced-product-list-example .swiper-horizontal:has(.swiper-scrollbar[style*=\"display: none\"]),storefront-enhanced-product-list-alt-example .swiper-horizontal:has(.swiper-scrollbar[style*=\"display: none\"]){padding-bottom:0}storefront-enhanced-product-list-example .swiper-button-prev:after,storefront-enhanced-product-list-example .swiper-button-next:after,storefront-enhanced-product-list-alt-example .swiper-button-prev:after,storefront-enhanced-product-list-alt-example .swiper-button-next:after{content:none}storefront-enhanced-product-list-example .swiper-button-prev img,storefront-enhanced-product-list-example .swiper-button-next img,storefront-enhanced-product-list-alt-example .swiper-button-prev img,storefront-enhanced-product-list-alt-example .swiper-button-next img{background-color:#ffffff}storefront-enhanced-product-list-example .swiper-button-prev,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next,storefront-enhanced-product-list-alt-example .swiper-button-prev,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next{top:auto;bottom:0px;left:auto;right:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}storefront-enhanced-product-list-example .swiper-button-prev:hover,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:hover,storefront-enhanced-product-list-alt-example .swiper-button-prev:hover,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:hover{outline:none;outline-offset:0;text-decoration:none;background-color:#E4E7E9;transition:var(--ptc-transition-slow) linear}storefront-enhanced-product-list-example .swiper-button-prev:focus,storefront-enhanced-product-list-example .swiper-button-prev:active,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:focus,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next:active,storefront-enhanced-product-list-alt-example .swiper-button-prev:focus,storefront-enhanced-product-list-alt-example .swiper-button-prev:active,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:focus,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next:active{outline:none;outline-offset:0;text-decoration:none;background-color:#BEC6CA}storefront-enhanced-product-list-example .swiper-button-prev svg,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-next svg,storefront-enhanced-product-list-alt-example .swiper-button-prev svg,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-next svg{height:14px;width:9px}storefront-enhanced-product-list-example .swiper-button-next,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev,storefront-enhanced-product-list-alt-example .swiper-button-next,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev{top:auto;bottom:0px;right:auto;left:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}storefront-enhanced-product-list-example .swiper-button-next:hover,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:hover,storefront-enhanced-product-list-alt-example .swiper-button-next:hover,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:hover{outline:none;outline-offset:0;text-decoration:none;background-color:#E4E7E9;transition:var(--ptc-transition-slow) linear}storefront-enhanced-product-list-example .swiper-button-next:focus,storefront-enhanced-product-list-example .swiper-button-next:active,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:focus,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev:active,storefront-enhanced-product-list-alt-example .swiper-button-next:focus,storefront-enhanced-product-list-alt-example .swiper-button-next:active,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:focus,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev:active{outline:none;outline-offset:0;text-decoration:none;background-color:#BEC6CA}storefront-enhanced-product-list-example .swiper-button-next svg,storefront-enhanced-product-list-example .swiper-rtl .swiper-button-prev svg,storefront-enhanced-product-list-alt-example .swiper-button-next svg,storefront-enhanced-product-list-alt-example .swiper-rtl .swiper-button-prev svg{height:14px;width:9px}@media only screen and (min-width: 768px){storefront-enhanced-product-list-example .swiper-container,storefront-enhanced-product-list-alt-example .swiper-container{padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px;overflow-x:clip}}";export{l as storefront_enhanced_product_list_alt_example}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as e,H as a,g as i}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.valueChanged=r(this,"valueChanged",7),this.clicked=r(this,"clicked",7),this.textValue=void 0,this.placeholderLabel=void 0,this.darkTheme=void 0,this.isNews=void 0,this.elevation="small",this.enableClear=!1,this.styles=void 0}textChangedHandler(t){this.valueChanged.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}buttonClickHandler(t){this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}keyDownHandler(t){"Enter"==t.key&&this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()}),this.getSearchValue()}keyUpHandler(){this.darkTheme||(this.enableClear=!(""==this.getSearchValue()))}getSearchValue(){let t="",r=this.el.shadowRoot.querySelector("input");return r&&(t=r.value),t}async clearSearchValue(){this.textValue="";let t=this.el.shadowRoot.querySelector("input");t&&(t.value="",this.enableClear=!1)}render(){const t=this.getCssClassMap(),r=this.darkTheme?"white":"black";return e(a,{class:t},this.styles&&e("style",null,this.styles),e("div",{class:"search-div"},e("div",{class:"input-wrap mf-listen",id:"searchTextID"},e("input",{id:"ptc-search-input",type:"text",value:this.textValue,placeholder:this.placeholderLabel,onKeyDown:t=>{this.keyDownHandler(t)},onKeyUp:()=>{this.keyUpHandler()},onChange:t=>{this.textChangedHandler(t)}}),this.enableClear&&e("div",{class:"icon-wrapper"},e("icon-asset",{class:"cls",type:"ptc",color:r,name:"times",size:"xxx-small",onClick:t=>{this.clearSearchValue(),this.buttonClickHandler(t)}}))),e("div",{class:"tracker-div mf-listen",id:"searchBtnID"},e("button",{type:"button",color:"blackgrey",class:"search-btn",onClick:t=>{this.buttonClickHandler(t)}},e("icon-asset",{type:"ptc",size:"medium",name:"new-search",color:"white"})))))}getCssClassMap(){return{dark:!!this.darkTheme,[this.elevation]:!0,"enable-clear":this.enableClear,news:!!this.isNews}}get el(){return i(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .search-div{position:relative;display:flex;align-items:stretch;height:51px;border-radius:var(--ptc-border-radius-standard)}:host .search-div:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .search-div .input-wrap{position:relative;width:100%;box-sizing:border-box;display:flex}:host .search-div .input-wrap input{height:100%}:host .search-div input{background-color:var(--color-white);height:-webkit-fill-available;border:0 solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose);padding-right:54px;width:100%;box-sizing:border-box;margin-right:0px}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div div#searchBtnID{z-index:1}:host .search-div .search-btn{cursor:pointer;height:51px;min-width:51px;border-radius:0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0;background-color:var(--color-gray-12);border:0 solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);margin:0}:host .search-div .search-btn:active{transition:none;background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus-visible{z-index:1;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.dark) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04);padding-right:2px}:host(.dark) .search-div input::placeholder{color:var(--color-white);font-size:var(--ptc-font-size-x-small)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}:host(.news){z-index:999;position:relative;margin-top:20px}:host(.news) .search-div{height:43px}@media (max-width: 480px){:host(.news) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.news) .search-div{width:246px}}:host(.news) .search-div .search-btn{height:43px}:host(.x-small) .search-div{box-shadow:var(--ptc-shadow-x-small)}:host(.small) .search-div{box-shadow:var(--ptc-shadow-small)}:host(.medium) .search-div{box-shadow:var(--ptc-shadow-medium)}:host(.large) .search-div{box-shadow:var(--ptc-shadow-large)}:host(.x-large) .search-div{box-shadow:var(--ptc-shadow-x-large)}@media (max-width: 480px){input{width:75%}}.icon-wrapper{padding:16px 20px 0;background-color:transparent;position:absolute;right:0;top:-2px;height:100%;box-sizing:border-box}.icon-wrapper .cls{cursor:pointer;display:block}:host(.dark) .icon-wrapper{padding:12px 20px 0;background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);border-left-width:0;position:initial;right:auto;top:auto}:host(.dark):host(.enable-clear) input{border-right-width:0}@media only screen and (min-width: 992px){.cls{display:none}}.tracker-div{display:inline}";export{s as ptc_search_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as h}from"./p-
|
|
1
|
+
import{r as t,h as e,H as h}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.year=1900,this.month=0,this.day=1,this.country="en-US",this.dateString=void 0,this.dateColor=void 0,this.dateStyles=void 0,this.dataSize="small",this.formatOptions=void 0}render(){const t=this.getCssClassMap();return e(h,{class:t},this.dateStyles&&e("style",null,this.dateStyles),e("span",{part:"part-ptc-date"},this.getDate().toLocaleDateString(this.country,this.getOptions())))}getCssClassMap(){return{[this.dateColor]:!!this.dateColor,[this.dataSize]:!!this.dataSize}}getOptions(){let t={year:"numeric",month:"short",day:"numeric"};if(this.formatOptions)try{var e=JSON.parse(this.formatOptions);e&&(t=e)}catch(t){console.log(t)}return t}getDate(){return this.dateString?new Date(this.dateString.replace(/-/g,"/")):new Date(this.year,this.month-1,this.day)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.large) span{font-size:var(--ptc-font-size-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";export{s as ptc_date}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,
|
|
1
|
+
import{r as t,h as o,H as e,g as i}from"./p-ac75c7ad.js";import{n as a}from"./p-80122e26.js";const s=class{constructor(o){t(this,o),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.overlayType="standard",this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation="bottom-right",this.buttonTabIndex=0,this.paused=void 0,this.trackerId=void 0,this.defer=void 0,this.type="default",this.isIframe=!1,this.loadedTrue=!1}componentDidLoad(){this.defer?a(this).then((()=>{this.loadedTrue=!0})):this.loadedTrue=!0}componentWillLoad(){this.paused=!1}render(){const t=this.isIframe?o("div",{class:"iframe-wrapper"},o("iframe",{id:"jumbotron-iframe",src:this.videoSrc,frameborder:0,allow:"autoplay",allowFullScreen:!0,class:"background-video-embed"})):o("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0}),i=o("video",{poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0});return o(e,{class:this.type},this.loadedTrue?t:i,!!this.videoSrc&&this.playButtonTitle&&o("div",{class:`play-button ${this.buttonLocation}`},this.paused&&o("ptc-tooltip",{class:"play-btn",mode:"wrapper",description:this.playButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div mf-listen"},o("button",{class:"bg-svg-play",type:"button",tabindex:this.buttonTabIndex,onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Play button"}))),!this.paused&&!!this.pauseButtonTitle&&o("ptc-tooltip",{class:"pause-btn",mode:"wrapper",description:this.pauseButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div mf-listen"},o("button",{class:"bg-svg-pause",tabindex:this.buttonTabIndex,type:"button",onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Pause button"})))),this.overlay?o("div",{class:`video-overlay ${this.overlayType}`}):"","default"==this.type?o("slot",null):"")}toggleVideoPlay(t){t.preventDefault(),this.paused=!this.paused;let o=this.el.shadowRoot.querySelector("video");o&&(this.paused?o.pause():o.play().catch((t=>console.error(t))))}async pauseVideo(){this.paused=!0;let t=this.el.shadowRoot.querySelector("video");t&&t.pause()}async playVideo(){this.paused=!1;let t=this.el.shadowRoot.querySelector("video");t&&t.play().catch((t=>console.error(t)))}get el(){return i(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:2px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .play-button button.bg-svg-play{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18" id="play"><path d="M11.9625 9L0.0374756 0V18L11.9625 9Z"></path></svg>\')}:host .play-button button.bg-svg-pause{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" id="pause"><path id="rect28" d="M 0,0 H 4 V 18 H 0 Z"></path><path id="rect30" d="m 10,0 h 4 v 18 h -4 z"></path></svg>\')}';export{s as ptc_background_video}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as r,a as s}from"./p-944c5be8.js";import{S as t}from"./p-5292a000.js";import{M as p}from"./p-36cb30ee.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as n}from"./p-d9c54a1d.js";const w=class{constructor(i){e(this,i)}componentDidLoad(){setTimeout((()=>{let e=this.el.querySelector(".ptc-icon-slider-cards");this.listSwp=new t(e,{modules:[a,o,n,p],slidesPerView:"auto",spaceBetween:24,centeredSlidesBounds:!0,initialSlide:0,centerInsufficientSlides:!1,freeMode:!0,scrollbar:{el:this.swiperPaginationRef,draggable:!0},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef},mousewheel:{forceToAxis:!0,sensitivity:100},breakpoints:{992:{slidesPerView:4,spaceBetween:24},1200:{spaceBetween:32},1440:{spaceBetween:40}}})}),100)}render(){return i(r,null,i("div",{class:"ptc-icon-slider-cards swiper-container"},i("div",{class:"swiper-wrapper"},i("slot",null)),i("div",{class:"swiper-scrollbar",ref:e=>this.swiperPaginationRef=e}),i("div",{class:"swiper-button-next",ref:e=>this.swiperButtonNextRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),i("div",{class:"swiper-button-prev",ref:e=>this.swiperButtonPrevRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get el(){return s(this)}};w.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}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}}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{position:relative}.ptc-icon-card-slider-wrapper{margin-top:1rem}.ptc-icon-card-slider-wrapper .ptc-icon-slider-cards{margin-top:1rem}.ptc-icon-card-slider-wrapper .swiper-horizontal{display:block;padding-bottom:4.104rem;padding-top:5px;scrollbar-width:none;position:relative}.ptc-icon-card-slider-wrapper .swiper-horizontal .icon-card{padding:2rem 1.5rem;box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{height:auto;width:284px}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide::-webkit-scrollbar{display:none}@media only screen and (min-width: 992px){.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{width:216px}}@media only screen and (min-width: 1200px){.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{width:260px}}@media only screen and (min-width: 1440px){.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{width:270px}}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-scrollbar{position:absolute;left:50%;transform:translate(-50%, -13px);z-index:50;width:161px;height:8px;border-radius:999px;background:#E4E7E9}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag{height:8px;border-radius:999px;background:#323B42;transform:translateX(-16px)}.ptc-icon-card-slider-wrapper .swiper-button-prev:after,.ptc-icon-card-slider-wrapper .swiper-button-next:after{content:none}.ptc-icon-card-slider-wrapper .swiper-button-prev img,.ptc-icon-card-slider-wrapper .swiper-button-next img{background-color:var(--color-white)}.ptc-icon-card-slider-wrapper .swiper-button-prev,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next{top:auto;bottom:0px;left:auto;right:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}.ptc-icon-card-slider-wrapper .swiper-button-prev:hover,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next:hover{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-02);transition:var(--ptc-transition-slow) linear}.ptc-icon-card-slider-wrapper .swiper-button-prev:focus,.ptc-icon-card-slider-wrapper .swiper-button-prev:active,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next:focus,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next:active{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-03)}.ptc-icon-card-slider-wrapper .swiper-button-prev svg,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next svg{height:14px;width:9px}.ptc-icon-card-slider-wrapper .swiper-button-next,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev{top:auto;bottom:0px;right:auto;left:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}.ptc-icon-card-slider-wrapper .swiper-button-next:hover,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev:hover{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-02);transition:var(--ptc-transition-slow) linear}.ptc-icon-card-slider-wrapper .swiper-button-next:focus,.ptc-icon-card-slider-wrapper .swiper-button-next:active,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev:focus,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev:active{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-03)}.ptc-icon-card-slider-wrapper .swiper-button-next svg,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev svg{height:14px;width:9px}.ptc-icon-card-slider-wrapper .swiper{width:100%;height:100%}.ptc-icon-card-slider-wrapper .swiper-container{clip-path:inset(0px -10px 0px -10px);padding-left:24px;padding-right:24px;margin-left:-24px;margin-right:-24px}";export{w as ptc_icon_card_slider_example}
|
|
1
|
+
import{r as e,h as i,H as r,g as s}from"./p-ac75c7ad.js";import{S as t}from"./p-5292a000.js";import{M as p}from"./p-36cb30ee.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as n}from"./p-d9c54a1d.js";const w=class{constructor(i){e(this,i)}componentDidLoad(){setTimeout((()=>{let e=this.el.querySelector(".ptc-icon-slider-cards");this.listSwp=new t(e,{modules:[a,o,n,p],slidesPerView:"auto",spaceBetween:24,centeredSlidesBounds:!0,initialSlide:0,centerInsufficientSlides:!1,freeMode:!0,scrollbar:{el:this.swiperPaginationRef,draggable:!0},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef},mousewheel:{forceToAxis:!0,sensitivity:100},breakpoints:{992:{slidesPerView:4,spaceBetween:24},1200:{spaceBetween:32},1440:{spaceBetween:40}}})}),100)}render(){return i(r,null,i("div",{class:"ptc-icon-slider-cards swiper-container"},i("div",{class:"swiper-wrapper"},i("slot",null)),i("div",{class:"swiper-scrollbar",ref:e=>this.swiperPaginationRef=e}),i("div",{class:"swiper-button-next",ref:e=>this.swiperButtonNextRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),i("div",{class:"swiper-button-prev",ref:e=>this.swiperButtonPrevRef=e},i("svg",{width:"14",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get el(){return s(this)}};w.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}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}}@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{position:relative}.ptc-icon-card-slider-wrapper{margin-top:1rem}.ptc-icon-card-slider-wrapper .ptc-icon-slider-cards{margin-top:1rem}.ptc-icon-card-slider-wrapper .swiper-horizontal{display:block;padding-bottom:4.104rem;padding-top:5px;scrollbar-width:none;position:relative}.ptc-icon-card-slider-wrapper .swiper-horizontal .icon-card{padding:2rem 1.5rem;box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{height:auto;width:284px}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide::-webkit-scrollbar{display:none}@media only screen and (min-width: 992px){.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{width:216px}}@media only screen and (min-width: 1200px){.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{width:260px}}@media only screen and (min-width: 1440px){.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-slide{width:270px}}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-scrollbar{position:absolute;left:50%;transform:translate(-50%, -13px);z-index:50;width:161px;height:8px;border-radius:999px;background:#E4E7E9}.ptc-icon-card-slider-wrapper .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag{height:8px;border-radius:999px;background:#323B42;transform:translateX(-16px)}.ptc-icon-card-slider-wrapper .swiper-button-prev:after,.ptc-icon-card-slider-wrapper .swiper-button-next:after{content:none}.ptc-icon-card-slider-wrapper .swiper-button-prev img,.ptc-icon-card-slider-wrapper .swiper-button-next img{background-color:var(--color-white)}.ptc-icon-card-slider-wrapper .swiper-button-prev,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next{top:auto;bottom:0px;left:auto;right:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}.ptc-icon-card-slider-wrapper .swiper-button-prev:hover,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next:hover{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-02);transition:var(--ptc-transition-slow) linear}.ptc-icon-card-slider-wrapper .swiper-button-prev:focus,.ptc-icon-card-slider-wrapper .swiper-button-prev:active,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next:focus,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next:active{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-03)}.ptc-icon-card-slider-wrapper .swiper-button-prev svg,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-next svg{height:14px;width:9px}.ptc-icon-card-slider-wrapper .swiper-button-next,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev{top:auto;bottom:0px;right:auto;left:calc(50% + 116.5px);height:40px;width:40px;border-radius:4px}.ptc-icon-card-slider-wrapper .swiper-button-next:hover,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev:hover{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-02);transition:var(--ptc-transition-slow) linear}.ptc-icon-card-slider-wrapper .swiper-button-next:focus,.ptc-icon-card-slider-wrapper .swiper-button-next:active,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev:focus,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev:active{outline:none;outline-offset:0;text-decoration:none;background-color:var(--color-gray-03)}.ptc-icon-card-slider-wrapper .swiper-button-next svg,.ptc-icon-card-slider-wrapper .swiper-rtl .swiper-button-prev svg{height:14px;width:9px}.ptc-icon-card-slider-wrapper .swiper{width:100%;height:100%}.ptc-icon-card-slider-wrapper .swiper-container{clip-path:inset(0px -10px 0px -10px);padding-left:24px;padding-right:24px;margin-left:-24px;margin-right:-24px}";export{w as ptc_icon_card_slider_example}
|