@ptcwebops/ptcw-design 6.2.17 → 6.2.18
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/{icon-asset_18.cjs.entry.js → event-jumbotron-example_15.cjs.entry.js} +651 -767
- package/dist/cjs/interfaces-574e6df7.js +15 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +54 -0
- package/dist/cjs/ptc-background-video.cjs.entry.js +102 -0
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +67 -0
- package/dist/cjs/ptc-card_2.cjs.entry.js +2 -2
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +50 -3
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +151 -0
- package/dist/cjs/ptc-nav-link.cjs.entry.js +48 -0
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +106 -0
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +51 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +163 -0
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +70 -0
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +15 -0
- package/dist/cjs/ptc-subnav.cjs.entry.js +37 -0
- package/dist/cjs/ptc-tooltip.cjs.entry.js +107 -0
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.css +12 -0
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +8 -0
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +67 -2
- package/dist/collection/components/ptc-link/ptc-link.js +0 -11
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +33 -15
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +1 -1
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +15 -0
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +1 -1
- package/dist/custom-elements/index.js +70 -19
- 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 +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.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 +1 -1
- package/dist/esm/{icon-asset_18.entry.js → event-jumbotron-example_15.entry.js} +644 -757
- 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 +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/{index-0bf594c4.js → index-c83db688.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/interfaces-4caedd26.js +12 -0
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/max-width-container.entry.js +50 -0
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- 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 +98 -0
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-card-bottom.entry.js +63 -0
- package/dist/esm/ptc-card_2.entry.js +3 -3
- 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-collapse-list.entry.js +1 -1
- 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 +1 -1
- 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-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_2.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +51 -4
- package/dist/esm/ptc-image-download-strip.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 +147 -0
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +44 -0
- 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 +102 -0
- package/dist/esm/ptc-nav-submenu.entry.js +47 -0
- 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-picture.entry.js +159 -0
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +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 +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +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-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 +1 -1
- package/dist/esm/ptc-social-icons.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 +66 -0
- package/dist/esm/ptc-sticky-title.entry.js +16 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +33 -0
- 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-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip.entry.js +103 -0
- 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 +2 -2
- 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/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/ptcw-design/{p-ad4f4f33.entry.js → p-00e21489.entry.js} +1 -1
- package/dist/ptcw-design/{p-02f0460b.entry.js → p-03a917f8.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-058ad9cc.entry.js +1 -0
- package/dist/ptcw-design/{p-ef0079b0.entry.js → p-071a6109.entry.js} +1 -1
- package/dist/ptcw-design/{p-7b75091d.entry.js → p-081e969d.entry.js} +1 -1
- 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-b3b63f67.entry.js → p-0e5932f0.entry.js} +1 -1
- package/dist/ptcw-design/p-0ee01112.entry.js +1 -0
- package/dist/ptcw-design/{p-4819422a.entry.js → p-1022ad8b.entry.js} +1 -1
- package/dist/ptcw-design/p-103ec637.entry.js +1 -0
- package/dist/ptcw-design/{p-cc62e907.entry.js → p-136a91bf.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd978236.entry.js → p-18f59395.entry.js} +1 -1
- package/dist/ptcw-design/{p-d113403b.entry.js → p-1a6759a4.entry.js} +1 -1
- package/dist/ptcw-design/{p-36b5cea1.entry.js → p-1b7087e7.entry.js} +1 -1
- package/dist/ptcw-design/{p-520542e2.entry.js → p-1ca8a5bf.entry.js} +1 -1
- package/dist/ptcw-design/p-1cff585f.entry.js +1 -0
- package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
- package/dist/ptcw-design/p-2335d57c.entry.js +1 -0
- package/dist/ptcw-design/{p-640d07b5.entry.js → p-246df0d6.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-132f71c3.entry.js → p-2657df50.entry.js} +1 -1
- package/dist/ptcw-design/{p-eef5d58b.entry.js → p-27a4ee73.entry.js} +1 -1
- 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-5db96118.entry.js → p-29639cd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-54891548.entry.js → p-2c2f895a.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd10fc1f.entry.js → p-2e8f7a08.entry.js} +1 -1
- package/dist/ptcw-design/{p-0596f764.entry.js → p-34610052.entry.js} +1 -1
- package/dist/ptcw-design/{p-f7ff8ee1.entry.js → p-34b270c1.entry.js} +1 -1
- package/dist/ptcw-design/p-3738a01f.entry.js +1 -0
- 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-7edef9ed.entry.js → p-3c3a7b54.entry.js} +1 -1
- package/dist/ptcw-design/{p-9dde477c.entry.js → p-3ee2a531.entry.js} +1 -1
- package/dist/ptcw-design/{p-ce6349f1.entry.js → p-3f71553e.entry.js} +1 -1
- package/dist/ptcw-design/{p-986be938.entry.js → p-40b8c884.entry.js} +1 -1
- 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-48183365.entry.js +1 -0
- package/dist/ptcw-design/{p-88379d69.entry.js → p-48815ee0.entry.js} +1 -1
- package/dist/ptcw-design/{p-7e19be10.entry.js → p-4b192f5e.entry.js} +1 -1
- package/dist/ptcw-design/{p-ea8e0b2e.entry.js → p-4c096997.entry.js} +1 -1
- package/dist/ptcw-design/p-4cee12b8.entry.js +1 -0
- package/dist/ptcw-design/{p-03e0fa1d.entry.js → p-4e2bb0e0.entry.js} +1 -1
- package/dist/ptcw-design/{p-f77c7c78.entry.js → p-4f93c631.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2ed7e48.entry.js → p-52b82ac5.entry.js} +1 -1
- package/dist/ptcw-design/{p-7c416916.entry.js → p-583608d9.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-1ec32cbc.entry.js → p-6b32020a.entry.js} +1 -1
- package/dist/ptcw-design/{p-379fcc72.entry.js → p-6e8ed2ee.entry.js} +1 -1
- package/dist/ptcw-design/p-711bcdad.js +1 -0
- package/dist/ptcw-design/{p-0b182300.entry.js → p-71360e29.entry.js} +1 -1
- package/dist/ptcw-design/p-72825cf6.entry.js +1 -0
- package/dist/ptcw-design/{p-ace3e87f.entry.js → p-760507e1.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e13b735.entry.js → p-76d98c5a.entry.js} +1 -1
- package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.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-4f959e8f.entry.js → p-7e7ebf0a.entry.js} +1 -1
- 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-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
- package/dist/ptcw-design/{p-b5d0e4a2.entry.js → p-85c29073.entry.js} +1 -1
- package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
- package/dist/ptcw-design/{p-e48bf1ce.entry.js → p-863b5b20.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b6c2a79.entry.js → p-867a808f.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-212d0145.entry.js → p-8c49d736.entry.js} +1 -1
- package/dist/ptcw-design/p-8c692bd6.entry.js +1 -0
- package/dist/ptcw-design/{p-899a1931.entry.js → p-8daf00ae.entry.js} +1 -1
- package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} +1 -1
- package/dist/ptcw-design/p-94e78735.entry.js +1 -0
- 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-999d1c9f.entry.js +1 -0
- package/dist/ptcw-design/{p-139ca5d2.entry.js → p-99b45d23.entry.js} +1 -1
- package/dist/ptcw-design/p-99daf693.entry.js +1 -0
- 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-6d628113.entry.js → p-9de963f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-0a558a22.entry.js → p-9e2fd13c.entry.js} +1 -1
- package/dist/ptcw-design/p-9fe0c27d.entry.js +1 -0
- package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac78409e.entry.js → p-a25578e9.entry.js} +1 -1
- package/dist/ptcw-design/{p-e2e33ddb.entry.js → p-a37c5209.entry.js} +1 -1
- package/dist/ptcw-design/{p-0151c2ee.entry.js → p-a3a04f4e.entry.js} +1 -1
- package/dist/ptcw-design/p-a4f65d28.entry.js +1 -0
- package/dist/ptcw-design/p-a54c6da5.entry.js +1 -0
- package/dist/ptcw-design/{p-be00fb74.entry.js → p-a7cb3851.entry.js} +1 -1
- 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-b436f56d.entry.js +1 -0
- package/dist/ptcw-design/p-b50f71dd.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-13131b4d.entry.js → p-c0bb1ad0.entry.js} +1 -1
- package/dist/ptcw-design/{p-3df53e71.entry.js → p-c1ebaf0f.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-c89030e4.entry.js +1 -0
- package/dist/ptcw-design/p-cffebefe.entry.js +1 -0
- package/dist/ptcw-design/p-d1857ada.entry.js +1 -0
- package/dist/ptcw-design/{p-aaf8fb04.entry.js → p-d20cf3c5.entry.js} +1 -1
- package/dist/ptcw-design/p-d2cc0297.entry.js +1 -0
- package/dist/ptcw-design/{p-7267b11d.entry.js → p-d3e5b65c.entry.js} +1 -1
- package/dist/ptcw-design/{p-e1242dd4.entry.js → p-d7275289.entry.js} +1 -1
- package/dist/ptcw-design/{p-2ead689e.entry.js → p-d734b373.entry.js} +1 -1
- package/dist/ptcw-design/{p-f05be87f.entry.js → p-da02913d.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf439f9b.entry.js → p-dbbe35bf.entry.js} +1 -1
- package/dist/ptcw-design/{p-2aa419ae.entry.js → p-dc488936.entry.js} +1 -1
- package/dist/ptcw-design/{p-afbe8e2c.entry.js → p-dc85c302.entry.js} +1 -1
- package/dist/ptcw-design/{p-37899461.entry.js → p-dc8c0a06.entry.js} +1 -1
- package/dist/ptcw-design/{p-a14ef9c4.entry.js → p-dd73c4d1.entry.js} +1 -1
- package/dist/ptcw-design/{p-4464123f.entry.js → p-df8526a2.entry.js} +1 -1
- package/dist/ptcw-design/{p-ade21638.entry.js → p-e38ed0e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e06f959.entry.js → p-e7937ac1.entry.js} +1 -1
- package/dist/ptcw-design/p-e89ce54f.entry.js +1 -0
- package/dist/ptcw-design/{p-2a3735a5.entry.js → p-e90fbbad.entry.js} +1 -1
- package/dist/ptcw-design/{p-f5dd551a.entry.js → p-e9a7475b.entry.js} +1 -1
- package/dist/ptcw-design/p-e9f12e0d.entry.js +1 -0
- package/dist/ptcw-design/p-eab1042e.entry.js +1 -0
- package/dist/ptcw-design/{p-4b23b4c3.entry.js → p-ee534211.entry.js} +1 -1
- package/dist/ptcw-design/{p-6b4c37a1.entry.js → p-f05fec22.entry.js} +1 -1
- package/dist/ptcw-design/{p-70a5f144.entry.js → p-f4699d4e.entry.js} +1 -1
- package/dist/ptcw-design/p-f5c97ab2.entry.js +1 -0
- 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-0ed4609e.entry.js → p-fb8584e4.entry.js} +1 -1
- package/dist/ptcw-design/{p-d574d14a.entry.js → p-fce2bd81.entry.js} +1 -1
- package/dist/ptcw-design/p-fd7e5935.entry.js +1 -0
- package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
- package/dist/ptcw-design/{p-4335d7f3.entry.js → p-fe907670.entry.js} +1 -1
- package/dist/ptcw-design/{p-c415ab42.entry.js → p-ffb0ff97.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +2 -0
- package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +2 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -146
- package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -155
- package/dist/cjs/ptc-card-content.cjs.entry.js +0 -76
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -222
- package/dist/cjs/ptc-link.cjs.entry.js +0 -95
- package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -136
- package/dist/esm/event-jumbotron-example.entry.js +0 -142
- package/dist/esm/ptc-card-bottom_2.entry.js +0 -150
- package/dist/esm/ptc-card-content.entry.js +0 -72
- package/dist/esm/ptc-close-icon_2.entry.js +0 -217
- package/dist/esm/ptc-link.entry.js +0 -91
- package/dist/esm/ptc-scroll-button.entry.js +0 -132
- package/dist/ptcw-design/p-03f4d5a8.entry.js +0 -1
- package/dist/ptcw-design/p-0eb9ea11.entry.js +0 -1
- package/dist/ptcw-design/p-11eb4dd1.entry.js +0 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +0 -1
- package/dist/ptcw-design/p-26c1f6a3.entry.js +0 -1
- package/dist/ptcw-design/p-29ae44dd.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-39ec04d4.entry.js +0 -1
- package/dist/ptcw-design/p-53d88f2b.entry.js +0 -1
- package/dist/ptcw-design/p-5b0bc600.entry.js +0 -1
- package/dist/ptcw-design/p-6f9b7842.entry.js +0 -1
- package/dist/ptcw-design/p-72681e91.entry.js +0 -1
- package/dist/ptcw-design/p-7853f1b5.entry.js +0 -1
- package/dist/ptcw-design/p-94c59fac.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-9ae901e2.entry.js +0 -1
- package/dist/ptcw-design/p-a2e0ebdf.entry.js +0 -1
- package/dist/ptcw-design/p-ac32267c.entry.js +0 -1
- package/dist/ptcw-design/p-ac860994.entry.js +0 -1
- package/dist/ptcw-design/p-afa43eff.entry.js +0 -1
- package/dist/ptcw-design/p-ccead907.entry.js +0 -1
- package/dist/ptcw-design/p-e4c56952.entry.js +0 -1
- package/dist/ptcw-design/p-e9987674.entry.js +0 -1
- package/dist/ptcw-design/p-f6c3ae79.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,
|
|
1
|
+
import{r as e,h as t,g as i}from"./p-ac75c7ad.js";const o=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.type="Brightcove",this.videoLoaded=void 0}componentWillLoad(){this.videoLoaded=!0}render(){return this.getRenderer()}renderPreloader(){return t("div",{class:"skeleton-block"})}renderHtmlVideoEmbed(){let e=this.src||"";return e.indexOf(".")>0&&e.split("."),t("div",{class:"video-container",style:this.getWidth()},t("div",{class:"html-video"},t("video",{controls:!0},t("source",{src:e,type:"video/mp4"}))))}renderYoutubeVideoEmbed(){return t("div",{class:"video-container",style:this.getWidth()},t("iframe",{src:this.src}))}renderBrightcoveVideoEmbed(){return t("div",{class:"video-container",style:this.getWidth()},t("iframe",{src:`https://players.brightcove.net/1532789042001/HknUe20R_default/index.html?videoId=${this.src}`,allowfullScreen:!0,allow:"encrypted-media"}))}getWidth(){return this.width?{maxWidth:`${this.width}px`,width:"100%"}:{width:"100%"}}getRenderer(){if(!this.videoLoaded)return this.renderPreloader();switch(this.type){case"Youtube":return this.renderYoutubeVideoEmbed();case"Brightcove":return this.renderBrightcoveVideoEmbed();default:return this.renderHtmlVideoEmbed()}}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}}.video-container{display:inline-block;position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container iframe,.video-container video{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.video-container iframe{border:0}.skeleton-block{display:block;position:relative;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;width:100%;height:100%}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}";export{o as ptc_video_embed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as a}from"./p-
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const i=class{constructor(e){t(this,e),this.headingIconUrl=void 0,this.headingIconAltText=void 0}render(){return e(a,null,e("div",{class:"card-header"},e("img",{src:this.headingIconUrl,alt:this.headingIconAltText}),e("slot",{name:"heading"})),e("slot",null))}};i.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;height:100%;width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-02)}@media only screen and (min-width: 992px){:host{padding:var(--ptc-element-spacing-03)}}:host .card-header{display:flex;justify-content:center;padding:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-06) 0;align-items:center}:host .card-header img{max-height:32px;margin-right:var(--ptc-element-spacing-02)}:host ::slotted(ptc-link){background-color:var(--color-gray-01);padding:var(--ptc-layout-spacing-01);border-radius:var(--ptc-border-radius-standard);display:flow-root;margin-bottom:var(--ptc-element-spacing-03);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host ::slotted(ptc-link:hover){background-color:var(--color-gray-05)}";export{i as ptc_showcase_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,H as i,
|
|
1
|
+
import{r as e,c as t,h as a,H as i,g as r}from"./p-ac75c7ad.js";const n=class{constructor(a){e(this,a),this.tabSelected=t(this,"tabSelected",7),this.active=void 0,this.label=void 0,this.activeColor="hp-blue",this.isHovered=!1,this.styles=void 0,this.trackerId=void 0}handleClick(){this.tabSelected.emit()}handleMouseEnter(){this.isHovered=!0}handleMouseLeave(){this.isHovered=!1}componentDidRender(){let e=this;this.el.shadowRoot.querySelectorAll("a").forEach((t=>{t.addEventListener("click",(t=>{t.preventDefault(),e.handleClick()})),t.addEventListener("keypress",(()=>{e.handleClick()})),t.addEventListener("mouseenter",(()=>{e.handleMouseEnter()})),t.addEventListener("mouseleave",(()=>{e.handleMouseLeave()}))}))}render(){return a(i,null,this.styles&&a("style",null,this.styles),a("div",{id:this.trackerId,class:"tab-id-wrapper"},a("a",{href:"#",class:{"tab-item":!0,active:this.active,[this.activeColor]:!0},tabindex:"0"},a("span",{class:"hyphenate-text"},this.label))))}get el(){return r(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}.tab-id-wrapper{width:100%;height:100%;display:flex}a{text-decoration:none !important}.tab-item{cursor:pointer;color:var(--color-white);border-radius:var(--ptc-border-radius-standard);display:flex;width:-webkit-fill-available;height:-webkit-fill-available;min-height:72px;padding:var(--ptc-element-spacing-06);justify-content:center;align-items:center;gap:10px;align-self:stretch;text-align:center;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold)}@-moz-document url-prefix(){.tab-item{width:100%}}@media screen and (min-width: 1200px){.tab-item{font-size:var(--ptc-font-size-medium)}}@media only screen and (min-width: 1440px){.tab-item{width:calc(100% - 48px)}}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.tab-item{height:auto}}.tab-item span{z-index:2}.tab-item:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.tab-item{background:var(--color-gray-11);position:relative}.tab-item::before{content:\"\";position:absolute;width:100%;height:100%;opacity:0;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout);border-radius:var(--ptc-border-radius-standard)}.tab-item:hover{color:var(--color-white)}.tab-item:hover::before{opacity:1}.tab-item.active{color:var(--color-white)}.tab-item.active::after{content:\"\";position:absolute;bottom:-18.5px;left:50%;transform:translateX(-50%);width:28px;height:19px;background-repeat:no-repeat}@-moz-document url-prefix(){.tab-item.active::after{bottom:-18px}}.tab-item.hp-blue::before{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.tab-item.hp-blue.active{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.tab-item.hp-blue.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H0Z' fill='%234795CD'/%3E%3C/svg%3E\")}.tab-item.hp-green::before{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.tab-item.hp-green.active{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.tab-item.hp-green.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%2333A13C'/%3E%3C/svg%3E\")}.tab-item.hp-red::before{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.tab-item.hp-red.active{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.tab-item.hp-red.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23DC6565'/%3E%3C/svg%3E%0A\")}.tab-item.hp-gray::before{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.tab-item.hp-gray.active{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.tab-item.hp-gray.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23819099'/%3E%3C/svg%3E\")}.tab-item.hp-orange::before{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.tab-item.hp-orange.active{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.tab-item.hp-orange.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23CF9254'/%3E%3C/svg%3E\")}.tab-item span{overflow-wrap:break-word}";export{n as homepage_clickable_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as n}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.readmoreToggle=e(this,"readmoreToggle",7),this.handleKeyDown=t=>{if("Enter"!==t.key)return;const e=this.el.shadowRoot.querySelector("#expanded"),i=this.el.shadowRoot.querySelector(".read-more-cta-label");if(!e||!i)return;e.checked=!e.checked;const a=e.checked;if(i.innerHTML=`<span>${a?this.lessText||"":this.moreText||""}</span>`,i.classList.toggle("show-less-cta",a),a){const t=this.el.querySelector('[tabindex="-1"]');null==t||t.focus()}else{i.focus();const t=this.el.shadowRoot.querySelector(".read-more-text");null==t||t.classList.add("truncated")}this.setTabIndex(),""==i.textContent&&i.setAttribute("tabindex","-1")},this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue",this.isContentSlotted=!1}async updateReadmoreStatus(){setTimeout((()=>{this.addBtnTruncated()}),100)}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const e=document.querySelectorAll(t);for(const t of Array.from(e))t&&t.addEventListener("click",(()=>{setTimeout((()=>{this.addBtnTruncated()}),100)}))}componentDidLoad(){this.addBtnTruncated(),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addBtnTruncated()})),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown"),this.enableAddTruncatedClass("ptc-product-card"),setTimeout((()=>{this.setTabIndex()}),400)}setTabIndex(){var t,e,i;let a;if(this.isContentSlotted){let t=null===(e=this.el)||void 0===e?void 0:e.querySelector("slot").assignedNodes();a=t[0]instanceof HTMLElement?t[0].querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'):null}else a=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');let n=999999,o=null===(i=this.el.shadowRoot.querySelector(".read-more-text"))||void 0===i?void 0:i.getClientRects();o&&o.length>0&&(n=o[0].bottom),a&&a.forEach((t=>{let e=t.getClientRects();e&&e.length>0&&t.setAttribute("tabindex",e[0].top<n?"0":"-1")}))}handleClick(t){var e;let i=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');this.addBtnTruncated(),this.checked=t.target.checked;const a=this.el.shadowRoot.querySelector(".read-more-cta-label");a.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?a.classList.add("show-less-cta"):a.classList.remove("show-less-cta"),this.readmoreToggle.emit({event:t,sender:this.el,isExpanded:this.checked}),i&&(this.checked?i.forEach((t=>{t.setAttribute("tabindex","0")})):this.setTabIndex())}render(){const t=this.getCssClassMap();return i(a,{class:this.display},i("div",{class:t},i("input",{type:"checkbox",id:"expanded",onClick:t=>this.handleClick(t),tabIndex:-1}),this.visibleLines||this.visibleLinesCustom?i("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},i("slot",null)):null,i("label",{onKeyDown:this.handleKeyDown,htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label mf-listen",tabIndex:0},i("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return n(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-hyperlink);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box label:focus-visible{outline:none}.box label:focus-visible span{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-hyperlink)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{o as ptc_readmore}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as a,
|
|
1
|
+
import{r as t,c as i,h as e,H as a,g as s}from"./p-ac75c7ad.js";import{i as n}from"./p-841b807d.js";const o=(t,i)=>!!t.querySelector(':scope > [slot="'+i+'"'),h=class{constructor(e){t(this,e),this.opened=i(this,"opened",7),this.opening=i(this,"opening",7),this.closed=i(this,"closed",7),this.closing=i(this,"closing",7),this.heading=null,this.headingTag="h3",this.autoHeight=!1,this.active=!1,this.theme="standard",this.trackerId=void 0,this.styles=void 0,this.hasHeadingSlot=!0,this.hasArrowSlot=!0}componentWillLoad(){this.hasHeadingSlot=o(this.el,"heading"),this.hasArrowSlot=o(this.el,"arrow"),this.allowHiddenUntil=n()}componentDidLoad(){this.autoHeight&&this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height",this.bodyEl.scrollHeight+2+"px"),this.onTransitionEnd(),this.bodyEl.addEventListener("transitionstart",(()=>{this.onTransitionStart()})),this.bodyEl.addEventListener("transitionend",(()=>{this.onTransitionEnd()})),this.hasHeadingSlot=o(this.el,"heading"),this.hasArrowSlot=o(this.el,"arrow")}onTransitionEnd(){this.active?(this.bodyEl.style.overflow="auto",this.opened.emit()):(this.bodyEl.style.overflow="hidden",this.allowHiddenUntil?this.bodyEl.setAttribute("hidden","until-found"):this.bodyEl.style.visibility="hidden",this.closed.emit())}onTransitionStart(){this.active?(this.allowHiddenUntil?this.bodyEl.removeAttribute("hidden"):this.bodyEl.style.visibility="visible",this.opening.emit()):this.closing.emit()}async toggle(){this.active?this.close():this.open()}async close(){this.active=!1}async open(){this.active=!0}beforeMatch(){this.open()}render(){const{active:t,autoHeight:i,theme:s,headingTag:n}=this,o=e("div",{class:"body-container",ref:t=>this.bodyEl=t,onBeforeMatch:()=>{this.beforeMatch()}},e("div",{class:"body"},e("slot",null)));return e(a,{class:{active:t,autoHeight:i},id:this.trackerId},this.styles&&e("style",null,this.styles),e("button",{class:{heading:!0,[s]:!0,"mf-listen":!0,"focus-status":!0},role:"button",onClick:()=>this.toggle(),id:this.trackerId},e("span",{class:"arrow"},this.hasArrowSlot?e("slot",{name:"arrow"}):e("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))),this.hasHeadingSlot?e("slot",{name:"heading"}):e(n,{class:"heading-text"},this.heading)),o)}get el(){return s(this)}};h.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{border-bottom:1px solid var(--color-gray-03);display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}@media only screen and (min-width: 768px){:host .heading .heading-text{font-size:var(--ptc-font-size-large)}}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02);padding-top:0}@media only screen and (min-width: 360px){:host .body-container .body{padding-left:24px;padding-right:0px;padding-bottom:32px}}@media only screen and (min-width: 480px){:host .body-container .body{padding-left:32px;padding-right:0px;padding-bottom:32px}}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}.heading.minimalist .arrow{display:none}.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-large)}}.focus-status:focus-visible{outline:5px solid var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}.body ::slotted(a):focus,.body ::slotted(a):focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}";export{h as ptc_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,
|
|
1
|
+
import{r as t,c as e,h as a,g as i}from"./p-ac75c7ad.js";const h=class{constructor(a){t(this,a),this.tabClicked=e(this,"tabClicked",7),this.id=this.generateId(),this.name=void 0,this.tooltip=void 0,this.isSelected=!1,this.maxLength=32,this.tabHeaderText=void 0}handleWindowResize(){this.updateMaxLength(window.innerWidth)}updateMaxLength(t){this.maxLength=t<400?18:t<480?24:32}async getChild(){let t=this,e=new Promise((function(e){e({select:t.select.bind(t),unselect:t.unselect.bind(t),name:t.name,text:t.tabHeaderText,id:t.id})}));return await e}unselect(){this.isSelected=!1}select(){this.isSelected=!0}onClick(){this.tabClicked.emit(this.getChild())}generateId(){return Math.random().toString(36).substring(2,10)}componentDidLoad(){this.updateMaxLength(window.innerWidth),this.el.addEventListener("keydown",(t=>{"Enter"===t.key&&this.onClick()}))}render(){return[a("h2",{class:{"tab-header":!0,"tab-header-selected":this.isSelected},onClick:this.onClick.bind(this)},a("slot",{name:"seo-content"}),a("span",{class:"header-content"},a("span",{class:"text-cont"},this.tabHeaderText)))]}get el(){return i(this)}};h.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}}.tab-header{min-height:40px;min-width:40px;padding:5px;margin:0;width:100%;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:"Raleway";font-style:normal;font-weight:700;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);white-space:nowrap;padding-bottom:16px;text-align:center;color:var(--color-gray-07);position:relative}.tab-header::after{content:"";width:100%;height:2px;background-color:var(--color-gray-02);position:absolute;display:block;left:0;right:0;bottom:-4px}.tab-header:hover{color:var(--color-gray-10)}tab-header:focus-visible{outline:none}tab-header:focus-visible .tab-header{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none}tab-header:focus-visible .tab-header::after{background-color:var(--keyboard-nav-outline)}.tab-header-selected{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold)}.tab-header-selected::after{background-color:var(--color-green-07)}.tab-header ::slotted([slot=seo-content]),.tab-header-selected ::slotted([slot=seo-content]){display:none}';export{h as tab_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,
|
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.clickedItem=e(this,"clickedItem",7),this.handleClick=t=>{this.listItems.forEach((t=>t.selected=void 0)),t.selected=!0,this.selectedItem=t,this.toggle=!this.toggle,this.clickedItem.emit(t)},this.toggleList=()=>{this.toggle=!this.toggle},this.theme="sort",this.label=void 0,this.listItems=void 0,this.toggle=!1,this.selectedItem=void 0,this.trackerId=void 0}offClick(t){t&&!this.host.contains(t.target)&&this.toggle&&(this.toggle=!1)}componentWillLoad(){let t=this.host.querySelectorAll("item");this.listItems||(this.listItems=[]),t.forEach((t=>{if(t&&t.getAttribute("label")){let e={element:t,label:t.getAttribute("label"),value:t.getAttribute("value"),selected:t.hasAttribute("selected")};this.listItems.push(e),t.hasAttribute("selected")&&(this.selectedItem=e)}}))}render(){const t=this.getCssClassMap();return i("div",{class:t},i("header",{id:this.trackerId,class:"dropdown__header mf-listen",onClick:this.toggleList,tabindex:"0",onKeyPress:this.toggleList},i("label",null,i("b",null,this.label)," ",this.selectedItem?this.selectedItem.label:"Select Option"),i("icon-asset",{type:"solid",size:"x-small",name:"chevron-down"})),this.toggle&&i("ul",{id:this.trackerId+"ul",tabIndex:-1,class:"dropdown__list mf-listen",onBlur:()=>{this.toggle=!1}},this.listItems.map((t=>{let e="dropdown__item mf-listen";return t.selected&&(e+=" selected"),i("li",{class:e,id:t.label+this.trackerId,onClick:()=>this.handleClick(t),tabindex:"0",onKeyPress:()=>this.handleClick(t)},t.label)}))))}getCssClassMap(){return{"ptc-dropdown":!0,[this.theme]:!0}}get host(){return r(this)}};o.style='@charset "UTF-8";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:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__header:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:"✓";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}:host ul li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}';export{o as ptc_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as a}from"./p-
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e)}render(){return e(a,null,e("slot",null))}};h.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;text-align:center;margin:12px 0}:host ::slotted(a){display:inline-block;padding:10px 24px;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10) !important;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration:none !important;margin:12px;max-width:205px;vertical-align:middle;line-height:var(--ptc-line-height-densest)}:host ::slotted(a):last-child{margin-right:0}:host ::slotted(a:hover){background-color:var(--color-gray-04)}";export{h as ptc_nav_pills}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,H as r,a as t}from"./p-944c5be8.js";import{S as s}from"./p-5292a000.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as p}from"./p-d9c54a1d.js";const n=class{constructor(e){i(this,e),this.isMobile=void 0}handleResize(){this.isMobile=window.innerWidth<768||screen.width<768}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768}componentDidLoad(){this.renderSlides(),setTimeout((()=>{this.initSlider()}),200)}componentDidUpdate(){setTimeout((()=>{this.initSlider()}),200)}renderSlides(){const i=Array.from(this.hostElement.querySelectorAll(".icon-component"));if(i.length>0){const e=this.hostElement.shadowRoot.querySelector(".swiper-wrapper");i.forEach((i=>{const r=document.createElement("div");r.classList.add("swiper-slide");let t=i.cloneNode(!0);r.appendChild(t),e.appendChild(r)}))}}initSlider(){this.swiperWrapperRef&&(this.iconSwiper=new s(this.swiperWrapperRef,{modules:[a,o,p],slidesPerView:1,loop:!0,autoHeight:!0,spaceBetween:24,pagination:{el:this.swiperPaginationRef,clickable:!0,type:"fraction"},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef}}))}disconnectedCallback(){console.log("Running disconnectedCb"),this.iconSwiper&&(this.iconSwiper.destroy(!0,!0),this.iconSwiper=null)}render(){return e(r,{class:this.isMobile?"mobileView":"desktopView"},e("div",{class:"icon-component-row"},e("slot",null)),e("div",{class:"swiper-container",ref:i=>this.swiperWrapperRef=i},e("div",{class:"swiper-wrapper"}),e("div",{class:"swiper-pagination",ref:i=>this.swiperPaginationRef=i}),e("div",{class:"swiper-button-next",ref:i=>this.swiperButtonNextRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),e("div",{class:"swiper-button-prev",ref:i=>this.swiperButtonPrevRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get hostElement(){return t(this)}};n.style='@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\');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}}:host{display:block;width:100%;margin:auto;padding:0}@media only screen and (min-width: 768px){:host{padding:0 24px;max-width:100%}}@media only screen and (min-width: 992px){:host{padding:0 56px}}@media only screen and (min-width: 1440px){:host{padding:0}}:host .icon-component-row{display:flex;flex-wrap:wrap;margin:0 -24px;justify-content:center}@media only screen and (min-width: 992px){:host .icon-component-row{margin:0 -40px}}:host .icon-component-row ::slotted(.icon-component){flex-grow:1;max-width:50%;width:50%;padding:0 24px;margin:40px 0}@media only screen and (min-width: 992px){:host .icon-component-row ::slotted(.icon-component){padding:0 40px;margin:44px 0}}@media only screen and (min-width: 1440px){:host .icon-component-row ::slotted(.icon-component){max-width:33.333333%;width:33.333333%}}:host .swiper-container{position:relative;padding:44px 0;height:100%}:host .swiper-container .swiper-wrapper{height:auto;min-height:100%}:host .swiper-container .icon-component{text-align:center}:host .swiper-container .icon-component ptc-tooltip>.sc-ptc-tooltip:last-child{display:none}:host .swiper-container .icon-component ptc-title .sc-ptc-title-s{margin:12px auto 6px auto;max-width:85%;display:block}:host .swiper-container .swiper-pagination-fraction{top:0px;bottom:auto}:host .swiper-container .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;opacity:1;border-radius:50%;margin:0px 14px;cursor:pointer;border:2px solid var(--color-gray-03);background-color:transparent;position:relative}:host .swiper-container .swiper-pagination-bullet::after{content:"";display:block;position:absolute;width:32px;height:1px;border-top:2px solid var(--color-gray-03);margin-top:-1px;z-index:-1;top:50%;left:20px}:host .swiper-container .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-container .swiper-pagination-bullet-active{color:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style> .cls-1 { fill: %2300890B; } .cls-2 { fill: %23f3f3f3; } </style></defs><circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/><circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/><circle class="cls-1" cx="10" cy="10" r="5"/></svg>\');background-position:50%;background-repeat:no-repeat;border:2px solid transparent}:host .swiper-container .swiper-button-next:after,:host .swiper-container .swiper-button-prev:after{display:none}:host .swiper-container .swiper-button-next{right:0;top:84px;width:44px;height:44px}:host .swiper-container .swiper-button-prev{left:0;top:84px;height:44px;width:44px}:host .ptc-link{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ptc-link:hover{color:var(--color-green-06)}:host .ptc-link:visited{color:var(--color-gray-10)}:host .ptc-link:active,:host .ptc-link:visited:active{transition:none;color:var(--color-green-06)}:host .ptc-link:hover,:host .ptc-link:visited:hover{color:var(--color-green-06)}:host(.mobileView) .icon-component-row{display:none}:host(.mobileView) .swiper-container{display:block}:host(.desktopView) .icon-component-row{display:flex}:host(.desktopView) .swiper-container{display:none}';export{n as ptc_icon_component}
|
|
1
|
+
import{r as i,h as e,H as r,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as p}from"./p-d9c54a1d.js";const n=class{constructor(e){i(this,e),this.isMobile=void 0}handleResize(){this.isMobile=window.innerWidth<768||screen.width<768}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768}componentDidLoad(){this.renderSlides(),setTimeout((()=>{this.initSlider()}),200)}componentDidUpdate(){setTimeout((()=>{this.initSlider()}),200)}renderSlides(){const i=Array.from(this.hostElement.querySelectorAll(".icon-component"));if(i.length>0){const e=this.hostElement.shadowRoot.querySelector(".swiper-wrapper");i.forEach((i=>{const r=document.createElement("div");r.classList.add("swiper-slide");let t=i.cloneNode(!0);r.appendChild(t),e.appendChild(r)}))}}initSlider(){this.swiperWrapperRef&&(this.iconSwiper=new s(this.swiperWrapperRef,{modules:[a,o,p],slidesPerView:1,loop:!0,autoHeight:!0,spaceBetween:24,pagination:{el:this.swiperPaginationRef,clickable:!0,type:"fraction"},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef}}))}disconnectedCallback(){console.log("Running disconnectedCb"),this.iconSwiper&&(this.iconSwiper.destroy(!0,!0),this.iconSwiper=null)}render(){return e(r,{class:this.isMobile?"mobileView":"desktopView"},e("div",{class:"icon-component-row"},e("slot",null)),e("div",{class:"swiper-container",ref:i=>this.swiperWrapperRef=i},e("div",{class:"swiper-wrapper"}),e("div",{class:"swiper-pagination",ref:i=>this.swiperPaginationRef=i}),e("div",{class:"swiper-button-next",ref:i=>this.swiperButtonNextRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),e("div",{class:"swiper-button-prev",ref:i=>this.swiperButtonPrevRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get hostElement(){return t(this)}};n.style='@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\');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}}:host{display:block;width:100%;margin:auto;padding:0}@media only screen and (min-width: 768px){:host{padding:0 24px;max-width:100%}}@media only screen and (min-width: 992px){:host{padding:0 56px}}@media only screen and (min-width: 1440px){:host{padding:0}}:host .icon-component-row{display:flex;flex-wrap:wrap;margin:0 -24px;justify-content:center}@media only screen and (min-width: 992px){:host .icon-component-row{margin:0 -40px}}:host .icon-component-row ::slotted(.icon-component){flex-grow:1;max-width:50%;width:50%;padding:0 24px;margin:40px 0}@media only screen and (min-width: 992px){:host .icon-component-row ::slotted(.icon-component){padding:0 40px;margin:44px 0}}@media only screen and (min-width: 1440px){:host .icon-component-row ::slotted(.icon-component){max-width:33.333333%;width:33.333333%}}:host .swiper-container{position:relative;padding:44px 0;height:100%}:host .swiper-container .swiper-wrapper{height:auto;min-height:100%}:host .swiper-container .icon-component{text-align:center}:host .swiper-container .icon-component ptc-tooltip>.sc-ptc-tooltip:last-child{display:none}:host .swiper-container .icon-component ptc-title .sc-ptc-title-s{margin:12px auto 6px auto;max-width:85%;display:block}:host .swiper-container .swiper-pagination-fraction{top:0px;bottom:auto}:host .swiper-container .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;opacity:1;border-radius:50%;margin:0px 14px;cursor:pointer;border:2px solid var(--color-gray-03);background-color:transparent;position:relative}:host .swiper-container .swiper-pagination-bullet::after{content:"";display:block;position:absolute;width:32px;height:1px;border-top:2px solid var(--color-gray-03);margin-top:-1px;z-index:-1;top:50%;left:20px}:host .swiper-container .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-container .swiper-pagination-bullet-active{color:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style> .cls-1 { fill: %2300890B; } .cls-2 { fill: %23f3f3f3; } </style></defs><circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/><circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/><circle class="cls-1" cx="10" cy="10" r="5"/></svg>\');background-position:50%;background-repeat:no-repeat;border:2px solid transparent}:host .swiper-container .swiper-button-next:after,:host .swiper-container .swiper-button-prev:after{display:none}:host .swiper-container .swiper-button-next{right:0;top:84px;width:44px;height:44px}:host .swiper-container .swiper-button-prev{left:0;top:84px;height:44px;width:44px}:host .ptc-link{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ptc-link:hover{color:var(--color-green-06)}:host .ptc-link:visited{color:var(--color-gray-10)}:host .ptc-link:active,:host .ptc-link:visited:active{transition:none;color:var(--color-green-06)}:host .ptc-link:hover,:host .ptc-link:visited:hover{color:var(--color-green-06)}:host(.mobileView) .icon-component-row{display:none}:host(.mobileView) .swiper-container{display:block}:host(.desktopView) .icon-component-row{display:flex}:host(.desktopView) .swiper-container{display:none}';export{n as ptc_icon_component}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e),this.contentTag=void 0}render(){return e(a,null,e("div",{class:"content-tag"},this.contentTag),e("slot",null))}};h.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;margin-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";export{h as ptc_value_led_intro}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as n,a}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,H as n,g as a}from"./p-ac75c7ad.js";import{V as o}from"./p-18a5a338.js";import{h as c}from"./p-841b807d.js";import{_ as r,a as d,M as l,n as s,h,o as p,m,i as f,f as x,e as u,k as g,j as b,l as _}from"./p-c1513c3f.js";import{c as k}from"./p-112455b1.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2016 Google Inc.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e}from"./p-944c5be8.js";var s=Object.defineProperty,h=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onCancel)||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onChange)||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return"object"==typeof(null==(e=null==(i=t[0])?void 0:i.data)?void 0:e[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return o.log("error",`missing required param '${s}'.`),!1}return!0}static log(t,i){var e;null==(e=console[t])||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(null==s?void 0:s.split(e))||[];if(this.isJsonType){let e=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=null==e?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=null==(h=e[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=null==(h=null==(s=this.wheelsData[e])?void 0:s.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:null==(s=this.wheelsData[e])?void 0:s.data,o=null==h?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(e=(i=this.config).onShow)||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(e=(i=this.config).onHide)||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))"string"==typeof e.event?this[i][`${t}EventListener`](e.event,e.fn,{passive:!1}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++)e+=`<li data-id="${t[s][i.id]}">${t[s][i.value]}</li>`;else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&(null==(t=e[s][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=0==s?this.cascadeJsonData[i[0]]:null==(e=null==o?void 0:o[h.childs])?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[s])?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(e=(i=this.config).transitionEnd)||e.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(s=this.config).onTransitionEnd)||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(e){t(this,e),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),e=document.querySelector("footer-nav #lang-ddl");e&&i&&(e.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return e("div",{class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{onClick:t=>{this.wrapperClick(t)}},e("span",{id:this.triggerName},this.selectedText),e("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId)try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index),i=e.index}catch(t){console.log(t)}},callback:function(i,e,s){if(this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:void 0}),e&&e[0]&&"#"!=e[0].id)window.location.href=e[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index),s.setValue(this.wheelData[i.index]),s.setTriggerInnerText(i.value),s.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id)return i.index=e,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y: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}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';export{r as ptc_mobile_select}
|
|
1
|
+
import{r as t,c as i,h as e}from"./p-ac75c7ad.js";var s=Object.defineProperty,h=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onCancel)||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onChange)||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return"object"==typeof(null==(e=null==(i=t[0])?void 0:i.data)?void 0:e[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return o.log("error",`missing required param '${s}'.`),!1}return!0}static log(t,i){var e;null==(e=console[t])||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(null==s?void 0:s.split(e))||[];if(this.isJsonType){let e=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=null==e?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=null==(h=e[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=null==(h=null==(s=this.wheelsData[e])?void 0:s.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:null==(s=this.wheelsData[e])?void 0:s.data,o=null==h?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(e=(i=this.config).onShow)||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(e=(i=this.config).onHide)||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))"string"==typeof e.event?this[i][`${t}EventListener`](e.event,e.fn,{passive:!1}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++)e+=`<li data-id="${t[s][i.id]}">${t[s][i.value]}</li>`;else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&(null==(t=e[s][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=0==s?this.cascadeJsonData[i[0]]:null==(e=null==o?void 0:o[h.childs])?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[s])?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(e=(i=this.config).transitionEnd)||e.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(s=this.config).onTransitionEnd)||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(e){t(this,e),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),e=document.querySelector("footer-nav #lang-ddl");e&&i&&(e.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return e("div",{class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{onClick:t=>{this.wrapperClick(t)}},e("span",{id:this.triggerName},this.selectedText),e("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId)try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index),i=e.index}catch(t){console.log(t)}},callback:function(i,e,s){if(this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:void 0}),e&&e[0]&&"#"!=e[0].id)window.location.href=e[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index),s.setValue(this.wheelData[i.index]),s.setTriggerInnerText(i.value),s.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id)return i.index=e,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y: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}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';export{r as ptc_mobile_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,H as n}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.addToCartClicked=i(this,"addToCartClicked",7),this.defaultStyles=".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}",this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const i=t.target,e=parseInt(i.value);isNaN(e)?isNaN(e)&&(i.value=`${this.count}`):e<1?(i.value="1",this.count=1):e>999?(i.value="999",this.count=999):this.count=e},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;if(!this.disabled){if(this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta){try{let t=this.addToCartCta.offsetWidth>50?this.addToCartCta.offsetWidth:this.addToCartCta.clientWidth;t<50&&(t=this.addToCartCta.shadowRoot.querySelector("button").getBoundingClientRect().width),t>50&&(this.addToCartCta.styles=`button{width:${t}px !important}${this.defaultStyles}`)}catch(t){console.log(t)}this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`}setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel,this.addToCartCta.styles=this.defaultStyles)}),3e3)}},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added",this.disabled=!1}render(){return e(n,null,e("div",{class:"quantity-counter"},e("button",{class:"decrement mf-listen",onClick:this.handleDecrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),e("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t,disabled:this.disabled,class:"mf-listen"}),e("button",{class:"increment mf-listen",onClick:this.handleIncrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("g",{"clip-path":"url(#clip0_2974_659)"},e("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),e("defs",null,e("clipPath",{id:"clip0_2974_659"},e("rect",{width:"8",height:"8",fill:"white"}))))))),e("ptc-button",{disabled:this.disabled,type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:this.defaultStyles},this.addToCartLabel))}};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:inline-block;min-width:145px}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button span svg path{fill:var(--color-gray-12)}:host .quantity-counter button span:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{transition:none;background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;color:var(--color-gray-10);border-radius:0px;-moz-appearance:textfield;font-family:var(--ptc-font-latin)}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host .quantity-counter input:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{s as ptc_quantity_counter}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i}from"./p-ac75c7ad.js";const n=class{constructor(e){t(this,e),this.spanStyle="tag-style",this.display="inline",this.fontWeight="w-4",this.styles=void 0}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("span",{part:"part-ptc-span"},e("slot",null)))}getCssClassMap(){return{[this.spanStyle]:!0,[this.fontWeight]:!0,[this.display]:!0}}};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{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.three-column-report) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-densest)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 360px){:host(.three-column-report) span{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 480px){:host(.three-column-report) span{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 768px){:host(.three-column-report) span{font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest)}}";export{n as ptc_span}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as s}from"./p-
|
|
1
|
+
import{r as t,h as e,H as s}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.svgName="close",this.display="block",this.zIndex=void 0,this.styles=void 0}render(){const t=this.getCssClassMap();return e(s,Object.assign({class:t},void 0!==this.zIndex?{style:{zIndex:this.zIndex}}:null),this.styles&&e("style",null,this.styles),this.svgName&&"close"===this.svgName?e("div",{class:"svg-close",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">\n <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">\n <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>\n <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>\n <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>\n <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>\n <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>\n <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>\n <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>\n </g>\n</svg>'}):null,this.svgName&&"slider-left"===this.svgName?e("div",{class:"slider-left",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_37)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"slider-right"===this.svgName?e("div",{class:"slider-right",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_34)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"back-arrow"===this.svgName?e("div",{class:"back-arrow",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">\n <defs>\n <style>\n .cls-1 {\n fill: #fff;\n fill-rule: evenodd;\n }\n </style>\n </defs>\n <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>\n</svg>\n'}):null,this.svgName&&"play"===this.svgName?e("div",{class:"play",innerHTML:'<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_241_171)">\n<circle cx="42" cy="38" r="36" fill="#1F2024"/>\n<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>\n</g>\n<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>\n<defs>\n<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null)}getCssClassMap(){return{[this.display]:!0}}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";export{a as ptc_svg_btn}
|