@ptcwebops/ptcw-design 6.4.26-beta → 6.4.28-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/icon-asset_17.cjs.entry.js +1660 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-subnav-v2.cjs.entry.js +2 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +2 -9
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +14 -0
- package/dist/collection/components/ptc-subnav-v2/ptc-subnav-v2.js +2 -1
- package/dist/custom-elements/index.js +5 -11
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +2 -2
- package/dist/esm/blog-detail-layout.entry.js +2 -2
- package/dist/esm/blogs-search-section.entry.js +2 -2
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/buying-option-card.entry.js +1 -1
- package/dist/esm/buying-option-cards-slider.entry.js +1 -1
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/dynamic-box-bundle.entry.js +1 -1
- package/dist/esm/embedded-form.entry.js +1 -1
- package/dist/esm/event-jumbotron-example.entry.js +1 -1
- package/dist/esm/event-podcast-slider-example.entry.js +1 -1
- package/dist/esm/featured-events-slider-example.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/fl-tab-content_3.entry.js +1 -1
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/homepage-clickable-tab.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +2 -2
- package/dist/esm/homepage-toggled-content.entry.js +2 -2
- package/dist/esm/icon-asset_17.entry.js +1640 -0
- package/dist/esm/{index-c83db688.js → index-0bf594c4.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +2 -2
- package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.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/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 +2 -2
- package/dist/esm/my-component.entry.js +2 -2
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +2 -2
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +2 -2
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +2 -2
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +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 +2 -2
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
- package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
- package/dist/esm/ptc-icon-card-slider-example.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +2 -2
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-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 +2 -2
- package/dist/esm/ptc-info-tile.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +2 -2
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +2 -2
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-nav-tile.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-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 +2 -2
- package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
- 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-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-scroll-button.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-seo-title.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-showcase-card.entry.js +1 -1
- package/dist/esm/ptc-skeleton.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +2 -2
- package/dist/esm/ptc-social-icons.entry.js +1 -1
- package/dist/esm/ptc-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 +3 -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-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v3.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 +1 -1
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/esm/{utils-bdd0cc16.js → utils-a64ba942.js} +1 -1
- package/dist/ptcw-design/{p-4ab3249d.entry.js → p-045c468a.entry.js} +1 -1
- package/dist/ptcw-design/{p-58909b95.entry.js → p-07b46e6e.entry.js} +1 -1
- package/dist/ptcw-design/p-0824f503.entry.js +1 -0
- package/dist/ptcw-design/{p-96f346c4.entry.js → p-0aa52a96.entry.js} +1 -1
- package/dist/ptcw-design/{p-9ac99185.entry.js → p-0abb6e77.entry.js} +1 -1
- package/dist/ptcw-design/{p-e235bf27.entry.js → p-0bb3ea9a.entry.js} +1 -1
- package/dist/ptcw-design/p-0ec2a26d.entry.js +1 -0
- package/dist/ptcw-design/{p-fb8584e4.entry.js → p-0ed4609e.entry.js} +1 -1
- package/dist/ptcw-design/{p-a9533f9c.entry.js → p-11e86045.entry.js} +1 -1
- package/dist/ptcw-design/{p-349f43d5.entry.js → p-1238e070.entry.js} +1 -1
- package/dist/ptcw-design/{p-f6b70f68.entry.js → p-138b2434.entry.js} +1 -1
- package/dist/ptcw-design/{p-27e47c25.entry.js → p-14c77b5e.entry.js} +1 -1
- package/dist/ptcw-design/{p-85f32bf5.entry.js → p-1ab6201b.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b40bfbf.entry.js → p-1b1fd60d.entry.js} +1 -1
- package/dist/ptcw-design/{p-46f67bec.entry.js → p-1e9f25fc.entry.js} +1 -1
- package/dist/ptcw-design/{p-17b8281a.entry.js → p-20f04b2a.entry.js} +1 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +1 -0
- package/dist/ptcw-design/{p-c7e948b2.js → p-22cf00e7.js} +1 -1
- package/dist/ptcw-design/{p-9b26ea67.entry.js → p-290012e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-9354b7fd.entry.js → p-2ba77e9d.entry.js} +1 -1
- package/dist/ptcw-design/p-2bc4bf65.entry.js +1 -0
- package/dist/ptcw-design/{p-3cb011c9.entry.js → p-2fa5814b.entry.js} +1 -1
- package/dist/ptcw-design/{p-21fa5abe.entry.js → p-2fd01953.entry.js} +1 -1
- package/dist/ptcw-design/{p-7714bbaf.entry.js → p-2fdd81d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-2c287230.entry.js → p-315b7885.entry.js} +1 -1
- package/dist/ptcw-design/{p-bfadd78e.entry.js → p-3596ce5a.entry.js} +1 -1
- package/dist/ptcw-design/{p-cc652ebe.entry.js → p-384548ef.entry.js} +1 -1
- package/dist/ptcw-design/p-39255f59.entry.js +1 -0
- package/dist/ptcw-design/{p-799afee5.entry.js → p-3ada2482.entry.js} +1 -1
- package/dist/ptcw-design/{p-8533988f.entry.js → p-3c52fabe.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e4861a2.entry.js → p-3c941935.entry.js} +1 -1
- package/dist/ptcw-design/{p-76d98c5a.entry.js → p-3e13b735.entry.js} +1 -1
- package/dist/ptcw-design/{p-66ecd7b9.entry.js → p-3e13f29c.entry.js} +1 -1
- package/dist/ptcw-design/{p-f010c07f.entry.js → p-3ef5c51f.entry.js} +1 -1
- package/dist/ptcw-design/{p-502f534b.entry.js → p-41cec14d.entry.js} +1 -1
- package/dist/ptcw-design/{p-c6a0dd99.entry.js → p-43756439.entry.js} +1 -1
- package/dist/ptcw-design/{p-0451b768.entry.js → p-4619f5a6.entry.js} +1 -1
- package/dist/ptcw-design/{p-7235425a.entry.js → p-4c4a64bb.entry.js} +1 -1
- package/dist/ptcw-design/{p-d9df1a16.entry.js → p-4e8c1ba6.entry.js} +1 -1
- package/dist/ptcw-design/{p-757954b2.entry.js → p-522cb451.entry.js} +1 -1
- package/dist/ptcw-design/{p-c4674bc8.entry.js → p-5344a1f4.entry.js} +1 -1
- package/dist/ptcw-design/{p-e3867512.entry.js → p-53d2547b.entry.js} +1 -1
- package/dist/ptcw-design/{p-2c2f895a.entry.js → p-54891548.entry.js} +1 -1
- package/dist/ptcw-design/{p-6aa9ed95.entry.js → p-575c7fc0.entry.js} +1 -1
- package/dist/ptcw-design/{p-d6ee094b.entry.js → p-5aed43be.entry.js} +1 -1
- package/dist/ptcw-design/p-5bbfd7b3.entry.js +1 -0
- package/dist/ptcw-design/{p-04891836.entry.js → p-5d6f17e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-61d28206.entry.js → p-5fb671ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-c631608f.entry.js → p-61a5012d.entry.js} +1 -1
- package/dist/ptcw-design/{p-9e4e21a4.entry.js → p-6251a6d6.entry.js} +1 -1
- package/dist/ptcw-design/p-63da8f22.entry.js +1 -0
- package/dist/ptcw-design/{p-13963d40.entry.js → p-681d26ef.entry.js} +1 -1
- package/dist/ptcw-design/{p-9de963f8.entry.js → p-6d628113.entry.js} +1 -1
- package/dist/ptcw-design/{p-ab4906a7.entry.js → p-6f1cc5e5.entry.js} +1 -1
- package/dist/ptcw-design/{p-a4dd4e83.entry.js → p-7398874a.entry.js} +1 -1
- package/dist/ptcw-design/{p-6f2acce5.entry.js → p-746337da.entry.js} +1 -1
- package/dist/ptcw-design/{p-04aae3f5.entry.js → p-74a845fd.entry.js} +1 -1
- package/dist/ptcw-design/{p-1f356fcf.entry.js → p-752159e2.entry.js} +1 -1
- package/dist/ptcw-design/{p-546bacfd.entry.js → p-7524411a.entry.js} +1 -1
- package/dist/ptcw-design/{p-d74ccb19.entry.js → p-75d8b6ec.entry.js} +1 -1
- package/dist/ptcw-design/{p-1bffeaed.entry.js → p-7815e38b.entry.js} +1 -1
- package/dist/ptcw-design/{p-cb0e3ec2.entry.js → p-784c16ce.entry.js} +1 -1
- package/dist/ptcw-design/{p-b436f56d.entry.js → p-79762cf6.entry.js} +1 -1
- package/dist/ptcw-design/p-79a6e764.entry.js +1 -0
- package/dist/ptcw-design/p-7b89a8e1.entry.js +1 -0
- package/dist/ptcw-design/{p-5dd538c4.entry.js → p-7c6d6a5e.entry.js} +1 -1
- package/dist/ptcw-design/{p-5980d65d.entry.js → p-807ad5c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-931650bb.entry.js → p-80c56c81.entry.js} +1 -1
- package/dist/ptcw-design/{p-d77531c8.entry.js → p-81736d6a.entry.js} +1 -1
- package/dist/ptcw-design/{p-53dee19b.entry.js → p-83632220.entry.js} +1 -1
- package/dist/ptcw-design/p-83c3d6c9.entry.js +1 -0
- package/dist/ptcw-design/p-87a9a028.entry.js +1 -0
- package/dist/ptcw-design/{p-14ba0f06.entry.js → p-87e4c337.entry.js} +1 -1
- package/dist/ptcw-design/{p-15e36f30.entry.js → p-8cdcfb51.entry.js} +1 -1
- package/dist/ptcw-design/{p-ef870202.entry.js → p-8e24e586.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a335b5b.entry.js → p-8eb36507.entry.js} +1 -1
- package/dist/ptcw-design/{p-761a31f8.entry.js → p-8ffdd794.entry.js} +1 -1
- package/dist/ptcw-design/{p-1c63c812.entry.js → p-908ad455.entry.js} +1 -1
- package/dist/ptcw-design/{p-506dac1f.entry.js → p-91e5c8d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac75c7ad.js → p-944c5be8.js} +1 -1
- package/dist/ptcw-design/p-9461c4eb.entry.js +1 -0
- package/dist/ptcw-design/p-973b06d1.entry.js +1 -0
- package/dist/ptcw-design/{p-fbd9c8fc.entry.js → p-973c69d8.entry.js} +1 -1
- package/dist/ptcw-design/{p-bfacfe67.entry.js → p-9a28ded2.entry.js} +1 -1
- package/dist/ptcw-design/p-9d8a9a72.entry.js +1 -0
- package/dist/ptcw-design/{p-4f3dea53.entry.js → p-a1dc7ae5.entry.js} +1 -1
- package/dist/ptcw-design/{p-257a68df.entry.js → p-a22d7ae8.entry.js} +1 -1
- package/dist/ptcw-design/{p-3872fce7.entry.js → p-a2710bbf.entry.js} +1 -1
- package/dist/ptcw-design/{p-4c89d63d.entry.js → p-a31f22a1.entry.js} +1 -1
- package/dist/ptcw-design/{p-2670ac97.entry.js → p-a668ad65.entry.js} +1 -1
- package/dist/ptcw-design/{p-8191928d.entry.js → p-a974f98f.entry.js} +1 -1
- package/dist/ptcw-design/{p-a04bedc2.entry.js → p-afb5bdb9.entry.js} +1 -1
- package/dist/ptcw-design/{p-e73a1a0b.entry.js → p-b1053240.entry.js} +1 -1
- package/dist/ptcw-design/{p-aea09a70.entry.js → p-b293a0b1.entry.js} +1 -1
- package/dist/ptcw-design/{p-a41c7e39.entry.js → p-b6cc4c2a.entry.js} +1 -1
- package/dist/ptcw-design/{p-b19cda95.entry.js → p-b82dd7f9.entry.js} +1 -1
- package/dist/ptcw-design/{p-6b9e4a18.entry.js → p-b8c38d83.entry.js} +1 -1
- package/dist/ptcw-design/{p-3cfe0126.entry.js → p-b9966f20.entry.js} +1 -1
- package/dist/ptcw-design/{p-560b05a5.entry.js → p-bca81995.entry.js} +1 -1
- package/dist/ptcw-design/p-bdb2e42c.entry.js +1 -0
- package/dist/ptcw-design/{p-a7cb3851.entry.js → p-be00fb74.entry.js} +1 -1
- package/dist/ptcw-design/{p-89ba3dfd.entry.js → p-bf2f9183.entry.js} +1 -1
- package/dist/ptcw-design/{p-74097f89.entry.js → p-c137315d.entry.js} +1 -1
- package/dist/ptcw-design/{p-aac082cf.entry.js → p-c5417010.entry.js} +1 -1
- package/dist/ptcw-design/{p-0c914932.entry.js → p-c80265d9.entry.js} +1 -1
- package/dist/ptcw-design/{p-575861b3.entry.js → p-c8de7309.entry.js} +1 -1
- package/dist/ptcw-design/{p-04f0b1ba.entry.js → p-c9a73ad1.entry.js} +1 -1
- package/dist/ptcw-design/{p-baeee2b4.entry.js → p-ca039722.entry.js} +1 -1
- package/dist/ptcw-design/{p-312c41b8.entry.js → p-ca63a0c9.entry.js} +1 -1
- package/dist/ptcw-design/{p-5946d7c9.entry.js → p-cab0274c.entry.js} +1 -1
- package/dist/ptcw-design/{p-98610430.entry.js → p-ce125ef2.entry.js} +1 -1
- package/dist/ptcw-design/{p-927373d4.entry.js → p-cf0f6559.entry.js} +1 -1
- package/dist/ptcw-design/{p-8b480abd.entry.js → p-d0013567.entry.js} +1 -1
- package/dist/ptcw-design/{p-e3bf092e.entry.js → p-d1f57070.entry.js} +1 -1
- package/dist/ptcw-design/{p-f5d8a3b1.entry.js → p-d6271974.entry.js} +1 -1
- package/dist/ptcw-design/{p-260ecfef.entry.js → p-d9ec506c.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac766cb3.entry.js → p-da4b7e23.entry.js} +1 -1
- package/dist/ptcw-design/{p-a54c6da5.entry.js → p-dabb1b70.entry.js} +1 -1
- package/dist/ptcw-design/{p-a0bf3dd2.entry.js → p-dadbab48.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5f42895.entry.js → p-dd38bf84.entry.js} +1 -1
- package/dist/ptcw-design/{p-a8504f11.entry.js → p-de663192.entry.js} +1 -1
- package/dist/ptcw-design/{p-74305746.entry.js → p-e076d2ba.entry.js} +1 -1
- package/dist/ptcw-design/{p-92e76318.entry.js → p-e1bd2c43.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac7b2779.entry.js → p-e249cd90.entry.js} +1 -1
- package/dist/ptcw-design/{p-5a2ed8fb.entry.js → p-e2da8109.entry.js} +1 -1
- package/dist/ptcw-design/{p-a37c5209.entry.js → p-e2e33ddb.entry.js} +1 -1
- package/dist/ptcw-design/{p-a993c0a6.entry.js → p-e50a5a46.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a561487.entry.js → p-e69a0445.entry.js} +1 -1
- package/dist/ptcw-design/{p-fdee2cdc.entry.js → p-e6ebc832.entry.js} +1 -1
- package/dist/ptcw-design/{p-c68d31c6.entry.js → p-e87a4ff8.entry.js} +1 -1
- package/dist/ptcw-design/{p-db0fc94d.entry.js → p-e880b556.entry.js} +1 -1
- package/dist/ptcw-design/{p-0a9ee6c2.entry.js → p-e8b51e7d.entry.js} +1 -1
- package/dist/ptcw-design/{p-cbbe2bba.entry.js → p-e9f834fa.entry.js} +1 -1
- package/dist/ptcw-design/p-eabf87be.entry.js +1 -0
- package/dist/ptcw-design/{p-5877f093.entry.js → p-ec395ae9.entry.js} +1 -1
- package/dist/ptcw-design/{p-7a1db471.entry.js → p-ecfc8211.entry.js} +1 -1
- package/dist/ptcw-design/p-ed49544c.entry.js +1 -0
- package/dist/ptcw-design/{p-a8304a3e.entry.js → p-ed53cb3a.entry.js} +1 -1
- package/dist/ptcw-design/{p-4f4f97a6.entry.js → p-ed5a467e.entry.js} +1 -1
- package/dist/ptcw-design/p-edaf241d.entry.js +1 -0
- package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
- package/dist/ptcw-design/{p-de960790.entry.js → p-ef55ab3c.entry.js} +1 -1
- package/dist/ptcw-design/p-efd6ee3b.entry.js +1 -0
- package/dist/ptcw-design/{p-0ddf2a09.entry.js → p-f004e5de.entry.js} +1 -1
- package/dist/ptcw-design/{p-f5c97ab2.entry.js → p-f2006b03.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a22123e.entry.js → p-f20e4230.entry.js} +1 -1
- package/dist/ptcw-design/{p-18d699f0.entry.js → p-f418ef26.entry.js} +1 -1
- package/dist/ptcw-design/{p-2b08a37d.entry.js → p-f4ae5a99.entry.js} +1 -1
- package/dist/ptcw-design/{p-d8b2466d.entry.js → p-f5665cfe.entry.js} +1 -1
- package/dist/ptcw-design/{p-26e8ad2e.entry.js → p-fa045097.entry.js} +1 -1
- package/dist/ptcw-design/{p-c061b32d.entry.js → p-fb0c3eeb.entry.js} +1 -1
- package/dist/ptcw-design/{p-187ef77b.entry.js → p-fb0f4459.entry.js} +1 -1
- package/dist/ptcw-design/{p-ee91170c.entry.js → p-fe56e336.entry.js} +1 -1
- package/dist/ptcw-design/p-fef688c2.entry.js +1 -0
- package/dist/ptcw-design/{p-84c15835.entry.js → p-ff369ed7.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +0 -65
- package/dist/cjs/list-item.cjs.entry.js +0 -52
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +0 -100
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -70
- package/dist/cjs/ptc-button.cjs.entry.js +0 -117
- package/dist/cjs/ptc-para.cjs.entry.js +0 -139
- package/dist/cjs/ptc-picture.cjs.entry.js +0 -185
- package/dist/cjs/ptc-product-card.cjs.entry.js +0 -61
- package/dist/cjs/ptc-product-category.cjs.entry.js +0 -20
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +0 -80
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +0 -28
- package/dist/cjs/ptc-product-list.cjs.entry.js +0 -172
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +0 -178
- package/dist/cjs/ptc-readmore.cjs.entry.js +0 -186
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-title.cjs.entry.js +0 -161
- package/dist/cjs/ptc-tooltip.cjs.entry.js +0 -113
- package/dist/esm/icon-asset.entry.js +0 -61
- package/dist/esm/list-item.entry.js +0 -48
- package/dist/esm/ptc-back-to-top.entry.js +0 -96
- package/dist/esm/ptc-breadcrumb.entry.js +0 -66
- package/dist/esm/ptc-button.entry.js +0 -113
- package/dist/esm/ptc-para.entry.js +0 -135
- package/dist/esm/ptc-picture.entry.js +0 -181
- package/dist/esm/ptc-product-card.entry.js +0 -57
- package/dist/esm/ptc-product-category.entry.js +0 -16
- package/dist/esm/ptc-product-dropdown.entry.js +0 -76
- package/dist/esm/ptc-product-highlight-card.entry.js +0 -24
- package/dist/esm/ptc-product-list.entry.js +0 -168
- package/dist/esm/ptc-product-sidebar.entry.js +0 -174
- package/dist/esm/ptc-readmore.entry.js +0 -182
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-title.entry.js +0 -157
- package/dist/esm/ptc-tooltip.entry.js +0 -109
- package/dist/ptcw-design/p-0a86d91a.entry.js +0 -1
- package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
- package/dist/ptcw-design/p-0fbdcd78.entry.js +0 -1
- package/dist/ptcw-design/p-13e338a5.entry.js +0 -1
- package/dist/ptcw-design/p-1a853854.entry.js +0 -1
- package/dist/ptcw-design/p-23cb5b5b.entry.js +0 -1
- package/dist/ptcw-design/p-26b70120.entry.js +0 -1
- package/dist/ptcw-design/p-37f92bb4.entry.js +0 -1
- package/dist/ptcw-design/p-390c0dee.entry.js +0 -1
- package/dist/ptcw-design/p-3ddb6c50.entry.js +0 -1
- package/dist/ptcw-design/p-4703e417.entry.js +0 -1
- package/dist/ptcw-design/p-567535fb.entry.js +0 -1
- package/dist/ptcw-design/p-5dd13e2d.entry.js +0 -1
- package/dist/ptcw-design/p-5e4c1edf.entry.js +0 -1
- package/dist/ptcw-design/p-6f9f55b3.entry.js +0 -1
- package/dist/ptcw-design/p-7218fe2c.entry.js +0 -1
- package/dist/ptcw-design/p-7d29a418.entry.js +0 -1
- package/dist/ptcw-design/p-80ee97a2.entry.js +0 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +0 -1
- package/dist/ptcw-design/p-99daf693.entry.js +0 -1
- package/dist/ptcw-design/p-9c6cad16.entry.js +0 -1
- package/dist/ptcw-design/p-9efa8199.entry.js +0 -1
- package/dist/ptcw-design/p-ad0e7843.entry.js +0 -1
- package/dist/ptcw-design/p-af9912b6.entry.js +0 -1
- package/dist/ptcw-design/p-b684ca9d.entry.js +0 -1
- package/dist/ptcw-design/p-bb9a879f.entry.js +0 -1
- package/dist/ptcw-design/p-bf84ecc0.entry.js +0 -1
- package/dist/ptcw-design/p-c09a8288.entry.js +0 -1
- package/dist/ptcw-design/p-c3b27836.entry.js +0 -1
- package/dist/ptcw-design/p-c89030e4.entry.js +0 -1
- package/dist/ptcw-design/p-e01173ca.entry.js +0 -1
- package/dist/ptcw-design/p-e0e87d61.entry.js +0 -1
- package/dist/ptcw-design/p-e5e1e8fb.entry.js +0 -1
- package/dist/ptcw-design/p-e7220c36.entry.js +0 -1
- package/dist/ptcw-design/p-fb2335c1.entry.js +0 -1
- package/dist/ptcw-design/p-fd7e5935.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as i}from"./p-ac75c7ad.js";const o=class{constructor(t){e(this,t),this.defaultAuthorImage=void 0,this.isLoading=!1,this.loadedCardCount=0,this.cardsPerLoad=9,this.cardData=[{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:6,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:7,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:8,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:9,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:10,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:11,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:12,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:13,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:14,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:15,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:16,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:17,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:18,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:19,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:20,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:21,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"}]}componentWillLoad(){this.loadMoreCards()}handleScroll(){const e=window.innerHeight,t=document.documentElement.scrollHeight,i=window.scrollY||document.documentElement.scrollTop;!this.isLoading&&i+e+5>=t&&this.loadMoreCards()}async loadMoreCards(){if(this.loadedCardCount<this.cardData.length){this.isLoading=!0;const e=this.cardData.slice(this.loadedCardCount,this.loadedCardCount+this.cardsPerLoad).map((e=>new Promise((t=>{const i=new Image;i.src=e.imageUrl,i.onload=()=>{t()},i.onerror=()=>{e.imageUrl=this.defaultAuthorImage,t()}}))));await Promise.all(e),this.loadedCardCount+=this.cardsPerLoad,this.isLoading=!1}}render(){const e=this.cardData.slice(0,this.loadedCardCount);return t("div",null,t("div",{class:"author-grid"},e.map(((e,i)=>t("div",{class:"author-col",key:i},t("ptc-card",{"has-image":"true","card-type":"related-card","card-href":e.DetailPagelink,heading:e.authorName},t("ptc-img",{slot:"slot-image","img-url":e.imageUrl,"image-type":"smart-img","load-mode":"lazy-bg"}),t("div",{slot:"slot-description"},t("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-auto"},t("ptc-tooltip",{description:e.description,"text-lines":"4","z-index":"z-auto"})))))))),this.isLoading&&t("div",{class:"loader"},t("svg",{preserveAspectRatio:"xMinYMin meet",fill:"#3CC73D",x:"0px",y:"0px",version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 182.1 210.2"},t("title",null,"list-loading"),t("path",{d:"M91,21.2l72.6,41.9v83.9L91,189l-72.6-41.9V63.2L91,21.2 M91,0L0,52.6v105.1l91,52.6l91-52.6V52.6L91,0L91,0z"}),t("g",null,t("polygon",{points:"67.5,105.5 67.5,163.1 67.5,165.4 43.9,151.8 43.9,149.4 43.9,100"}),t("polygon",{opacity:"0.7",points:"43.6,100.1 43.8,100 43.9,100 43.9,149.4 43.9,149.4 43.9,151.8 30.3,144 30.3,141.6 30.3,106.6"}),t("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"109.6,88.6 109.6,166.2 109.6,168.3 91,179 81.1,173.3 81.1,170.9 81.1,84.2"}),t("polygon",{opacity:"0.7",points:"81.1,84.2 81.1,170.9 81.1,173.3 67.5,165.4 67.5,163.1 67.5,105.5"}),t("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"154,70.2 154,70.2 154,142.7 122.9,160.5 122.9,158.5 122.9,65.8"}),t("polygon",{opacity:"0.7",points:"122.9,65.8 122.9,158.5 122.9,160.5 109.6,168.3 109.6,168.3 109.6,166.2 109.6,88.6"}),t("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})))))}get el(){return i(this)}};o.style=":host{display:block}:host .loader{margin:5rem auto;max-width:45px;position:relative;width:100%}:host .author-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:2rem;grid-column-gap:2rem;justify-content:center}:host .author-grid .author-col{width:100%}@media (min-width: 768px){:host .author-grid .author-col{width:calc(50% - 21.3333333px)}}@media (min-width: 992px){:host .author-grid .author-col{width:calc(33.333333333333% - 21.3333333px)}}";export{o as author_listing_example}
|
|
1
|
+
import{r as e,h as t,a as i}from"./p-944c5be8.js";const o=class{constructor(t){e(this,t),this.defaultAuthorImage=void 0,this.isLoading=!1,this.loadedCardCount=0,this.cardsPerLoad=9,this.cardData=[{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:6,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:7,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:8,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:9,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:10,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:11,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:12,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:13,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:14,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:15,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:16,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:17,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:18,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:19,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:20,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:21,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"}]}componentWillLoad(){this.loadMoreCards()}handleScroll(){const e=window.innerHeight,t=document.documentElement.scrollHeight,i=window.scrollY||document.documentElement.scrollTop;!this.isLoading&&i+e+5>=t&&this.loadMoreCards()}async loadMoreCards(){if(this.loadedCardCount<this.cardData.length){this.isLoading=!0;const e=this.cardData.slice(this.loadedCardCount,this.loadedCardCount+this.cardsPerLoad).map((e=>new Promise((t=>{const i=new Image;i.src=e.imageUrl,i.onload=()=>{t()},i.onerror=()=>{e.imageUrl=this.defaultAuthorImage,t()}}))));await Promise.all(e),this.loadedCardCount+=this.cardsPerLoad,this.isLoading=!1}}render(){const e=this.cardData.slice(0,this.loadedCardCount);return t("div",null,t("div",{class:"author-grid"},e.map(((e,i)=>t("div",{class:"author-col",key:i},t("ptc-card",{"has-image":"true","card-type":"related-card","card-href":e.DetailPagelink,heading:e.authorName},t("ptc-img",{slot:"slot-image","img-url":e.imageUrl,"image-type":"smart-img","load-mode":"lazy-bg"}),t("div",{slot:"slot-description"},t("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-auto"},t("ptc-tooltip",{description:e.description,"text-lines":"4","z-index":"z-auto"})))))))),this.isLoading&&t("div",{class:"loader"},t("svg",{preserveAspectRatio:"xMinYMin meet",fill:"#3CC73D",x:"0px",y:"0px",version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 182.1 210.2"},t("title",null,"list-loading"),t("path",{d:"M91,21.2l72.6,41.9v83.9L91,189l-72.6-41.9V63.2L91,21.2 M91,0L0,52.6v105.1l91,52.6l91-52.6V52.6L91,0L91,0z"}),t("g",null,t("polygon",{points:"67.5,105.5 67.5,163.1 67.5,165.4 43.9,151.8 43.9,149.4 43.9,100"}),t("polygon",{opacity:"0.7",points:"43.6,100.1 43.8,100 43.9,100 43.9,149.4 43.9,149.4 43.9,151.8 30.3,144 30.3,141.6 30.3,106.6"}),t("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"109.6,88.6 109.6,166.2 109.6,168.3 91,179 81.1,173.3 81.1,170.9 81.1,84.2"}),t("polygon",{opacity:"0.7",points:"81.1,84.2 81.1,170.9 81.1,173.3 67.5,165.4 67.5,163.1 67.5,105.5"}),t("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"154,70.2 154,70.2 154,142.7 122.9,160.5 122.9,158.5 122.9,65.8"}),t("polygon",{opacity:"0.7",points:"122.9,65.8 122.9,158.5 122.9,160.5 109.6,168.3 109.6,168.3 109.6,166.2 109.6,88.6"}),t("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})))))}get el(){return i(this)}};o.style=":host{display:block}:host .loader{margin:5rem auto;max-width:45px;position:relative;width:100%}:host .author-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:2rem;grid-column-gap:2rem;justify-content:center}:host .author-grid .author-col{width:100%}@media (min-width: 768px){:host .author-grid .author-col{width:calc(50% - 21.3333333px)}}@media (min-width: 992px){:host .author-grid .author-col{width:calc(33.333333333333% - 21.3333333px)}}";export{o as author_listing_example}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as a,H as i,g as t}from"./p-ac75c7ad.js";const r=class{constructor(a){o(this,a),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0,this.isModal=!0}openModal(o){this.isModal&&(this.el.shadowRoot.querySelector("#bio-modal").focusBackElement=o.target,this.showModal=!0)}componentDidLoad(){let o=this.el.shadowRoot.querySelector("#bio-modal");o&&o.addEventListener("closed",(()=>{this.showModal=!1}));const a=this.el.shadowRoot.querySelectorAll(".bio-card__social-links .social-icon"),i=o=>{o.stopPropagation()},t=o=>{"Enter"===o.key&&o.stopPropagation()};a.forEach((o=>{o.addEventListener("click",i),o.addEventListener("keydown",t)}))}render(){return a(i,{type:"button",class:this.isModal?"card-with-modal":""},a("div",{class:"bio-card mf-listen",onClick:o=>{this.openModal(o)},tabIndex:0,onKeyDown:o=>{"Enter"===o.key&&this.openModal(o)}},a("slot",{name:"seo-content"}),a("div",{class:"bio-card__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),a("div",{class:"bio-card__content"},a("div",null,a("h3",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon mf-listen","aria-label":"linkedin",title:"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon mf-listen","aria-label":"X",title:"X"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"}))))))),this.isModal&&a("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},a("div",{class:"modal-wrap"},a("div",{class:"bio-modal-left"},a("div",{class:"bio-modal__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"})))))),a("div",{class:"bio-modal-right"},a("div",{class:"bio-modal-header"},a("h2",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),a("div",{class:"bio-modal-description"},a("slot",null))))))}get el(){return t(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:-moz-fit-content;max-height:fit-content;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}';export{r as ptc_bio_card}
|
|
1
|
+
import{r as o,h as a,H as i,a as t}from"./p-944c5be8.js";const r=class{constructor(a){o(this,a),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0,this.isModal=!0}openModal(o){this.isModal&&(this.el.shadowRoot.querySelector("#bio-modal").focusBackElement=o.target,this.showModal=!0)}componentDidLoad(){let o=this.el.shadowRoot.querySelector("#bio-modal");o&&o.addEventListener("closed",(()=>{this.showModal=!1}));const a=this.el.shadowRoot.querySelectorAll(".bio-card__social-links .social-icon"),i=o=>{o.stopPropagation()},t=o=>{"Enter"===o.key&&o.stopPropagation()};a.forEach((o=>{o.addEventListener("click",i),o.addEventListener("keydown",t)}))}render(){return a(i,{type:"button",class:this.isModal?"card-with-modal":""},a("div",{class:"bio-card mf-listen",onClick:o=>{this.openModal(o)},tabIndex:0,onKeyDown:o=>{"Enter"===o.key&&this.openModal(o)}},a("slot",{name:"seo-content"}),a("div",{class:"bio-card__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),a("div",{class:"bio-card__content"},a("div",null,a("h3",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon mf-listen","aria-label":"linkedin",title:"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon mf-listen","aria-label":"X",title:"X"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"}))))))),this.isModal&&a("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},a("div",{class:"modal-wrap"},a("div",{class:"bio-modal-left"},a("div",{class:"bio-modal__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient1-in); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},a("style",null,".social-icon .cls-1 { fill: url(#linear-gradient0-tw); } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"})))))),a("div",{class:"bio-modal-right"},a("div",{class:"bio-modal-header"},a("h2",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),a("div",{class:"bio-modal-description"},a("slot",null))))))}get el(){return t(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:-moz-fit-content;max-height:fit-content;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}';export{r as ptc_bio_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as e,a}from"./p-944c5be8.js";const l=class{constructor(i){t(this,i),this.cardCount=void 0,this.cardData=[],this.sectionTitle="",this.sectionId=""}componentWillLoad(){this.cardCount>8&&(this.cardCount=8);for(let t=0;t<this.cardCount;t++){let i=this.el.querySelector(`[slot="card-title-${t+1}"]`),e=this.el.querySelector(`[slot="card-pricing-${t+1}"]`),a=this.el.querySelector(`[slot="card-cta-${t+1}"]`),l=this.el.querySelector(`[slot="card-disclaimer-${t+1}"]`),s={title:null==i?void 0:i.innerHTML.toString(),pricing:null==e?void 0:e.innerHTML.toString(),cta:{linkHref:(null==a?void 0:a.getAttribute("href"))||"",linkText:(null==a?void 0:a.innerHTML.toString())||"",linkTarget:(null==a?void 0:a.getAttribute("target"))||"_blank"},disclaimer:(null==l?void 0:l.innerHTML.toString())||""};null==i||i.remove(),null==a||a.remove(),this.cardData.push(s)}this.cardData.length!=this.cardCount&&(this.cardData=[])}render(){return i(e,null,i("ptc-title",{type:"h3","text-align":"left","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.sectionTitle),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("div",{class:"is-grid has-col-gap-md"},this.cardData.map(((t,e)=>i("div",{class:"is-col-12 is-col-6-md is-col-4-lg is-col-3-xl"},i("ptc-pricing-add-on-card",{id:`pricing-add-on-${e+1}`,"card-title":t.title,"card-pricing-text":t.pricing,"card-cta-href":t.cta.linkHref,"card-cta-text":t.cta.linkText,"card-cta-target":t.cta.linkTarget,"card-disclaimer":t.disclaimer,"section-id":`${e+1}-${this.sectionId}`},i("span",{slot:"card-pricing"},i("slot",{name:`card-pricing-${e+1}`})),i("div",{slot:"card-body"},i("slot",{name:`card-body-${e+1}`})),i("span",{slot:"card-disclaimer"},i("slot",{name:`card-disclaimer-${e+1}`}))))))))}get el(){return a(this)}};l.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}";export{l as ptc_pricing_add_on_section}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function n(n,t,e){return(n||"")+(t?` ${t}`:"")+(e?` ${e}`:"")}function t(n,t,e){let o=t?n.querySelector(t):n,i={},r=n=>n.toLowerCase().replace(/(-\w)/g,(n=>n.replace(/-/,"").toUpperCase())),s=n=>{let t=!0;return/^\s*$/.test(n.textContent)&&(t=!1),t},u=(n,t)=>{let e=n.childNodes;if(e&&e.length>0){for(let n=0;n<e.length;n++){let o=e[n];if(1==o.nodeType){let n=r(o.nodeName);t[n]||(t[n]=[]),t[n].push({}),u(o,t[n][t[n].length-1])}else 3==o.nodeType&&s(o)&&(t.text=(t.text||"")+o.textContent)}for(const n in t)Array.isArray(t[n])&&1==t[n].length&&(t[n]=t[n][0])}if(n.attributes&&n.attributes.length>0)for(let e=0;e<n.attributes.length;e++)t[r(n.attributes[e].nodeName)]=n.attributes[e].nodeValue;"true"==n.getAttribute("html")&&(t.html=n.innerHTML)};return u(o,i),e?JSON.stringify(i):i}function e(){let n=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return n()+n()+"-"+n()+"-"+n()+"-"+n()+"-"+n()+n()+n()}function o(n,t,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var r=o||this,s=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){n(r,s)}),t)}}function i(n){if(void 0===n)throw new Error("filePath is not defined");const t=n.lastIndexOf(".");return-1===t?"":n.substring(t)}function r(){const n=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(n)?n:"en"}function s(n,t="span"){if(n&&n.children&&1==n.children.length){let e=n.children[0],o=e.tagName.toLowerCase();return n.removeChild(e),"font"==o&&(o=t),[o,e]}return[t,n]}function u(n){n&&n.children&&1==n.children.length&&"complete"!=n.getAttribute("data-reset")&&(n.innerHTML=n.firstElementChild.innerHTML,n.setAttribute("data-reset","complete"))}function c(n,t){let e=t.querySelectorAll(n);e.forEach((n=>{n.style.removeProperty("height")}));let o=0;e.forEach((n=>{const t=n.offsetHeight;t>o&&n.classList.contains("hydrated")&&(o=t)})),o>0&&e.forEach((n=>{n.style.height=`${o}px`}))}function a(n,t){let e;if(t instanceof DocumentFragment)e=t.querySelectorAll(n);else{if(!t.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=t.shadowRoot.querySelectorAll(n)}let o=0;e.forEach((n=>{const t=n.offsetHeight;t>o&&(o=t)})),e.forEach((n=>{n.style.height=`${o}px`}))}function l(n,t=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,r=e();return new Promise((e=>{let s=function(n){return n.HydrationKeys||(n.HydrationKeys={}),n.HydrationKeys}(i);s[r]=!1,o.forEach((function(o){i.addEventListener(o,(function(){s[r]||(s[r]=!0,e({sender:n,interactionType:o}))}),{once:!0}),setTimeout((()=>{s[r]||(s[r]=!0,e({sender:n,interactionType:o}))}),t)}))}))}function f(n,t,e=!1){const o=new IntersectionObserver((n=>{n.forEach((n=>{if(n.isIntersecting)return n.target.classList.add("in-view"),void(e&&o.unobserve(n.target));n.target.classList.remove("in-view")}))}));n.shadowRoot.querySelectorAll(t).forEach((n=>o.observe(n)))}function d(){let n=document.createElement("div");return n.setAttribute("hidden","until-found"),"until-found"===n.hidden}class h{constructor(n){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const t=new Promise(((n,t)=>{this.dependencyPromiseResolve=n,this.dependencyPromiseReject=t}));n&&n.registerDependency(t)}}function w(n,t,e=".light-links,.background-grey-10,.background-plm-grey"){n&&null!=n.darkFocusState&&0==n.darkFocusState&&t.closest(e)&&(n.darkFocusState=!0)}function m(){var n,t;return null!==(t=null===(n=window.matchMedia)||void 0===n?void 0:n.call(window,"(prefers-reduced-motion: reduce)").matches)&&void 0!==t&&t}function g(n){const t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=t=>n(t.matches);return t.addEventListener("change",e),n(t.matches),()=>t.removeEventListener("change",e)}export{w as C,t as M,h as P,a,d as b,
|
|
1
|
+
function n(n,t,e){return(n||"")+(t?` ${t}`:"")+(e?` ${e}`:"")}function t(n,t,e){let o=t?n.querySelector(t):n,i={},r=n=>n.toLowerCase().replace(/(-\w)/g,(n=>n.replace(/-/,"").toUpperCase())),s=n=>{let t=!0;return/^\s*$/.test(n.textContent)&&(t=!1),t},u=(n,t)=>{let e=n.childNodes;if(e&&e.length>0){for(let n=0;n<e.length;n++){let o=e[n];if(1==o.nodeType){let n=r(o.nodeName);t[n]||(t[n]=[]),t[n].push({}),u(o,t[n][t[n].length-1])}else 3==o.nodeType&&s(o)&&(t.text=(t.text||"")+o.textContent)}for(const n in t)Array.isArray(t[n])&&1==t[n].length&&(t[n]=t[n][0])}if(n.attributes&&n.attributes.length>0)for(let e=0;e<n.attributes.length;e++)t[r(n.attributes[e].nodeName)]=n.attributes[e].nodeValue;"true"==n.getAttribute("html")&&(t.html=n.innerHTML)};return u(o,i),e?JSON.stringify(i):i}function e(){let n=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return n()+n()+"-"+n()+"-"+n()+"-"+n()+"-"+n()+n()+n()}function o(n,t,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var r=o||this,s=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){n(r,s)}),t)}}function i(n){if(void 0===n)throw new Error("filePath is not defined");const t=n.lastIndexOf(".");return-1===t?"":n.substring(t)}function r(){const n=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(n)?n:"en"}function s(n,t="span"){if(n&&n.children&&1==n.children.length){let e=n.children[0],o=e.tagName.toLowerCase();return n.removeChild(e),"font"==o&&(o=t),[o,e]}return[t,n]}function u(n){n&&n.children&&1==n.children.length&&"complete"!=n.getAttribute("data-reset")&&(n.innerHTML=n.firstElementChild.innerHTML,n.setAttribute("data-reset","complete"))}function c(n,t){let e=t.querySelectorAll(n);e.forEach((n=>{n.style.removeProperty("height")}));let o=0;e.forEach((n=>{const t=n.offsetHeight;t>o&&n.classList.contains("hydrated")&&(o=t)})),o>0&&e.forEach((n=>{n.style.height=`${o}px`}))}function a(n,t){let e;if(t instanceof DocumentFragment)e=t.querySelectorAll(n);else{if(!t.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=t.shadowRoot.querySelectorAll(n)}let o=0;e.forEach((n=>{const t=n.offsetHeight;t>o&&(o=t)})),e.forEach((n=>{n.style.height=`${o}px`}))}function l(n,t=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,r=e();return new Promise((e=>{let s=function(n){return n.HydrationKeys||(n.HydrationKeys={}),n.HydrationKeys}(i);s[r]=!1,o.forEach((function(o){i.addEventListener(o,(function(){s[r]||(s[r]=!0,e({sender:n,interactionType:o}))}),{once:!0}),setTimeout((()=>{s[r]||(s[r]=!0,e({sender:n,interactionType:o}))}),t)}))}))}function f(n,t,e=!1){const o=new IntersectionObserver((n=>{n.forEach((n=>{if(n.isIntersecting)return n.target.classList.add("in-view"),void(e&&o.unobserve(n.target));n.target.classList.remove("in-view")}))}));n.shadowRoot.querySelectorAll(t).forEach((n=>o.observe(n)))}function d(){let n=document.createElement("div");return n.setAttribute("hidden","until-found"),"until-found"===n.hidden}class h{constructor(n){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const t=new Promise(((n,t)=>{this.dependencyPromiseResolve=n,this.dependencyPromiseReject=t}));n&&n.registerDependency(t)}}function w(n,t,e=".light-links,.background-grey-10,.background-plm-grey"){n&&null!=n.darkFocusState&&0==n.darkFocusState&&t.closest(e)&&(n.darkFocusState=!0)}function m(){var n,t;return null!==(t=null===(n=window.matchMedia)||void 0===n?void 0:n.call(window,"(prefers-reduced-motion: reduce)").matches)&&void 0!==t&&t}function g(n){const t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=t=>n(t.matches);return t.addEventListener("change",e),n(t.matches),()=>t.removeEventListener("change",e)}export{w as C,t as M,h as P,a,d as b,e as c,o as d,c as e,n as f,s as g,f as h,m as i,i as j,r as k,l as n,g as o,u as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as a}from"./p-
|
|
1
|
+
import{r as e,h as t,H as a}from"./p-944c5be8.js";const i=class{constructor(t){e(this,t),this.number=void 0,this.arrowDirection=void 0}render(){return t(a,null,t("div",{class:"card-border square-padding card-layout"},t("slot",{name:"seo-content"}),t("slot",{name:"before-icon"}),t("ptc-spacer",{breakpoint:"x-small",size:"small"}),t("ptc-spacer",{breakpoint:"small",size:"x-small"}),t("div",{class:"icon-block"},this.arrowDirection?t("icon-asset",Object.assign({class:"icon"},"up"===this.arrowDirection?{name:"arrow_ascending"}:{name:"arrow_descending"},{type:"ptc"},this.number?{size:"xx-large"}:{size:"xxx-large"},{color:"ptc-green"})):null,this.number?t("div",{class:"number"},this.number):null),t("ptc-spacer",{breakpoint:"x-small",size:"small"}),t("ptc-spacer",{breakpoint:"small",size:"x-small"}),t("slot",{name:"after-icon"})))}};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;background-color:transparent}:host ::slotted([slot=seo-content]){display:none}:host .card-border{height:auto;width:200px}:host .card-border .before-icon-h3{line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host .card-border .after-icon-p{color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);margin-top:0;margin-bottom:var(--ptc-element-spacing-05)}:host .square-padding{margin:var(--ptc-element-spacing-02)}@media only screen and (min-width: 480px){:host .square-padding{margin:var(--ptc-element-spacing-03) var(--ptc-element-spacing-01)}}@media screen and (min-width: 512px){:host .square-padding{margin:var(--ptc-element-spacing-03)}}:host .card-layout{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}:host .icon{display:inline;vertical-align:middle}:host .number{display:inline-block;line-height:var(--ptc-line-height-denser);font-size:var(--ptc-font-size-xx-large);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}:host slot[name=before-icon],:host slot[name=after-icon]{text-align:center;line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}";export{i as ptc_square_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,a as s}from"./p-944c5be8.js";const n=class{constructor(i){t(this,i),this.ctaFocussed=e(this,"ctaFocussed",7),this.ctaFocussedHandler=()=>{this.ctaFocussed.emit({"card-index":this.cardIndex})},this.componentWillLoad=()=>{this.featureCallouts=[];let t=this.el.querySelectorAll('[slot^="feature-callout-"]');if(t&&t.length>0)for(let e of Array.from(t))this.featureCallouts.push(e.innerText);let e=this.el.querySelector('[slot="cta"]');e&&(this.cta.href=e.href,this.cta.title=e.title,this.cta.text=e.text,this.cta.target=e.target)},this.componentDidLoad=()=>{var t;let e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("ptc-button");e&&e.addEventListener("focus",(()=>this.ctaFocussedHandler()))},this.cardIndex=0,this.theme="standard",this.disablePriceLabel=void 0,this.featureCallouts=[],this.cta={href:"",title:"",text:"",target:""}}render(){const t=this.getCssClassMap();return i(a,null,i("div",{class:t},"standard"==this.theme&&i("div",{class:"ribbon"},i("svg",{class:"ribbon-wrap-around",xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none"},i("path",{d:"M4 3.02124L0 0.0212402H4V3.02124Z",fill:"#08283E"})),i("slot",{name:"ribbon-text"})),i("div",{class:"flex-start"},i("ptc-title",{"seo-compatibility-mode":!0,type:"h3","text-align":"left","title-size":"large","title-color":"gray",upperline:"no-upperline","title-display":"block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},i("h3",null,i("slot",{name:"heading"}))),i("ptc-para",{"seo-compatibility-mode":!0,"font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-bottom-5"},i("p",null,i("slot",{name:"description"}))),i("div",null,this.featureCallouts.length>0&&this.featureCallouts.map(((t,e)=>i("ptc-icon-list",{"is-last-item":e===this.featureCallouts.length-1?"true":"false","no-bottom-space":e===this.featureCallouts.length-1?"true":"false","list-content":t,"list-type":"feature-callout-list"},i("icon-asset",{slot:"icon",type:"ptc",size:"x-small",name:"checkmark",color:"ptc-green"})))))),i("div",{class:"flex-end"},i("div",{class:"pricing"},!this.disablePriceLabel&&i("span",{class:"pricing-label"},i("slot",{name:"pricing-label"})),i("span",{class:"pricing-value"},i("slot",{name:"pricing-value"}))),i("ptc-button",{color:"ptc-quaternary","link-href":this.cta.href,"button-title":this.cta.title||this.cta.text,target:this.cta.target,type:"button","tracker-id":`eplc${this.cardIndex}-cta`},this.cta.text))))}getCssClassMap(){return{[this.theme]:!0,card:!0}}get el(){return s(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#fff;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#fff;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323b42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 480px){:host .card.standard{width:348px}}@media only screen and (min-width: 768px){:host .card:not(.alternate){width:100%}}@media only screen and (min-width: 992px){:host .card.alternate{width:100%}}@media only screen and (min-width: 480px){:host(.two-card) .card.alternate{width:348px}}@media only screen and (min-width: 768px){:host(.two-card) .card.alternate{width:100%}}";export{n as ptc_enhanced_product_listing_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as i,a}from"./p-944c5be8.js";const o=class{constructor(e){t(this,e),this.downloadUrl=void 0,this.trackerId=void 0}render(){return e(i,null,e("slot",null),e("div",{class:"strip mf-listen"},e("a",{class:"dl-btn",href:"javascript:void()",onClick:()=>{this.openModal()},tabindex:"0"},e("span",{class:"dl-text"},"Download"),e("img",{src:"https://www.ptc.com/dist/ptc/images/download-arrow.svg",alt:"Down Arrow"}))),e("ptc-modal",{id:"strip-download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},e("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}openModal(){let t=this.el.shadowRoot.querySelector("#strip-download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.downloadUrl}`,"_self")}),1e3)}get el(){return a(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;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:white;background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .strip .dl-btn img{max-height:18px;width:12px}";export{o as ptc_image_download_strip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-
|
|
1
|
+
import{r as t,h as s}from"./p-944c5be8.js";import{f as o}from"./p-22cf00e7.js";const i=class{constructor(s){t(this,s),this.first=void 0,this.middle=void 0,this.last=void 0}getText(){return o(this.first,this.middle,this.last)}render(){return s("div",null,"Hello, World! I'm ",this.getText())}};i.style=":host{display:block}";export{i as my_component}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as h}from"./p-
|
|
1
|
+
import{r as t,h as e,H as h}from"./p-944c5be8.js";const l=class{constructor(e){t(this,e)}render(){return e(h,null,e("slot",null))}};l.style="h1.sc-ptc-value-led-content-highlight,h2.sc-ptc-value-led-content-highlight,h3.sc-ptc-value-led-content-highlight,h4.sc-ptc-value-led-content-highlight,h5.sc-ptc-value-led-content-highlight,h6.sc-ptc-value-led-content-highlight,p.sc-ptc-value-led-content-highlight,ul.sc-ptc-value-led-content-highlight,li.sc-ptc-value-led-content-highlight,ptc-subnav.sc-ptc-value-led-content-highlight,ptc-tab-list.sc-ptc-value-led-content-highlight,ptc-link.sc-ptc-value-led-content-highlight,ptc-square-card.sc-ptc-value-led-content-highlight,.hyphenate-text.sc-ptc-value-led-content-highlight,ptc-footer.sc-ptc-value-led-content-highlight{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-value-led-content-highlight,h2.sc-ptc-value-led-content-highlight,h3.sc-ptc-value-led-content-highlight,h4.sc-ptc-value-led-content-highlight,h5.sc-ptc-value-led-content-highlight,h6.sc-ptc-value-led-content-highlight,p.sc-ptc-value-led-content-highlight,ul.sc-ptc-value-led-content-highlight,li.sc-ptc-value-led-content-highlight,ptc-subnav.sc-ptc-value-led-content-highlight,ptc-tab-list.sc-ptc-value-led-content-highlight,ptc-link.sc-ptc-value-led-content-highlight,ptc-square-card.sc-ptc-value-led-content-highlight,.hyphenate-text.sc-ptc-value-led-content-highlight,ptc-footer.sc-ptc-value-led-content-highlight{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-value-led-content-highlight-h{display:block;border-left:7px solid var(--color-green-07);padding-left:32px;margin:40px 0 40px 0}@media only screen and (min-width: 480px){.sc-ptc-value-led-content-highlight-h{margin:48px 40px 48px 40px}}@media only screen and (min-width: 992px){.sc-ptc-value-led-content-highlight-h{margin:56px 48px 56px 48px}}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>p{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p)}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul li{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p)}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul{padding-left:12px}";export{l as ptc_value_led_content_highlight}
|
|
@@ -1 +1 @@
|
|
|
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
|
+
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 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as l}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.sidebarData=[],this.dropFlag=!1,this.topBackgroundImage=void 0,this.isMobile=void 0,this.selectedValue=void 0}componentWillLoad(){this.getSidebarList(),this.isMobile=window.innerWidth<992}componentDidLoad(){this.setActiveItem(),this.selectBtn=this.hostElement.shadowRoot.querySelector(".select-button"),this.customSelect=this.hostElement.shadowRoot.querySelector(".custom-select"),this.optionsList=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li"),this.selectBtn.addEventListener("click",this.handleSelectButtonClick.bind(this)),this.customSelectDropdown(),document.querySelectorAll(".video-embad-container-value-led-class").forEach((t=>{const e=t.querySelector(".ptc-container");e&&(e.classList.remove("ptc-container"),t.classList.add("u-paddingTop-flush"))}))}handleScroll(){const t=this.hostElement.shadowRoot.querySelector(".vl-layout-wrap");if(t){const e=t.getBoundingClientRect();if(window.scrollY>=e.top&&window.scrollY<=e.height){this.setActiveItem();const t=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}}}handleWheel(){this.setActiveItem()}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key&&"PageUp"!==t.key&&"PageDown"!==t.key||this.setActiveItem()}handleMouseDown(){this.setActiveItem()}handleMouseUp(){this.setActiveItem()}handleTouchStart(){this.setActiveItem()}handleTouchMove(){this.setActiveItem()}handleTouchEnd(){this.setActiveItem()}handleResize(){this.isMobile=window.innerWidth<992,this.setActiveItem(),this.customSelectDropdown()}handleDropdownScroll(){let t=this.hostElement.shadowRoot.querySelector(".custom-select");if(t){let a=t.querySelector(".select-dropdown");var e=a.scrollHeight,o=a.scrollTop,l=a.offsetHeight;a.clientHeight<e&&(o>0?t.classList.add("scroll-top"):t.classList.remove("scroll-top"),l+o<e?t.classList.add("scroll-bottom"):t.classList.remove("scroll-bottom"))}}handleSelectButtonClick(){this.customSelect.classList.toggle("active"),this.selectBtn.setAttribute("aria-expanded","true"===this.selectBtn.getAttribute("aria-expanded")?"false":"true")}getSidebarList(){document.querySelectorAll(".vl-content-item").forEach((t=>{var e,o,l,a;let i=(null===(o=null===(e=t.querySelector("ptc-title h2"))||void 0===e?void 0:e.textContent)||void 0===o?void 0:o.trim())||(null===(a=null===(l=t.querySelector("ptc-title h1"))||void 0===l?void 0:l.textContent)||void 0===a?void 0:a.trim()),n=t.getAttribute("id");i&&n&&this.sidebarData.push({title:i,ref:n})}))}setActiveItem(){const t=window.scrollY||window.pageYOffset;let e=this.isMobile?85:5;t>=149?this.sidebarData.forEach(((o,l)=>{const a=document.getElementById(o.ref);a&&a.offsetTop<=t+e&&this.updateActiveItem(l)})):(this.updateActiveItem(0),this.isMobile&&(this.selectedValue.textContent=this.optionsList[0].textContent))}updateActiveItem(t){const e=this.hostElement.shadowRoot.querySelector(`.vl-list-wrap ul li:nth-child(${t+1})`),o=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");if(o&&o.classList.remove("active"),e&&e.classList.add("active"),this.mobileSelect=this.hostElement.shadowRoot.querySelector(".mobile-select"),this.mobileSelect){this.selectedValue=this.hostElement.shadowRoot.querySelector(".selected-value"),this.optionsList=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li"),this.optionsList.forEach((e=>{parseInt(e.id)===t&&(this.selectedValue.textContent=e.children[1].textContent)}));const e=this.hostElement.shadowRoot.querySelector(`.select-dropdown li:nth-child(${t+1})`),o=this.hostElement.shadowRoot.querySelector(".select-dropdown li.active");o&&o.classList.remove("active"),e&&e.classList.add("active")}}handleSelectChange(t){const e=document.getElementById(this.sidebarData[t].ref);e&&(e.scrollIntoView({behavior:"smooth"}),window.scrollTo(0,e.offsetTop-75))}customSelectDropdown(){this.selectedValue=this.hostElement.shadowRoot.querySelector(".selected-value"),this.customSelect&&this.isMobile&&this.optionsList.forEach(((t,e)=>{const o=o=>{"click"===o.type&&0!==o.clientX&&0!==o.clientY&&(this.selectedValue.textContent=t.children[1].textContent,this.customSelect.classList.remove("active"),this.handleSelectChange(e)),"Enter"===o.key&&(this.selectedValue.textContent=t.textContent,this.customSelect.classList.remove("active"),this.handleSelectChange(e))};t.addEventListener("keyup",o),t.addEventListener("click",o)}))}selectDropOption(t){this.updateActiveItem(t)}onMenuitemKeydown(t){let e=t.currentTarget,o=t.key,l=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li").length,a=this.hostElement.shadowRoot.querySelector(".select-button");t.ctrlKey||t.altKey||t.metaKey||"Tab"===o&&l-1==e.id&&a.focus()}render(){return e(o,null,e("div",{class:"top-image",style:{backgroundImage:`url(${this.topBackgroundImage})`}}),e("div",{class:"ptc-container"},e("div",{class:"pdf-slot-wrapper"},e("slot",{name:"pdf-slot"})),e("div",{class:"vl-layout-wrap"},this.sidebarData.length>0&&!this.isMobile&&e("div",{class:"vl-sidebar"},e("div",{class:"vl-list-wrap"},e("ul",{id:"vl-side-list"},this.sidebarData.map(((t,o)=>e("li",{id:"list-"+o,class:"mf-listen"},e("a",{href:"#"+t.ref,id:o,onClick:()=>{this.updateActiveItem(o)}},e("ptc-tooltip",{"max-length":"70",description:t.title,"no-overflow":"true"})))))))),e("span",{style:{display:"none !important"}}),e("div",{class:"vl-content-wrap"},e("div",{class:"custom-select mobile-select"},e("button",{class:"select-button",role:"combobox","aria-labelledby":"select button","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":"select-dropdown"},e("span",{class:"selected-value"},"Select option"),e("span",{class:"arrow"})),e("ul",{class:"select-dropdown",role:"listbox",id:"select-dropdown",onScroll:()=>this.handleDropdownScroll()},this.sidebarData.map(((t,o)=>e("li",{role:"option",id:o,onClick:()=>this.selectDropOption(o),tabIndex:0,onKeyDown:t=>{this.onMenuitemKeydown(t)}},e("input",{type:"radio",id:t.title,name:"vl-drop-list",tabIndex:-1}),e("label",{htmlFor:t.title},e("i",{class:"bx bxl-github"}),t.title)))))),e("div",{class:"vl-content-slot-wrap"},e("slot",null))))))}get hostElement(){return l(this)}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block;position:relative}:host *{box-sizing:border-box;font-family:var(--ptc-font-latin)}:host .top-image{background-color:rgba(0, 0, 0, 0.6);background-blend-mode:multiply;position:absolute;z-index:-1;width:100%;height:500px;background-size:cover;background-position:center}:host .pdf-slot-wrapper{padding:var(--ptc-element-spacing-04) 0;width:100%;text-align:right}:host .vl-layout-wrap{margin-top:var(--ptc-element-spacing-04);width:100%;position:relative}@media only screen and (min-width: 992px){:host .vl-layout-wrap{display:flex;margin-top:40px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-sidebar{width:22%;margin-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-sidebar{margin-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 1440px){:host .vl-layout-wrap .vl-sidebar{margin-right:40px}}:host .vl-layout-wrap .vl-list-wrap{width:100%;padding:8px 0;box-shadow:var(--ptc-shadow-x-large);max-height:calc(100vh - 64px);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap{z-index:105;margin:auto;position:sticky;top:32px;right:0;float:right;overflow-y:auto;overflow-x:hidden;padding:var(--ptc-layout-spacing-02) 0}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap{padding:var(--ptc-layout-spacing-03) 0}}:host .vl-layout-wrap .vl-list-wrap ul{margin:0;padding:0;list-style:none}:host .vl-layout-wrap .vl-list-wrap ul li{display:none}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap ul li{display:block;margin:0 8px 4px 8px}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li{margin:0 16px 8px 16px}}:host .vl-layout-wrap .vl-list-wrap ul li a{display:block;padding:8px 16px;font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li a{font-size:var(--ptc-font-size-small)}}:host .vl-layout-wrap .vl-list-wrap ul li a::before{content:"";display:block;width:2px;height:calc(100% - 16px);background-color:transparent;position:absolute;left:4px}:host .vl-layout-wrap .vl-list-wrap ul li a:hover{background-color:var(--color-gray-02)}:host .vl-layout-wrap .vl-list-wrap ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-list-wrap ul li.active{display:block}:host .vl-layout-wrap .vl-list-wrap ul li.active a{font-weight:var(--ptc-font-weight-bold)}:host .vl-layout-wrap .vl-list-wrap ul li.active a::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar{width:8px}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-track{background:transparent}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .vl-layout-wrap .vl-list-wrap select{z-index:105;background-color:var(--color-white)}:host .vl-layout-wrap .vl-content-wrap{width:100%;padding:0 20px 20px 20px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap{padding:0 32px 32px 32px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap{width:78%;padding:48px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select{position:sticky;top:-1px;z-index:1056;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-white);width:calc(100% + 40px);margin-left:-20px;border-top-left-radius:4px;border-top-right-radius:4px}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap .mobile-select{width:calc(100% + 64px);margin-left:-32px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:block}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:none}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button{width:100%;background-color:transparent;border-radius:0.25rem;cursor:pointer;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0px 0px;box-shadow:var(--ptc-shadow-x-large);padding:var(--ptc-element-spacing-06);border:none;color:var(--color-gray-10);position:relative}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button::after{content:"";width:100%;height:0;background-color:transparent;display:block;position:absolute;bottom:0;box-shadow:0 16px 16px rgba(0, 0, 0, 0.2);left:0;right:0;z-index:105666}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .selected-value{text-align:left;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .arrow{min-width:14px;width:14px;height:10px;background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M2 2.30469L6.94975 7.60799L11.8995 2.30469" stroke="%2300890B" stroke-width="3" stroke-linecap="round"/></svg>\');background-repeat:no-repeat;transition:transform ease-in-out 0.3s;margin-left:15px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown{position:absolute;list-style:none;width:100%;border-radius:0 0 4px 4px;background:var(--color-white);margin:0;padding:16px 0;max-height:70vh;overflow-y:auto;transition:0.5s ease;z-index:30000;box-shadow:0px 16px 16px rgba(0, 0, 0, 0.24);border-top:1px solid var(--color-gray-02);opacity:0;visibility:hidden}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li{position:relative;cursor:pointer;margin:0 5px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label{display:block;width:100%;box-sizing:border-box;padding:16px 27px;cursor:pointer;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label::before{content:"";display:block;width:2px;height:calc(100% - 32px);background-color:transparent;position:absolute;left:11px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label{font-weight:700}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]{position:absolute;left:0;opacity:0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]:checked~label{font-weight:700}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar{width:7px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-track{background:var(--color-white);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .arrow{transform:rotate(180deg)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .select-dropdown{opacity:1;visibility:visible}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.scroll-top.active .select-button::after{height:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select:focus-visible{outline:none}:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:var(--ptc-element-spacing-07) 0 0 0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:0}}:host .select-dropdown input:focus~label{background-color:#dfdfdf}';export{a as ptc_value_led_layout}
|
|
1
|
+
import{r as t,h as e,H as o,a as l}from"./p-944c5be8.js";const a=class{constructor(e){t(this,e),this.sidebarData=[],this.dropFlag=!1,this.topBackgroundImage=void 0,this.isMobile=void 0,this.selectedValue=void 0}componentWillLoad(){this.getSidebarList(),this.isMobile=window.innerWidth<992}componentDidLoad(){this.setActiveItem(),this.selectBtn=this.hostElement.shadowRoot.querySelector(".select-button"),this.customSelect=this.hostElement.shadowRoot.querySelector(".custom-select"),this.optionsList=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li"),this.selectBtn.addEventListener("click",this.handleSelectButtonClick.bind(this)),this.customSelectDropdown(),document.querySelectorAll(".video-embad-container-value-led-class").forEach((t=>{const e=t.querySelector(".ptc-container");e&&(e.classList.remove("ptc-container"),t.classList.add("u-paddingTop-flush"))}))}handleScroll(){const t=this.hostElement.shadowRoot.querySelector(".vl-layout-wrap");if(t){const e=t.getBoundingClientRect();if(window.scrollY>=e.top&&window.scrollY<=e.height){this.setActiveItem();const t=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}}}handleWheel(){this.setActiveItem()}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key&&"PageUp"!==t.key&&"PageDown"!==t.key||this.setActiveItem()}handleMouseDown(){this.setActiveItem()}handleMouseUp(){this.setActiveItem()}handleTouchStart(){this.setActiveItem()}handleTouchMove(){this.setActiveItem()}handleTouchEnd(){this.setActiveItem()}handleResize(){this.isMobile=window.innerWidth<992,this.setActiveItem(),this.customSelectDropdown()}handleDropdownScroll(){let t=this.hostElement.shadowRoot.querySelector(".custom-select");if(t){let a=t.querySelector(".select-dropdown");var e=a.scrollHeight,o=a.scrollTop,l=a.offsetHeight;a.clientHeight<e&&(o>0?t.classList.add("scroll-top"):t.classList.remove("scroll-top"),l+o<e?t.classList.add("scroll-bottom"):t.classList.remove("scroll-bottom"))}}handleSelectButtonClick(){this.customSelect.classList.toggle("active"),this.selectBtn.setAttribute("aria-expanded","true"===this.selectBtn.getAttribute("aria-expanded")?"false":"true")}getSidebarList(){document.querySelectorAll(".vl-content-item").forEach((t=>{var e,o,l,a;let i=(null===(o=null===(e=t.querySelector("ptc-title h2"))||void 0===e?void 0:e.textContent)||void 0===o?void 0:o.trim())||(null===(a=null===(l=t.querySelector("ptc-title h1"))||void 0===l?void 0:l.textContent)||void 0===a?void 0:a.trim()),n=t.getAttribute("id");i&&n&&this.sidebarData.push({title:i,ref:n})}))}setActiveItem(){const t=window.scrollY||window.pageYOffset;let e=this.isMobile?85:5;t>=149?this.sidebarData.forEach(((o,l)=>{const a=document.getElementById(o.ref);a&&a.offsetTop<=t+e&&this.updateActiveItem(l)})):(this.updateActiveItem(0),this.isMobile&&(this.selectedValue.textContent=this.optionsList[0].textContent))}updateActiveItem(t){const e=this.hostElement.shadowRoot.querySelector(`.vl-list-wrap ul li:nth-child(${t+1})`),o=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");if(o&&o.classList.remove("active"),e&&e.classList.add("active"),this.mobileSelect=this.hostElement.shadowRoot.querySelector(".mobile-select"),this.mobileSelect){this.selectedValue=this.hostElement.shadowRoot.querySelector(".selected-value"),this.optionsList=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li"),this.optionsList.forEach((e=>{parseInt(e.id)===t&&(this.selectedValue.textContent=e.children[1].textContent)}));const e=this.hostElement.shadowRoot.querySelector(`.select-dropdown li:nth-child(${t+1})`),o=this.hostElement.shadowRoot.querySelector(".select-dropdown li.active");o&&o.classList.remove("active"),e&&e.classList.add("active")}}handleSelectChange(t){const e=document.getElementById(this.sidebarData[t].ref);e&&(e.scrollIntoView({behavior:"smooth"}),window.scrollTo(0,e.offsetTop-75))}customSelectDropdown(){this.selectedValue=this.hostElement.shadowRoot.querySelector(".selected-value"),this.customSelect&&this.isMobile&&this.optionsList.forEach(((t,e)=>{const o=o=>{"click"===o.type&&0!==o.clientX&&0!==o.clientY&&(this.selectedValue.textContent=t.children[1].textContent,this.customSelect.classList.remove("active"),this.handleSelectChange(e)),"Enter"===o.key&&(this.selectedValue.textContent=t.textContent,this.customSelect.classList.remove("active"),this.handleSelectChange(e))};t.addEventListener("keyup",o),t.addEventListener("click",o)}))}selectDropOption(t){this.updateActiveItem(t)}onMenuitemKeydown(t){let e=t.currentTarget,o=t.key,l=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li").length,a=this.hostElement.shadowRoot.querySelector(".select-button");t.ctrlKey||t.altKey||t.metaKey||"Tab"===o&&l-1==e.id&&a.focus()}render(){return e(o,null,e("div",{class:"top-image",style:{backgroundImage:`url(${this.topBackgroundImage})`}}),e("div",{class:"ptc-container"},e("div",{class:"pdf-slot-wrapper"},e("slot",{name:"pdf-slot"})),e("div",{class:"vl-layout-wrap"},this.sidebarData.length>0&&!this.isMobile&&e("div",{class:"vl-sidebar"},e("div",{class:"vl-list-wrap"},e("ul",{id:"vl-side-list"},this.sidebarData.map(((t,o)=>e("li",{id:"list-"+o,class:"mf-listen"},e("a",{href:"#"+t.ref,id:o,onClick:()=>{this.updateActiveItem(o)}},e("ptc-tooltip",{"max-length":"70",description:t.title,"no-overflow":"true"})))))))),e("span",{style:{display:"none !important"}}),e("div",{class:"vl-content-wrap"},e("div",{class:"custom-select mobile-select"},e("button",{class:"select-button",role:"combobox","aria-labelledby":"select button","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":"select-dropdown"},e("span",{class:"selected-value"},"Select option"),e("span",{class:"arrow"})),e("ul",{class:"select-dropdown",role:"listbox",id:"select-dropdown",onScroll:()=>this.handleDropdownScroll()},this.sidebarData.map(((t,o)=>e("li",{role:"option",id:o,onClick:()=>this.selectDropOption(o),tabIndex:0,onKeyDown:t=>{this.onMenuitemKeydown(t)}},e("input",{type:"radio",id:t.title,name:"vl-drop-list",tabIndex:-1}),e("label",{htmlFor:t.title},e("i",{class:"bx bxl-github"}),t.title)))))),e("div",{class:"vl-content-slot-wrap"},e("slot",null))))))}get hostElement(){return l(this)}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block;position:relative}:host *{box-sizing:border-box;font-family:var(--ptc-font-latin)}:host .top-image{background-color:rgba(0, 0, 0, 0.6);background-blend-mode:multiply;position:absolute;z-index:-1;width:100%;height:500px;background-size:cover;background-position:center}:host .pdf-slot-wrapper{padding:var(--ptc-element-spacing-04) 0;width:100%;text-align:right}:host .vl-layout-wrap{margin-top:var(--ptc-element-spacing-04);width:100%;position:relative}@media only screen and (min-width: 992px){:host .vl-layout-wrap{display:flex;margin-top:40px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-sidebar{width:22%;margin-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-sidebar{margin-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 1440px){:host .vl-layout-wrap .vl-sidebar{margin-right:40px}}:host .vl-layout-wrap .vl-list-wrap{width:100%;padding:8px 0;box-shadow:var(--ptc-shadow-x-large);max-height:calc(100vh - 64px);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap{z-index:105;margin:auto;position:sticky;top:32px;right:0;float:right;overflow-y:auto;overflow-x:hidden;padding:var(--ptc-layout-spacing-02) 0}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap{padding:var(--ptc-layout-spacing-03) 0}}:host .vl-layout-wrap .vl-list-wrap ul{margin:0;padding:0;list-style:none}:host .vl-layout-wrap .vl-list-wrap ul li{display:none}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap ul li{display:block;margin:0 8px 4px 8px}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li{margin:0 16px 8px 16px}}:host .vl-layout-wrap .vl-list-wrap ul li a{display:block;padding:8px 16px;font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li a{font-size:var(--ptc-font-size-small)}}:host .vl-layout-wrap .vl-list-wrap ul li a::before{content:"";display:block;width:2px;height:calc(100% - 16px);background-color:transparent;position:absolute;left:4px}:host .vl-layout-wrap .vl-list-wrap ul li a:hover{background-color:var(--color-gray-02)}:host .vl-layout-wrap .vl-list-wrap ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-list-wrap ul li.active{display:block}:host .vl-layout-wrap .vl-list-wrap ul li.active a{font-weight:var(--ptc-font-weight-bold)}:host .vl-layout-wrap .vl-list-wrap ul li.active a::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar{width:8px}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-track{background:transparent}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .vl-layout-wrap .vl-list-wrap select{z-index:105;background-color:var(--color-white)}:host .vl-layout-wrap .vl-content-wrap{width:100%;padding:0 20px 20px 20px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap{padding:0 32px 32px 32px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap{width:78%;padding:48px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select{position:sticky;top:-1px;z-index:1056;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-white);width:calc(100% + 40px);margin-left:-20px;border-top-left-radius:4px;border-top-right-radius:4px}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap .mobile-select{width:calc(100% + 64px);margin-left:-32px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:block}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:none}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button{width:100%;background-color:transparent;border-radius:0.25rem;cursor:pointer;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0px 0px;box-shadow:var(--ptc-shadow-x-large);padding:var(--ptc-element-spacing-06);border:none;color:var(--color-gray-10);position:relative}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button::after{content:"";width:100%;height:0;background-color:transparent;display:block;position:absolute;bottom:0;box-shadow:0 16px 16px rgba(0, 0, 0, 0.2);left:0;right:0;z-index:105666}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .selected-value{text-align:left;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .arrow{min-width:14px;width:14px;height:10px;background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M2 2.30469L6.94975 7.60799L11.8995 2.30469" stroke="%2300890B" stroke-width="3" stroke-linecap="round"/></svg>\');background-repeat:no-repeat;transition:transform ease-in-out 0.3s;margin-left:15px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown{position:absolute;list-style:none;width:100%;border-radius:0 0 4px 4px;background:var(--color-white);margin:0;padding:16px 0;max-height:70vh;overflow-y:auto;transition:0.5s ease;z-index:30000;box-shadow:0px 16px 16px rgba(0, 0, 0, 0.24);border-top:1px solid var(--color-gray-02);opacity:0;visibility:hidden}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li{position:relative;cursor:pointer;margin:0 5px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label{display:block;width:100%;box-sizing:border-box;padding:16px 27px;cursor:pointer;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label::before{content:"";display:block;width:2px;height:calc(100% - 32px);background-color:transparent;position:absolute;left:11px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label{font-weight:700}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]{position:absolute;left:0;opacity:0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]:checked~label{font-weight:700}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar{width:7px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-track{background:var(--color-white);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .arrow{transform:rotate(180deg)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .select-dropdown{opacity:1;visibility:visible}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.scroll-top.active .select-button::after{height:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select:focus-visible{outline:none}:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:var(--ptc-element-spacing-07) 0 0 0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:0}}:host .select-dropdown input:focus~label{background-color:#dfdfdf}';export{a as ptc_value_led_layout}
|