@ptcwebops/ptcw-design 6.3.26-beta → 6.3.27-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/icon-asset_8.cjs.entry.js +608 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-card_2.cjs.entry.js +4 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +20 -13
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-container/ptc-container.js +2 -2
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +13 -2
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +2 -2
- package/dist/collection/components/ptc-modal/ptc-modal.js +20 -13
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +102 -0
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +3 -0
- package/dist/custom-elements/index.js +25 -15
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +2 -2
- package/dist/esm/blog-detail-layout.entry.js +2 -2
- package/dist/esm/blogs-search-section.entry.js +2 -2
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/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/event-jumbotron-example.entry.js +1 -1
- package/dist/esm/event-podcast-slider-example.entry.js +1 -1
- package/dist/esm/featured-events-slider-example.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/fl-tab-content_3.entry.js +1 -1
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/homepage-clickable-tab.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +2 -2
- package/dist/esm/homepage-toggled-content.entry.js +2 -2
- package/dist/esm/icon-asset_8.entry.js +597 -0
- package/dist/esm/{index-c83db688.js → index-0bf594c4.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/modal-form-example.entry.js +1 -1
- package/dist/esm/most-popular-news.entry.js +2 -2
- package/dist/esm/my-component.entry.js +2 -2
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +2 -2
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +2 -2
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +5 -2
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +21 -14
- package/dist/esm/ptc-collapse-list.entry.js +2 -2
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +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_4.entry.js +2 -2
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
- package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
- package/dist/esm/ptc-icon-card-slider-example.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +2 -2
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-info-tile.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +2 -2
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +2 -2
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-nav-tile.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quantity-counter.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-new.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-scroll-button.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-seo-title.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-showcase-card.entry.js +1 -1
- package/dist/esm/ptc-skeleton.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +2 -2
- package/dist/esm/ptc-social-icons.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-square-card.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-sticky-title.entry.js +1 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip.entry.js +1 -1
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptc-value-led-card.entry.js +1 -1
- package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
- package/dist/esm/ptc-value-led-content.entry.js +1 -1
- package/dist/esm/ptc-value-led-intro.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-value-prop-card.entry.js +1 -1
- package/dist/esm/ptc-video-embed.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/sequential-bundle-example.entry.js +1 -1
- package/dist/esm/sequential-bundle.entry.js +1 -1
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/esm/{utils-2f12c081.js → utils-7c68b88a.js} +1 -1
- package/dist/ptcw-design/{p-36abe396.entry.js → p-0261e249.entry.js} +1 -1
- package/dist/ptcw-design/{p-b8ee8699.entry.js → p-07b1afd5.entry.js} +1 -1
- package/dist/ptcw-design/{p-9501995f.entry.js → p-094f5dec.entry.js} +1 -1
- package/dist/ptcw-design/{p-9e2fd13c.entry.js → p-0a558a22.entry.js} +1 -1
- package/dist/ptcw-design/{p-9ac99185.entry.js → p-0abb6e77.entry.js} +1 -1
- package/dist/ptcw-design/{p-71360e29.entry.js → p-0b182300.entry.js} +1 -1
- package/dist/ptcw-design/{p-e235bf27.entry.js → p-0bb3ea9a.entry.js} +1 -1
- package/dist/ptcw-design/{p-dfb400ed.entry.js → p-0d2f10cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-14b7693f.entry.js → p-0e6b14a6.entry.js} +1 -1
- package/dist/ptcw-design/{p-fb8584e4.entry.js → p-0ed4609e.entry.js} +1 -1
- package/dist/ptcw-design/p-10413689.entry.js +1 -0
- package/dist/ptcw-design/p-11eb4dd1.entry.js +1 -0
- package/dist/ptcw-design/{p-04ff81ef.entry.js → p-135191ce.entry.js} +1 -1
- package/dist/ptcw-design/{p-27e47c25.entry.js → p-14c77b5e.entry.js} +1 -1
- package/dist/ptcw-design/{p-7d29a418.entry.js → p-183ba1ca.entry.js} +1 -1
- package/dist/ptcw-design/{p-8521fdd4.entry.js → p-1948b914.entry.js} +1 -1
- package/dist/ptcw-design/{p-85f32bf5.entry.js → p-1ab6201b.entry.js} +1 -1
- package/dist/ptcw-design/{p-99daf693.entry.js → p-1acd3617.entry.js} +1 -1
- package/dist/ptcw-design/{p-77cad16c.entry.js → p-1adea6a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-d3ac3758.entry.js → p-1b2ff400.entry.js} +1 -1
- package/dist/ptcw-design/{p-464d8e22.entry.js → p-1d48bad3.entry.js} +1 -1
- package/dist/ptcw-design/{p-46f67bec.entry.js → p-1e9f25fc.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf8fbba7.entry.js → p-208ec7f3.entry.js} +1 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +1 -0
- package/dist/ptcw-design/{p-8c49d736.entry.js → p-212d0145.entry.js} +1 -1
- package/dist/ptcw-design/{p-7bdf1e64.entry.js → p-25dd15af.entry.js} +1 -1
- package/dist/ptcw-design/{p-b647f7a1.entry.js → p-27b8457b.entry.js} +1 -1
- package/dist/ptcw-design/{p-9b26ea67.entry.js → p-290012e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-9b0df204.entry.js → p-298d02ab.entry.js} +1 -1
- package/dist/ptcw-design/{p-7fe4d383.entry.js → p-29ae44dd.entry.js} +1 -1
- package/dist/ptcw-design/{p-e90fbbad.entry.js → p-2a3735a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-0b515839.entry.js → p-2b583ae1.entry.js} +1 -1
- package/dist/ptcw-design/{p-e5369c4d.entry.js → p-2fa28be9.entry.js} +1 -1
- package/dist/ptcw-design/{p-21fa5abe.entry.js → p-2fd01953.entry.js} +1 -1
- package/dist/ptcw-design/{p-a59c9cdc.entry.js → p-3411ac77.entry.js} +1 -1
- package/dist/ptcw-design/p-36c42aae.entry.js +1 -0
- package/dist/ptcw-design/p-3717a6e1.entry.js +1 -0
- package/dist/ptcw-design/{p-6e8ed2ee.entry.js → p-379fcc72.entry.js} +1 -1
- package/dist/ptcw-design/{p-3dd0ded9.entry.js → p-38a1425c.entry.js} +1 -1
- package/dist/ptcw-design/{p-257267e3.entry.js → p-38e43284.entry.js} +1 -1
- package/dist/ptcw-design/p-39255f59.entry.js +1 -0
- package/dist/ptcw-design/{p-799afee5.entry.js → p-3ada2482.entry.js} +1 -1
- package/dist/ptcw-design/{p-f61a3476.entry.js → p-3b967df1.entry.js} +1 -1
- package/dist/ptcw-design/{p-8533988f.entry.js → p-3c52fabe.entry.js} +1 -1
- package/dist/ptcw-design/{p-58e91cb8.entry.js → p-3c72e82d.entry.js} +1 -1
- package/dist/ptcw-design/{p-76d98c5a.entry.js → p-3e13b735.entry.js} +1 -1
- package/dist/ptcw-design/{p-fe907670.entry.js → p-4335d7f3.entry.js} +1 -1
- package/dist/ptcw-design/{p-c6a0dd99.entry.js → p-43756439.entry.js} +1 -1
- package/dist/ptcw-design/{p-f867ebe6.entry.js → p-44e72b9d.entry.js} +1 -1
- package/dist/ptcw-design/{p-89f0cf12.entry.js → p-472579ea.entry.js} +1 -1
- package/dist/ptcw-design/{p-d73cc053.entry.js → p-485cb0c8.entry.js} +1 -1
- package/dist/ptcw-design/p-4bbd36aa.entry.js +1 -0
- package/dist/ptcw-design/p-4c1451df.entry.js +1 -0
- package/dist/ptcw-design/{p-baff4d44.entry.js → p-50582650.entry.js} +1 -1
- package/dist/ptcw-design/{p-85b3ca2b.entry.js → p-539f1605.entry.js} +1 -1
- package/dist/ptcw-design/{p-2c2f895a.entry.js → p-54891548.entry.js} +1 -1
- package/dist/ptcw-design/{p-6aa9ed95.entry.js → p-575c7fc0.entry.js} +1 -1
- package/dist/ptcw-design/{p-5311c6e1.entry.js → p-58d4b008.entry.js} +1 -1
- package/dist/ptcw-design/{p-f731fc96.entry.js → p-5da98805.entry.js} +1 -1
- package/dist/ptcw-design/{p-8c121480.entry.js → p-5f2a4384.entry.js} +1 -1
- package/dist/ptcw-design/p-5f98dec1.entry.js +1 -0
- package/dist/ptcw-design/{p-61d28206.entry.js → p-5fb671ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-c631608f.entry.js → p-61a5012d.entry.js} +1 -1
- package/dist/ptcw-design/{p-bab5bb88.entry.js → p-666cdec9.entry.js} +1 -1
- package/dist/ptcw-design/p-6785dc81.entry.js +1 -0
- package/dist/ptcw-design/{p-76dab076.entry.js → p-68955802.entry.js} +1 -1
- package/dist/ptcw-design/{p-9de963f8.entry.js → p-6d628113.entry.js} +1 -1
- package/dist/ptcw-design/{p-21aa746d.entry.js → p-6dc78042.entry.js} +1 -1
- package/dist/ptcw-design/{p-b209c116.entry.js → p-6f8858c3.entry.js} +1 -1
- package/dist/ptcw-design/p-6ffcd96c.entry.js +1 -0
- package/dist/ptcw-design/{p-a89b986a.entry.js → p-712f1336.entry.js} +1 -1
- package/dist/ptcw-design/p-72681e91.entry.js +1 -0
- package/dist/ptcw-design/{p-8e42a22d.entry.js → p-726dab37.entry.js} +1 -1
- package/dist/ptcw-design/{p-04aae3f5.entry.js → p-74a845fd.entry.js} +1 -1
- package/dist/ptcw-design/{p-d74ccb19.entry.js → p-75d8b6ec.entry.js} +1 -1
- package/dist/ptcw-design/{p-99ee8a0e.entry.js → p-761f71c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-8038bf31.entry.js → p-779c3f21.entry.js} +1 -1
- package/dist/ptcw-design/{p-282b7d4e.entry.js → p-78252282.entry.js} +1 -1
- package/dist/ptcw-design/{p-b436f56d.entry.js → p-79762cf6.entry.js} +1 -1
- package/dist/ptcw-design/{p-4ca956c1.entry.js → p-79c2e0fb.entry.js} +1 -1
- package/dist/ptcw-design/{p-4b192f5e.entry.js → p-7e19be10.entry.js} +1 -1
- package/dist/ptcw-design/{p-7cc9255e.entry.js → p-7fada7ae.entry.js} +1 -1
- package/dist/ptcw-design/{p-5980d65d.entry.js → p-807ad5c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-931650bb.entry.js → p-80c56c81.entry.js} +1 -1
- package/dist/ptcw-design/{p-80122e26.js → p-826c17e8.js} +1 -1
- package/dist/ptcw-design/{p-d51438de.entry.js → p-8771d448.entry.js} +1 -1
- package/dist/ptcw-design/{p-7a3e9ecd.entry.js → p-8a452c0b.entry.js} +1 -1
- package/dist/ptcw-design/p-8c25a821.entry.js +1 -0
- package/dist/ptcw-design/{p-15e36f30.entry.js → p-8cdcfb51.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a335b5b.entry.js → p-8eb36507.entry.js} +1 -1
- package/dist/ptcw-design/{p-761a31f8.entry.js → p-8ffdd794.entry.js} +1 -1
- package/dist/ptcw-design/{p-3dac861d.entry.js → p-91dcdd86.entry.js} +1 -1
- package/dist/ptcw-design/{p-2aa19c11.entry.js → p-9292844e.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac75c7ad.js → p-944c5be8.js} +1 -1
- package/dist/ptcw-design/{p-e4eb925f.entry.js → p-96cc1268.entry.js} +1 -1
- package/dist/ptcw-design/p-973b06d1.entry.js +1 -0
- package/dist/ptcw-design/p-99e41dc4.entry.js +1 -0
- package/dist/ptcw-design/{p-0529caaa.entry.js → p-9a1922ba.entry.js} +1 -1
- package/dist/ptcw-design/{p-bfacfe67.entry.js → p-9a28ded2.entry.js} +1 -1
- package/dist/ptcw-design/{p-fe40421e.entry.js → p-9be9f585.entry.js} +1 -1
- package/dist/ptcw-design/{p-71fbb799.entry.js → p-9cfb4f41.entry.js} +1 -1
- package/dist/ptcw-design/{p-5db7f70b.entry.js → p-9d32f1bc.entry.js} +1 -1
- package/dist/ptcw-design/{p-445329ed.entry.js → p-9d386f08.entry.js} +1 -1
- package/dist/ptcw-design/p-9d8a9a72.entry.js +1 -0
- package/dist/ptcw-design/{p-3ee2a531.entry.js → p-9dde477c.entry.js} +1 -1
- package/dist/ptcw-design/{p-8cea8943.entry.js → p-9ea0d71c.entry.js} +1 -1
- package/dist/ptcw-design/p-a14387fa.entry.js +1 -0
- package/dist/ptcw-design/{p-4f3dea53.entry.js → p-a1dc7ae5.entry.js} +1 -1
- package/dist/ptcw-design/{p-257a68df.entry.js → p-a22d7ae8.entry.js} +1 -1
- package/dist/ptcw-design/{p-3872fce7.entry.js → p-a2710bbf.entry.js} +1 -1
- package/dist/ptcw-design/{p-c8f68292.entry.js → p-a2f25add.entry.js} +1 -1
- package/dist/ptcw-design/p-a3f9e4ba.entry.js +1 -0
- package/dist/ptcw-design/{p-0d223232.entry.js → p-a7e67938.entry.js} +1 -1
- package/dist/ptcw-design/{p-8191928d.entry.js → p-a974f98f.entry.js} +1 -1
- package/dist/ptcw-design/{p-dc85c302.entry.js → p-afbe8e2c.entry.js} +1 -1
- package/dist/ptcw-design/{p-aea09a70.entry.js → p-b293a0b1.entry.js} +1 -1
- package/dist/ptcw-design/{p-0e5932f0.entry.js → p-b3b63f67.entry.js} +1 -1
- package/dist/ptcw-design/{p-560b05a5.entry.js → p-bca81995.entry.js} +1 -1
- package/dist/ptcw-design/{p-52e17d34.entry.js → p-bd9705c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7cb3851.entry.js → p-be00fb74.entry.js} +1 -1
- package/dist/ptcw-design/{p-89ba3dfd.entry.js → p-bf2f9183.entry.js} +1 -1
- package/dist/ptcw-design/{p-072a76d3.entry.js → p-bf7f25ce.entry.js} +1 -1
- package/dist/ptcw-design/{p-38a56ed6.entry.js → p-c05e326f.entry.js} +1 -1
- package/dist/ptcw-design/{p-aac082cf.entry.js → p-c5417010.entry.js} +1 -1
- package/dist/ptcw-design/{p-97b9f41b.entry.js → p-c5886b7b.entry.js} +1 -1
- package/dist/ptcw-design/{p-75390f63.entry.js → p-c73eb535.entry.js} +1 -1
- package/dist/ptcw-design/{p-04f0b1ba.entry.js → p-c9a73ad1.entry.js} +1 -1
- package/dist/ptcw-design/{p-baeee2b4.entry.js → p-ca039722.entry.js} +1 -1
- package/dist/ptcw-design/{p-d66debb3.entry.js → p-ca5763d0.entry.js} +1 -1
- package/dist/ptcw-design/{p-32f64f48.entry.js → p-caac157f.entry.js} +1 -1
- package/dist/ptcw-design/{p-5946d7c9.entry.js → p-cab0274c.entry.js} +1 -1
- package/dist/ptcw-design/{p-9dbcfcee.entry.js → p-cc691b14.entry.js} +1 -1
- package/dist/ptcw-design/{p-98610430.entry.js → p-ce125ef2.entry.js} +1 -1
- package/dist/ptcw-design/{p-e3bf092e.entry.js → p-d1f57070.entry.js} +1 -1
- package/dist/ptcw-design/{p-9df7489b.entry.js → p-d4207d86.entry.js} +1 -1
- package/dist/ptcw-design/{p-a54c6da5.entry.js → p-dabb1b70.entry.js} +1 -1
- package/dist/ptcw-design/{p-a0bf3dd2.entry.js → p-dadbab48.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5f42895.entry.js → p-dd38bf84.entry.js} +1 -1
- package/dist/ptcw-design/{p-a8504f11.entry.js → p-de663192.entry.js} +1 -1
- package/dist/ptcw-design/p-e1692ed6.entry.js +1 -0
- package/dist/ptcw-design/{p-a37c5209.entry.js → p-e2e33ddb.entry.js} +1 -1
- package/dist/ptcw-design/{p-fdee2cdc.entry.js → p-e6ebc832.entry.js} +1 -1
- package/dist/ptcw-design/{p-89177041.entry.js → p-e75dff95.entry.js} +1 -1
- package/dist/ptcw-design/{p-95187918.entry.js → p-e77d2204.entry.js} +1 -1
- package/dist/ptcw-design/{p-c68d31c6.entry.js → p-e87a4ff8.entry.js} +1 -1
- package/dist/ptcw-design/{p-0a9ee6c2.entry.js → p-e8b51e7d.entry.js} +1 -1
- package/dist/ptcw-design/{p-f1734520.entry.js → p-e9f65e9a.entry.js} +1 -1
- package/dist/ptcw-design/{p-0c69ea52.entry.js → p-ec22d0b8.entry.js} +1 -1
- package/dist/ptcw-design/{p-7a1db471.entry.js → p-ecfc8211.entry.js} +1 -1
- package/dist/ptcw-design/{p-e6a272d9.entry.js → p-ed71521c.entry.js} +1 -1
- package/dist/ptcw-design/{p-de960790.entry.js → p-ef55ab3c.entry.js} +1 -1
- package/dist/ptcw-design/{p-da02913d.entry.js → p-f05be87f.entry.js} +1 -1
- package/dist/ptcw-design/{p-f5c97ab2.entry.js → p-f2006b03.entry.js} +1 -1
- package/dist/ptcw-design/{p-e43c30c9.entry.js → p-f3db0dc6.entry.js} +1 -1
- package/dist/ptcw-design/{p-008307a6.entry.js → p-f69df077.entry.js} +1 -1
- package/dist/ptcw-design/{p-4f93c631.entry.js → p-f77c7c78.entry.js} +1 -1
- package/dist/ptcw-design/{p-4702c233.entry.js → p-fa99b158.entry.js} +1 -1
- package/dist/ptcw-design/p-ff88ba61.entry.js +1 -0
- package/dist/ptcw-design/{p-7793babb.entry.js → p-ffd5c822.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-container/ptc-container.d.ts +1 -1
- package/dist/types/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.d.ts +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +0 -1
- package/dist/types/components.d.ts +4 -4
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +0 -65
- package/dist/cjs/max-width-container.cjs.entry.js +0 -54
- package/dist/cjs/ptc-button.cjs.entry.js +0 -87
- package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +0 -66
- package/dist/cjs/ptc-icon-list.cjs.entry.js +0 -35
- package/dist/cjs/ptc-para.cjs.entry.js +0 -127
- package/dist/cjs/ptc-title.cjs.entry.js +0 -152
- package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +0 -66
- package/dist/esm/icon-asset.entry.js +0 -61
- package/dist/esm/max-width-container.entry.js +0 -50
- package/dist/esm/ptc-button.entry.js +0 -83
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +0 -62
- package/dist/esm/ptc-icon-list.entry.js +0 -31
- package/dist/esm/ptc-para.entry.js +0 -123
- package/dist/esm/ptc-title.entry.js +0 -148
- package/dist/esm/storefront-enhanced-product-list-alt-example.entry.js +0 -62
- package/dist/ptcw-design/p-077839d5.entry.js +0 -1
- package/dist/ptcw-design/p-0a214a22.entry.js +0 -1
- package/dist/ptcw-design/p-0de4cd11.entry.js +0 -1
- package/dist/ptcw-design/p-1570353c.entry.js +0 -1
- package/dist/ptcw-design/p-1eb40265.entry.js +0 -1
- package/dist/ptcw-design/p-260ecfef.entry.js +0 -1
- package/dist/ptcw-design/p-297a14cb.entry.js +0 -1
- package/dist/ptcw-design/p-2cc7e2a8.entry.js +0 -1
- package/dist/ptcw-design/p-3ddb6c50.entry.js +0 -1
- package/dist/ptcw-design/p-3ed4a7ed.entry.js +0 -1
- package/dist/ptcw-design/p-45b1f3fc.entry.js +0 -1
- package/dist/ptcw-design/p-4cee12b8.entry.js +0 -1
- package/dist/ptcw-design/p-901c31b3.entry.js +0 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +0 -1
- package/dist/ptcw-design/p-99355e65.entry.js +0 -1
- package/dist/ptcw-design/p-9d3a7f36.entry.js +0 -1
- package/dist/ptcw-design/p-9d612f1f.entry.js +0 -1
- package/dist/ptcw-design/p-a5fc048f.entry.js +0 -1
- package/dist/ptcw-design/p-a8872ce3.entry.js +0 -1
- package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
- package/dist/ptcw-design/p-b570e9a5.entry.js +0 -1
- package/dist/ptcw-design/p-bf56d5a3.entry.js +0 -1
- package/dist/ptcw-design/p-c89030e4.entry.js +0 -1
- package/dist/ptcw-design/p-cc677723.entry.js +0 -1
- package/dist/ptcw-design/p-d2cc0297.entry.js +0 -1
- package/dist/ptcw-design/p-fd7e5935.entry.js +0 -1
- package/dist/ptcw-design/p-fd87fcd5.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as e,a}from"./p-944c5be8.js";import{c as s}from"./p-826c17e8.js";const o=class{constructor(i){t(this,i),this.videoEle=void 0,this.cardType="media-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.activeBackgroundImage=void 0,this.activeBackgroundImageAlt=void 0,this.hoverBackgroundImage=void 0,this.heading=void 0,this.headingTransform="none",this.category=void 0,this.ariaLabel=void 0,this.iconImage=void 0,this.iconImageAlt=void 0,this.trackerId=void 0,this.isHovered=!1,this.isTabNavigated=!0}WatchStateHandler(t){this.videoEle&&(t?this.videoEle.play():this.videoEle.pause())}getCardText(){if("media-card"===this.cardType)return[i("div",{class:"card-wrap"},i("div",{class:"car-content"},i("p",null,this.category," "),i("h3",null,this.heading)))]}setTabNavigatedState(){this.isTabNavigated="DYNAMIC-PRODUCT-DRIVERS"!==this.el.parentElement.tagName}componentWillLoad(){this.setTabNavigatedState()}componentDidLoad(){this.ariaLabel=this.getLastStringAfterSlash(this.cardHref)}getLastStringAfterSlash(t){const i=t.split("/");return i[i.length-1]}render(){const t=this.cardHref?"a":"div",a=!(!this.hoverBackgroundImage||".mp4"!==s(this.hoverBackgroundImage)&&!this.hoverBackgroundImage.includes(".mp4")),o=this.getCssClassMap();return i(e,{class:o,onmouseenter:()=>this.isHovered=!0,onmouseleave:()=>this.isHovered=!1,style:"case-study-icon"!=this.cardType?this.isHovered&&this.hoverBackgroundImage?{backgroundImage:`url(${this.hoverBackgroundImage})`}:{backgroundImage:`url(${this.activeBackgroundImage})`}:{}},i("slot",{name:"seo-content"}),"case-study-icon"!=this.cardType?i("div",{id:this.trackerId,class:"tracker-div mf-listen"},i(t,Object.assign({class:"anchor-wrap",target:this.target,href:this.cardHref,rel:this.rel},this.isTabNavigated?{tabindex:0}:{tabindex:-1},{"aria-label":this.cardHref?"Read more about "+this.ariaLabel:void 0}),a&&i("video",{muted:!0,loop:!0,playsinline:!0,poster:this.activeBackgroundImage,ref:t=>this.videoEle=t,style:this.isHovered?{display:"block"}:{display:"none"},tabindex:"-1"},i("source",{src:this.hoverBackgroundImage,type:"video/mp4"},"Your browser does not support the video tag.")),"media-card"===this.cardType&&i("ptc-overlay",{"filter-color":"black-2"}),"media-card"===this.cardType&&this.getCardText())):null,"case-study-icon"===this.cardType?i("div",{id:this.trackerId,class:"tracker-div"},i("a",Object.assign({class:"case-study-img-anchor mf-listen",target:this.target,href:this.cardHref,rel:this.rel,"aria-label":this.cardHref?"Read more about "+this.ariaLabel:void 0},this.isTabNavigated?{tabindex:0}:{tabindex:-1}),i("img",{class:"case-study-bg-img",src:this.activeBackgroundImage,alt:this.activeBackgroundImageAlt}),i("div",{class:"after"}),i("img",{class:"case-study-icon-img",src:this.iconImage,alt:this.iconImageAlt}))):null)}getCssClassMap(){return{[this.cardType]:!0}}get el(){return a(this)}static get watchers(){return{isHovered:["WatchStateHandler"]}}};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;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host .anchor-wrap:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) ::slotted([slot=seo-content]){display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content p,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-medium);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-densest);display:inline}@media only screen and (min-width: 768px){:host(.media-card) .card-wrap .car-content h3{font-size:var(--ptc-font-size-large)}}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content p{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small)}:host(.bureau-card){height:100%;position:relative}:host(.case-study-icon){width:296px}:host(.case-study-icon) ::slotted([slot=seo-content]){display:none}:host(.case-study-icon) .tracker-div{display:inline}:host(.case-study-icon) .case-study-img-anchor{position:relative;width:296px;height:396px;display:flex;justify-content:center;align-items:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{display:flex;width:296px;height:396px;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;object-fit:cover;position:absolute;z-index:1;box-shadow:var(--ptc-shadow-large)}:host(.case-study-icon) .case-study-img-anchor .after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;z-index:2;background:rgba(0, 0, 0, 0.5);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-icon-img{position:absolute;z-index:3;width:92px;height:42px;border-radius:4px;background:#FFF;padding:24px;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.24);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor:hover .after{display:block;background:rgba(0, 0, 0, 0.07)}:host(.case-study-icon) .case-study-img-anchor:hover .case-study-icon-img{width:96px;height:46px}:host(.case-study-icon) .case-study-img-anchor:active,:host(.case-study-icon) .case-study-img-anchor:focus{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .after,:host(.case-study-icon) .case-study-img-anchor:focus .after{display:block;background:rgba(0, 0, 0, 0.2);transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .case-study-icon-img,:host(.case-study-icon) .case-study-img-anchor:focus .case-study-icon-img{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media (min-width: 768px){:host(.case-study-icon){width:373px}:host(.case-study-icon) .case-study-img-anchor{width:373px;height:500px}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{width:373px;height:500px}}";export{o as ptc_media_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as i,H as t,
|
|
1
|
+
import{r as a,c as o,h as i,H as t,a as r}from"./p-944c5be8.js";const e=class{constructor(i){a(this,i),this.readMoreClicked=o(this,"readMoreClicked",7),this.readMoreRendered=o(this,"readMoreRendered",7),this.expanded=!1,this.maxCharacters=100,this.description=void 0,this.readMoreText="Read More",this.readLessText="Read Less",this.trackerId=void 0}toggleExpand(){this.expanded=!this.expanded,this.readMoreClicked.emit(this.expanded)}render(){const a=this.description?this.description.trim():"",o=a.length>this.maxCharacters?a.substring(0,this.maxCharacters)+"...":a,r=this.expanded?this.readLessText:this.readMoreText;return i(t,null,i("p",{class:"description"},this.expanded?this.description:o),a.length>this.maxCharacters&&i("div",{id:this.trackerId,class:"tracker-div"},i("label",{class:"truncated-label mf-listen",onClick:()=>this.toggleExpand(),onKeyDown:a=>{"Enter"===a.key&&this.toggleExpand()},tabIndex:0},r)))}get el(){return r(this)}};e.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:"";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .tracker-div{display:inline;display:inline-block}';export{e as ptc_readmore_char}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as a,H as i,g as t}from"./p-ac75c7ad.js";const r=class{constructor(a){o(this,a),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0,this.isModal=!0}openModal(){this.isModal&&(this.showModal=!0)}componentDidLoad(){let o=this.el.shadowRoot.querySelector("#bio-modal");o&&o.addEventListener("closed",(()=>{this.showModal=!1}))}render(){return a(i,{type:"button",class:this.isModal?"card-with-modal":""},a("div",{class:"bio-card",onClick:()=>{this.openModal()}},a("slot",{name:"seo-content"}),a("div",{class:"bio-card__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),a("div",{class:"bio-card__content"},a("div",null,a("h3",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin",title:"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"X",title:"X"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"}))))))),this.isModal&&a("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},a("div",{class:"modal-wrap"},a("div",{class:"bio-modal-left"},a("div",{class:"bio-modal__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"})))))),a("div",{class:"bio-modal-right"},a("div",{class:"bio-modal-header"},a("h2",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),a("div",{class:"bio-modal-description"},a("slot",null))))))}get el(){return t(this)}};r.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:fit-content;height:100%;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}';export{r as ptc_bio_card}
|
|
1
|
+
import{r as o,h as a,H as i,a as t}from"./p-944c5be8.js";const r=class{constructor(a){o(this,a),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0,this.isModal=!0}openModal(){this.isModal&&(this.showModal=!0)}componentDidLoad(){let o=this.el.shadowRoot.querySelector("#bio-modal");o&&o.addEventListener("closed",(()=>{this.showModal=!1}))}render(){return a(i,{type:"button",class:this.isModal?"card-with-modal":""},a("div",{class:"bio-card",onClick:()=>{this.openModal()}},a("slot",{name:"seo-content"}),a("div",{class:"bio-card__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),a("div",{class:"bio-card__content"},a("div",null,a("h3",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin",title:"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"X",title:"X"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"}))))))),this.isModal&&a("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},a("div",{class:"modal-wrap"},a("div",{class:"bio-modal-left"},a("div",{class:"bio-modal__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"})))))),a("div",{class:"bio-modal-right"},a("div",{class:"bio-modal-header"},a("h2",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),a("div",{class:"bio-modal-description"},a("slot",null))))))}get el(){return t(this)}};r.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:fit-content;height:100%;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}';export{r as ptc_bio_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,
|
|
1
|
+
import{r as t,h as e,a as n}from"./p-944c5be8.js";const h=class{constructor(e){t(this,e),this.name=void 0,this.isSelected=!1}componentWillLoad(){this.parentReference=this.el.closest("ptc-tab-list")}async getChild(){return{select:this.select.bind(this),unselect:this.unselect.bind(this),name:this.name}}unselect(){this.isSelected=!1}select(){this.isSelected=!0}beforeMatch(){this.parentReference.toggleTabGroup(this.name)}render(){return e("div",{class:{"tab-content":!0,"tab-content-selected":this.isSelected},hidden:!this.isSelected&&"until-found",onBeforeMatch:()=>{this.beforeMatch()}},e("slot",null))}get el(){return n(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-content p,.tab-content ul,.tab-content ol,.tab-content span,.tab-content h1,.tab-content h2,.tab-content h3,.tab-content h4,.tab-content h5,.tab-content h6{max-width:720px;font-weight:var(--ptc-font-weight-normal)}.tab-content h3{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-01)}@media only screen and (min-width: 768px){.tab-content h3{font-size:var(--ptc-font-size-large)}}.tab-content :first-child{margin-top:0px}.tab-content :last-child{margin-bottom:0px}";export{h as tab_content}
|
|
@@ -1 +1 @@
|
|
|
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","test3"]}],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-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","test3"]}],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 o,c as a,h as t,H as i,g as e}from"./p-ac75c7ad.js";const r=class{constructor(t){o(this,t),this.readMoreTrigger=a(this,"readMoreTrigger",7),this.displayText=a(this,"displayText",7),this.maxCharacters=100,this.readMoreText="Read More",this.readLessText="Read Less",this.maxLines=void 0,this.contentStyles=void 0,this.trackerId="",this.expanded=!1,this.fullText="",this.truncated=!1}componentWillLoad(){requestAnimationFrame((()=>{let o=this.el.shadowRoot.querySelector("slot");this.processText(o)}))}slotChangeHandler(o){this.processText(o.target)}parseStyles(o){return o.split(";").reduce(((o,a)=>{const[t,i]=a.split(":").map((o=>o.trim()));return t&&i&&(o[t]=i),o}),{})}processText(o){if(o){const a=o.assignedNodes({flatten:!0});this.fullText=a.map((o=>o.textContent)).join("").trim(),this.maxLines?this.truncateByLines():this.fullText.length>this.maxCharacters&&(this.truncated=!0)}this.displayText.emit(this.truncated)}truncateByLines(){const o=document.createElement("p");o.style.visibility="hidden",o.style.position="fixed",o.innerText=this.fullText,document.body.appendChild(o);const a=parseFloat(window.getComputedStyle(o).lineHeight)*this.maxLines;o.style.maxHeight=`${a}px`,o.style.overflow="hidden",o.scrollHeight>a&&(this.truncated=!0),document.body.removeChild(o)}getContent(){if(this.expanded)return this.fullText;if(this.maxLines){const o=document.createElement("p");o.style.visibility="hidden",o.style.position="fixed",o.innerText=this.fullText,document.body.appendChild(o);const a=parseFloat(window.getComputedStyle(o).lineHeight)*this.maxLines;o.style.maxHeight=`${a}px`,o.style.overflow="hidden";let t="";for(let i=0;i<this.fullText.length;i++)if(o.innerText=this.fullText.slice(0,i)+"...",o.scrollHeight>a){t=this.fullText.slice(0,i-1)+"...";break}return document.body.removeChild(o),t}return this.fullText.substring(0,this.maxCharacters)+"..."}getLabel(){return this.expanded?this.readLessText:this.readMoreText}toggleExpand(){this.expanded=!this.expanded,this.readMoreTrigger.emit(this.expanded)}handleKeyDown(o){"Enter"===o.key&&this.toggleExpand()}render(){return t(i,null,this.contentStyles&&t("style",null,this.contentStyles),t("p",{class:"description"},this.truncated?this.getContent():t("slot",null)),this.truncated?t("label",{class:"label mf-listen",onClick:()=>this.toggleExpand(),id:this.trackerId,tabindex:"0",onKeyDown:o=>this.handleKeyDown(o)},this.getLabel()):null)}get el(){return e(this)}};r.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:"";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';export{r as ptc_readmore_v3}
|
|
1
|
+
import{r as o,c as a,h as t,H as i,a as e}from"./p-944c5be8.js";const r=class{constructor(t){o(this,t),this.readMoreTrigger=a(this,"readMoreTrigger",7),this.displayText=a(this,"displayText",7),this.maxCharacters=100,this.readMoreText="Read More",this.readLessText="Read Less",this.maxLines=void 0,this.contentStyles=void 0,this.trackerId="",this.expanded=!1,this.fullText="",this.truncated=!1}componentWillLoad(){requestAnimationFrame((()=>{let o=this.el.shadowRoot.querySelector("slot");this.processText(o)}))}slotChangeHandler(o){this.processText(o.target)}parseStyles(o){return o.split(";").reduce(((o,a)=>{const[t,i]=a.split(":").map((o=>o.trim()));return t&&i&&(o[t]=i),o}),{})}processText(o){if(o){const a=o.assignedNodes({flatten:!0});this.fullText=a.map((o=>o.textContent)).join("").trim(),this.maxLines?this.truncateByLines():this.fullText.length>this.maxCharacters&&(this.truncated=!0)}this.displayText.emit(this.truncated)}truncateByLines(){const o=document.createElement("p");o.style.visibility="hidden",o.style.position="fixed",o.innerText=this.fullText,document.body.appendChild(o);const a=parseFloat(window.getComputedStyle(o).lineHeight)*this.maxLines;o.style.maxHeight=`${a}px`,o.style.overflow="hidden",o.scrollHeight>a&&(this.truncated=!0),document.body.removeChild(o)}getContent(){if(this.expanded)return this.fullText;if(this.maxLines){const o=document.createElement("p");o.style.visibility="hidden",o.style.position="fixed",o.innerText=this.fullText,document.body.appendChild(o);const a=parseFloat(window.getComputedStyle(o).lineHeight)*this.maxLines;o.style.maxHeight=`${a}px`,o.style.overflow="hidden";let t="";for(let i=0;i<this.fullText.length;i++)if(o.innerText=this.fullText.slice(0,i)+"...",o.scrollHeight>a){t=this.fullText.slice(0,i-1)+"...";break}return document.body.removeChild(o),t}return this.fullText.substring(0,this.maxCharacters)+"..."}getLabel(){return this.expanded?this.readLessText:this.readMoreText}toggleExpand(){this.expanded=!this.expanded,this.readMoreTrigger.emit(this.expanded)}handleKeyDown(o){"Enter"===o.key&&this.toggleExpand()}render(){return t(i,null,this.contentStyles&&t("style",null,this.contentStyles),t("p",{class:"description"},this.truncated?this.getContent():t("slot",null)),this.truncated?t("label",{class:"label mf-listen",onClick:()=>this.toggleExpand(),id:this.trackerId,tabindex:"0",onKeyDown:o=>this.handleKeyDown(o)},this.getLabel()):null)}get el(){return e(this)}};r.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:"";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';export{r as ptc_readmore_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as
|
|
1
|
+
import{r as t,h as i,H as a}from"./p-944c5be8.js";const e=class{constructor(i){t(this,i),this.cardType="sim-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.heading=void 0,this.content=void 0,this.styles=void 0,this.cardImage=void 0}render(){const t=this.cardHref?"a":"div";return i(a,Object.assign({},this.cardType?{class:this.cardType}:{}),i(t,Object.assign({},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.cardImage?{dataImage:this.cardImage}:{},{class:"card-link"}),i("slot",{name:"slot-before-heading"}),this.heading?[i("div",{class:"card-heading"},i("div",{class:"card-heading-div"},i("span",{class:"ptc-h3"},this.heading),i("div",{class:"sim-arrow-wrapper"},i("div",{class:"sim-arrow"}))))]:null,this.content?[i("div",{class:"card-body"},i("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-dense"},this.content))]:null))}};e.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host(.sim-card){display:block;height:100%}:host(.sim-card) .card-link{display:flex;flex-direction:column;outline:none;text-decoration:none;height:100%}:host(.sim-card) .card-link .card-heading{display:block;background-color:var(--color-gray-10);clip-path:polygon(0% 0%, calc(100% - 35px) 0%, 100% 45%, 100% 100%, 0% 100%)}:host(.sim-card) .card-link .card-heading .card-heading-div{max-width:75%;margin:15px 0px 15px 15px}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper{color:var(--color-green-14);display:inline;margin-bottom:2rem;white-space:nowrap}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper .sim-arrow{background:transparent url(https://www.ptc.com/images/right-arrow.svg) no-repeat 100%;display:inline-block;height:10px;margin-left:5px;-webkit-transition:-webkit-transform 0.15s ease-in-out;transition:-webkit-transform 0.15s ease-in-out;-o-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;vertical-align:middle;width:10px}:host(.sim-card) .card-link .card-heading .ptc-h3{color:var(--color-white);font-family:var(--ptc-font-secondary-latin);font-size:14px;font-weight:900;line-height:2.17;position:relative}:host(.sim-card) .card-link .card-heading .ptc-h3::after{background-color:var(--color-green-14);bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transition:width 0.2s ease-in-out;-o-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;width:30px}:host(.sim-card) .card-link .card-body{background:var(--color-white);box-shadow:0 3px 25px 0 rgba(0, 0, 0, 0.16);padding:20px 15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:100%}:host(.sim-card) .card-link:hover{outline:none;text-decoration:none}:host(.sim-card) .card-link:hover .card-heading{display:block}:host(.sim-card) .card-link:hover .card-heading .ptc-h3::after{width:100%}:host(.sim-card) .card-link:hover .card-heading .sim-arrow{-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px)}:host(.sim-card) .card-link:hover .card-body{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.3)}:host(.sim-card) .card-link:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.sim-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}';export{e as ptc_slit_card}
|
|
@@ -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,a as s}from"./p-944c5be8.js";import{i as n}from"./p-826c17e8.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}
|