@ptcwebops/ptcw-design 6.4.24-beta → 6.4.26-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/buying-option-card.cjs.entry.js +1 -1
- package/dist/cjs/buying-option-cards-slider.cjs.entry.js +8 -15
- package/dist/cjs/event-podcast-slider-example.cjs.entry.js +1 -1
- package/dist/cjs/featured-events-slider-example.cjs.entry.js +1 -1
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/{icon-asset_2.cjs.entry.js → icon-asset.cjs.entry.js} +0 -89
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-button.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-content.cjs.entry.js +2 -0
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-card-slider-example.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-search-field.cjs.entry.js +95 -0
- package/dist/cjs/ptc-subnav-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +1 -1
- package/dist/collection/components/buying-option-card/buying-option-card.css +0 -2
- package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.css +26 -9
- package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.js +7 -14
- package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css +16 -11
- package/dist/collection/components/organism-bundles/featured-events-slider-example/featured-events-slider-example.css +16 -11
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.css +16 -11
- package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.css +16 -11
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css +16 -11
- package/dist/collection/components/ptc-button/ptc-button.css +3 -1
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +2 -0
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +16 -11
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.css +16 -11
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +3 -2
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.js +3 -3
- package/dist/collection/components/ptc-subnav-v2/ptc-subnav-v2.css +11 -13
- package/dist/custom-elements/index.js +20 -25
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/buying-option-card.entry.js +2 -2
- package/dist/esm/buying-option-cards-slider.entry.js +9 -16
- 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 +2 -2
- package/dist/esm/featured-events-slider-example.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/{icon-asset_2.entry.js → icon-asset.entry.js} +2 -90
- package/dist/esm/{index-0bf594c4.js → index-c83db688.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/max-width-container.entry.js +1 -1
- package/dist/esm/modal-form-example.entry.js +1 -1
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-button.entry.js +2 -2
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +3 -1
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +2 -2
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +1 -1
- package/dist/esm/ptc-date.entry.js +1 -1
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +1 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +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 +1 -1
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-icon-card-slider-example.entry.js +2 -2
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +2 -2
- package/dist/esm/ptc-icon-list.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 +2 -2
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-nav-tile.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-para.entry.js +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-preloader.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quantity-counter.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-new.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-scroll-button.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +91 -0
- package/dist/esm/ptc-seo-title.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-showcase-card.entry.js +1 -1
- package/dist/esm/ptc-skeleton.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- package/dist/esm/ptc-social-icons.entry.js +1 -1
- package/dist/esm/ptc-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-v2.entry.js +2 -2
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-title.entry.js +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-alt-example.entry.js +2 -2
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +2 -2
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/ptcw-design/{p-4619f5a6.entry.js → p-0451b768.entry.js} +1 -1
- package/dist/ptcw-design/{p-5d6f17e3.entry.js → p-04891836.entry.js} +1 -1
- package/dist/ptcw-design/{p-74a845fd.entry.js → p-04aae3f5.entry.js} +1 -1
- package/dist/ptcw-design/{p-c9a73ad1.entry.js → p-04f0b1ba.entry.js} +1 -1
- package/dist/ptcw-design/p-0a86d91a.entry.js +1 -0
- package/dist/ptcw-design/{p-e8b51e7d.entry.js → p-0a9ee6c2.entry.js} +1 -1
- package/dist/ptcw-design/{p-ec22d0b8.entry.js → p-0c69ea52.entry.js} +1 -1
- package/dist/ptcw-design/{p-c80265d9.entry.js → p-0c914932.entry.js} +1 -1
- package/dist/ptcw-design/{p-f004e5de.entry.js → p-0ddf2a09.entry.js} +1 -1
- package/dist/ptcw-design/p-0fbdcd78.entry.js +1 -0
- package/dist/ptcw-design/{p-2f7b6437.entry.js → p-13963d40.entry.js} +1 -1
- package/dist/ptcw-design/{p-36d6e662.entry.js → p-13e338a5.entry.js} +1 -1
- package/dist/ptcw-design/p-14ba0f06.entry.js +1 -0
- package/dist/ptcw-design/{p-8cdcfb51.entry.js → p-15e36f30.entry.js} +1 -1
- package/dist/ptcw-design/{p-20f04b2a.entry.js → p-17b8281a.entry.js} +1 -1
- package/dist/ptcw-design/{p-b2fcbbd8.entry.js → p-187ef77b.entry.js} +1 -1
- package/dist/ptcw-design/{p-f418ef26.entry.js → p-18d699f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-4313edfb.entry.js → p-1a853854.entry.js} +1 -1
- package/dist/ptcw-design/{p-7815e38b.entry.js → p-1bffeaed.entry.js} +1 -1
- package/dist/ptcw-design/{p-908ad455.entry.js → p-1c63c812.entry.js} +1 -1
- package/dist/ptcw-design/{p-752159e2.entry.js → p-1f356fcf.entry.js} +1 -1
- package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
- package/dist/ptcw-design/{p-c9762c88.entry.js → p-23cb5b5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-a22d7ae8.entry.js → p-257a68df.entry.js} +1 -1
- package/dist/ptcw-design/{p-d9ec506c.entry.js → p-260ecfef.entry.js} +1 -1
- package/dist/ptcw-design/{p-a668ad65.entry.js → p-2670ac97.entry.js} +1 -1
- package/dist/ptcw-design/p-26b70120.entry.js +1 -0
- package/dist/ptcw-design/{p-5b00a563.entry.js → p-26e8ad2e.entry.js} +1 -1
- package/dist/ptcw-design/{p-14c77b5e.entry.js → p-27e47c25.entry.js} +1 -1
- package/dist/ptcw-design/{p-f20e4230.entry.js → p-2a22123e.entry.js} +1 -1
- package/dist/ptcw-design/{p-f4ae5a99.entry.js → p-2b08a37d.entry.js} +1 -1
- package/dist/ptcw-design/{p-315b7885.entry.js → p-2c287230.entry.js} +1 -1
- package/dist/ptcw-design/{p-54891548.entry.js → p-2c2f895a.entry.js} +1 -1
- package/dist/ptcw-design/p-312c41b8.entry.js +1 -0
- package/dist/ptcw-design/{p-1238e070.entry.js → p-349f43d5.entry.js} +1 -1
- package/dist/ptcw-design/p-37f92bb4.entry.js +1 -0
- package/dist/ptcw-design/{p-a2710bbf.entry.js → p-3872fce7.entry.js} +1 -1
- package/dist/ptcw-design/{p-b07df607.entry.js → p-390c0dee.entry.js} +1 -1
- package/dist/ptcw-design/{p-cf41ac32.entry.js → p-3b40bfbf.entry.js} +1 -1
- package/dist/ptcw-design/{p-a318a793.entry.js → p-3cb011c9.entry.js} +1 -1
- package/dist/ptcw-design/{p-d3c11c68.entry.js → p-3cfe0126.entry.js} +1 -1
- package/dist/ptcw-design/p-3ddb6c50.entry.js +1 -0
- package/dist/ptcw-design/{p-3c941935.entry.js → p-3e4861a2.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
- package/dist/ptcw-design/{p-2e288e60.entry.js → p-4703e417.entry.js} +1 -1
- package/dist/ptcw-design/p-4ab3249d.entry.js +1 -0
- package/dist/ptcw-design/{p-804dac0c.entry.js → p-4c89d63d.entry.js} +1 -1
- package/dist/ptcw-design/{p-a1dc7ae5.entry.js → p-4f3dea53.entry.js} +1 -1
- package/dist/ptcw-design/{p-ed5a467e.entry.js → p-4f4f97a6.entry.js} +1 -1
- package/dist/ptcw-design/{p-41cec14d.entry.js → p-502f534b.entry.js} +1 -1
- package/dist/ptcw-design/{p-91e5c8d4.entry.js → p-506dac1f.entry.js} +1 -1
- package/dist/ptcw-design/{p-850e6e8c.entry.js → p-53dee19b.entry.js} +1 -1
- package/dist/ptcw-design/{p-7777753a.entry.js → p-546bacfd.entry.js} +1 -1
- package/dist/ptcw-design/{p-bca81995.entry.js → p-560b05a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-674c828e.entry.js → p-567535fb.entry.js} +1 -1
- package/dist/ptcw-design/{p-c8de7309.entry.js → p-575861b3.entry.js} +1 -1
- package/dist/ptcw-design/{p-ec395ae9.entry.js → p-5877f093.entry.js} +1 -1
- package/dist/ptcw-design/{p-07b46e6e.entry.js → p-58909b95.entry.js} +1 -1
- package/dist/ptcw-design/{p-cab0274c.entry.js → p-5946d7c9.entry.js} +1 -1
- package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js} +1 -1
- package/dist/ptcw-design/{p-83dabf2e.entry.js → p-5a2ed8fb.entry.js} +1 -1
- package/dist/ptcw-design/{p-33cccb96.entry.js → p-5dd13e2d.entry.js} +1 -1
- package/dist/ptcw-design/{p-7c6d6a5e.entry.js → p-5dd538c4.entry.js} +1 -1
- package/dist/ptcw-design/p-5e4c1edf.entry.js +1 -0
- package/dist/ptcw-design/{p-5fb671ee.entry.js → p-61d28206.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e13f29c.entry.js → p-66ecd7b9.entry.js} +1 -1
- package/dist/ptcw-design/p-6a561487.entry.js +1 -0
- package/dist/ptcw-design/{p-575c7fc0.entry.js → p-6aa9ed95.entry.js} +1 -1
- package/dist/ptcw-design/{p-b8c38d83.entry.js → p-6b9e4a18.entry.js} +1 -1
- package/dist/ptcw-design/{p-746337da.entry.js → p-6f2acce5.entry.js} +1 -1
- package/dist/ptcw-design/p-6f9f55b3.entry.js +1 -0
- package/dist/ptcw-design/p-7218fe2c.entry.js +1 -0
- package/dist/ptcw-design/{p-4c4a64bb.entry.js → p-7235425a.entry.js} +1 -1
- package/dist/ptcw-design/{p-c137315d.entry.js → p-74097f89.entry.js} +1 -1
- package/dist/ptcw-design/{p-c3427c4a.entry.js → p-74305746.entry.js} +1 -1
- package/dist/ptcw-design/{p-522cb451.entry.js → p-757954b2.entry.js} +1 -1
- package/dist/ptcw-design/p-761a31f8.entry.js +1 -0
- package/dist/ptcw-design/{p-3e13b735.entry.js → p-76d98c5a.entry.js} +1 -1
- package/dist/ptcw-design/{p-2fdd81d4.entry.js → p-7714bbaf.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ada2482.entry.js → p-799afee5.entry.js} +1 -1
- package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.entry.js} +1 -1
- package/dist/ptcw-design/{p-183ba1ca.entry.js → p-7d29a418.entry.js} +1 -1
- package/dist/ptcw-design/{p-b54c495f.entry.js → p-80ee97a2.entry.js} +1 -1
- package/dist/ptcw-design/{p-a974f98f.entry.js → p-8191928d.entry.js} +1 -1
- package/dist/ptcw-design/{p-ff369ed7.entry.js → p-84c15835.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
- package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} +1 -1
- package/dist/ptcw-design/{p-d0013567.entry.js → p-8b480abd.entry.js} +1 -1
- package/dist/ptcw-design/{p-cf0f6559.entry.js → p-927373d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-e1bd2c43.entry.js → p-92e76318.entry.js} +1 -1
- package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} +1 -1
- package/dist/ptcw-design/{p-2ba77e9d.entry.js → p-9354b7fd.entry.js} +1 -1
- package/dist/ptcw-design/{p-0aa52a96.entry.js → p-96f346c4.entry.js} +1 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +1 -0
- package/dist/ptcw-design/{p-ce125ef2.entry.js → p-98610430.entry.js} +1 -1
- package/dist/ptcw-design/{p-1acd3617.entry.js → p-99daf693.entry.js} +1 -1
- package/dist/ptcw-design/{p-8eb36507.entry.js → p-9a335b5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-0abb6e77.entry.js → p-9ac99185.entry.js} +1 -1
- package/dist/ptcw-design/{p-290012e3.entry.js → p-9b26ea67.entry.js} +1 -1
- package/dist/ptcw-design/p-9c6cad16.entry.js +1 -0
- package/dist/ptcw-design/{p-6d628113.entry.js → p-9de963f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-6251a6d6.entry.js → p-9e4e21a4.entry.js} +1 -1
- package/dist/ptcw-design/p-9efa8199.entry.js +1 -0
- package/dist/ptcw-design/{p-afb5bdb9.entry.js → p-a04bedc2.entry.js} +1 -1
- package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-e2e33ddb.entry.js → p-a37c5209.entry.js} +1 -1
- package/dist/ptcw-design/{p-b6cc4c2a.entry.js → p-a41c7e39.entry.js} +1 -1
- package/dist/ptcw-design/{p-9df3c31f.entry.js → p-a4dd4e83.entry.js} +1 -1
- package/dist/ptcw-design/{p-dabb1b70.entry.js → p-a54c6da5.entry.js} +1 -1
- package/dist/ptcw-design/{p-be00fb74.entry.js → p-a7cb3851.entry.js} +1 -1
- package/dist/ptcw-design/{p-ed53cb3a.entry.js → p-a8304a3e.entry.js} +1 -1
- package/dist/ptcw-design/{p-de663192.entry.js → p-a8504f11.entry.js} +1 -1
- package/dist/ptcw-design/p-a9533f9c.entry.js +1 -0
- package/dist/ptcw-design/p-a993c0a6.entry.js +1 -0
- package/dist/ptcw-design/{p-c5417010.entry.js → p-aac082cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-6f1cc5e5.entry.js → p-ab4906a7.entry.js} +1 -1
- package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
- package/dist/ptcw-design/p-ac766cb3.entry.js +1 -0
- package/dist/ptcw-design/{p-e249cd90.entry.js → p-ac7b2779.entry.js} +1 -1
- package/dist/ptcw-design/{p-709cc1f0.entry.js → p-ad0e7843.entry.js} +1 -1
- package/dist/ptcw-design/{p-b293a0b1.entry.js → p-aea09a70.entry.js} +1 -1
- package/dist/ptcw-design/p-af9912b6.entry.js +1 -0
- package/dist/ptcw-design/{p-b82dd7f9.entry.js → p-b19cda95.entry.js} +1 -1
- package/dist/ptcw-design/{p-79762cf6.entry.js → p-b436f56d.entry.js} +1 -1
- package/dist/ptcw-design/{p-ce8480e3.entry.js → p-b684ca9d.entry.js} +1 -1
- package/dist/ptcw-design/{p-ca039722.entry.js → p-baeee2b4.entry.js} +1 -1
- package/dist/ptcw-design/p-bb9a879f.entry.js +1 -0
- package/dist/ptcw-design/{p-73293d32.entry.js → p-bf84ecc0.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a28ded2.entry.js → p-bfacfe67.entry.js} +1 -1
- package/dist/ptcw-design/{p-b154bbdb.entry.js → p-bfadd78e.entry.js} +1 -1
- package/dist/ptcw-design/{p-fb0c3eeb.entry.js → p-c061b32d.entry.js} +1 -1
- package/dist/ptcw-design/{p-b227c7f7.entry.js → p-c09a8288.entry.js} +1 -1
- package/dist/ptcw-design/p-c3b27836.entry.js +1 -0
- package/dist/ptcw-design/{p-5344a1f4.entry.js → p-c4674bc8.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd38bf84.entry.js → p-c5f42895.entry.js} +1 -1
- package/dist/ptcw-design/{p-61a5012d.entry.js → p-c631608f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e87a4ff8.entry.js → p-c68d31c6.entry.js} +1 -1
- package/dist/ptcw-design/{p-43756439.entry.js → p-c6a0dd99.entry.js} +1 -1
- package/dist/ptcw-design/p-c89030e4.entry.js +1 -0
- package/dist/ptcw-design/{p-784c16ce.entry.js → p-cb0e3ec2.entry.js} +1 -1
- package/dist/ptcw-design/p-cbbe2bba.entry.js +1 -0
- package/dist/ptcw-design/{p-384548ef.entry.js → p-cc652ebe.entry.js} +1 -1
- package/dist/ptcw-design/p-d6ee094b.entry.js +1 -0
- package/dist/ptcw-design/{p-75d8b6ec.entry.js → p-d74ccb19.entry.js} +1 -1
- package/dist/ptcw-design/{p-81736d6a.entry.js → p-d77531c8.entry.js} +1 -1
- package/dist/ptcw-design/{p-f5665cfe.entry.js → p-d8b2466d.entry.js} +1 -1
- package/dist/ptcw-design/p-d9df1a16.entry.js +1 -0
- package/dist/ptcw-design/{p-e880b556.entry.js → p-db0fc94d.entry.js} +1 -1
- package/dist/ptcw-design/{p-ef55ab3c.entry.js → p-de960790.entry.js} +1 -1
- package/dist/ptcw-design/p-e01173ca.entry.js +1 -0
- package/dist/ptcw-design/p-e0e87d61.entry.js +1 -0
- package/dist/ptcw-design/{p-0bb3ea9a.entry.js → p-e235bf27.entry.js} +1 -1
- package/dist/ptcw-design/{p-53d2547b.entry.js → p-e3867512.entry.js} +1 -1
- package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
- package/dist/ptcw-design/p-e5e1e8fb.entry.js +1 -0
- package/dist/ptcw-design/p-e7220c36.entry.js +1 -0
- package/dist/ptcw-design/{p-b1053240.entry.js → p-e73a1a0b.entry.js} +1 -1
- package/dist/ptcw-design/{p-fe56e336.entry.js → p-ee91170c.entry.js} +1 -1
- package/dist/ptcw-design/{p-3fbcfe0f.entry.js → p-ef870202.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ef5c51f.entry.js → p-f010c07f.entry.js} +1 -1
- package/dist/ptcw-design/{p-f2006b03.entry.js → p-f5c97ab2.entry.js} +1 -1
- package/dist/ptcw-design/{p-d6271974.entry.js → p-f5d8a3b1.entry.js} +1 -1
- package/dist/ptcw-design/{p-138b2434.entry.js → p-f6b70f68.entry.js} +1 -1
- package/dist/ptcw-design/{p-34e0b094.entry.js → p-fb2335c1.entry.js} +1 -1
- package/dist/ptcw-design/{p-0ed4609e.entry.js → p-fb8584e4.entry.js} +1 -1
- package/dist/ptcw-design/{p-973c69d8.entry.js → p-fbd9c8fc.entry.js} +1 -1
- package/dist/ptcw-design/p-fd7e5935.entry.js +1 -0
- package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components.d.ts +62 -62
- package/package.json +101 -101
- package/readme.md +23 -23
- package/dist/ptcw-design/p-03a1e1a5.entry.js +0 -1
- package/dist/ptcw-design/p-068b64a1.entry.js +0 -1
- package/dist/ptcw-design/p-0ec2a26d.entry.js +0 -1
- package/dist/ptcw-design/p-1b3394a7.entry.js +0 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +0 -1
- package/dist/ptcw-design/p-24b469c3.entry.js +0 -1
- package/dist/ptcw-design/p-2bc4bf65.entry.js +0 -1
- package/dist/ptcw-design/p-2efd18d8.entry.js +0 -1
- package/dist/ptcw-design/p-2f82de8f.entry.js +0 -1
- package/dist/ptcw-design/p-39255f59.entry.js +0 -1
- package/dist/ptcw-design/p-3ed57ccf.entry.js +0 -1
- package/dist/ptcw-design/p-47aa1583.entry.js +0 -1
- package/dist/ptcw-design/p-561a622f.entry.js +0 -1
- package/dist/ptcw-design/p-562a3e36.entry.js +0 -1
- package/dist/ptcw-design/p-5bbfd7b3.entry.js +0 -1
- package/dist/ptcw-design/p-75c8fceb.entry.js +0 -1
- package/dist/ptcw-design/p-79a6e764.entry.js +0 -1
- package/dist/ptcw-design/p-7b89a8e1.entry.js +0 -1
- package/dist/ptcw-design/p-83c3d6c9.entry.js +0 -1
- package/dist/ptcw-design/p-87215e3a.entry.js +0 -1
- package/dist/ptcw-design/p-89da867f.entry.js +0 -1
- package/dist/ptcw-design/p-91aed34c.entry.js +0 -1
- package/dist/ptcw-design/p-973b06d1.entry.js +0 -1
- package/dist/ptcw-design/p-9d8a9a72.entry.js +0 -1
- package/dist/ptcw-design/p-a3ef1660.entry.js +0 -1
- package/dist/ptcw-design/p-a81833cd.entry.js +0 -1
- package/dist/ptcw-design/p-ac5ee682.entry.js +0 -1
- package/dist/ptcw-design/p-d428ba40.entry.js +0 -1
- package/dist/ptcw-design/p-e1373325.entry.js +0 -1
- package/dist/ptcw-design/p-e65cbdb9.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,
|
|
1
|
+
import{r as e,h as t,g as i}from"./p-ac75c7ad.js";const o=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.type="Brightcove",this.videoLoaded=void 0}componentWillLoad(){this.videoLoaded=!0}render(){return this.getRenderer()}renderPreloader(){return t("div",{class:"skeleton-block"})}renderHtmlVideoEmbed(){let e=this.src||"";return e.indexOf(".")>0&&e.split("."),t("div",{class:"video-container",style:this.getWidth()},t("div",{class:"html-video"},t("video",{controls:!0},t("source",{src:e,type:"video/mp4"}))))}renderYoutubeVideoEmbed(){return t("div",{class:"video-container",style:this.getWidth()},t("iframe",{src:this.src}))}renderBrightcoveVideoEmbed(){return t("div",{class:"video-container",style:this.getWidth()},t("iframe",{src:`https://players.brightcove.net/1532789042001/HknUe20R_default/index.html?videoId=${this.src}`,allowfullScreen:!0,allow:"encrypted-media"}))}getWidth(){return this.width?{maxWidth:`${this.width}px`,width:"100%"}:{width:"100%"}}getRenderer(){if(!this.videoLoaded)return this.renderPreloader();switch(this.type){case"Youtube":return this.renderYoutubeVideoEmbed();case"Brightcove":return this.renderBrightcoveVideoEmbed();default:return this.renderHtmlVideoEmbed()}}get el(){return i(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.video-container{display:inline-block;position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container iframe,.video-container video{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.video-container iframe{border:0}.skeleton-block{display:block;position:relative;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;width:100%;height:100%}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}";export{o as ptc_video_embed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as i,h as r,H as a,a as t}from"./p-944c5be8.js";import{S as s}from"./p-5292a000.js";const p=class{constructor(r){e(this,r),this.isConnected=!1,this.dotSvg=i("./media/nav-active-dotslick.svg"),this.isInteralCardsExpanded=[!0,!1,!1,!1,!1],this.isMobile=!1,this.expandedCardIndex=0}handleResize(){this.updateIsMobile()}watchStateHandler(){if(this.isMobile&&!this.mySwiper&&this.isConnected){let e=this;const i=()=>{let r=e.el.shadowRoot.querySelector(".swiper-container");r?e.mySwiper=new s(r,{slidesPerView:"auto",spaceBetween:20,centeredSlides:!0,initialSlide:1,loop:!0,pagination:{el:".swiper-pagination",type:"bullets"},breakpoints:{768:{slidesPerView:2}}}):setTimeout(i,100)};i()}else!this.isMobile&&this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}connectedCallback(){this.updateIsMobile(),this.isConnected=!0}componentDidLoad(){this.watchStateHandler()}disconnectedCallback(){this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}handleCardToggle(e){this.expandedCardIndex=e,this.isInteralCardsExpanded=this.isInteralCardsExpanded.map(((i,r)=>r===e))}handleCardOpened(e){this.handleCardToggle(parseInt(e.detail)-1)}render(){const e=[r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[0],class:"light-links","tracker-id":"1"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p","is-dark-mode":!0},r("a",{href:"/en/resources/augmented-reality-on-demand/implementing-ar-for-training"},"medical devices"," "),"are operating properly and receiving quality service."),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank",darkFocusState:!0},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"2","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[1]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"3","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[2]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"4","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[3]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"5","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[4]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))];return r(a,null,r("slot",{name:"seo-content"}),this.isMobile?r("div",{class:"swiper-container mobile-container"},r("div",{class:"swiper-wrapper"},r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")))),r("div",{class:"swiper-pagination"})):[r("div",{class:"accordion-container desktop-container"},e.map(((e,i)=>r("div",{class:{card:!0,expanded:i===this.expandedCardIndex},onClick:()=>{this.handleCardToggle(i)}},e)))),r("div",{class:"pagination desktop-pagination"},e.map(((e,i)=>r("div",{class:{"pagination-dot":!0,active:i===this.expandedCardIndex},onClick:this.handleCardToggle.bind(this,i)})))),r("div",{hidden:!0},r("svg",null,r("use",{href:`${this.dotSvg}`})))])}updateIsMobile(){this.isMobile=window.innerWidth<1200}get el(){return t(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};p.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}:host{display:block}.swiper-container{width:100%;height:100%}::slotted([slot='seo-content']){display:none}.swiper-slide{background:#fff;display:flex;justify-content:center;align-items:center}.mobile-container{display:block}.desktop-container{display:none}@media screen and (min-width: 1200px){.mobile-container{display:none}.desktop-container{display:flex;align-items:center}}@media screen and (max-width: 1199.9px){.swiper-slide{width:calc(100% - 40px);margin-right:20px;width:350px !important}.swiper-slide:last-child{margin-right:0}}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination-dot{height:20px;width:20px;border-radius:50%;margin:0 14px;cursor:pointer;cursor:pointer;border:2px solid #c3cbcd;background-color:#f3f3f3;position:relative}.pagination-dot::after{content:\"\";display:block;position:absolute;width:38px;height:1px;border-top:2px solid #c3cbcd;margin-top:-1px;z-index:-1;top:50%;left:10px}.pagination-dot:last-of-type::after{visibility:hidden}.pagination-dot.active{background-image:url(/build/media/nav-active-dotslick.svg);background-position:50%;background-repeat:no-repeat;border:2px solid transparent}";export{p as sequential_bundle_example}
|
|
1
|
+
import{r as e,a as i,h as r,H as a,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";const p=class{constructor(r){e(this,r),this.isConnected=!1,this.dotSvg=i("./media/nav-active-dotslick.svg"),this.isInteralCardsExpanded=[!0,!1,!1,!1,!1],this.isMobile=!1,this.expandedCardIndex=0}handleResize(){this.updateIsMobile()}watchStateHandler(){if(this.isMobile&&!this.mySwiper&&this.isConnected){let e=this;const i=()=>{let r=e.el.shadowRoot.querySelector(".swiper-container");r?e.mySwiper=new s(r,{slidesPerView:"auto",spaceBetween:20,centeredSlides:!0,initialSlide:1,loop:!0,pagination:{el:".swiper-pagination",type:"bullets"},breakpoints:{768:{slidesPerView:2}}}):setTimeout(i,100)};i()}else!this.isMobile&&this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}connectedCallback(){this.updateIsMobile(),this.isConnected=!0}componentDidLoad(){this.watchStateHandler()}disconnectedCallback(){this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}handleCardToggle(e){this.expandedCardIndex=e,this.isInteralCardsExpanded=this.isInteralCardsExpanded.map(((i,r)=>r===e))}handleCardOpened(e){this.handleCardToggle(parseInt(e.detail)-1)}render(){const e=[r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[0],class:"light-links","tracker-id":"1"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p","is-dark-mode":!0},r("a",{href:"/en/resources/augmented-reality-on-demand/implementing-ar-for-training"},"medical devices"," "),"are operating properly and receiving quality service."),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank",darkFocusState:!0},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"2","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[1]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"3","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[2]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"4","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[3]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"5","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[4]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))];return r(a,null,r("slot",{name:"seo-content"}),this.isMobile?r("div",{class:"swiper-container mobile-container"},r("div",{class:"swiper-wrapper"},r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")))),r("div",{class:"swiper-pagination"})):[r("div",{class:"accordion-container desktop-container"},e.map(((e,i)=>r("div",{class:{card:!0,expanded:i===this.expandedCardIndex},onClick:()=>{this.handleCardToggle(i)}},e)))),r("div",{class:"pagination desktop-pagination"},e.map(((e,i)=>r("div",{class:{"pagination-dot":!0,active:i===this.expandedCardIndex},onClick:this.handleCardToggle.bind(this,i)})))),r("div",{hidden:!0},r("svg",null,r("use",{href:`${this.dotSvg}`})))])}updateIsMobile(){this.isMobile=window.innerWidth<1200}get el(){return t(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};p.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}:host{display:block}.swiper-container{width:100%;height:100%}::slotted([slot='seo-content']){display:none}.swiper-slide{background:#fff;display:flex;justify-content:center;align-items:center}.mobile-container{display:block}.desktop-container{display:none}@media screen and (min-width: 1200px){.mobile-container{display:none}.desktop-container{display:flex;align-items:center}}@media screen and (max-width: 1199.9px){.swiper-slide{width:calc(100% - 40px);margin-right:20px;width:350px !important}.swiper-slide:last-child{margin-right:0}}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination-dot{height:20px;width:20px;border-radius:50%;margin:0 14px;cursor:pointer;cursor:pointer;border:2px solid #c3cbcd;background-color:#f3f3f3;position:relative}.pagination-dot::after{content:\"\";display:block;position:absolute;width:38px;height:1px;border-top:2px solid #c3cbcd;margin-top:-1px;z-index:-1;top:50%;left:10px}.pagination-dot:last-of-type::after{visibility:hidden}.pagination-dot.active{background-image:url(/build/media/nav-active-dotslick.svg);background-position:50%;background-repeat:no-repeat;border:2px solid transparent}";export{p as sequential_bundle_example}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as a,
|
|
1
|
+
import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone)}isValid(){const{email:t,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:n,howhearselfreport:c,policyChecked:m}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==n&&""!=c&&m&&0===p}render(){return e(a,null,e("div",{class:"ptc-container u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("ptc-title",{"seo-compatibility-mode":!0,"text-align":"left","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false","title-size":"medium"},e("h2",null,"PTC’s PLM application suite combines the power of Windchill, the industry’s #1 PLM software with Thingworx")),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("ptc-para",{"seo-compatibility-mode":!0,"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-densest"},"PTC’s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"company"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"company-email","label-text":"Company Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"companyemail"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item placehoder-li","data-value":""},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Select a country")),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-select",{label:"What information are you interested in?*","ptc-data-eloqua-name":"Inquiry_Reason","field-name":"inquiryreason","field-id":"contact-inquiry"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":"Please select a value"},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-multi-select",{items:[{text:"Item 1",selected:!1,ptcDataEloquaName:"item_1",ptcDataTargetEloquaName:"item_target-1"},{text:"Item 2",selected:!1,ptcDataEloquaName:"item_2",ptcDataTargetEloquaName:"item_target-2"},{text:"Item 3",selected:!1,ptcDataEloquaName:"item_3",ptcDataTargetEloquaName:"item_target-3"}],"is-required":"true"}),e("ptc-textfield",{"field-id":"Self-Reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100","field-name":"howhearselfreport"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("div",{class:"button-wrapper"},e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Submit"),e("ptc-button",{class:"form-close",color:"ptc-tertiary",type:"button",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Cancel"))))))}get el(){return i(this)}};l.style=":host {\r\n display: block;\r\n}\r\n\r\n.form-wrapper {\r\n width: 371px;\r\n display: flex;\r\n border-radius: 3px;\r\n background: #FFF;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0px 32px;\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n\r\n .button-wrapper {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 20px;\r\n margin-top: 48px;\r\n flex-wrap: wrap;\r\n }\r\n}\r\n";export{l as modal_form_example}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as a}from"./p-
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const i=class{constructor(e){t(this,e),this.headingIconUrl=void 0,this.headingIconAltText=void 0}render(){return e(a,null,e("div",{class:"card-header"},e("img",{src:this.headingIconUrl,alt:this.headingIconAltText}),e("slot",{name:"heading"})),e("slot",null))}};i.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%;width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-02)}@media only screen and (min-width: 992px){:host{padding:var(--ptc-element-spacing-03)}}:host .card-header{display:flex;justify-content:center;padding:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-06) 0;align-items:center}:host .card-header img{max-height:32px;margin-right:var(--ptc-element-spacing-02)}:host ::slotted(ptc-link){background-color:var(--color-gray-01);padding:var(--ptc-layout-spacing-01);border-radius:var(--ptc-border-radius-standard);display:flow-root;margin-bottom:var(--ptc-element-spacing-03);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host ::slotted(ptc-link:hover){background-color:var(--color-gray-05)}";export{i as ptc_showcase_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as n}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.readmoreToggle=e(this,"readmoreToggle",7),this.handleKeyDown=t=>{if("Enter"!==t.key)return;const e=this.el.shadowRoot.querySelector("#expanded"),i=this.el.shadowRoot.querySelector(".read-more-cta-label");if(!e||!i)return;e.checked=!e.checked;const a=e.checked;if(i.innerHTML=`<span>${a?this.lessText||"":this.moreText||""}</span>`,i.classList.toggle("show-less-cta",a),a){const t=this.el.querySelector('[tabindex="-1"]');null==t||t.focus()}else{i.focus();const t=this.el.shadowRoot.querySelector(".read-more-text");null==t||t.classList.add("truncated")}this.setTabIndex(),""==i.textContent&&i.setAttribute("tabindex","-1")},this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue",this.isContentSlotted=!1}async updateReadmoreStatus(){setTimeout((()=>{this.addBtnTruncated()}),100)}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const e=document.querySelectorAll(t);for(const t of Array.from(e))t&&t.addEventListener("click",(()=>{setTimeout((()=>{this.addBtnTruncated()}),100)}))}componentDidLoad(){this.addBtnTruncated(),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addBtnTruncated()})),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown"),this.enableAddTruncatedClass("ptc-product-card"),setTimeout((()=>{this.setTabIndex()}),400)}setTabIndex(){var t,e,i;let a;if(this.isContentSlotted){let t=null===(e=this.el)||void 0===e?void 0:e.querySelector("slot").assignedNodes();a=t[0]instanceof HTMLElement?t[0].querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'):null}else a=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');let n=999999,o=null===(i=this.el.shadowRoot.querySelector(".read-more-text"))||void 0===i?void 0:i.getClientRects();o&&o.length>0&&(n=o[0].bottom),a&&a.forEach((t=>{let e=t.getClientRects();e&&e.length>0&&t.setAttribute("tabindex",e[0].top<n?"0":"-1")}))}handleClick(t){var e;let i=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');this.addBtnTruncated(),this.checked=t.target.checked;const a=this.el.shadowRoot.querySelector(".read-more-cta-label");a.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?a.classList.add("show-less-cta"):a.classList.remove("show-less-cta"),this.readmoreToggle.emit({event:t,sender:this.el,isExpanded:this.checked}),i&&(this.checked?i.forEach((t=>{t.setAttribute("tabindex","0")})):this.setTabIndex())}render(){const t=this.getCssClassMap();return i(a,{class:this.display},i("div",{class:t},i("input",{type:"checkbox",id:"expanded",onClick:t=>this.handleClick(t),tabIndex:-1}),this.visibleLines||this.visibleLinesCustom?i("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},i("slot",null)):null,i("label",{onKeyDown:this.handleKeyDown,htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label mf-listen",tabIndex:0},i("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return n(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-hyperlink);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box label:focus-visible{outline:none}.box label:focus-visible span{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-hyperlink)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{o as ptc_readmore}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,a as i}from"./p-944c5be8.js";const n=class{constructor(o){t(this,o),this.cachedNavItems=null,this.isSticky=!1,this.originalTop=0,this.placeholderElement=null,this.measurementElement=null,this.handleClickOutside=t=>{this.el.contains(t.target)||(this.showOverflowMenu=!1)},this.handleKeyDown=t=>{var o;"Escape"===t.key&&this.showOverflowMenu&&(this.showOverflowMenu=!1,null===(o=this.overflowButton)||void 0===o||o.focus())},this.handleScroll=()=>{this.scrollThrottleTimeout||(this.scrollThrottleTimeout=window.setTimeout((()=>{if(this.isManualNavigation)return void(this.scrollThrottleTimeout=null);const t=this.getNavItems(),o=window.scrollY+this.el.offsetHeight+100;let e=t[0].id;for(let i=t.length-1;i>=0;i--){const n=document.getElementById(t[i].id);if(n&&n.offsetTop<=o){e=t[i].id;break}}e!==this.currentActive&&(this.currentActive=e),this.scrollThrottleTimeout=null}),16))},this.initializeStickyPosition=()=>{const t=this.el.getBoundingClientRect();this.originalTop=t.top+window.scrollY},this.handleStickyScroll=()=>{this.stickyScrollTimeout||(this.stickyScrollTimeout=window.setTimeout((()=>{var t;const o=window.scrollY>=this.originalTop;if(o&&!this.isSticky){const o=this.el.offsetHeight;this.placeholderElement=document.createElement("div"),this.placeholderElement.style.height=`${o}px`,this.placeholderElement.style.width="100%",this.placeholderElement.style.pointerEvents="none",null===(t=this.el.parentNode)||void 0===t||t.insertBefore(this.placeholderElement,this.el),this.el.classList.add("sticky-transition"),this.el.style.position="fixed",this.el.style.top="0",this.el.style.left="0",this.el.style.right="0",this.el.style.width="100%",this.el.style.zIndex="105",this.el.style.transform="translateY(0)",this.isSticky=!0}else!o&&this.isSticky&&(this.el.classList.remove("sticky-transition"),this.el.style.transform="",this.el.style.position="",this.el.style.top="",this.el.style.left="",this.el.style.right="",this.el.style.width="",this.el.style.zIndex="",this.isSticky=!1,this.placeholderElement&&(this.placeholderElement.remove(),this.placeholderElement=null));this.stickyScrollTimeout=null}),16))},this.handleResize=()=>{if(this.navContainer&&setTimeout((()=>this.calculateVisibleItems()),10),this.isSticky){if(this.placeholderElement){this.placeholderElement.style.height=`${this.el.offsetHeight}px`;const t=this.placeholderElement.getBoundingClientRect();this.originalTop=t.top+window.scrollY}}else this.initializeStickyPosition()},this.setupIntersectionObserver=()=>{const t=this.getNavItems();this.intersectionObserver=new IntersectionObserver((t=>{this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{if(this.isManualNavigation)return;const o=t.filter((t=>t.isIntersecting));if(o.length>0){o.sort(((t,o)=>o.intersectionRatio!==t.intersectionRatio?o.intersectionRatio-t.intersectionRatio:t.boundingClientRect.top-o.boundingClientRect.top));const t=o[0].target.id;t&&t!==this.currentActive&&(this.currentActive=t)}}),100)}),{root:null,rootMargin:"-20% 0px -60% 0px",threshold:[0,.1,.25,.5,.75,1]}),t.forEach((t=>{const o=document.getElementById(t.id);o&&this.intersectionObserver.observe(o)}))},this.setupResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{if(this.isSticky){if(this.placeholderElement){const t=this.placeholderElement.getBoundingClientRect();this.originalTop=t.top+window.scrollY}}else this.initializeStickyPosition()})),this.el.parentElement&&this.resizeObserver.observe(this.el.parentElement)},this.extractNavItemsFromSlots=()=>{const t=this.el.querySelector('[slot="nav-items"]');if(!t)return null;const o=t.querySelectorAll("a"),e=Array.from(o).map((t=>{var o,e;return{id:(null===(o=t.getAttribute("href"))||void 0===o?void 0:o.substring(1))||"",label:(null===(e=t.textContent)||void 0===e?void 0:e.trim())||"",title:t.getAttribute("title")||void 0,trackerId:t.getAttribute("tracker-id")||void 0}})).filter((t=>Boolean(t.id&&t.label)));return e.length>0?e:null},this.getNavItems=()=>{if(this.cachedNavItems)return this.cachedNavItems;const t=this.extractNavItemsFromSlots();if(t)return this.cachedNavItems=t,t;const o=this.parsePropNavItems();return o?(this.cachedNavItems=o,o):(console.warn("No navigation items found in slots or props for ptc-subnav-v2"),[])},this.hasActiveOverflowItem=()=>this.overflowItems.some((t=>t.id===this.currentActive)),this.hasSubnavMenuRightContent=()=>{const t=this.el.querySelector('[slot="subnav-menu-right"]');return Boolean(null==t?void 0:t.children.length)},this.calculateVisibleItems=()=>{const t=this.getNavItems();if(0===t.length)return this.visibleItems=[],void(this.overflowItems=[]);const o=this.isMobile;if(this.isMobile=window.innerWidth<=767,o!==this.isMobile&&(this.showOverflowMenu=!1),this.isMobile){const o=t.find((t=>t.id===this.currentActive))||t[0];this.visibleItems=[o],this.overflowItems=t.filter((t=>t.id!==o.id))}else{const o=this.navContainer?this.navContainer.offsetWidth:0,e=o-(this.overflowButton?this.overflowButton.offsetWidth+32:0)-48;if(0===o)return this.visibleItems=t,void(this.overflowItems=[]);let i=0,n=0;this.measurementElement||(this.measurementElement=document.createElement("div"),this.measurementElement.style.position="absolute",this.measurementElement.style.visibility="hidden",this.measurementElement.style.whiteSpace="nowrap",this.measurementElement.style.fontSize="14px",this.measurementElement.style.fontWeight="700",this.measurementElement.style.padding="20px 0 20px 0",document.body.appendChild(this.measurementElement));for(let o=0;o<t.length;o++){this.measurementElement.textContent=t[o].label;const s=this.measurementElement.offsetWidth+32;if(!(n+s<=e))break;n+=s,i++}this.visibleItems=t.slice(0,i),this.overflowItems=t.slice(i)}},this.toggleOverflowMenu=()=>{this.showOverflowMenu=!this.showOverflowMenu,this.showOverflowMenu&&requestAnimationFrame((()=>{const t=this.overflowMenuContainer,o=this.overflowDropdownEl;if(!t||!o)return;const e=t.getBoundingClientRect();this.overflowDropdownAlignLeft=e.right+2-(o.offsetWidth||0)<8}))},this.handleNavClick=(t,o)=>{t.preventDefault(),this.currentActive=o,this.isManualNavigation=!0,this.manualNavigationTimeout&&clearTimeout(this.manualNavigationTimeout),this.manualNavigationTimeout=window.setTimeout((()=>{this.isManualNavigation=!1}),1500);const e=new CustomEvent("sectionChange",{detail:{section:o},bubbles:!0,composed:!0});this.el.dispatchEvent(e);const i=document.querySelector(`#${o}`);if(i){const t=this.el.offsetHeight,o=i.getBoundingClientRect().top+window.scrollY-t;window.scrollTo({top:o,behavior:"smooth"})}},this.activeSection="overview",this.navItems="",this.currentActive="overview",this.visibleItems=[],this.overflowItems=[],this.showOverflowMenu=!1,this.overflowDropdownAlignLeft=!1,this.isMobile=!1,this.isManualNavigation=!1}componentWillLoad(){this.currentActive=this.activeSection}componentDidLoad(){this.bindEventHandlers(),this.handleResize(),this.addEventListeners(),this.setupIntersectionObserver(),this.setupResizeObserver(),this.initializeStickyPosition()}bindEventHandlers(){this.boundHandleResize=this.handleResize.bind(this),this.boundHandleClickOutside=this.handleClickOutside.bind(this),this.boundHandleScroll=this.handleScroll.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandleStickyScroll=this.handleStickyScroll.bind(this)}addEventListeners(){window.addEventListener("resize",this.boundHandleResize),document.addEventListener("click",this.boundHandleClickOutside),document.addEventListener("keydown",this.boundHandleKeyDown),window.addEventListener("scroll",this.boundHandleScroll,{passive:!0}),window.addEventListener("scroll",this.boundHandleStickyScroll,{passive:!0})}disconnectedCallback(){this.removeEventListeners(),this.cleanupTimeouts(),this.cleanupIntersectionObserver(),this.cleanupResizeObserver(),this.cleanupElements()}removeEventListeners(){window.removeEventListener("resize",this.boundHandleResize),document.removeEventListener("click",this.boundHandleClickOutside),document.removeEventListener("keydown",this.boundHandleKeyDown),window.removeEventListener("scroll",this.boundHandleScroll),window.removeEventListener("scroll",this.boundHandleStickyScroll)}cleanupTimeouts(){this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollThrottleTimeout&&clearTimeout(this.scrollThrottleTimeout),this.manualNavigationTimeout&&clearTimeout(this.manualNavigationTimeout),this.stickyScrollTimeout&&clearTimeout(this.stickyScrollTimeout)}cleanupIntersectionObserver(){this.intersectionObserver&&this.intersectionObserver.disconnect()}cleanupResizeObserver(){this.resizeObserver&&this.resizeObserver.disconnect()}cleanupElements(){this.placeholderElement&&(this.placeholderElement.remove(),this.placeholderElement=null),this.measurementElement&&(this.measurementElement.remove(),this.measurementElement=null)}parsePropNavItems(){var t;if(!(null===(t=this.navItems)||void 0===t?void 0:t.trim()))return null;try{const t=JSON.parse(this.navItems);if(Array.isArray(t)&&t.length>0){const o=t.filter((t=>Boolean(t&&"string"==typeof t.id&&"string"==typeof t.label)));return o.length>0?o:null}}catch(t){console.warn("Invalid navItems JSON provided to ptc-subnav-v2:",t)}return null}render(){const t=this.getNavItems(),i=this.hasSubnavMenuRightContent(),n=this.isMobile?t.find((t=>t.id===this.currentActive))||t[0]:null;return o(e,null,0===t.length?o("div",{class:"subnav-container "+(i?"":"full-width")},i&&o("div",{class:"subnav-menu-right"},o("slot",{name:"subnav-menu-right"}))):o("div",{class:"subnav-container "+(i?"":"full-width")},o("nav",{class:"subnav-menu-left "+(i?"":"full-width"),role:"navigation","aria-label":"Sub navigation",ref:t=>this.navContainer=t},this.isMobile?o("div",{class:"mobile-dropdown-container"},o("button",{class:"mobile-dropdown-button",onClick:this.toggleOverflowMenu,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleOverflowMenu())},"aria-expanded":this.showOverflowMenu,"aria-haspopup":"true","aria-label":`${(null==n?void 0:n.label)||"Select Section"} - Choose navigation section`,"tracker-id":"mobile-dropdown-button",ref:t=>this.overflowButton=t},o("span",{class:"mobile-selected-item"},(null==n?void 0:n.label)||"Select Section"),o("span",{class:"mobile-arrow "+(this.showOverflowMenu?"rotated":""),"aria-hidden":"true"},o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none","aria-hidden":"true"},o("path",{d:"M1 1.5L5.94975 6.44975L10.8995 1.5",stroke:"#00890B","stroke-width":"2","stroke-linecap":"round"})))),this.showOverflowMenu&&o("ul",{class:"mobile-dropdown",role:"menu","aria-label":"Navigation sections"},t.map((t=>o("li",{key:t.id,class:"mf-listen",id:t.trackerId||`mobile-nav-${t.id}`},o("a",{href:`#${t.id}`,class:"mobile-dropdown-item "+(this.currentActive===t.id?"active":""),role:"menuitem","aria-current":this.currentActive===t.id?"page":void 0,title:t.title||"",onClick:o=>{this.handleNavClick(o,t.id),this.showOverflowMenu=!1}},t.label)))))):o("ul",{class:"desktop-menu"},this.visibleItems.map((t=>o("li",{key:t.id,class:"mf-listen",id:t.trackerId||`nav-${t.id}`},o("a",{href:`#${t.id}`,class:this.currentActive===t.id?"active":"",title:t.title||"",onClick:o=>this.handleNavClick(o,t.id),"aria-current":this.currentActive===t.id?"page":void 0},t.label)))),this.overflowItems.length>0&&o("li",{class:"overflow-menu-container mf-listen",id:"overflow-menu",ref:t=>this.overflowMenuContainer=t},o("button",{class:"overflow-button "+(this.hasActiveOverflowItem()?"selected-active":""),onClick:this.toggleOverflowMenu,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleOverflowMenu())},"aria-expanded":this.showOverflowMenu,"aria-haspopup":"true","aria-label":"Show more navigation items","tracker-id":"overflow-button",ref:t=>this.overflowButton=t},o("span",{class:"overflow-dots","aria-hidden":"true"},o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none","aria-hidden":"true"},o("circle",{cx:"1.25",cy:"5",r:"1.25",fill:"#617480"}),o("circle",{cx:"5",cy:"5",r:"1.25",fill:"#617480"}),o("circle",{cx:"8.75",cy:"5",r:"1.25",fill:"#617480"})))),this.showOverflowMenu&&o("div",{class:"overflow-dropdown "+(this.overflowDropdownAlignLeft?"align-left":"align-right"),role:"menu","aria-label":"Additional navigation sections",ref:t=>this.overflowDropdownEl=t},this.overflowItems.map((t=>o("a",{key:t.id,href:`#${t.id}`,class:"mf-listen "+(this.currentActive===t.id?"active":""),title:t.title||"","tracker-id":t.trackerId||`overflow-link-${t.id}`,role:"menuitem",onClick:o=>{this.handleNavClick(o,t.id),this.showOverflowMenu=!1},"aria-current":this.currentActive===t.id?"page":void 0},t.label))))))),i&&o("div",{class:"subnav-menu-right"},o("slot",{name:"subnav-menu-right"}))))}get el(){return i(this)}};n.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .mobile-dropdown-container .mobile-dropdown-button,:host .subnav-menu-left .overflow-menu-container .overflow-button,:host .subnav-menu-left ul.desktop-menu li a{color:var(--color-gray-07);text-decoration:none;padding:8px 12px;text-align:center;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:18px;display:flex;align-items:center;position:relative;border-bottom:3px solid transparent;height:100%;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown{position:absolute;top:100%;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large);min-width:200px;z-index:1001;padding:14px 0;margin-top:-4px;max-width:312px;width:-moz-max-content;width:max-content}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item,:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a{display:block;padding:10px 32px 10px 24px;color:var(--color-gray-07);text-decoration:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);transition:all 0.2s ease;position:relative;border:none}:host{position:relative;display:block;font-family:var(--ptc-font-latin);background-color:var(--color-standard-gray);box-shadow:var(--ptc-shadow-small);transition:all 0.3s ease-in-out}:host.sticky-transition{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)}:host .subnav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;margin:0 auto;max-width:1200px;gap:24px}@media only screen and (min-width: 768px){:host .subnav-container{flex-wrap:wrap;gap:48px}}@media only screen and (min-width: 1200px){:host .subnav-container{padding:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .subnav-container{padding:0;max-width:1200px}}:host .subnav-container.full-width{justify-content:flex-start}:host .subnav-menu-left{display:flex;align-items:center;flex:1;align-self:stretch}@media only screen and (min-width: 768px){:host .subnav-menu-left{justify-content:flex-start}}:host .subnav-menu-left ul.desktop-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;align-self:stretch}@media only screen and (min-width: 768px){:host .subnav-menu-left ul.desktop-menu{justify-content:flex-start;gap:32px}}:host .subnav-menu-left ul.desktop-menu li{display:inline-block;height:100%}@media only screen and (min-width: 768px){:host .subnav-menu-left ul.desktop-menu li a{padding:20px 0 17px 0}}:host .subnav-menu-left ul.desktop-menu li a:hover{color:var(--color-gray-10)}:host .subnav-menu-left ul.desktop-menu li a.active{color:var(--color-gray-10);border-bottom:3px solid var(--color-green-07)}:host .subnav-menu-left ul.desktop-menu li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container{position:relative;display:none}@media only screen and (min-width: 768px){:host .subnav-menu-left .overflow-menu-container{display:inline-block}}:host .subnav-menu-left .overflow-menu-container .overflow-button{background:none;border:none;padding:20px 0 17px 0;cursor:pointer;justify-content:center;min-width:32px;border-bottom:3px solid transparent;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-button:hover{color:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots{border-radius:2px;border:1px solid var(--color-gray-07);line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:hover svg circle{fill:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded],:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active{border-bottom-color:var(--color-green-07)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots,:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots{background-color:var(--color-green-07);border-color:var(--color-green-07)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots svg circle,:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots svg circle{fill:var(--color-white)}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown.align-right{left:auto;right:-2px}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown.align-left{left:0;right:auto}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:hover{background-color:var(--color-gray-02);color:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a.active{color:var(--color-gray-10);border-bottom:none}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a.active::before{content:"";display:block;width:2px;height:100%;background-color:var(--color-green-07);position:absolute;left:16px;top:0}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left.full-width{flex:1;width:100%;justify-content:flex-start}:host .subnav-menu-left.full-width .desktop-menu{width:100%}:host .mobile-dropdown-container{position:relative;display:block;height:100%;box-sizing:border-box}@media only screen and (min-width: 768px){:host .mobile-dropdown-container{display:none !important}}:host .mobile-dropdown-container .mobile-dropdown-button{background:transparent;border:none;border-bottom:3px solid var(--color-green-07);padding:20px 0 17px 0;justify-content:center;gap:10px;cursor:pointer}:host .mobile-dropdown-container .mobile-dropdown-button:hover{border-color:var(--color-gray-04);color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .mobile-dropdown-container .mobile-dropdown-button[aria-expanded]{border-color:var(--color-green-07);color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-selected-item{flex:1;text-align:left;color:var(--color-gray-07);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow svg{transition:transform 0.2s ease}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow.rotated svg{transform:rotate(180deg)}:host .mobile-dropdown-container .mobile-dropdown{position:absolute;top:calc(100% - 4px);background:var(--color-white);border:1px solid var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-medium);z-index:1001;margin:4px 0 0 0;overflow-y:auto;min-width:280px;width:-moz-fit-content;width:fit-content;list-style:none;padding:14px 0}:host .mobile-dropdown-container .mobile-dropdown li{display:block}:host .mobile-dropdown-container .mobile-dropdown li:last-child{border-bottom:none}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item{width:100%;background:none;text-align:left;cursor:pointer;word-break:break-word;display:block;box-sizing:border-box}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active{color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active::before{content:"";display:block;width:2px;height:100%;background-color:var(--color-green-07);position:absolute;left:16px;top:0}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-right{max-width:50%;padding:12px 0}@media only screen and (min-width: 768px){:host .subnav-menu-right{margin-left:48px;width:auto;max-width:300px}}';export{n as ptc_subnav_v2}
|
|
1
|
+
import{r as t,h as o,H as e,g as i}from"./p-ac75c7ad.js";const n=class{constructor(o){t(this,o),this.cachedNavItems=null,this.isSticky=!1,this.originalTop=0,this.placeholderElement=null,this.measurementElement=null,this.handleClickOutside=t=>{this.el.contains(t.target)||(this.showOverflowMenu=!1)},this.handleKeyDown=t=>{var o;"Escape"===t.key&&this.showOverflowMenu&&(this.showOverflowMenu=!1,null===(o=this.overflowButton)||void 0===o||o.focus())},this.handleScroll=()=>{this.scrollThrottleTimeout||(this.scrollThrottleTimeout=window.setTimeout((()=>{if(this.isManualNavigation)return void(this.scrollThrottleTimeout=null);const t=this.getNavItems(),o=window.scrollY+this.el.offsetHeight+100;let e=t[0].id;for(let i=t.length-1;i>=0;i--){const n=document.getElementById(t[i].id);if(n&&n.offsetTop<=o){e=t[i].id;break}}e!==this.currentActive&&(this.currentActive=e),this.scrollThrottleTimeout=null}),16))},this.initializeStickyPosition=()=>{const t=this.el.getBoundingClientRect();this.originalTop=t.top+window.scrollY},this.handleStickyScroll=()=>{this.stickyScrollTimeout||(this.stickyScrollTimeout=window.setTimeout((()=>{var t;const o=window.scrollY>=this.originalTop;if(o&&!this.isSticky){const o=this.el.offsetHeight;this.placeholderElement=document.createElement("div"),this.placeholderElement.style.height=`${o}px`,this.placeholderElement.style.width="100%",this.placeholderElement.style.pointerEvents="none",null===(t=this.el.parentNode)||void 0===t||t.insertBefore(this.placeholderElement,this.el),this.el.classList.add("sticky-transition"),this.el.style.position="fixed",this.el.style.top="0",this.el.style.left="0",this.el.style.right="0",this.el.style.width="100%",this.el.style.zIndex="105",this.el.style.transform="translateY(0)",this.isSticky=!0}else!o&&this.isSticky&&(this.el.classList.remove("sticky-transition"),this.el.style.transform="",this.el.style.position="",this.el.style.top="",this.el.style.left="",this.el.style.right="",this.el.style.width="",this.el.style.zIndex="",this.isSticky=!1,this.placeholderElement&&(this.placeholderElement.remove(),this.placeholderElement=null));this.stickyScrollTimeout=null}),16))},this.handleResize=()=>{if(this.navContainer&&setTimeout((()=>this.calculateVisibleItems()),10),this.isSticky){if(this.placeholderElement){this.placeholderElement.style.height=`${this.el.offsetHeight}px`;const t=this.placeholderElement.getBoundingClientRect();this.originalTop=t.top+window.scrollY}}else this.initializeStickyPosition()},this.setupIntersectionObserver=()=>{const t=this.getNavItems();this.intersectionObserver=new IntersectionObserver((t=>{this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{if(this.isManualNavigation)return;const o=t.filter((t=>t.isIntersecting));if(o.length>0){o.sort(((t,o)=>o.intersectionRatio!==t.intersectionRatio?o.intersectionRatio-t.intersectionRatio:t.boundingClientRect.top-o.boundingClientRect.top));const t=o[0].target.id;t&&t!==this.currentActive&&(this.currentActive=t)}}),100)}),{root:null,rootMargin:"-20% 0px -60% 0px",threshold:[0,.1,.25,.5,.75,1]}),t.forEach((t=>{const o=document.getElementById(t.id);o&&this.intersectionObserver.observe(o)}))},this.setupResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{if(this.isSticky){if(this.placeholderElement){const t=this.placeholderElement.getBoundingClientRect();this.originalTop=t.top+window.scrollY}}else this.initializeStickyPosition()})),this.el.parentElement&&this.resizeObserver.observe(this.el.parentElement)},this.extractNavItemsFromSlots=()=>{const t=this.el.querySelector('[slot="nav-items"]');if(!t)return null;const o=t.querySelectorAll("a"),e=Array.from(o).map((t=>{var o,e;return{id:(null===(o=t.getAttribute("href"))||void 0===o?void 0:o.substring(1))||"",label:(null===(e=t.textContent)||void 0===e?void 0:e.trim())||"",title:t.getAttribute("title")||void 0,trackerId:t.getAttribute("tracker-id")||void 0}})).filter((t=>Boolean(t.id&&t.label)));return e.length>0?e:null},this.getNavItems=()=>{if(this.cachedNavItems)return this.cachedNavItems;const t=this.extractNavItemsFromSlots();if(t)return this.cachedNavItems=t,t;const o=this.parsePropNavItems();return o?(this.cachedNavItems=o,o):(console.warn("No navigation items found in slots or props for ptc-subnav-v2"),[])},this.hasActiveOverflowItem=()=>this.overflowItems.some((t=>t.id===this.currentActive)),this.hasSubnavMenuRightContent=()=>{const t=this.el.querySelector('[slot="subnav-menu-right"]');return Boolean(null==t?void 0:t.children.length)},this.calculateVisibleItems=()=>{const t=this.getNavItems();if(0===t.length)return this.visibleItems=[],void(this.overflowItems=[]);const o=this.isMobile;if(this.isMobile=window.innerWidth<=767,o!==this.isMobile&&(this.showOverflowMenu=!1),this.isMobile){const o=t.find((t=>t.id===this.currentActive))||t[0];this.visibleItems=[o],this.overflowItems=t.filter((t=>t.id!==o.id))}else{const o=this.navContainer?this.navContainer.offsetWidth:0,e=o-(this.overflowButton?this.overflowButton.offsetWidth+32:0)-48;if(0===o)return this.visibleItems=t,void(this.overflowItems=[]);let i=0,n=0;this.measurementElement||(this.measurementElement=document.createElement("div"),this.measurementElement.style.position="absolute",this.measurementElement.style.visibility="hidden",this.measurementElement.style.whiteSpace="nowrap",this.measurementElement.style.fontSize="14px",this.measurementElement.style.fontWeight="700",this.measurementElement.style.padding="20px 0 20px 0",document.body.appendChild(this.measurementElement));for(let o=0;o<t.length;o++){this.measurementElement.textContent=t[o].label;const s=this.measurementElement.offsetWidth+32;if(!(n+s<=e))break;n+=s,i++}this.visibleItems=t.slice(0,i),this.overflowItems=t.slice(i)}},this.toggleOverflowMenu=()=>{this.showOverflowMenu=!this.showOverflowMenu,this.showOverflowMenu&&requestAnimationFrame((()=>{const t=this.overflowMenuContainer,o=this.overflowDropdownEl;if(!t||!o)return;const e=t.getBoundingClientRect();this.overflowDropdownAlignLeft=e.right+2-(o.offsetWidth||0)<8}))},this.handleNavClick=(t,o)=>{t.preventDefault(),this.currentActive=o,this.isManualNavigation=!0,this.manualNavigationTimeout&&clearTimeout(this.manualNavigationTimeout),this.manualNavigationTimeout=window.setTimeout((()=>{this.isManualNavigation=!1}),1500);const e=new CustomEvent("sectionChange",{detail:{section:o},bubbles:!0,composed:!0});this.el.dispatchEvent(e);const i=document.querySelector(`#${o}`);if(i){const t=this.el.offsetHeight,o=i.getBoundingClientRect().top+window.scrollY-t;window.scrollTo({top:o,behavior:"smooth"})}},this.activeSection="overview",this.navItems="",this.currentActive="overview",this.visibleItems=[],this.overflowItems=[],this.showOverflowMenu=!1,this.overflowDropdownAlignLeft=!1,this.isMobile=!1,this.isManualNavigation=!1}componentWillLoad(){this.currentActive=this.activeSection}componentDidLoad(){this.bindEventHandlers(),this.handleResize(),this.addEventListeners(),this.setupIntersectionObserver(),this.setupResizeObserver(),this.initializeStickyPosition()}bindEventHandlers(){this.boundHandleResize=this.handleResize.bind(this),this.boundHandleClickOutside=this.handleClickOutside.bind(this),this.boundHandleScroll=this.handleScroll.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandleStickyScroll=this.handleStickyScroll.bind(this)}addEventListeners(){window.addEventListener("resize",this.boundHandleResize),document.addEventListener("click",this.boundHandleClickOutside),document.addEventListener("keydown",this.boundHandleKeyDown),window.addEventListener("scroll",this.boundHandleScroll,{passive:!0}),window.addEventListener("scroll",this.boundHandleStickyScroll,{passive:!0})}disconnectedCallback(){this.removeEventListeners(),this.cleanupTimeouts(),this.cleanupIntersectionObserver(),this.cleanupResizeObserver(),this.cleanupElements()}removeEventListeners(){window.removeEventListener("resize",this.boundHandleResize),document.removeEventListener("click",this.boundHandleClickOutside),document.removeEventListener("keydown",this.boundHandleKeyDown),window.removeEventListener("scroll",this.boundHandleScroll),window.removeEventListener("scroll",this.boundHandleStickyScroll)}cleanupTimeouts(){this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollThrottleTimeout&&clearTimeout(this.scrollThrottleTimeout),this.manualNavigationTimeout&&clearTimeout(this.manualNavigationTimeout),this.stickyScrollTimeout&&clearTimeout(this.stickyScrollTimeout)}cleanupIntersectionObserver(){this.intersectionObserver&&this.intersectionObserver.disconnect()}cleanupResizeObserver(){this.resizeObserver&&this.resizeObserver.disconnect()}cleanupElements(){this.placeholderElement&&(this.placeholderElement.remove(),this.placeholderElement=null),this.measurementElement&&(this.measurementElement.remove(),this.measurementElement=null)}parsePropNavItems(){var t;if(!(null===(t=this.navItems)||void 0===t?void 0:t.trim()))return null;try{const t=JSON.parse(this.navItems);if(Array.isArray(t)&&t.length>0){const o=t.filter((t=>Boolean(t&&"string"==typeof t.id&&"string"==typeof t.label)));return o.length>0?o:null}}catch(t){console.warn("Invalid navItems JSON provided to ptc-subnav-v2:",t)}return null}render(){const t=this.getNavItems(),i=this.hasSubnavMenuRightContent(),n=this.isMobile?t.find((t=>t.id===this.currentActive))||t[0]:null;return o(e,null,0===t.length?o("div",{class:"subnav-container "+(i?"":"full-width")},i&&o("div",{class:"subnav-menu-right"},o("slot",{name:"subnav-menu-right"}))):o("div",{class:"subnav-container "+(i?"":"full-width")},o("nav",{class:"subnav-menu-left "+(i?"":"full-width"),role:"navigation","aria-label":"Sub navigation",ref:t=>this.navContainer=t},this.isMobile?o("div",{class:"mobile-dropdown-container"},o("button",{class:"mobile-dropdown-button",onClick:this.toggleOverflowMenu,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleOverflowMenu())},"aria-expanded":this.showOverflowMenu,"aria-haspopup":"true","aria-label":`${(null==n?void 0:n.label)||"Select Section"} - Choose navigation section`,"tracker-id":"mobile-dropdown-button",ref:t=>this.overflowButton=t},o("span",{class:"mobile-selected-item"},(null==n?void 0:n.label)||"Select Section"),o("span",{class:"mobile-arrow "+(this.showOverflowMenu?"rotated":""),"aria-hidden":"true"},o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none","aria-hidden":"true"},o("path",{d:"M1 1.5L5.94975 6.44975L10.8995 1.5",stroke:"#00890B","stroke-width":"2","stroke-linecap":"round"})))),this.showOverflowMenu&&o("ul",{class:"mobile-dropdown",role:"menu","aria-label":"Navigation sections"},t.map((t=>o("li",{key:t.id,class:"mf-listen",id:t.trackerId||`mobile-nav-${t.id}`},o("a",{href:`#${t.id}`,class:"mobile-dropdown-item "+(this.currentActive===t.id?"active":""),role:"menuitem","aria-current":this.currentActive===t.id?"page":void 0,title:t.title||"",onClick:o=>{this.handleNavClick(o,t.id),this.showOverflowMenu=!1}},t.label)))))):o("ul",{class:"desktop-menu"},this.visibleItems.map((t=>o("li",{key:t.id,class:"mf-listen",id:t.trackerId||`nav-${t.id}`},o("a",{href:`#${t.id}`,class:this.currentActive===t.id?"active":"",title:t.title||"",onClick:o=>this.handleNavClick(o,t.id),"aria-current":this.currentActive===t.id?"page":void 0},t.label)))),this.overflowItems.length>0&&o("li",{class:"overflow-menu-container mf-listen",id:"overflow-menu",ref:t=>this.overflowMenuContainer=t},o("button",{class:"overflow-button "+(this.hasActiveOverflowItem()?"selected-active":""),onClick:this.toggleOverflowMenu,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleOverflowMenu())},"aria-expanded":this.showOverflowMenu,"aria-haspopup":"true","aria-label":"Show more navigation items","tracker-id":"overflow-button",ref:t=>this.overflowButton=t},o("span",{class:"overflow-dots","aria-hidden":"true"},o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none","aria-hidden":"true"},o("circle",{cx:"1.25",cy:"5",r:"1.25",fill:"#617480"}),o("circle",{cx:"5",cy:"5",r:"1.25",fill:"#617480"}),o("circle",{cx:"8.75",cy:"5",r:"1.25",fill:"#617480"})))),this.showOverflowMenu&&o("div",{class:"overflow-dropdown "+(this.overflowDropdownAlignLeft?"align-left":"align-right"),role:"menu","aria-label":"Additional navigation sections",ref:t=>this.overflowDropdownEl=t},this.overflowItems.map((t=>o("a",{key:t.id,href:`#${t.id}`,class:"mf-listen "+(this.currentActive===t.id?"active":""),title:t.title||"","tracker-id":t.trackerId||`overflow-link-${t.id}`,role:"menuitem",onClick:o=>{this.handleNavClick(o,t.id),this.showOverflowMenu=!1},"aria-current":this.currentActive===t.id?"page":void 0},t.label))))))),i&&o("div",{class:"subnav-menu-right"},o("slot",{name:"subnav-menu-right"}))))}get el(){return i(this)}};n.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .mobile-dropdown-container .mobile-dropdown-button,:host .subnav-menu-left .overflow-menu-container .overflow-button,:host .subnav-menu-left ul.desktop-menu li a{color:var(--color-gray-07);text-decoration:none;padding:8px 12px;text-align:center;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:18px;display:flex;align-items:center;position:relative;border-bottom:3px solid transparent;height:100%;box-sizing:border-box;transition:all 0.2s ease}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown{position:absolute;top:100%;background:var(--color-standard-gray);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large);z-index:1001;padding:14px 0;margin-top:-4px;max-width:312px;width:-moz-max-content;width:max-content}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item,:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a{display:block;padding:10px 32px 10px 24px;color:var(--color-gray-07);text-decoration:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);transition:all 0.2s ease;position:relative;border:none}:host{position:relative;display:block;font-family:var(--ptc-font-latin);background-color:var(--color-standard-gray);box-shadow:var(--ptc-shadow-small);transition:all 0.3s ease-in-out}:host.sticky-transition{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)}:host .subnav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;margin:0 auto;max-width:1200px;gap:24px}@media only screen and (min-width: 768px){:host .subnav-container{flex-wrap:wrap;gap:48px}}@media only screen and (min-width: 1200px){:host .subnav-container{padding:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .subnav-container{padding:0;max-width:1200px}}:host .subnav-container.full-width{justify-content:flex-start}:host .subnav-menu-left{display:flex;align-items:center;flex:1;align-self:stretch}@media only screen and (min-width: 768px){:host .subnav-menu-left{justify-content:flex-start}}:host .subnav-menu-left ul.desktop-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;align-self:stretch}@media only screen and (min-width: 768px){:host .subnav-menu-left ul.desktop-menu{justify-content:flex-start;gap:32px}}:host .subnav-menu-left ul.desktop-menu li{display:inline-block;height:100%}@media only screen and (min-width: 768px){:host .subnav-menu-left ul.desktop-menu li a{padding:20px 0 17px 0}}:host .subnav-menu-left ul.desktop-menu li a:hover{color:var(--color-gray-10)}:host .subnav-menu-left ul.desktop-menu li a.active{color:var(--color-gray-10);border-bottom:3px solid var(--color-green-07)}:host .subnav-menu-left ul.desktop-menu li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container{position:relative;display:none}@media only screen and (min-width: 768px){:host .subnav-menu-left .overflow-menu-container{display:inline-block}}:host .subnav-menu-left .overflow-menu-container .overflow-button{background:none;border:none;padding:20px 0 17px 0;cursor:pointer;justify-content:center;border-bottom:3px solid transparent;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-button:hover{color:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots{border-radius:2px;border:1px solid var(--color-gray-07);line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:hover svg circle{fill:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded],:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active{border-bottom-color:var(--color-green-07)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots,:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots{background-color:var(--color-green-07);border-color:var(--color-green-07)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots svg circle,:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots svg circle{fill:var(--color-white)}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown.align-right{left:auto;right:-2px}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown.align-left{left:0;right:auto}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a{text-align:left;line-height:18px}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:hover{background-color:var(--color-gray-02);color:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a.active{color:var(--color-gray-10);border-bottom:none}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a.active::before{content:"";display:block;width:2px;height:100%;background-color:var(--color-green-07);position:absolute;left:14px;top:0}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left.full-width{flex:1;width:100%;justify-content:flex-start}:host .subnav-menu-left.full-width .desktop-menu{width:100%}:host .mobile-dropdown-container{position:relative;display:block;height:100%;box-sizing:border-box}@media only screen and (min-width: 768px){:host .mobile-dropdown-container{display:none !important}}:host .mobile-dropdown-container .mobile-dropdown-button{background:transparent;border:none;border-bottom:3px solid var(--color-green-07);padding:20px 0 17px 0;justify-content:center;gap:10px;cursor:pointer}:host .mobile-dropdown-container .mobile-dropdown-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .mobile-dropdown-container .mobile-dropdown-button[aria-expanded]{border-color:var(--color-green-07);color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-selected-item{flex:1;text-align:left;color:var(--color-gray-07);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow svg{transition:transform 0.2s ease}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow.rotated svg{transform:rotate(180deg)}:host .mobile-dropdown-container .mobile-dropdown{position:absolute;top:calc(100% - 8px);left:-2px;background:var(--color-standard-gray);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-medium);z-index:1001;margin:4px 0 0 0;overflow-y:auto;min-width:280px;width:-moz-fit-content;width:fit-content;list-style:none;padding:14px 0}:host .mobile-dropdown-container .mobile-dropdown li{display:block}:host .mobile-dropdown-container .mobile-dropdown li:last-child{border-bottom:none}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item{width:100%;background:none;text-align:left;cursor:pointer;word-break:break-word;display:block;box-sizing:border-box}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active{color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active::before{content:"";display:block;width:2px;height:100%;background-color:var(--color-green-07);position:absolute;left:14px;top:0}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-right{max-width:50%;padding:12px 0}@media only screen and (min-width: 768px){:host .subnav-menu-right{width:auto;max-width:300px}}';export{n as ptc_subnav_v2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,
|
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.clickedItem=e(this,"clickedItem",7),this.handleClick=t=>{this.listItems.forEach((t=>t.selected=void 0)),t.selected=!0,this.selectedItem=t,this.toggle=!this.toggle,this.clickedItem.emit(t)},this.toggleList=()=>{this.toggle=!this.toggle},this.theme="sort",this.label=void 0,this.listItems=void 0,this.toggle=!1,this.selectedItem=void 0,this.trackerId=void 0}offClick(t){t&&!this.host.contains(t.target)&&this.toggle&&(this.toggle=!1)}componentWillLoad(){let t=this.host.querySelectorAll("item");this.listItems||(this.listItems=[]),t.forEach((t=>{if(t&&t.getAttribute("label")){let e={element:t,label:t.getAttribute("label"),value:t.getAttribute("value"),selected:t.hasAttribute("selected")};this.listItems.push(e),t.hasAttribute("selected")&&(this.selectedItem=e)}}))}render(){const t=this.getCssClassMap();return i("div",{class:t},i("header",{id:this.trackerId,class:"dropdown__header mf-listen",onClick:this.toggleList,tabindex:"0",onKeyPress:this.toggleList},i("label",null,i("b",null,this.label)," ",this.selectedItem?this.selectedItem.label:"Select Option"),i("icon-asset",{type:"solid",size:"x-small",name:"chevron-down"})),this.toggle&&i("ul",{id:this.trackerId+"ul",tabIndex:-1,class:"dropdown__list mf-listen",onBlur:()=>{this.toggle=!1}},this.listItems.map((t=>{let e="dropdown__item mf-listen";return t.selected&&(e+=" selected"),i("li",{class:e,id:t.label+this.trackerId,onClick:()=>this.handleClick(t),tabindex:"0",onKeyPress:()=>this.handleClick(t)},t.label)}))))}getCssClassMap(){return{"ptc-dropdown":!0,[this.theme]:!0}}get host(){return r(this)}};o.style='@charset "UTF-8";h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__header:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:"✓";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}:host ul li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}';export{o as ptc_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,a as n}from"./p-944c5be8.js";import{c as a}from"./p-0b33279e.js";const o=class{constructor(i){t(this,i),this.setFocusTrap=()=>{this.focusTrap||(this.focusTrap=a(this.el,{escapeDeactivates:!0,returnFocusOnDeactivate:!0,onActivate:()=>{this.openedByKeyboard||this.focusTrap.pause()},onDeactivate:()=>{setTimeout((()=>{this.closed=!0}),0)},tabbableOptions:{getShadowRoot:!0}})),!0===this.isVisible&&!0===this.openedByKeyboard&&this.focusTrap&&this.focusTrap.activate()},this.setScreenBasedProps=()=>{let t=window.innerWidth,i={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(i.contentCards=3,i.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(i.contentCards=2,i.parahFontSize="xx-small"):t>=768?(i.contentCards=2,i.parahFontSize="xxx-small"):(i.contentCards=1,i.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},i)},this.handlePrevClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(this.closed)this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0);else{let t=window.innerHeight||(document.documentElement||document.body).clientHeight,i=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),e=window.scrollY||(document.documentElement||document.body).scrollTop;Math.floor(e/(i-t)*100)>=50?(this.el.style.display="block",this.isVisible=!0):(this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0),this.el.style.display="none",this.isVisible=!1);let n=this.el.shadowRoot.querySelector(".card-rail-container"),a=document.querySelector(this.footerQuerySelector);if(a){let t=a.getBoundingClientRect().top,i=window.innerHeight;t<=i&&(n.style.bottom=i-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,i;this.setScreenBasedProps();let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");e.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key&&"Tab"!==t.key||(this.openedByKeyboard=!0,this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0))},this.handleMouseDown=()=>{this.openedByKeyboard=!1},this.footerQuerySelector=void 0,this.railTitle="Read More Case Studies",this.isVisible=!1,this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0},this.openedByKeyboard=!1}onVisibleChanged(t){t&&this.setFocusTrap()}handleKeyClose(t){"Enter"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.closed=!0)}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,!0),document.addEventListener("mousedown",this.handleMouseDown,!0)}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let i in t){let e=t[i];if("DIV"===e.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},i=e.querySelector("img"),n=e.querySelector("a");t.image=i.getAttribute("src"),t.altText=i.getAttribute("alt"),t.text=n.innerText,t.href=n.getAttribute("href"),this.data.push(t),e.remove()}}this.handleOnScrollBehaviour(),this.setScreenBasedProps()}componentDidLoad(){window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,!0),document.removeEventListener("mousedown",this.handleMouseDown,!0),this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0)}render(){return this.closed?null:i(e,null,i("div",{class:"card-rail-container",id:"card-rail-reveal-tag"},i("div",{class:"card-rail-header"},i("div",{class:"card-rail-heading"},i("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.railTitle)),i("div",{ref:t=>this.targetElement=t,id:"card-rail-close",class:"card-rail-close mf-listen",onKeyDown:t=>this.handleKeyClose(t),onClick:()=>{this.focusTrap&&this.focusTrap.deactivate(),this.closed=!0},tabindex:"0"},i("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),i("div",{class:"card-rail-content"},i("icon-asset",{id:"left-arrow",class:"mf-listen",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),i("icon-asset",{id:"right-arrow",class:"mf-listen",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),i("div",{class:"content-container"},this.data.map(((t,e)=>i("div",{class:"content mf-listen",id:`card-rail-content-${e}`,onKeyDown:i=>{"Enter"===i.key&&window.open(t.href)},onClick:()=>{window.open(t.href)},tabindex:"0"},i("div",{class:"content-image"},i("img",{alt:t.altText,src:t.image})),i("div",{class:"content-text"},i("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return n(this)}static get watchers(){return{isVisible:["onVisibleChanged"]}}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{o as ptc_related_card_rail}
|
|
1
|
+
import{r as t,h as i,H as e,g as n}from"./p-ac75c7ad.js";import{c as a}from"./p-0b33279e.js";const o=class{constructor(i){t(this,i),this.setFocusTrap=()=>{this.focusTrap||(this.focusTrap=a(this.el,{escapeDeactivates:!0,returnFocusOnDeactivate:!0,onActivate:()=>{this.openedByKeyboard||this.focusTrap.pause()},onDeactivate:()=>{setTimeout((()=>{this.closed=!0}),0)},tabbableOptions:{getShadowRoot:!0}})),!0===this.isVisible&&!0===this.openedByKeyboard&&this.focusTrap&&this.focusTrap.activate()},this.setScreenBasedProps=()=>{let t=window.innerWidth,i={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(i.contentCards=3,i.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(i.contentCards=2,i.parahFontSize="xx-small"):t>=768?(i.contentCards=2,i.parahFontSize="xxx-small"):(i.contentCards=1,i.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},i)},this.handlePrevClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(this.closed)this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0);else{let t=window.innerHeight||(document.documentElement||document.body).clientHeight,i=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),e=window.scrollY||(document.documentElement||document.body).scrollTop;Math.floor(e/(i-t)*100)>=50?(this.el.style.display="block",this.isVisible=!0):(this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0),this.el.style.display="none",this.isVisible=!1);let n=this.el.shadowRoot.querySelector(".card-rail-container"),a=document.querySelector(this.footerQuerySelector);if(a){let t=a.getBoundingClientRect().top,i=window.innerHeight;t<=i&&(n.style.bottom=i-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,i;this.setScreenBasedProps();let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");e.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key&&"Tab"!==t.key||(this.openedByKeyboard=!0,this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0))},this.handleMouseDown=()=>{this.openedByKeyboard=!1},this.footerQuerySelector=void 0,this.railTitle="Read More Case Studies",this.isVisible=!1,this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0},this.openedByKeyboard=!1}onVisibleChanged(t){t&&this.setFocusTrap()}handleKeyClose(t){"Enter"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.closed=!0)}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,!0),document.addEventListener("mousedown",this.handleMouseDown,!0)}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let i in t){let e=t[i];if("DIV"===e.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},i=e.querySelector("img"),n=e.querySelector("a");t.image=i.getAttribute("src"),t.altText=i.getAttribute("alt"),t.text=n.innerText,t.href=n.getAttribute("href"),this.data.push(t),e.remove()}}this.handleOnScrollBehaviour(),this.setScreenBasedProps()}componentDidLoad(){window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,!0),document.removeEventListener("mousedown",this.handleMouseDown,!0),this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0)}render(){return this.closed?null:i(e,null,i("div",{class:"card-rail-container",id:"card-rail-reveal-tag"},i("div",{class:"card-rail-header"},i("div",{class:"card-rail-heading"},i("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.railTitle)),i("div",{ref:t=>this.targetElement=t,id:"card-rail-close",class:"card-rail-close mf-listen",onKeyDown:t=>this.handleKeyClose(t),onClick:()=>{this.focusTrap&&this.focusTrap.deactivate(),this.closed=!0},tabindex:"0"},i("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),i("div",{class:"card-rail-content"},i("icon-asset",{id:"left-arrow",class:"mf-listen",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),i("icon-asset",{id:"right-arrow",class:"mf-listen",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),i("div",{class:"content-container"},this.data.map(((t,e)=>i("div",{class:"content mf-listen",id:`card-rail-content-${e}`,onKeyDown:i=>{"Enter"===i.key&&window.open(t.href)},onClick:()=>{window.open(t.href)},tabindex:"0"},i("div",{class:"content-image"},i("img",{alt:t.altText,src:t.image})),i("div",{class:"content-text"},i("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return n(this)}static get watchers(){return{isVisible:["onVisibleChanged"]}}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{o as ptc_related_card_rail}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as a}from"./p-
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e)}render(){return e(a,null,e("slot",null))}};h.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;text-align:center;margin:12px 0}:host ::slotted(a){display:inline-block;padding:10px 24px;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10) !important;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration:none !important;margin:12px;max-width:205px;vertical-align:middle;line-height:var(--ptc-line-height-densest)}:host ::slotted(a):last-child{margin-right:0}:host ::slotted(a:hover){background-color:var(--color-gray-04)}";export{h as ptc_nav_pills}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e),this.contentTag=void 0}render(){return e(a,null,e("div",{class:"content-tag"},this.contentTag),e("slot",null))}};h.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";export{h as ptc_value_led_intro}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i}from"./p-ac75c7ad.js";const n=class{constructor(e){t(this,e),this.spanStyle="tag-style",this.display="inline",this.fontWeight="w-4",this.styles=void 0}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("span",{part:"part-ptc-span"},e("slot",null)))}getCssClassMap(){return{[this.spanStyle]:!0,[this.fontWeight]:!0,[this.display]:!0}}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.three-column-report) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-densest)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 360px){:host(.three-column-report) span{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 480px){:host(.three-column-report) span{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 768px){:host(.three-column-report) span{font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest)}}";export{n as ptc_span}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as r,H as e}from"./p-
|
|
1
|
+
import{r as a,h as r,H as e}from"./p-ac75c7ad.js";const t=class{constructor(r){a(this,r),this.filterColor=void 0,this.borderRadius=void 0,this.overlayZIndex="z-index-auto",this.styles=void 0}async setOverlay(a){this.filterColor=a}render(){const a=this.getCssClassMap();return r(e,{class:a})}getCssClassMap(){return{[this.filterColor]:!!this.filterColor,[this.borderRadius]:!!this.borderRadius,[this.overlayZIndex]:!0}}};t.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:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}:host(.hp-red){background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.radius-pill){border-radius:var(--ptc-border-radius-pill)}:host(.radius-circle){border-radius:var(--ptc-border-radius-circle)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";export{t as ptc_overlay}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,h as e,H as t,
|
|
1
|
+
import{r as c,h as e,H as t,g as p}from"./p-ac75c7ad.js";const o=class{constructor(e){c(this,e),this.groupName=void 0,this.type="card"}componentDidLoad(){this.addCheckboxChangeListeners()}addCheckboxChangeListeners(){document.querySelectorAll(`input[name="${this.groupName}"]`).forEach((c=>{c.addEventListener("change",(()=>this.handleCheckboxChange()))})),document.querySelectorAll(`#select-all-${this.groupName}`).forEach((c=>{c.addEventListener("change",(()=>this.selectAllProducts()))}))}handleCheckboxChange(){const c=this.el.querySelectorAll(`input[name="${this.groupName}"]`),e=this.el.querySelector(`#select-all-${this.groupName}`),t=Array.from(c).every((c=>c.checked));e.checked=t}selectAllProducts(){const c=this.el.querySelectorAll(`input[name="${this.groupName}"]`),e=this.el.querySelector(`#select-all-${this.groupName}`),t=Array.from(c).every((c=>c.checked));c.forEach((c=>{c.checked=!t})),e.checked=!t}render(){return e(t,{class:`pcg-${this.type}`},e("slot",{name:"title"}),e("slot",null))}get el(){return p(this)}};o.style='h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-checkbox-group-h{display:block;margin-bottom:44px}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox],.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-gray-07);display:inline-block;box-sizing:border-box;margin:5px 0 0 0;padding:0;min-width:24px;background-size:cover}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]:checked,.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]:checked{background-image:url(\'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4058 7.09948C17.2409 6.93808 17.0404 6.85718 16.8045 6.85718C16.5685 6.85718 16.3675 6.93808 16.2027 7.09948L10.3983 12.7882L7.79739 10.2337C7.63191 10.0723 7.43141 9.99142 7.19548 9.99142C6.95955 9.99142 6.75905 10.0723 6.5937 10.2337L5.39043 11.4111C5.22549 11.573 5.14282 11.7691 5.14282 12.0001C5.14282 12.231 5.22549 12.4276 5.39043 12.589L8.59328 15.7232L9.79697 16.9006C9.9619 17.0625 10.1624 17.1429 10.3983 17.1429C10.6343 17.1429 10.8348 17.0625 11.0001 16.9006L12.2034 15.7232L18.6095 9.45474C18.7744 9.29294 18.8571 9.09674 18.8571 8.86586C18.8571 8.63498 18.7744 8.43878 18.6095 8.27684L17.4058 7.09948Z" fill="white"/></svg>\');border-color:transparent}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title{display:flex;align-items:center;margin-bottom:var(--ptc-element-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title label{margin-left:var(--ptc-element-spacing-03);cursor:pointer}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]{width:14px;min-width:14px;height:14px;margin:4px 8px -1px 0}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card{cursor:pointer;display:flex;align-items:flex-start;background-color:var(--color-white);margin-bottom:var(--ptc-element-spacing-03);padding:var(--ptc-layout-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-03)}@media only screen and (min-width: 768px){.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-07)}}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card ptc-form-checkbox .mdc-form-field{width:auto;margin:0}.sc-ptc-checkbox-group-h.pcg-single.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{margin:0}';export{o as ptc_checkbox_group}
|