@ptcwebops/ptcw-design 4.5.3 → 4.5.5
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/homepage-clickable-tab.cjs.entry.js +33 -0
- package/dist/cjs/homepage-jumbotron_13.cjs.entry.js +1017 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +4 -0
- package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +146 -0
- package/dist/cjs/ptc-title.cjs.entry.js +99 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.css +11 -1
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.css +6 -1
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.js +10 -4
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +24 -0
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.css +2 -2
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +37 -3
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +19 -1
- package/dist/custom-elements/index.js +20 -10
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/dynamic-box-bundle.entry.js +1 -1
- package/dist/esm/embedded-form.entry.js +1 -1
- package/dist/esm/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 +29 -0
- package/dist/esm/homepage-jumbotron_13.entry.js +1001 -0
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/{index-0bf594c4.js → index-c83db688.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +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 +1 -1
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +1 -1
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +5 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-filter-tag.entry.js +1 -1
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_2.entry.js +1 -1
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +142 -0
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.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-pagenation.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-section.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-v2.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-seo-title.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-showcase-card.entry.js +1 -1
- package/dist/esm/ptc-skeleton.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-square-card.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-sticky-title.entry.js +1 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-title.entry.js +95 -0
- package/dist/esm/ptc-tooltip-v2.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-white-paper.entry.js +1 -1
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/sequential-bundle-example.entry.js +1 -1
- package/dist/esm/sequential-bundle.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/ptcw-design/{p-ad4f4f33.entry.js → p-00e21489.entry.js} +1 -1
- package/dist/ptcw-design/{p-02f0460b.entry.js → p-03a917f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-c9a73ad1.entry.js → p-04f0b1ba.entry.js} +1 -1
- package/dist/ptcw-design/{p-cc7d49a2.entry.js → p-0565de99.entry.js} +1 -1
- package/dist/ptcw-design/{p-7b75091d.entry.js → p-081e969d.entry.js} +1 -1
- package/dist/ptcw-design/{p-32b9f5da.entry.js → p-092388f5.entry.js} +1 -1
- package/dist/ptcw-design/{p-67cbd56c.entry.js → p-0b08be7d.entry.js} +1 -1
- package/dist/ptcw-design/{p-47496762.entry.js → p-0c20d1f1.entry.js} +1 -1
- package/dist/ptcw-design/{p-0c8de5fb.entry.js → p-0d2012d1.entry.js} +1 -1
- package/dist/ptcw-design/{p-b3b63f67.entry.js → p-0e5932f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-3098c8bf.entry.js → p-0ff0f7ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-2cbbda36.entry.js → p-10fe1d4f.entry.js} +1 -1
- package/dist/ptcw-design/{p-ba6f14f8.entry.js → p-15489f63.entry.js} +1 -1
- package/dist/ptcw-design/{p-ccebb76c.entry.js → p-16429296.entry.js} +1 -1
- package/dist/ptcw-design/p-18205b4b.entry.js +1 -0
- package/dist/ptcw-design/{p-08f97cb8.entry.js → p-18ada6c7.entry.js} +1 -1
- package/dist/ptcw-design/{p-879f4796.entry.js → p-1eecdb7f.entry.js} +1 -1
- package/dist/ptcw-design/{p-8ea16265.entry.js → p-1f1510fc.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d88e3e4.entry.js → p-1fa761c3.entry.js} +1 -1
- package/dist/ptcw-design/{p-e6f6c3c8.entry.js → p-211ece93.entry.js} +1 -1
- package/dist/ptcw-design/{p-8ee9fcb6.entry.js → p-21a3fd97.entry.js} +1 -1
- package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
- package/dist/ptcw-design/{p-6bb8a838.entry.js → p-231e7963.entry.js} +1 -1
- package/dist/ptcw-design/{p-8687424d.entry.js → p-23d37b1e.entry.js} +1 -1
- package/dist/ptcw-design/{p-a22d7ae8.entry.js → p-257a68df.entry.js} +1 -1
- package/dist/ptcw-design/{p-14c77b5e.entry.js → p-27e47c25.entry.js} +1 -1
- package/dist/ptcw-design/p-27ef9182.entry.js +1 -0
- package/dist/ptcw-design/{p-e5f38e09.entry.js → p-2bbc5d85.entry.js} +1 -1
- package/dist/ptcw-design/{p-2294d50a.entry.js → p-2c634cfd.entry.js} +1 -1
- package/dist/ptcw-design/p-2cfeeac8.entry.js +1 -0
- package/dist/ptcw-design/{p-cb00b505.entry.js → p-3470e15d.entry.js} +1 -1
- package/dist/ptcw-design/{p-b9e27110.entry.js → p-36fefc72.entry.js} +1 -1
- package/dist/ptcw-design/p-3827fcc3.entry.js +1 -0
- package/dist/ptcw-design/{p-25d30988.entry.js → p-384c21c3.entry.js} +1 -1
- package/dist/ptcw-design/{p-a2710bbf.entry.js → p-3872fce7.entry.js} +1 -1
- package/dist/ptcw-design/{p-7edef9ed.entry.js → p-3c3a7b54.entry.js} +1 -1
- package/dist/ptcw-design/{p-9dde477c.entry.js → p-3ee2a531.entry.js} +1 -1
- package/dist/ptcw-design/{p-102cfdc3.entry.js → p-44289740.entry.js} +1 -1
- package/dist/ptcw-design/{p-d21828b3.entry.js → p-46c96b63.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
- package/dist/ptcw-design/{p-50f94166.entry.js → p-48ebe929.entry.js} +1 -1
- package/dist/ptcw-design/{p-1f5fbefd.entry.js → p-498fffc7.entry.js} +1 -1
- package/dist/ptcw-design/{p-f77c7c78.entry.js → p-4f93c631.entry.js} +1 -1
- package/dist/ptcw-design/p-544d0d40.entry.js +1 -0
- package/dist/ptcw-design/p-5557df17.entry.js +1 -0
- package/dist/ptcw-design/{p-ccf1dacd.entry.js → p-5857be70.entry.js} +1 -1
- package/dist/ptcw-design/{p-a5ae3230.entry.js → p-58c10456.entry.js} +1 -1
- package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2e46a8b.entry.js → p-5a96b4ce.entry.js} +1 -1
- package/dist/ptcw-design/{p-c67d0dab.entry.js → p-5af20305.entry.js} +1 -1
- package/dist/ptcw-design/{p-b6e5c0f7.entry.js → p-5b21bdc1.entry.js} +1 -1
- package/dist/ptcw-design/{p-be028a8d.entry.js → p-5b5e7341.entry.js} +1 -1
- package/dist/ptcw-design/{p-b51a1bc6.entry.js → p-62d848b1.entry.js} +1 -1
- package/dist/ptcw-design/p-6491d9b9.entry.js +1 -0
- package/dist/ptcw-design/{p-677a0317.entry.js → p-6749ca21.entry.js} +1 -1
- package/dist/ptcw-design/{p-542b6730.entry.js → p-691a36c4.entry.js} +1 -1
- package/dist/ptcw-design/p-6cdda407.entry.js +1 -0
- package/dist/ptcw-design/{p-cd0fe5b4.entry.js → p-6ddefda6.entry.js} +1 -1
- package/dist/ptcw-design/{p-7fdadf0d.entry.js → p-73bfe4e6.entry.js} +1 -1
- package/dist/ptcw-design/{p-945ee821.entry.js → p-75a123f1.entry.js} +1 -1
- package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.entry.js} +1 -1
- package/dist/ptcw-design/{p-94c59fac.entry.js → p-7b71abaf.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
- package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e7fc98e.entry.js → p-8743b266.entry.js} +1 -1
- package/dist/ptcw-design/{p-29816755.entry.js → p-8798a958.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} +1 -1
- package/dist/ptcw-design/p-8bf47996.entry.js +1 -0
- package/dist/ptcw-design/{p-212d0145.entry.js → p-8c49d736.entry.js} +1 -1
- package/dist/ptcw-design/{p-17fedd77.entry.js → p-8d29f34a.entry.js} +1 -1
- package/dist/ptcw-design/{p-b104db40.entry.js → p-8ddb878c.entry.js} +1 -1
- package/dist/ptcw-design/{p-c2850fc1.entry.js → p-9467e22b.entry.js} +1 -1
- package/dist/ptcw-design/{p-f2ed73d6.entry.js → p-94cc3bb8.entry.js} +1 -1
- package/dist/ptcw-design/{p-78abd2fe.entry.js → p-971b8a7d.entry.js} +1 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +1 -0
- package/dist/ptcw-design/{p-8938268f.entry.js → p-9953eb9e.entry.js} +1 -1
- package/dist/ptcw-design/{p-761f71c4.entry.js → p-99ee8a0e.entry.js} +1 -1
- package/dist/ptcw-design/{p-8eb36507.entry.js → p-9a335b5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-0abb6e77.entry.js → p-9ac99185.entry.js} +1 -1
- package/dist/ptcw-design/{p-298d02ab.entry.js → p-9b0df204.entry.js} +1 -1
- package/dist/ptcw-design/{p-290012e3.entry.js → p-9b26ea67.entry.js} +1 -1
- package/dist/ptcw-design/{p-040621d3.entry.js → p-9c112fb9.entry.js} +1 -1
- package/dist/ptcw-design/{p-0a558a22.entry.js → p-9e2fd13c.entry.js} +1 -1
- package/dist/ptcw-design/{p-8d7abcdc.entry.js → p-9fd952c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-61334fd7.entry.js → p-a2c257bb.entry.js} +1 -1
- package/dist/ptcw-design/p-a4f65d28.entry.js +1 -0
- package/dist/ptcw-design/{p-91efd911.entry.js → p-aa042737.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5417010.entry.js → p-aac082cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
- package/dist/ptcw-design/{p-738fa39b.entry.js → p-ad7a03e7.entry.js} +1 -1
- package/dist/ptcw-design/{p-f8e584b4.entry.js → p-ae0543c8.entry.js} +1 -1
- package/dist/ptcw-design/{p-b293a0b1.entry.js → p-aea09a70.entry.js} +1 -1
- package/dist/ptcw-design/{p-3d341d68.entry.js → p-b0b4dc96.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e44cf5e.entry.js → p-b3bbd17d.entry.js} +1 -1
- package/dist/ptcw-design/p-b50f71dd.entry.js +1 -0
- package/dist/ptcw-design/{p-564154e0.entry.js → p-b5d8f7d1.entry.js} +1 -1
- package/dist/ptcw-design/{p-4465baea.entry.js → p-bbce25be.entry.js} +1 -1
- package/dist/ptcw-design/{p-2c5df150.entry.js → p-bdc2f146.entry.js} +1 -1
- package/dist/ptcw-design/{p-13131b4d.entry.js → p-c0bb1ad0.entry.js} +1 -1
- package/dist/ptcw-design/{p-619b0bf7.entry.js → p-c11d34df.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd38bf84.entry.js → p-c5f42895.entry.js} +1 -1
- package/dist/ptcw-design/{p-61a5012d.entry.js → p-c631608f.entry.js} +1 -1
- package/dist/ptcw-design/{p-1297155b.entry.js → p-c642d666.entry.js} +1 -1
- package/dist/ptcw-design/{p-e87a4ff8.entry.js → p-c68d31c6.entry.js} +1 -1
- package/dist/ptcw-design/{p-43756439.entry.js → p-c6a0dd99.entry.js} +1 -1
- package/dist/ptcw-design/p-c9df15f0.entry.js +1 -0
- package/dist/ptcw-design/{p-3c560782.entry.js → p-cdb80c67.entry.js} +1 -1
- package/dist/ptcw-design/{p-d1a380e8.entry.js → p-d1d6ea55.entry.js} +1 -1
- package/dist/ptcw-design/{p-0d2036aa.entry.js → p-d32f1659.entry.js} +1 -1
- package/dist/ptcw-design/{p-2bfcec0e.entry.js → p-d5372f07.entry.js} +1 -1
- package/dist/ptcw-design/{p-3355e525.entry.js → p-d633a609.entry.js} +1 -1
- package/dist/ptcw-design/{p-982c3ef3.entry.js → p-daa07e11.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf439f9b.entry.js → p-dbbe35bf.entry.js} +1 -1
- package/dist/ptcw-design/{p-afbe8e2c.entry.js → p-dc85c302.entry.js} +1 -1
- package/dist/ptcw-design/{p-5dee4e02.entry.js → p-dca69b87.entry.js} +1 -1
- package/dist/ptcw-design/{p-1fb931b9.entry.js → p-de366fd8.entry.js} +1 -1
- package/dist/ptcw-design/{p-d36b2ad5.entry.js → p-e07515d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
- package/dist/ptcw-design/{p-ad8b3161.entry.js → p-e61d7e23.entry.js} +1 -1
- package/dist/ptcw-design/{p-90d50eb8.entry.js → p-e67b618c.entry.js} +1 -1
- package/dist/ptcw-design/{p-41cacea3.entry.js → p-e6cd9f74.entry.js} +1 -1
- package/dist/ptcw-design/{p-68643ae6.entry.js → p-e87b09db.entry.js} +1 -1
- package/dist/ptcw-design/{p-59c5e7e0.entry.js → p-eb299297.entry.js} +1 -1
- package/dist/ptcw-design/{p-4ee95521.entry.js → p-eb352992.entry.js} +1 -1
- package/dist/ptcw-design/{p-66754504.entry.js → p-ec94b1d2.entry.js} +1 -1
- package/dist/ptcw-design/{p-4b23b4c3.entry.js → p-ee534211.entry.js} +1 -1
- package/dist/ptcw-design/{p-8294fa3a.entry.js → p-f2e65046.entry.js} +1 -1
- package/dist/ptcw-design/{p-74f53c15.entry.js → p-f44eeac7.entry.js} +1 -1
- package/dist/ptcw-design/{p-ab30375a.entry.js → p-f7245909.entry.js} +1 -1
- package/dist/ptcw-design/{p-5da98805.entry.js → p-f731fc96.entry.js} +1 -1
- package/dist/ptcw-design/{p-b44dbb3f.entry.js → p-fdc65d81.entry.js} +1 -1
- package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
- package/dist/ptcw-design/{p-62be464f.entry.js → p-febec9ac.entry.js} +1 -1
- package/dist/ptcw-design/{p-c415ab42.entry.js → p-ffb0ff97.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.d.ts +1 -0
- package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +1 -0
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +1 -0
- package/dist/types/components.d.ts +3 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/homepage-clickable-tab_2.cjs.entry.js +0 -53
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +0 -110
- package/dist/cjs/icon-asset_8.cjs.entry.js +0 -617
- package/dist/cjs/interfaces-574e6df7.js +0 -15
- package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +0 -47
- package/dist/cjs/max-width-container.cjs.entry.js +0 -54
- package/dist/cjs/ptc-img.cjs.entry.js +0 -133
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +0 -125
- package/dist/cjs/ptc-picture.cjs.entry.js +0 -163
- package/dist/esm/homepage-clickable-tab_2.entry.js +0 -48
- package/dist/esm/homepage-jumbotron.entry.js +0 -106
- package/dist/esm/icon-asset_8.entry.js +0 -606
- package/dist/esm/interfaces-4caedd26.js +0 -12
- package/dist/esm/jumbotron-sub-menu.entry.js +0 -43
- package/dist/esm/max-width-container.entry.js +0 -50
- package/dist/esm/ptc-img.entry.js +0 -129
- package/dist/esm/ptc-jumbotron.entry.js +0 -121
- package/dist/esm/ptc-picture.entry.js +0 -159
- package/dist/ptcw-design/p-0332458f.entry.js +0 -1
- package/dist/ptcw-design/p-17f2c9a5.entry.js +0 -1
- package/dist/ptcw-design/p-18aa32f9.entry.js +0 -1
- package/dist/ptcw-design/p-2cb5bb8b.entry.js +0 -1
- package/dist/ptcw-design/p-4c779f9b.entry.js +0 -1
- package/dist/ptcw-design/p-53d88f2b.entry.js +0 -1
- package/dist/ptcw-design/p-7116f7a8.entry.js +0 -1
- package/dist/ptcw-design/p-711bcdad.js +0 -1
- package/dist/ptcw-design/p-72681e91.entry.js +0 -1
- package/dist/ptcw-design/p-7964e154.entry.js +0 -1
- package/dist/ptcw-design/p-7da19723.entry.js +0 -1
- package/dist/ptcw-design/p-8110708d.entry.js +0 -1
- package/dist/ptcw-design/p-81409c08.entry.js +0 -1
- package/dist/ptcw-design/p-88ff7bc5.entry.js +0 -1
- package/dist/ptcw-design/p-973b06d1.entry.js +0 -1
- package/dist/ptcw-design/p-b54ec1f5.entry.js +0 -1
- package/dist/ptcw-design/p-c0dde215.entry.js +0 -1
- package/dist/ptcw-design/p-d9ec506c.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as i,a as e}from"./p-944c5be8.js";import{s as r}from"./p-2f4f6ccd.js";const n=class{constructor(o){t(this,o),this.locations=[],this.regions=[],this.checkboxes=[],this.openRegion="",this.isMobile=void 0,this.address=void 0,this.regionListManual=void 0,this.showMapText="Show Map",this.hideMapText="Hide Map",this.filtersText="Filters",this.allRegionsText="All Regions",this.applyText="Apply",this.clearText="Clear",this.showMap=!1}handleResize(){this.isMobile=window.innerWidth<992,this.isMobile&&(this.showMap=!1)}handleAddressClicked(t){this.address=t.detail,this.isMobile||(this.showMap=!0)}watchStateHandler(){this.checkboxes=Array.from(this.hostEl.shadowRoot.querySelectorAll('.country-list input[type="checkbox"]:checked')).map((t=>[t.value,t.getAttribute("data-continent")]))}componentDidUpdate(){this.selectCheckboxesOnScreenResize()}selectCheckboxesOnScreenResize(){this.checkboxes.forEach((t=>{const o=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t[1].replace(/\s+/g,"")}`),i=this.hostEl.shadowRoot.querySelector(`#${t[0].replace(/\s+/g,"")}`);o.classList.contains("selected")||o.classList.add("selected"),i.checked||(i.checked=!0)})),this.checkboxes=[]}componentWillLoad(){if(this.isMobile=window.innerWidth<992,document.querySelectorAll("ptc-office-location-card").forEach(((t,o)=>{const i=t.getAttribute("region"),e=t.getAttribute("country");i&&e&&this.locations.push({id:o,region:i,country:e})})),this.regionListManual){const t=this.regionListManual.split(",").map((t=>t.trim()));this.regions=t}else{const t=Array.from(new Set(this.locations.map((t=>t.region))));this.regions=t}this.showFirstMap()}toggleCountryList(t){this.openRegion=this.openRegion===t?"":t}getCheckboxes(t){return this.hostEl.shadowRoot.querySelectorAll(`.country-list #region-list-${t.replace(/\s+/g,"")} input[type="checkbox"]`)}selectedCheckboxes(){return Array.from(this.hostEl.shadowRoot.querySelectorAll('.country-list input[type="checkbox"]:checked')).map((t=>t.value))}updateOfficeList(){const t=this.selectedCheckboxes();document.querySelectorAll("ptc-office-location-card").forEach((o=>{const i=o.getAttribute("region"),e=o.getAttribute("country");o.style.display=t.length>0?t.includes(i)||t.includes(e)?"block":"none":"block"})),this.showFirstMap()}applyFilter(t){this.updateOfficeList(),this.toggleCountryList(t)}clearFilter(t){const o=this.getCheckboxes(t),i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);o.forEach((t=>{t.checked=!1})),i.classList.remove("selected"),this.updateOfficeList(),this.toggleCountryList(t)}updateCheckboxStatus(t,o){const i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`),e=this.getCheckboxes(t),r=o.target.id===`all-regions-${t.replace(/\s+/g,"")}`;let n=!1;e.forEach((t=>{r?t.checked=!!t.classList.contains("all-region-label")&&o.target.checked:t.classList.contains("all-region-label")&&(t.checked=!1),t.checked&&(n=!0)})),i.classList.toggle("selected",n)}updateSelectedClass(t){this.fadeInWrapper();const o=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);let i;this.getCheckboxes(t).forEach((t=>{t.classList.contains("all-region-label")||(t.checked=!1),t.classList.contains("all-region-label")&&(t.checked=!t.checked,i=t.checked)})),o.classList.toggle("selected",i),this.updateOfficeList(),this.toggleCountryList("")}fadeInWrapper(){const t=this.hostEl.shadowRoot.querySelector(".office-location-list-wrapper");t.classList.add("updating"),t.addEventListener("transitionend",(()=>{t.classList.remove("updating")}),{once:!0})}openFilterModal(){this.hostEl.shadowRoot.querySelector("ptc-modal").show=!0}clearFiltersMobile(){this.hostEl.shadowRoot.querySelectorAll("input[type=checkbox]").forEach((t=>{t.checked=!1})),this.updateOfficeList(),this.hostEl.shadowRoot.querySelector("ptc-modal").show=!1}applyFilterMobile(){this.updateOfficeList(),this.hostEl.shadowRoot.querySelector("ptc-modal").show=!1}renderCountrylist(t){const i=[...new Map(this.locations.filter((o=>o.region===t)).map((t=>[t.country,t]))).values()];return o("ul",{id:"region-list-"+t.replace(/\s+/g,"")},o("li",null,o("label",{htmlFor:"all-regions-"+t.replace(/\s+/g,"")},this.allRegionsText,o("input",{type:"checkbox",class:"all-region-label",id:"all-regions-"+t.replace(/\s+/g,""),value:t,"data-continent":t,onChange:o=>this.updateCheckboxStatus(t.replace(/\s+/g,""),o)}),o("span",{class:"checkmark"}))),i.map((i=>o("li",{key:i.id},o("label",{htmlFor:i.country},i.country,o("input",{type:"checkbox",id:i.country,value:i.country,"data-continent":t,onChange:o=>this.updateCheckboxStatus(t.replace(/\s+/g,""),o)}),o("span",{class:"checkmark"}))))))}toggleMap(){this.showMap=!this.showMap}showFirstMap(){const t=document.querySelectorAll("ptc-office-location-card"),o=Array.from(t).filter((t=>""===t.style.display||"block"===t.style.display));this.address=(o.length>0?o[0]:null).getAttribute("address")}render(){const t=this.getCssClassMap();return o(i,null,!this.isMobile&&o("div",{class:"region-list"},this.regions.map((t=>o("div",{class:"region "+(this.openRegion===t?"active":""),key:t.id,id:"region-wrap-"+t.replace(/\s+/g,"")},o("span",{class:"region-btn"},o("span",{class:"continent-name",onClick:()=>{this.updateSelectedClass(t.replace(/\s+/g,""))}},t),o("span",{class:"continent-arrow",onClick:()=>this.toggleCountryList(t)},o("svg",{width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M1 1L5 5L9 1",stroke:"#40434A","stroke-width":"2","stroke-linecap":"round"})))),o("div",{class:"country-list country-list-desktop"},this.renderCountrylist(t),o("div",{class:"country-list-footer"},o("ptc-button",{color:"ptc-tertiary","link-title":"Clear",type:"button",size:"small",onClick:()=>this.clearFilter(t),styles:"button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}"},this.clearText),o("ptc-button",{color:"ptc-secondary","link-title":"Apply",type:"button",size:"small",onClick:()=>this.applyFilter(t)},this.applyText)))))),o("span",{class:"map-btn",onClick:()=>{this.toggleMap()}},o("span",{class:"map-icon",innerHTML:this.showMap?'<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path fill-rule="evenodd" clip-rule="evenodd"\n d="M10.5868 2.58474C9.80356 2.2099 8.92629 2 8 2C4.68629 2 2 4.68629 2 8C2 8.72579 2.28784 9.5654 2.73742 10.4342L5.00454 8.16703C5.00151 8.11174 4.99997 8.05605 4.99997 8.00001C4.99997 6.34315 6.34312 5.00001 7.99997 5.00001C8.05602 5.00001 8.11171 5.00154 8.16699 5.00458L10.5868 2.58474ZM7.83299 10.9954C7.88826 10.9985 7.94394 11 7.99997 11C9.65683 11 11 9.65686 11 8.00001C11 7.94397 10.9984 7.8883 10.9954 7.83302L13.4153 5.41317C13.7901 6.19644 14 7.07371 14 8C14 11.3137 8 17 8 17C8 17 6.52564 15.6027 5.03862 13.7898L7.83299 10.9954Z"\n fill="#40434A" />\n <path d="M1 15L15 1" stroke="#40434A" />\n</svg>\n':r}),o("span",null,this.showMap?this.hideMapText:this.showMapText," "))),this.isMobile&&o("button",{class:"filter-cta",onClick:()=>{this.openFilterModal()}}," ",o("span",{class:"svg-close",innerHTML:'\n<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.3883 7.52054H6.17773C6.24693 7.83585 6.24693 8.16265 6.17773 8.47797H18.3883C18.4509 8.47867 18.5131 8.4668 18.5712 8.44305C18.6292 8.41931 18.6821 8.38416 18.7266 8.33964C18.7712 8.29511 18.8065 8.2421 18.8307 8.18368C18.8548 8.12525 18.8672 8.06256 18.8672 7.99925C18.8672 7.93594 18.8548 7.87325 18.8307 7.81483C18.8065 7.7564 18.7712 7.70339 18.7266 7.65887C18.6821 7.61435 18.6292 7.5792 18.5712 7.55545C18.5131 7.53171 18.4509 7.51984 18.3883 7.52054V7.52054Z" fill="#40434A"/>\n<path d="M1.88029 7.52054H0.478934C0.41629 7.51984 0.354131 7.53171 0.296055 7.55545C0.237979 7.5792 0.185141 7.61435 0.140598 7.65887C0.096056 7.70339 0.0606943 7.7564 0.0365604 7.81483C0.0124266 7.87325 0 7.93594 0 7.99925C0 8.06256 0.0124266 8.12525 0.0365604 8.18368C0.0606943 8.2421 0.096056 8.29511 0.140598 8.33964C0.185141 8.38416 0.237979 8.41931 0.296055 8.44305C0.354131 8.4668 0.41629 8.47867 0.478934 8.47797H1.88029C1.81109 8.16265 1.81109 7.83585 1.88029 7.52054V7.52054Z" fill="#40434A"/>\n<path d="M18.3894 1.74612H17.207C17.2762 2.06144 17.2762 2.38824 17.207 2.70356H18.3894C18.4521 2.70426 18.5142 2.69239 18.5723 2.66865C18.6304 2.6449 18.6832 2.60975 18.7278 2.56523C18.7723 2.52071 18.8077 2.4677 18.8318 2.40927C18.8559 2.35084 18.8684 2.28816 18.8684 2.22484C18.8684 2.16153 18.8559 2.09884 18.8318 2.04041C18.8077 1.98199 18.7723 1.92898 18.7278 1.88446C18.6832 1.83993 18.6304 1.80478 18.5723 1.78104C18.5142 1.75729 18.4521 1.74543 18.3894 1.74612V1.74612Z" fill="#40434A"/>\n<path d="M12.9086 1.74612H0.478933C0.416289 1.74543 0.35413 1.75729 0.296054 1.78104C0.237979 1.80478 0.18514 1.83993 0.140598 1.88446C0.0960558 1.92898 0.0606941 1.98199 0.0365603 2.04041C0.0124266 2.09884 0 2.16153 0 2.22484C0 2.28816 0.0124266 2.35084 0.0365603 2.40927C0.0606941 2.4677 0.0960558 2.52071 0.140598 2.56523C0.18514 2.60975 0.237979 2.6449 0.296054 2.66865C0.35413 2.69239 0.416289 2.70426 0.478933 2.70356H12.9086C12.8394 2.38824 12.8394 2.06144 12.9086 1.74612V1.74612Z" fill="#40434A"/>\n<path d="M18.3886 13.2969H13.2285C13.2978 13.6122 13.2978 13.939 13.2285 14.2543H18.3886C18.4512 14.255 18.5134 14.2432 18.5715 14.2194C18.6295 14.1957 18.6824 14.1605 18.7269 14.116C18.7715 14.0715 18.8068 14.0185 18.831 13.96C18.8551 13.9016 18.8675 13.8389 18.8675 13.7756C18.8675 13.7123 18.8551 13.6496 18.831 13.5912C18.8068 13.5328 18.7715 13.4798 18.7269 13.4352C18.6824 13.3907 18.6295 13.3556 18.5715 13.3318C18.5134 13.3081 18.4512 13.2962 18.3886 13.2969V13.2969Z" fill="#40434A"/>\n<path d="M8.93086 13.2969H0.478936C0.416291 13.2962 0.354132 13.3081 0.296056 13.3318C0.23798 13.3556 0.185142 13.3907 0.140599 13.4352C0.0960564 13.4798 0.0606945 13.5328 0.0365606 13.5912C0.0124266 13.6496 0 13.7123 0 13.7756C0 13.8389 0.0124266 13.9016 0.0365606 13.96C0.0606945 14.0185 0.0960564 14.0715 0.140599 14.116C0.185142 14.1605 0.23798 14.1957 0.296056 14.2194C0.354132 14.2432 0.416291 14.255 0.478936 14.2543H8.93086C8.86166 13.939 8.86166 13.6122 8.93086 13.2969V13.2969Z" fill="#40434A"/>\n<path d="M17.2049 1.74544C16.9877 0.748413 16.107 0 15.0561 0C14.0052 0 13.1245 0.748413 12.9074 1.74544C12.8382 2.06076 12.8382 2.38756 12.9074 2.70288C13.1247 3.69991 14.0053 4.44838 15.0563 4.44838C16.1072 4.44838 16.9877 3.69991 17.2049 2.70317C17.2741 2.38785 17.2741 2.06105 17.2049 1.74573V1.74544ZM15.0561 3.49094C14.365 3.49094 13.8027 2.92266 13.8027 2.22419C13.8027 1.52572 14.365 0.957435 15.0561 0.957435C15.7472 0.957435 16.3095 1.52566 16.3095 2.22419C16.3095 2.92271 15.7472 3.49094 15.0561 3.49094Z" fill="#40434A"/>\n<path d="M6.17784 7.5218C5.96049 6.52478 5.0798 5.77637 4.02893 5.77637C2.97806 5.77637 2.09737 6.52478 1.88002 7.5218C1.81083 7.83711 1.81083 8.16392 1.88002 8.47923C2.09737 9.47626 2.97801 10.2247 4.02893 10.2247C5.07986 10.2247 5.96049 9.47626 6.17784 8.47923C6.24704 8.16392 6.24704 7.83711 6.17784 7.5218V7.5218ZM4.02893 9.26724C3.33781 9.26724 2.77549 8.69901 2.77549 8.00049C2.77549 7.30196 3.33781 6.7338 4.02893 6.7338C4.72006 6.7338 5.28237 7.30208 5.28237 8.00049C5.28237 8.69889 4.72006 9.26724 4.02893 9.26724Z" fill="#40434A"/>\n<path d="M13.2286 13.2973C13.0113 12.3002 12.1306 11.5518 11.0797 11.5518C10.0287 11.5518 9.1481 12.3002 8.9308 13.2973C8.86161 13.6126 8.86161 13.9394 8.9308 14.2547C9.1481 15.2517 10.0288 16.0002 11.0797 16.0002C12.1305 16.0002 13.0113 15.2517 13.2286 14.2547C13.2978 13.9394 13.2978 13.6126 13.2286 13.2973ZM11.0797 15.0427C10.3885 15.0427 9.82628 14.4745 9.82628 13.776C9.82628 13.0774 10.3885 12.5092 11.0797 12.5092C11.7708 12.5092 12.3333 13.0775 12.3333 13.776C12.3333 14.4744 11.7708 15.0427 11.0797 15.0427Z" fill="#40434A"/>\n</svg>\n'}),this.filtersText),this.isMobile&&o("ptc-modal",{id:"modal-example",show:!1,size:"lg",fixed:!0,rounded:!0,"show-header-footer":"true"},o("div",{slot:"header"},o("ptc-title",{type:"h4",upperline:"no-upperline","text-align":"center","title-margin":"margin-5"},this.filtersText)),o("div",{slot:"footer",class:"modal-footer"},o("ptc-button",{color:"ptc-tertiary","link-title":"Clear",type:"button",size:"small",onClick:()=>{this.clearFiltersMobile()},styles:"button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}"},this.clearText),o("ptc-button",{color:"ptc-secondary","link-title":"Apply",type:"button",size:"small",onClick:()=>{this.applyFilterMobile()}},this.applyText)),o("div",{slot:"body"},o("div",{class:"filter-modal-body"},this.regions.map((t=>o("div",{class:"country-list country-list-mobile",key:t.id,id:"region-wrap-"+t.replace(/\s+/g,"")},o("span",{class:"continent-name"},t),this.renderCountrylist(t))))))),o("div",{class:t},o("div",{class:"ol-list-bg "},o("slot",null)),!this.isMobile&&o("div",{class:"map-embed"},o("iframe",{frameborder:"0",referrerPolicy:"no-referrer-when-downgrade",width:"100%",height:"100%",style:{border:"0"},allowfullScreen:!0,src:`https://www.google.com/maps/embed/v1/place?key=AIzaSyATvSgSVv2hH0yXiKMcBYsF26j67d3oPLg&q=${this.address}`}))))}getCssClassMap(){return{"office-location-list-wrapper":!0,"showing-map":this.showMap}}get hostEl(){return e(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};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}:host .country-list{z-index:1056;min-width:278px;position:absolute;top:100%;left:16px;width:max-content;margin-top:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:var(--ptc-border-radius-standard);box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);background-color:var(--color-white);border-top:none;overflow:hidden;max-height:0;transition:max-height 0.25s ease-out}:host .country-list ul{list-style:none;margin:0;padding:24px 24px 8px 24px;border-bottom:1px solid var(--color-gray-02);max-height:480px}@media only screen and (min-width: 992px){:host .country-list ul{overflow:auto}}:host .country-list ul::-webkit-scrollbar{width:8px}:host .country-list ul::-webkit-scrollbar-track{background:transparent}:host .country-list ul::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .country-list li{margin-bottom:1rem;cursor:pointer;transition:background-color 0.3s ease}:host .country-list li label{display:block;position:relative;padding:0 0 4px 32px;font-weight:var(--ptc-font-weight-medium);color:var(--color-gray-10);cursor:pointer}:host .country-list li label .checkmark{background-color:var(--color-white);border:1px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;left:0;position:absolute;top:0;width:20px}:host .country-list li label .checkmark::after{background-image:url(\'data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/></svg>\');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:"";display:none;height:20px;left:-1px;position:absolute;top:-1px;width:20px}:host .country-list li label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;margin:0}:host .country-list li label input:checked~.checkmark{background-color:#1f2024}:host .country-list li label input:checked~.checkmark::after{display:block}:host .country-list li label:hover .checkmark{background-color:var(--color-gray-02)}:host .country-list .country-list-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1rem}:host .country-list.country-list-mobile{display:block;position:relative;overflow:auto;max-height:100%;width:100%;box-shadow:none;margin:0;padding:24px 32px;border-top:1px solid var(--color-gray-02)}:host .country-list.country-list-mobile .continent-name{color:var(--color-gray-10);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);margin-bottom:1rem}:host .country-list.country-list-mobile ul{border:none;padding:16px 0 0 0}:host .region-list{display:flex;justify-content:center;height:100%}:host .region-list .region{position:relative}:host .region-list .region .region-btn{margin:0 0.5rem;height:100%;display:flex;cursor:pointer;position:relative}:host .region-list .region .region-btn .continent-arrow,:host .region-list .region .region-btn .continent-name{background-color:var(--color-gray-02);transition:background-color ease-out 250ms;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host .region-list .region .region-btn .continent-arrow:hover,:host .region-list .region .region-btn .continent-name:hover{background-color:var(--color-gray-03)}:host .region-list .region .region-btn .continent-name{display:flex;border-top-left-radius:270px;border-bottom-left-radius:270px;align-items:center;padding:12px 8px 12px 16px;border-right:1px solid var(--color-gray-03);text-align:center}@media only screen and (min-width: 1200px){:host .region-list .region .region-btn .continent-name{padding:12px 12px 12px 20px}}:host .region-list .region .region-btn .continent-arrow{display:flex;align-items:center;border-top-right-radius:270px;border-bottom-right-radius:270px;padding:12px 16px 12px 12px}@media only screen and (min-width: 1200px){:host .region-list .region .region-btn .continent-arrow{padding:12px 18px 12px 12px}}:host .region-list .region .region-btn .continent-arrow svg{transition:transform ease-out 250ms}:host .region-list .region.active .country-list{max-height:800px;}:host .region-list .region.active .region-btn .continent-arrow svg{transform:rotate(-180deg)}:host .region-list .region.selected .continent-arrow,:host .region-list .region.selected .continent-name{background-color:var(--color-gray-12);transition:background-color ease-out 250ms;color:var(--color-white)}:host .region-list .region.selected .continent-arrow:hover,:host .region-list .region.selected .continent-name:hover{background-color:var(--color-gray-12);color:var(--color-white)}:host .region-list .region.selected .continent-arrow svg path{stroke:var(--color-white)}:host .office-location-list-wrapper{opacity:1;transition:opacity 0.25s ease-out;margin-top:2rem}:host .office-location-list-wrapper.updating{opacity:0}:host .office-location-list-wrapper .ol-list-bg{background-color:var(--color-white);display:grid;align-content:flex-start;padding:16px;column-gap:16px;row-gap:16px;grid-template-columns:1fr;overflow-y:auto}@media only screen and (min-width: 768px){:host .office-location-list-wrapper .ol-list-bg{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper .ol-list-bg{grid-template-columns:1fr 1fr 1fr}}:host .office-location-list-wrapper .map-embed{display:none}:host .office-location-list-wrapper.showing-map{display:flex;flex-direction:row;height:56rem;max-width:1736rem}:host .office-location-list-wrapper.showing-map .ol-list-bg{width:100%;grid-template-columns:1fr}@media only screen and (min-width: 992px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:40%}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:35%}}@media only screen and (min-width: 1440px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:65%;grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){:host .office-location-list-wrapper.showing-map .map-embed{width:60%}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper.showing-map .map-embed{width:65%}}@media only screen and (min-width: 1440px){:host .office-location-list-wrapper.showing-map .map-embed{width:35%}}:host .office-location-list-wrapper.showing-map .map-embed{display:block}:host .filter-cta{background:var(--color-white);border:1px solid transparent;border-radius:var(--ptc-border-radius-pill);display:flex;flex-direction:row;margin:0 auto;padding:12px 20px;transition:border 0.25s ease-out;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10)}:host .filter-cta svg{margin-right:10px}:host .filter-cta:hover{border:1px solid var(--color-gray-02)}:host .modal-footer{display:flex;justify-items:center;justify-content:space-between;padding:0 1rem}:host .map-btn{margin:0 0.5rem;height:100%;display:flex;align-items:center;cursor:pointer;position:relative;background-color:var(--color-white);padding:9px 20px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10);border:1px solid transparent;transition:border 0.25s ease-out;box-sizing:border-box}@media only screen and (min-width: 1200px){:host .map-btn{margin:0 1rem}}:host .map-btn:hover{border:1px solid var(--color-gray-04)}:host .map-btn .map-icon{margin-right:10px;min-height:20px}';export{n as ptc_office_locations}
|
|
1
|
+
import{r as t,h as o,H as i,g as e}from"./p-ac75c7ad.js";import{s as r}from"./p-2f4f6ccd.js";const n=class{constructor(o){t(this,o),this.locations=[],this.regions=[],this.checkboxes=[],this.openRegion="",this.isMobile=void 0,this.address=void 0,this.regionListManual=void 0,this.showMapText="Show Map",this.hideMapText="Hide Map",this.filtersText="Filters",this.allRegionsText="All Regions",this.applyText="Apply",this.clearText="Clear",this.showMap=!1}handleResize(){this.isMobile=window.innerWidth<992,this.isMobile&&(this.showMap=!1)}handleAddressClicked(t){this.address=t.detail,this.isMobile||(this.showMap=!0)}watchStateHandler(){this.checkboxes=Array.from(this.hostEl.shadowRoot.querySelectorAll('.country-list input[type="checkbox"]:checked')).map((t=>[t.value,t.getAttribute("data-continent")]))}componentDidUpdate(){this.selectCheckboxesOnScreenResize()}selectCheckboxesOnScreenResize(){this.checkboxes.forEach((t=>{const o=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t[1].replace(/\s+/g,"")}`),i=this.hostEl.shadowRoot.querySelector(`#${t[0].replace(/\s+/g,"")}`);o.classList.contains("selected")||o.classList.add("selected"),i.checked||(i.checked=!0)})),this.checkboxes=[]}componentWillLoad(){if(this.isMobile=window.innerWidth<992,document.querySelectorAll("ptc-office-location-card").forEach(((t,o)=>{const i=t.getAttribute("region"),e=t.getAttribute("country");i&&e&&this.locations.push({id:o,region:i,country:e})})),this.regionListManual){const t=this.regionListManual.split(",").map((t=>t.trim()));this.regions=t}else{const t=Array.from(new Set(this.locations.map((t=>t.region))));this.regions=t}this.showFirstMap()}toggleCountryList(t){this.openRegion=this.openRegion===t?"":t}getCheckboxes(t){return this.hostEl.shadowRoot.querySelectorAll(`.country-list #region-list-${t.replace(/\s+/g,"")} input[type="checkbox"]`)}selectedCheckboxes(){return Array.from(this.hostEl.shadowRoot.querySelectorAll('.country-list input[type="checkbox"]:checked')).map((t=>t.value))}updateOfficeList(){const t=this.selectedCheckboxes();document.querySelectorAll("ptc-office-location-card").forEach((o=>{const i=o.getAttribute("region"),e=o.getAttribute("country");o.style.display=t.length>0?t.includes(i)||t.includes(e)?"block":"none":"block"})),this.showFirstMap()}applyFilter(t){this.updateOfficeList(),this.toggleCountryList(t)}clearFilter(t){const o=this.getCheckboxes(t),i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);o.forEach((t=>{t.checked=!1})),i.classList.remove("selected"),this.updateOfficeList(),this.toggleCountryList(t)}updateCheckboxStatus(t,o){const i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`),e=this.getCheckboxes(t),r=o.target.id===`all-regions-${t.replace(/\s+/g,"")}`;let n=!1;e.forEach((t=>{r?t.checked=!!t.classList.contains("all-region-label")&&o.target.checked:t.classList.contains("all-region-label")&&(t.checked=!1),t.checked&&(n=!0)})),i.classList.toggle("selected",n)}updateSelectedClass(t){this.fadeInWrapper();const o=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);let i;this.getCheckboxes(t).forEach((t=>{t.classList.contains("all-region-label")||(t.checked=!1),t.classList.contains("all-region-label")&&(t.checked=!t.checked,i=t.checked)})),o.classList.toggle("selected",i),this.updateOfficeList(),this.toggleCountryList("")}fadeInWrapper(){const t=this.hostEl.shadowRoot.querySelector(".office-location-list-wrapper");t.classList.add("updating"),t.addEventListener("transitionend",(()=>{t.classList.remove("updating")}),{once:!0})}openFilterModal(){this.hostEl.shadowRoot.querySelector("ptc-modal").show=!0}clearFiltersMobile(){this.hostEl.shadowRoot.querySelectorAll("input[type=checkbox]").forEach((t=>{t.checked=!1})),this.updateOfficeList(),this.hostEl.shadowRoot.querySelector("ptc-modal").show=!1}applyFilterMobile(){this.updateOfficeList(),this.hostEl.shadowRoot.querySelector("ptc-modal").show=!1}renderCountrylist(t){const i=[...new Map(this.locations.filter((o=>o.region===t)).map((t=>[t.country,t]))).values()];return o("ul",{id:"region-list-"+t.replace(/\s+/g,"")},o("li",null,o("label",{htmlFor:"all-regions-"+t.replace(/\s+/g,"")},this.allRegionsText,o("input",{type:"checkbox",class:"all-region-label",id:"all-regions-"+t.replace(/\s+/g,""),value:t,"data-continent":t,onChange:o=>this.updateCheckboxStatus(t.replace(/\s+/g,""),o)}),o("span",{class:"checkmark"}))),i.map((i=>o("li",{key:i.id},o("label",{htmlFor:i.country},i.country,o("input",{type:"checkbox",id:i.country,value:i.country,"data-continent":t,onChange:o=>this.updateCheckboxStatus(t.replace(/\s+/g,""),o)}),o("span",{class:"checkmark"}))))))}toggleMap(){this.showMap=!this.showMap}showFirstMap(){const t=document.querySelectorAll("ptc-office-location-card"),o=Array.from(t).filter((t=>""===t.style.display||"block"===t.style.display));this.address=(o.length>0?o[0]:null).getAttribute("address")}render(){const t=this.getCssClassMap();return o(i,null,!this.isMobile&&o("div",{class:"region-list"},this.regions.map((t=>o("div",{class:"region "+(this.openRegion===t?"active":""),key:t.id,id:"region-wrap-"+t.replace(/\s+/g,"")},o("span",{class:"region-btn"},o("span",{class:"continent-name",onClick:()=>{this.updateSelectedClass(t.replace(/\s+/g,""))}},t),o("span",{class:"continent-arrow",onClick:()=>this.toggleCountryList(t)},o("svg",{width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M1 1L5 5L9 1",stroke:"#40434A","stroke-width":"2","stroke-linecap":"round"})))),o("div",{class:"country-list country-list-desktop"},this.renderCountrylist(t),o("div",{class:"country-list-footer"},o("ptc-button",{color:"ptc-tertiary","link-title":"Clear",type:"button",size:"small",onClick:()=>this.clearFilter(t),styles:"button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}"},this.clearText),o("ptc-button",{color:"ptc-secondary","link-title":"Apply",type:"button",size:"small",onClick:()=>this.applyFilter(t)},this.applyText)))))),o("span",{class:"map-btn",onClick:()=>{this.toggleMap()}},o("span",{class:"map-icon",innerHTML:this.showMap?'<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path fill-rule="evenodd" clip-rule="evenodd"\n d="M10.5868 2.58474C9.80356 2.2099 8.92629 2 8 2C4.68629 2 2 4.68629 2 8C2 8.72579 2.28784 9.5654 2.73742 10.4342L5.00454 8.16703C5.00151 8.11174 4.99997 8.05605 4.99997 8.00001C4.99997 6.34315 6.34312 5.00001 7.99997 5.00001C8.05602 5.00001 8.11171 5.00154 8.16699 5.00458L10.5868 2.58474ZM7.83299 10.9954C7.88826 10.9985 7.94394 11 7.99997 11C9.65683 11 11 9.65686 11 8.00001C11 7.94397 10.9984 7.8883 10.9954 7.83302L13.4153 5.41317C13.7901 6.19644 14 7.07371 14 8C14 11.3137 8 17 8 17C8 17 6.52564 15.6027 5.03862 13.7898L7.83299 10.9954Z"\n fill="#40434A" />\n <path d="M1 15L15 1" stroke="#40434A" />\n</svg>\n':r}),o("span",null,this.showMap?this.hideMapText:this.showMapText," "))),this.isMobile&&o("button",{class:"filter-cta",onClick:()=>{this.openFilterModal()}}," ",o("span",{class:"svg-close",innerHTML:'\n<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.3883 7.52054H6.17773C6.24693 7.83585 6.24693 8.16265 6.17773 8.47797H18.3883C18.4509 8.47867 18.5131 8.4668 18.5712 8.44305C18.6292 8.41931 18.6821 8.38416 18.7266 8.33964C18.7712 8.29511 18.8065 8.2421 18.8307 8.18368C18.8548 8.12525 18.8672 8.06256 18.8672 7.99925C18.8672 7.93594 18.8548 7.87325 18.8307 7.81483C18.8065 7.7564 18.7712 7.70339 18.7266 7.65887C18.6821 7.61435 18.6292 7.5792 18.5712 7.55545C18.5131 7.53171 18.4509 7.51984 18.3883 7.52054V7.52054Z" fill="#40434A"/>\n<path d="M1.88029 7.52054H0.478934C0.41629 7.51984 0.354131 7.53171 0.296055 7.55545C0.237979 7.5792 0.185141 7.61435 0.140598 7.65887C0.096056 7.70339 0.0606943 7.7564 0.0365604 7.81483C0.0124266 7.87325 0 7.93594 0 7.99925C0 8.06256 0.0124266 8.12525 0.0365604 8.18368C0.0606943 8.2421 0.096056 8.29511 0.140598 8.33964C0.185141 8.38416 0.237979 8.41931 0.296055 8.44305C0.354131 8.4668 0.41629 8.47867 0.478934 8.47797H1.88029C1.81109 8.16265 1.81109 7.83585 1.88029 7.52054V7.52054Z" fill="#40434A"/>\n<path d="M18.3894 1.74612H17.207C17.2762 2.06144 17.2762 2.38824 17.207 2.70356H18.3894C18.4521 2.70426 18.5142 2.69239 18.5723 2.66865C18.6304 2.6449 18.6832 2.60975 18.7278 2.56523C18.7723 2.52071 18.8077 2.4677 18.8318 2.40927C18.8559 2.35084 18.8684 2.28816 18.8684 2.22484C18.8684 2.16153 18.8559 2.09884 18.8318 2.04041C18.8077 1.98199 18.7723 1.92898 18.7278 1.88446C18.6832 1.83993 18.6304 1.80478 18.5723 1.78104C18.5142 1.75729 18.4521 1.74543 18.3894 1.74612V1.74612Z" fill="#40434A"/>\n<path d="M12.9086 1.74612H0.478933C0.416289 1.74543 0.35413 1.75729 0.296054 1.78104C0.237979 1.80478 0.18514 1.83993 0.140598 1.88446C0.0960558 1.92898 0.0606941 1.98199 0.0365603 2.04041C0.0124266 2.09884 0 2.16153 0 2.22484C0 2.28816 0.0124266 2.35084 0.0365603 2.40927C0.0606941 2.4677 0.0960558 2.52071 0.140598 2.56523C0.18514 2.60975 0.237979 2.6449 0.296054 2.66865C0.35413 2.69239 0.416289 2.70426 0.478933 2.70356H12.9086C12.8394 2.38824 12.8394 2.06144 12.9086 1.74612V1.74612Z" fill="#40434A"/>\n<path d="M18.3886 13.2969H13.2285C13.2978 13.6122 13.2978 13.939 13.2285 14.2543H18.3886C18.4512 14.255 18.5134 14.2432 18.5715 14.2194C18.6295 14.1957 18.6824 14.1605 18.7269 14.116C18.7715 14.0715 18.8068 14.0185 18.831 13.96C18.8551 13.9016 18.8675 13.8389 18.8675 13.7756C18.8675 13.7123 18.8551 13.6496 18.831 13.5912C18.8068 13.5328 18.7715 13.4798 18.7269 13.4352C18.6824 13.3907 18.6295 13.3556 18.5715 13.3318C18.5134 13.3081 18.4512 13.2962 18.3886 13.2969V13.2969Z" fill="#40434A"/>\n<path d="M8.93086 13.2969H0.478936C0.416291 13.2962 0.354132 13.3081 0.296056 13.3318C0.23798 13.3556 0.185142 13.3907 0.140599 13.4352C0.0960564 13.4798 0.0606945 13.5328 0.0365606 13.5912C0.0124266 13.6496 0 13.7123 0 13.7756C0 13.8389 0.0124266 13.9016 0.0365606 13.96C0.0606945 14.0185 0.0960564 14.0715 0.140599 14.116C0.185142 14.1605 0.23798 14.1957 0.296056 14.2194C0.354132 14.2432 0.416291 14.255 0.478936 14.2543H8.93086C8.86166 13.939 8.86166 13.6122 8.93086 13.2969V13.2969Z" fill="#40434A"/>\n<path d="M17.2049 1.74544C16.9877 0.748413 16.107 0 15.0561 0C14.0052 0 13.1245 0.748413 12.9074 1.74544C12.8382 2.06076 12.8382 2.38756 12.9074 2.70288C13.1247 3.69991 14.0053 4.44838 15.0563 4.44838C16.1072 4.44838 16.9877 3.69991 17.2049 2.70317C17.2741 2.38785 17.2741 2.06105 17.2049 1.74573V1.74544ZM15.0561 3.49094C14.365 3.49094 13.8027 2.92266 13.8027 2.22419C13.8027 1.52572 14.365 0.957435 15.0561 0.957435C15.7472 0.957435 16.3095 1.52566 16.3095 2.22419C16.3095 2.92271 15.7472 3.49094 15.0561 3.49094Z" fill="#40434A"/>\n<path d="M6.17784 7.5218C5.96049 6.52478 5.0798 5.77637 4.02893 5.77637C2.97806 5.77637 2.09737 6.52478 1.88002 7.5218C1.81083 7.83711 1.81083 8.16392 1.88002 8.47923C2.09737 9.47626 2.97801 10.2247 4.02893 10.2247C5.07986 10.2247 5.96049 9.47626 6.17784 8.47923C6.24704 8.16392 6.24704 7.83711 6.17784 7.5218V7.5218ZM4.02893 9.26724C3.33781 9.26724 2.77549 8.69901 2.77549 8.00049C2.77549 7.30196 3.33781 6.7338 4.02893 6.7338C4.72006 6.7338 5.28237 7.30208 5.28237 8.00049C5.28237 8.69889 4.72006 9.26724 4.02893 9.26724Z" fill="#40434A"/>\n<path d="M13.2286 13.2973C13.0113 12.3002 12.1306 11.5518 11.0797 11.5518C10.0287 11.5518 9.1481 12.3002 8.9308 13.2973C8.86161 13.6126 8.86161 13.9394 8.9308 14.2547C9.1481 15.2517 10.0288 16.0002 11.0797 16.0002C12.1305 16.0002 13.0113 15.2517 13.2286 14.2547C13.2978 13.9394 13.2978 13.6126 13.2286 13.2973ZM11.0797 15.0427C10.3885 15.0427 9.82628 14.4745 9.82628 13.776C9.82628 13.0774 10.3885 12.5092 11.0797 12.5092C11.7708 12.5092 12.3333 13.0775 12.3333 13.776C12.3333 14.4744 11.7708 15.0427 11.0797 15.0427Z" fill="#40434A"/>\n</svg>\n'}),this.filtersText),this.isMobile&&o("ptc-modal",{id:"modal-example",show:!1,size:"lg",fixed:!0,rounded:!0,"show-header-footer":"true"},o("div",{slot:"header"},o("ptc-title",{type:"h4",upperline:"no-upperline","text-align":"center","title-margin":"margin-5"},this.filtersText)),o("div",{slot:"footer",class:"modal-footer"},o("ptc-button",{color:"ptc-tertiary","link-title":"Clear",type:"button",size:"small",onClick:()=>{this.clearFiltersMobile()},styles:"button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}"},this.clearText),o("ptc-button",{color:"ptc-secondary","link-title":"Apply",type:"button",size:"small",onClick:()=>{this.applyFilterMobile()}},this.applyText)),o("div",{slot:"body"},o("div",{class:"filter-modal-body"},this.regions.map((t=>o("div",{class:"country-list country-list-mobile",key:t.id,id:"region-wrap-"+t.replace(/\s+/g,"")},o("span",{class:"continent-name"},t),this.renderCountrylist(t))))))),o("div",{class:t},o("div",{class:"ol-list-bg "},o("slot",null)),!this.isMobile&&o("div",{class:"map-embed"},o("iframe",{frameborder:"0",referrerPolicy:"no-referrer-when-downgrade",width:"100%",height:"100%",style:{border:"0"},allowfullScreen:!0,src:`https://www.google.com/maps/embed/v1/place?key=AIzaSyATvSgSVv2hH0yXiKMcBYsF26j67d3oPLg&q=${this.address}`}))))}getCssClassMap(){return{"office-location-list-wrapper":!0,"showing-map":this.showMap}}get hostEl(){return e(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};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}:host .country-list{z-index:1056;min-width:278px;position:absolute;top:100%;left:16px;width:max-content;margin-top:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:var(--ptc-border-radius-standard);box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);background-color:var(--color-white);border-top:none;overflow:hidden;max-height:0;transition:max-height 0.25s ease-out}:host .country-list ul{list-style:none;margin:0;padding:24px 24px 8px 24px;border-bottom:1px solid var(--color-gray-02);max-height:480px}@media only screen and (min-width: 992px){:host .country-list ul{overflow:auto}}:host .country-list ul::-webkit-scrollbar{width:8px}:host .country-list ul::-webkit-scrollbar-track{background:transparent}:host .country-list ul::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .country-list li{margin-bottom:1rem;cursor:pointer;transition:background-color 0.3s ease}:host .country-list li label{display:block;position:relative;padding:0 0 4px 32px;font-weight:var(--ptc-font-weight-medium);color:var(--color-gray-10);cursor:pointer}:host .country-list li label .checkmark{background-color:var(--color-white);border:1px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;left:0;position:absolute;top:0;width:20px}:host .country-list li label .checkmark::after{background-image:url(\'data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/></svg>\');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:"";display:none;height:20px;left:-1px;position:absolute;top:-1px;width:20px}:host .country-list li label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;margin:0}:host .country-list li label input:checked~.checkmark{background-color:#1f2024}:host .country-list li label input:checked~.checkmark::after{display:block}:host .country-list li label:hover .checkmark{background-color:var(--color-gray-02)}:host .country-list .country-list-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1rem}:host .country-list.country-list-mobile{display:block;position:relative;overflow:auto;max-height:100%;width:100%;box-shadow:none;margin:0;padding:24px 32px;border-top:1px solid var(--color-gray-02)}:host .country-list.country-list-mobile .continent-name{color:var(--color-gray-10);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);margin-bottom:1rem}:host .country-list.country-list-mobile ul{border:none;padding:16px 0 0 0}:host .region-list{display:flex;justify-content:center;height:100%}:host .region-list .region{position:relative}:host .region-list .region .region-btn{margin:0 0.5rem;height:100%;display:flex;cursor:pointer;position:relative}:host .region-list .region .region-btn .continent-arrow,:host .region-list .region .region-btn .continent-name{background-color:var(--color-gray-02);transition:background-color ease-out 250ms;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host .region-list .region .region-btn .continent-arrow:hover,:host .region-list .region .region-btn .continent-name:hover{background-color:var(--color-gray-03)}:host .region-list .region .region-btn .continent-name{display:flex;border-top-left-radius:270px;border-bottom-left-radius:270px;align-items:center;padding:12px 8px 12px 16px;border-right:1px solid var(--color-gray-03);text-align:center}@media only screen and (min-width: 1200px){:host .region-list .region .region-btn .continent-name{padding:12px 12px 12px 20px}}:host .region-list .region .region-btn .continent-arrow{display:flex;align-items:center;border-top-right-radius:270px;border-bottom-right-radius:270px;padding:12px 16px 12px 12px}@media only screen and (min-width: 1200px){:host .region-list .region .region-btn .continent-arrow{padding:12px 18px 12px 12px}}:host .region-list .region .region-btn .continent-arrow svg{transition:transform ease-out 250ms}:host .region-list .region.active .country-list{max-height:800px;}:host .region-list .region.active .region-btn .continent-arrow svg{transform:rotate(-180deg)}:host .region-list .region.selected .continent-arrow,:host .region-list .region.selected .continent-name{background-color:var(--color-gray-12);transition:background-color ease-out 250ms;color:var(--color-white)}:host .region-list .region.selected .continent-arrow:hover,:host .region-list .region.selected .continent-name:hover{background-color:var(--color-gray-12);color:var(--color-white)}:host .region-list .region.selected .continent-arrow svg path{stroke:var(--color-white)}:host .office-location-list-wrapper{opacity:1;transition:opacity 0.25s ease-out;margin-top:2rem}:host .office-location-list-wrapper.updating{opacity:0}:host .office-location-list-wrapper .ol-list-bg{background-color:var(--color-white);display:grid;align-content:flex-start;padding:16px;column-gap:16px;row-gap:16px;grid-template-columns:1fr;overflow-y:auto}@media only screen and (min-width: 768px){:host .office-location-list-wrapper .ol-list-bg{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper .ol-list-bg{grid-template-columns:1fr 1fr 1fr}}:host .office-location-list-wrapper .map-embed{display:none}:host .office-location-list-wrapper.showing-map{display:flex;flex-direction:row;height:56rem;max-width:1736rem}:host .office-location-list-wrapper.showing-map .ol-list-bg{width:100%;grid-template-columns:1fr}@media only screen and (min-width: 992px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:40%}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:35%}}@media only screen and (min-width: 1440px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:65%;grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){:host .office-location-list-wrapper.showing-map .map-embed{width:60%}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper.showing-map .map-embed{width:65%}}@media only screen and (min-width: 1440px){:host .office-location-list-wrapper.showing-map .map-embed{width:35%}}:host .office-location-list-wrapper.showing-map .map-embed{display:block}:host .filter-cta{background:var(--color-white);border:1px solid transparent;border-radius:var(--ptc-border-radius-pill);display:flex;flex-direction:row;margin:0 auto;padding:12px 20px;transition:border 0.25s ease-out;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10)}:host .filter-cta svg{margin-right:10px}:host .filter-cta:hover{border:1px solid var(--color-gray-02)}:host .modal-footer{display:flex;justify-items:center;justify-content:space-between;padding:0 1rem}:host .map-btn{margin:0 0.5rem;height:100%;display:flex;align-items:center;cursor:pointer;position:relative;background-color:var(--color-white);padding:9px 20px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10);border:1px solid transparent;transition:border 0.25s ease-out;box-sizing:border-box}@media only screen and (min-width: 1200px){:host .map-btn{margin:0 1rem}}:host .map-btn:hover{border:1px solid var(--color-gray-04)}:host .map-btn .map-icon{margin-right:10px;min-height:20px}';export{n as ptc_office_locations}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as t,a as r}from"./p-944c5be8.js";import{g as s,i as a,e as n,n as o,a as p,b as l,S as w}from"./p-6914b70c.js";import{N as d,P as c}from"./p-8f6af405.js";function h({swiper:e,extendParams:i,on:t,emit:r,params:a}){let n,o;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let p,l,w,d,c,h,g,u=a&&a.autoplay?a.autoplay.delay:3e3,b=a&&a.autoplay?a.autoplay.delay:3e3,A=(new Date).getTime;function m(i){e&&!e.destroyed&&e.wrapperEl&&i.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),z())}const f=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?l=!0:l&&(b=p,l=!1);const i=e.autoplay.paused?p:A+b-(new Date).getTime();e.autoplay.timeLeft=i,r("autoplayTimeLeft",i,i/u),o=requestAnimationFrame((()=>{f()}))},v=i=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(o),f();let t=void 0===i?e.params.autoplay.delay:i;u=e.params.autoplay.delay,b=e.params.autoplay.delay;const s=(()=>{let i;if(i=e.virtual&&e.params.virtual.enabled?e.slides.filter((e=>e.classList.contains("swiper-slide-active")))[0]:e.slides[e.activeIndex],i)return parseInt(i.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(s)&&s>0&&void 0===i&&(t=s,u=s,b=s),p=t;const a=e.params.speed,l=()=>{e&&!e.destroyed&&(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(a,!0,!0),r("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,a,!0,!0),r("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(a,!0,!0),r("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,a,!0,!0),r("autoplay")),e.params.cssMode&&(A=(new Date).getTime(),requestAnimationFrame((()=>{v()}))))};return t>0?(clearTimeout(n),n=setTimeout((()=>{l()}),t)):requestAnimationFrame((()=>{l()})),t},y=()=>{e.autoplay.running=!0,v(),r("autoplayStart")},x=()=>{e.autoplay.running=!1,clearTimeout(n),cancelAnimationFrame(o),r("autoplayStop")},k=(i,t)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(n),i||(g=!0);const s=()=>{r("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):z()};if(e.autoplay.paused=!0,t)return h&&(p=e.params.autoplay.delay),h=!1,void s();p=(p||e.params.autoplay.delay)-((new Date).getTime()-A),e.isEnd&&p<0&&!e.params.loop||(p<0&&(p=0),s())},z=()=>{e.isEnd&&p<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(A=(new Date).getTime(),g?(g=!1,v(p)):v(),e.autoplay.paused=!1,r("autoplayResume"))},B=()=>{if(e.destroyed||!e.autoplay.running)return;const i=s();"hidden"===i.visibilityState&&(g=!0,k(!0)),"visible"===i.visibilityState&&z()},M=e=>{"mouse"===e.pointerType&&(g=!0,k(!0))},Y=i=>{"mouse"===i.pointerType&&e.autoplay.paused&&z()};t("init",(()=>{e.params.autoplay.enabled&&(e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",M),e.el.addEventListener("pointerleave",Y)),s().addEventListener("visibilitychange",B),A=(new Date).getTime(),y())})),t("destroy",(()=>{e.el.removeEventListener("pointerenter",M),e.el.removeEventListener("pointerleave",Y),s().removeEventListener("visibilitychange",B),e.autoplay.running&&x()})),t("beforeTransitionStart",((i,t,r)=>{!e.destroyed&&e.autoplay.running&&(r||!e.params.autoplay.disableOnInteraction?k(!0,!0):x())})),t("sliderFirstMove",(()=>{!e.destroyed&&e.autoplay.running&&(e.params.autoplay.disableOnInteraction?x():(w=!0,d=!1,g=!1,c=setTimeout((()=>{g=!0,d=!0,k(!0)}),200)))})),t("touchEnd",(()=>{if(!e.destroyed&&e.autoplay.running&&w){if(clearTimeout(c),clearTimeout(n),e.params.autoplay.disableOnInteraction)return d=!1,void(w=!1);d&&e.params.cssMode&&z(),d=!1,w=!1}})),t("slideChange",(()=>{!e.destroyed&&e.autoplay.running&&(h=!0)})),Object.assign(e.autoplay,{start:y,stop:x,pause:k,resume:z})}function g({swiper:e,extendParams:i,on:t}){i({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,o=!1;function p(){const i=e.thumbs.swiper;if(!i||i.destroyed)return;const t=i.clickedIndex,r=i.clickedSlide;if(r&&r.classList.contains(e.params.thumbs.slideThumbActiveClass))return;if(null==t)return;let s;s=i.params.loop?parseInt(i.clickedSlide.getAttribute("data-swiper-slide-index"),10):t,e.params.loop?e.slideToLoop(s):e.slideTo(s)}function l(){const{thumbs:i}=e.params;if(r)return!1;r=!0;const t=e.constructor;if(i.swiper instanceof t)e.thumbs.swiper=i.swiper,Object.assign(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper.update();else if(a(i.swiper)){const r=Object.assign({},i.swiper);Object.assign(r,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new t(r),o=!0}return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",p),!0}function w(i){const t=e.thumbs.swiper;if(!t||t.destroyed)return;const r="auto"===t.params.slidesPerView?t.slidesPerViewDynamic():t.params.slidesPerView;let s=1;const a=e.params.thumbs.slideThumbActiveClass;if(e.params.slidesPerView>1&&!e.params.centeredSlides&&(s=e.params.slidesPerView),e.params.thumbs.multipleActiveThumbs||(s=1),s=Math.floor(s),t.slides.forEach((e=>e.classList.remove(a))),t.params.loop||t.params.virtual&&t.params.virtual.enabled)for(let i=0;i<s;i+=1)n(t.slidesEl,`[data-swiper-slide-index="${e.realIndex+i}"]`).forEach((e=>{e.classList.add(a)}));else for(let i=0;i<s;i+=1)t.slides[e.realIndex+i]&&t.slides[e.realIndex+i].classList.add(a);const o=e.params.thumbs.autoScrollOffset,p=o&&!t.params.loop;if(e.realIndex!==t.realIndex||p){const s=t.activeIndex;let a,n;if(t.params.loop){const i=t.slides.filter((i=>i.getAttribute("data-swiper-slide-index")===`${e.realIndex}`))[0];a=t.slides.indexOf(i),n=e.activeIndex>e.previousIndex?"next":"prev"}else a=e.realIndex,n=a>e.previousIndex?"next":"prev";p&&(a+="next"===n?o:-1*o),t.visibleSlidesIndexes&&t.visibleSlidesIndexes.indexOf(a)<0&&(t.params.centeredSlides&&(a=a>s?a-Math.floor(r/2)+1:a+Math.floor(r/2)-1),t.slideTo(a,i?0:void 0))}}e.thumbs={swiper:null},t("beforeInit",(()=>{const{thumbs:i}=e.params;if(i&&i.swiper)if("string"==typeof i.swiper||i.swiper instanceof HTMLElement){const t=s(),r=()=>{const r="string"==typeof i.swiper?t.querySelector(i.swiper):i.swiper;if(r&&r.swiper)i.swiper=r.swiper,l(),w(!0);else if(r){const t=s=>{i.swiper=s.detail[0],r.removeEventListener("init",t),l(),w(!0),i.swiper.update(),e.update()};r.addEventListener("init",t)}return r},a=()=>{e.destroyed||r()||requestAnimationFrame(a)};requestAnimationFrame(a)}else l(),w(!0)})),t("slideChange update resize observerUpdate",(()=>{w()})),t("setTransition",((i,t)=>{const r=e.thumbs.swiper;r&&!r.destroyed&&r.setTransition(t)})),t("beforeDestroy",(()=>{const i=e.thumbs.swiper;i&&!i.destroyed&&o&&i.destroy()})),Object.assign(e.thumbs,{init:l,update:w})}function u({swiper:e,extendParams:i,emit:t,once:r}){i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(e,{freeMode:{onTouchStart:function(){if(e.params.cssMode)return;const i=e.getTranslate();e.setTranslate(i),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})},onTouchMove:function(){if(e.params.cssMode)return;const{touchEventsData:i,touches:t}=e;0===i.velocities.length&&i.velocities.push({position:t[e.isHorizontal()?"startX":"startY"],time:i.touchStartTime}),i.velocities.push({position:t[e.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function({currentPos:i}){if(e.params.cssMode)return;const{params:s,wrapperEl:a,rtlTranslate:n,snapGrid:l,touchEventsData:w}=e,d=o()-w.touchStartTime;if(i<-e.minTranslate())e.slideTo(e.activeIndex);else if(i>-e.maxTranslate())e.slideTo(e.slides.length<l.length?l.length-1:e.slides.length-1);else{if(s.freeMode.momentum){if(w.velocities.length>1){const i=w.velocities.pop(),t=w.velocities.pop(),r=i.time-t.time;e.velocity=(i.position-t.position)/r,e.velocity/=2,Math.abs(e.velocity)<s.freeMode.minimumVelocity&&(e.velocity=0),(r>150||o()-i.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=s.freeMode.momentumVelocityRatio,w.velocities.length=0;let i=1e3*s.freeMode.momentumRatio,d=e.translate+e.velocity*i;n&&(d=-d);let c,h=!1;const g=20*Math.abs(e.velocity)*s.freeMode.momentumBounceRatio;let u;if(d<e.maxTranslate())s.freeMode.momentumBounce?(d+e.maxTranslate()<-g&&(d=e.maxTranslate()-g),c=e.maxTranslate(),h=!0,w.allowMomentumBounce=!0):d=e.maxTranslate(),s.loop&&s.centeredSlides&&(u=!0);else if(d>e.minTranslate())s.freeMode.momentumBounce?(d-e.minTranslate()>g&&(d=e.minTranslate()+g),c=e.minTranslate(),h=!0,w.allowMomentumBounce=!0):d=e.minTranslate(),s.loop&&s.centeredSlides&&(u=!0);else if(s.freeMode.sticky){let i;for(let e=0;e<l.length;e+=1)if(l[e]>-d){i=e;break}d=Math.abs(l[i]-d)<Math.abs(l[i-1]-d)||"next"===e.swipeDirection?l[i]:l[i-1],d=-d}if(u&&r("transitionEnd",(()=>{e.loopFix()})),0!==e.velocity){if(i=n?Math.abs((-d-e.translate)/e.velocity):Math.abs((d-e.translate)/e.velocity),s.freeMode.sticky){const t=Math.abs((n?-d:d)-e.translate),r=e.slidesSizesGrid[e.activeIndex];i=t<r?s.speed:t<2*r?1.5*s.speed:2.5*s.speed}}else if(s.freeMode.sticky)return void e.slideToClosest();s.freeMode.momentumBounce&&h?(e.updateProgress(c),e.setTransition(i),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating=!0,p(a,(()=>{e&&!e.destroyed&&w.allowMomentumBounce&&(t("momentumBounce"),e.setTransition(s.speed),setTimeout((()=>{e.setTranslate(c),p(a,(()=>{e&&!e.destroyed&&e.transitionEnd()}))}),0))}))):e.velocity?(t("_freeModeNoMomentumRelease"),e.updateProgress(d),e.setTransition(i),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,p(a,(()=>{e&&!e.destroyed&&e.transitionEnd()})))):e.updateProgress(d),e.updateActiveIndex(),e.updateSlidesClasses()}else{if(s.freeMode.sticky)return void e.slideToClosest();s.freeMode&&t("_freeModeNoMomentumRelease")}(!s.freeMode.momentum||d>=s.longSwipesMs)&&(e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}}}})}function b({swiper:e,extendParams:i}){let t,r,s;i({grid:{rows:1,fill:"column"}});const a=()=>{let i=e.params.spaceBetween;return"string"==typeof i&&i.indexOf("%")>=0?i=parseFloat(i.replace("%",""))/100*e.size:"string"==typeof i&&(i=parseFloat(i)),i};e.grid={initSlides:i=>{const{slidesPerView:a}=e.params,{rows:n,fill:o}=e.params.grid;s=Math.floor(i/n),t=Math.floor(i/n)===i/n?i:Math.ceil(i/n)*n,"auto"!==a&&"row"===o&&(t=Math.max(t,a*n)),r=t/n},updateSlide:(i,n,o,p)=>{const{slidesPerGroup:l}=e.params,w=a(),{rows:d,fill:c}=e.params.grid;let h,g,u;if("row"===c&&l>1){const e=Math.floor(i/(l*d)),r=i-d*l*e,s=0===e?l:Math.min(Math.ceil((o-e*d*l)/d),l);u=Math.floor(r/s),g=r-u*s+e*l,h=g+u*t/d,n.style.order=h}else"column"===c?(g=Math.floor(i/d),u=i-g*d,(g>s||g===s&&u===d-1)&&(u+=1,u>=d&&(u=0,g+=1))):(u=Math.floor(i/r),g=i-u*r);n.row=u,n.column=g,n.style[p("margin-top")]=0!==u?w&&`${w}px`:""},updateWrapperSize:(i,r,s)=>{const{centeredSlides:n,roundLengths:o}=e.params,p=a(),{rows:l}=e.params.grid;if(e.virtualSize=(i+p)*t,e.virtualSize=Math.ceil(e.virtualSize/l)-p,e.wrapperEl.style[s("width")]=`${e.virtualSize+p}px`,n){const i=[];for(let t=0;t<r.length;t+=1){let s=r[t];o&&(s=Math.floor(s)),r[t]<e.virtualSize+r[0]&&i.push(s)}r.splice(0,r.length),r.push(...i)}}}}function A(e,i){const t=l(i);return t!==i&&(t.style.backfaceVisibility="hidden",t.style["-webkit-backface-visibility"]="hidden"),t}function m({swiper:e,extendParams:i,on:t}){i({fadeEffect:{crossFade:!1}}),function(e){const{effect:i,swiper:t,on:r,setTranslate:s,setTransition:a,overwriteParams:n,perspective:o,recreateShadows:p,getEffectParams:l}=e;let w;r("beforeInit",(()=>{if(t.params.effect!==i)return;t.classNames.push(`${t.params.containerModifierClass}${i}`),o&&o()&&t.classNames.push(`${t.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(t.params,e),Object.assign(t.originalParams,e)})),r("setTranslate",(()=>{t.params.effect===i&&s()})),r("setTransition",((e,r)=>{t.params.effect===i&&a(r)})),r("transitionEnd",(()=>{if(t.params.effect===i&&p){if(!l||!l().slideShadows)return;t.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),p()}})),r("virtualUpdate",(()=>{t.params.effect===i&&(t.slides.length||(w=!0),requestAnimationFrame((()=>{w&&t.slides&&t.slides.length&&(s(),w=!1)})))}))}({effect:"fade",swiper:e,on:t,setTranslate:()=>{const{slides:i}=e;for(let t=0;t<i.length;t+=1){const i=e.slides[t];let r=-i.swiperSlideOffset;e.params.virtualTranslate||(r-=e.translate);let s=0;e.isHorizontal()||(s=r,r=0);const a=e.params.fadeEffect.crossFade?Math.max(1-Math.abs(i.progress),0):1+Math.min(Math.max(i.progress,-1),0),n=A(0,i);n.style.opacity=a,n.style.transform=`translate3d(${r}px, ${s}px, 0px)`}},setTransition:i=>{const t=e.slides.map((e=>l(e)));t.forEach((e=>{e.style.transitionDuration=`${i}ms`})),function({swiper:e,duration:i,transformElements:t,allSlides:r}){const{activeIndex:s}=e;if(e.params.virtualTranslate&&0!==i){let i,a=!1;i=r?t:t.filter((i=>{const t=i.classList.contains("swiper-slide-transform")?(i=>i.parentElement?i.parentElement:e.slides.filter((e=>e.shadowEl&&e.shadowEl===i.parentNode))[0])(i):i;return e.getSlideIndex(t)===s})),i.forEach((i=>{p(i,(()=>{if(a)return;if(!e||e.destroyed)return;a=!0,e.animating=!1;const i=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});e.wrapperEl.dispatchEvent(i)}))}))}}({swiper:e,duration:i,transformElements:t,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})}const f=class{constructor(i){e(this,i),this.caseStudiesThumbs=null,this.caseStudiesSlides=null}componentDidLoad(){this.initSlider(),this.slideChangeHandler(),this.renderSlides("swiper-slide-thumb","swiper-wrapper-thumbs"),this.renderSlides("swiper-slide-content","swiper-wrapper-content")}initSlider(){this.caseStudiesThumbs=new w(this.caeStudiesThumbRef,{modules:[d,c,u,b],loop:!1,slidesPerView:"auto",freeMode:!0,watchSlidesProgress:!0,centerInsufficientSlides:!0,breakpoints:{992:{slidesPerView:7}}}),this.caseStudiesSlides=new w(this.caseStudiesSlidesRef,{modules:[d,c,g,h,m],loop:!1,grabCursor:!0,effect:"fade",autoplay:{delay:1e4,disableOnInteraction:!1,waitForTransition:!0},thumbs:{swiper:this.caseStudiesThumbs},pagination:{el:this.paginationRef,clickable:!0}})}slideChangeHandler(){this.caseStudiesSlides.on("slideChange",(()=>{const e=this.caseStudiesSlides.slides[this.caseStudiesSlides.activeIndex].querySelector("ptc-text-copy-with-background").shadowRoot,i=e.querySelector(".card-wrap"),t=e.querySelector(".card-wrap").parentNode;t.removeChild(i),t.appendChild(i)}))}renderSlides(e,i){const t=Array.from(this.hostElement.querySelectorAll("."+e));if(t.length>0){const e=this.hostElement.shadowRoot.querySelector("."+i);t.forEach(((i,t)=>{const r=i.cloneNode(!0);e.appendChild(r);const s=i.querySelector("img");s&&s.addEventListener("click",(()=>{this.caseStudiesSlides.slideTo(t)}))}))}}render(){return i(t,null,i("div",{class:"ptc-container"},i("div",{class:"case-studies-thumbs",ref:e=>this.caeStudiesThumbRef=e},i("span",{class:"hide"},i("slot",{name:"thumb-slides"})),i("div",{class:"swiper-wrapper swiper-wrapper-thumbs"}))),i("div",{class:"case-studies-slides",ref:e=>this.caseStudiesSlidesRef=e},i("span",{class:"hide"},i("slot",{name:"content-slides"})),i("div",{class:"swiper-wrapper swiper-wrapper-content"}),i("div",{class:"swiper-pagination",ref:e=>this.paginationRef=e})))}get hostElement(){return r(this)}};f.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;overflow:hidden}:host *{box-sizing:border-box}:host .hide{display:none}:host .case-studies-slides{height:80%;width:100%;padding-bottom:20px;position:relative}@media only screen and (min-width: 768px){:host .case-studies-slides{padding-bottom:0px}}:host .case-studies-slides .swiper-slide{visibility:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:30px}:host .case-studies-slides .swiper-slide.swiper-slide-prev{visibility:hidden}:host .case-studies-slides .swiper-slide.swiper-slide-visible{visibility:visible}:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s{padding:0;line-height:var(--ptc-line-height-densest)}:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s::before,:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s::after{display:none}:host .case-studies-thumbs{height:20%;box-sizing:border-box;padding:10px 0;background-color:transparent}@media only screen and (min-width: 992px){:host .case-studies-thumbs{display:flex;justify-content:center}}@media only screen and (min-width: 992px){:host .case-studies-thumbs .swiper-wrapper{transform:none !important;justify-content:center}}:host .case-studies-thumbs .swiper-slide{width:auto;height:auto;max-width:8.75rem;opacity:0.4;display:flex;justify-items:center;align-items:center;padding:0 10px;cursor:pointer}@media only screen and (min-width: 992px){:host .case-studies-thumbs .swiper-slide{max-width:12.5rem}}:host .case-studies-thumbs .swiper-slide img{display:block;width:100%}@-moz-document url-prefix(){:host .case-studies-thumbs .swiper-slide img{min-width:140px}}:host .case-studies-thumbs .swiper-slide::after{content:\"\";height:7.5px;width:100%;position:absolute;bottom:-10px;left:0}:host .case-studies-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}:host .case-studies-thumbs .swiper-slide.swiper-slide-thumb-active::after{background-color:var(--color-green-07)}:host .swiper-button-prev,:host .swiper-button-next{display:none}:host .swiper-pagination{display:block;bottom:5px}@media only screen and (min-width: 768px){:host .swiper-pagination{display:none}}:host .swiper-pagination .swiper-pagination-bullet{background:transparent;display:inline-block;height:1rem;width:1rem;outline:none;line-height:0;font-size:0;border:1px solid var(--color-gray-10);padding:5px;cursor:pointer;margin-right:20px !important;position:relative;opacity:1}@media only screen and (min-width: 480px){:host .swiper-pagination .swiper-pagination-bullet{margin-right:32px !important}}:host .swiper-pagination .swiper-pagination-bullet::after{content:\"\";display:block;position:absolute;width:25px;height:2px;background-color:var(--color-gray-10);margin-left:10px;margin-top:1px}@media only screen and (min-width: 480px){:host .swiper-pagination .swiper-pagination-bullet::after{width:37px}}:host .swiper-pagination .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-orange-07)}:host .ptc-container{padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}:host ptc-text-copy-with-background{padding-right:0;padding-left:0}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";export{f as ptc_case_studies_slider}
|
|
1
|
+
import{r as e,h as i,H as t,g as r}from"./p-ac75c7ad.js";import{g as s,i as a,e as n,n as o,a as p,b as l,S as w}from"./p-6914b70c.js";import{N as d,P as c}from"./p-8f6af405.js";function h({swiper:e,extendParams:i,on:t,emit:r,params:a}){let n,o;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let p,l,w,d,c,h,g,u=a&&a.autoplay?a.autoplay.delay:3e3,b=a&&a.autoplay?a.autoplay.delay:3e3,A=(new Date).getTime;function m(i){e&&!e.destroyed&&e.wrapperEl&&i.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),z())}const f=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?l=!0:l&&(b=p,l=!1);const i=e.autoplay.paused?p:A+b-(new Date).getTime();e.autoplay.timeLeft=i,r("autoplayTimeLeft",i,i/u),o=requestAnimationFrame((()=>{f()}))},v=i=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(o),f();let t=void 0===i?e.params.autoplay.delay:i;u=e.params.autoplay.delay,b=e.params.autoplay.delay;const s=(()=>{let i;if(i=e.virtual&&e.params.virtual.enabled?e.slides.filter((e=>e.classList.contains("swiper-slide-active")))[0]:e.slides[e.activeIndex],i)return parseInt(i.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(s)&&s>0&&void 0===i&&(t=s,u=s,b=s),p=t;const a=e.params.speed,l=()=>{e&&!e.destroyed&&(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(a,!0,!0),r("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,a,!0,!0),r("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(a,!0,!0),r("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,a,!0,!0),r("autoplay")),e.params.cssMode&&(A=(new Date).getTime(),requestAnimationFrame((()=>{v()}))))};return t>0?(clearTimeout(n),n=setTimeout((()=>{l()}),t)):requestAnimationFrame((()=>{l()})),t},y=()=>{e.autoplay.running=!0,v(),r("autoplayStart")},x=()=>{e.autoplay.running=!1,clearTimeout(n),cancelAnimationFrame(o),r("autoplayStop")},k=(i,t)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(n),i||(g=!0);const s=()=>{r("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):z()};if(e.autoplay.paused=!0,t)return h&&(p=e.params.autoplay.delay),h=!1,void s();p=(p||e.params.autoplay.delay)-((new Date).getTime()-A),e.isEnd&&p<0&&!e.params.loop||(p<0&&(p=0),s())},z=()=>{e.isEnd&&p<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(A=(new Date).getTime(),g?(g=!1,v(p)):v(),e.autoplay.paused=!1,r("autoplayResume"))},B=()=>{if(e.destroyed||!e.autoplay.running)return;const i=s();"hidden"===i.visibilityState&&(g=!0,k(!0)),"visible"===i.visibilityState&&z()},M=e=>{"mouse"===e.pointerType&&(g=!0,k(!0))},Y=i=>{"mouse"===i.pointerType&&e.autoplay.paused&&z()};t("init",(()=>{e.params.autoplay.enabled&&(e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",M),e.el.addEventListener("pointerleave",Y)),s().addEventListener("visibilitychange",B),A=(new Date).getTime(),y())})),t("destroy",(()=>{e.el.removeEventListener("pointerenter",M),e.el.removeEventListener("pointerleave",Y),s().removeEventListener("visibilitychange",B),e.autoplay.running&&x()})),t("beforeTransitionStart",((i,t,r)=>{!e.destroyed&&e.autoplay.running&&(r||!e.params.autoplay.disableOnInteraction?k(!0,!0):x())})),t("sliderFirstMove",(()=>{!e.destroyed&&e.autoplay.running&&(e.params.autoplay.disableOnInteraction?x():(w=!0,d=!1,g=!1,c=setTimeout((()=>{g=!0,d=!0,k(!0)}),200)))})),t("touchEnd",(()=>{if(!e.destroyed&&e.autoplay.running&&w){if(clearTimeout(c),clearTimeout(n),e.params.autoplay.disableOnInteraction)return d=!1,void(w=!1);d&&e.params.cssMode&&z(),d=!1,w=!1}})),t("slideChange",(()=>{!e.destroyed&&e.autoplay.running&&(h=!0)})),Object.assign(e.autoplay,{start:y,stop:x,pause:k,resume:z})}function g({swiper:e,extendParams:i,on:t}){i({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,o=!1;function p(){const i=e.thumbs.swiper;if(!i||i.destroyed)return;const t=i.clickedIndex,r=i.clickedSlide;if(r&&r.classList.contains(e.params.thumbs.slideThumbActiveClass))return;if(null==t)return;let s;s=i.params.loop?parseInt(i.clickedSlide.getAttribute("data-swiper-slide-index"),10):t,e.params.loop?e.slideToLoop(s):e.slideTo(s)}function l(){const{thumbs:i}=e.params;if(r)return!1;r=!0;const t=e.constructor;if(i.swiper instanceof t)e.thumbs.swiper=i.swiper,Object.assign(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper.update();else if(a(i.swiper)){const r=Object.assign({},i.swiper);Object.assign(r,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new t(r),o=!0}return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",p),!0}function w(i){const t=e.thumbs.swiper;if(!t||t.destroyed)return;const r="auto"===t.params.slidesPerView?t.slidesPerViewDynamic():t.params.slidesPerView;let s=1;const a=e.params.thumbs.slideThumbActiveClass;if(e.params.slidesPerView>1&&!e.params.centeredSlides&&(s=e.params.slidesPerView),e.params.thumbs.multipleActiveThumbs||(s=1),s=Math.floor(s),t.slides.forEach((e=>e.classList.remove(a))),t.params.loop||t.params.virtual&&t.params.virtual.enabled)for(let i=0;i<s;i+=1)n(t.slidesEl,`[data-swiper-slide-index="${e.realIndex+i}"]`).forEach((e=>{e.classList.add(a)}));else for(let i=0;i<s;i+=1)t.slides[e.realIndex+i]&&t.slides[e.realIndex+i].classList.add(a);const o=e.params.thumbs.autoScrollOffset,p=o&&!t.params.loop;if(e.realIndex!==t.realIndex||p){const s=t.activeIndex;let a,n;if(t.params.loop){const i=t.slides.filter((i=>i.getAttribute("data-swiper-slide-index")===`${e.realIndex}`))[0];a=t.slides.indexOf(i),n=e.activeIndex>e.previousIndex?"next":"prev"}else a=e.realIndex,n=a>e.previousIndex?"next":"prev";p&&(a+="next"===n?o:-1*o),t.visibleSlidesIndexes&&t.visibleSlidesIndexes.indexOf(a)<0&&(t.params.centeredSlides&&(a=a>s?a-Math.floor(r/2)+1:a+Math.floor(r/2)-1),t.slideTo(a,i?0:void 0))}}e.thumbs={swiper:null},t("beforeInit",(()=>{const{thumbs:i}=e.params;if(i&&i.swiper)if("string"==typeof i.swiper||i.swiper instanceof HTMLElement){const t=s(),r=()=>{const r="string"==typeof i.swiper?t.querySelector(i.swiper):i.swiper;if(r&&r.swiper)i.swiper=r.swiper,l(),w(!0);else if(r){const t=s=>{i.swiper=s.detail[0],r.removeEventListener("init",t),l(),w(!0),i.swiper.update(),e.update()};r.addEventListener("init",t)}return r},a=()=>{e.destroyed||r()||requestAnimationFrame(a)};requestAnimationFrame(a)}else l(),w(!0)})),t("slideChange update resize observerUpdate",(()=>{w()})),t("setTransition",((i,t)=>{const r=e.thumbs.swiper;r&&!r.destroyed&&r.setTransition(t)})),t("beforeDestroy",(()=>{const i=e.thumbs.swiper;i&&!i.destroyed&&o&&i.destroy()})),Object.assign(e.thumbs,{init:l,update:w})}function u({swiper:e,extendParams:i,emit:t,once:r}){i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(e,{freeMode:{onTouchStart:function(){if(e.params.cssMode)return;const i=e.getTranslate();e.setTranslate(i),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})},onTouchMove:function(){if(e.params.cssMode)return;const{touchEventsData:i,touches:t}=e;0===i.velocities.length&&i.velocities.push({position:t[e.isHorizontal()?"startX":"startY"],time:i.touchStartTime}),i.velocities.push({position:t[e.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function({currentPos:i}){if(e.params.cssMode)return;const{params:s,wrapperEl:a,rtlTranslate:n,snapGrid:l,touchEventsData:w}=e,d=o()-w.touchStartTime;if(i<-e.minTranslate())e.slideTo(e.activeIndex);else if(i>-e.maxTranslate())e.slideTo(e.slides.length<l.length?l.length-1:e.slides.length-1);else{if(s.freeMode.momentum){if(w.velocities.length>1){const i=w.velocities.pop(),t=w.velocities.pop(),r=i.time-t.time;e.velocity=(i.position-t.position)/r,e.velocity/=2,Math.abs(e.velocity)<s.freeMode.minimumVelocity&&(e.velocity=0),(r>150||o()-i.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=s.freeMode.momentumVelocityRatio,w.velocities.length=0;let i=1e3*s.freeMode.momentumRatio,d=e.translate+e.velocity*i;n&&(d=-d);let c,h=!1;const g=20*Math.abs(e.velocity)*s.freeMode.momentumBounceRatio;let u;if(d<e.maxTranslate())s.freeMode.momentumBounce?(d+e.maxTranslate()<-g&&(d=e.maxTranslate()-g),c=e.maxTranslate(),h=!0,w.allowMomentumBounce=!0):d=e.maxTranslate(),s.loop&&s.centeredSlides&&(u=!0);else if(d>e.minTranslate())s.freeMode.momentumBounce?(d-e.minTranslate()>g&&(d=e.minTranslate()+g),c=e.minTranslate(),h=!0,w.allowMomentumBounce=!0):d=e.minTranslate(),s.loop&&s.centeredSlides&&(u=!0);else if(s.freeMode.sticky){let i;for(let e=0;e<l.length;e+=1)if(l[e]>-d){i=e;break}d=Math.abs(l[i]-d)<Math.abs(l[i-1]-d)||"next"===e.swipeDirection?l[i]:l[i-1],d=-d}if(u&&r("transitionEnd",(()=>{e.loopFix()})),0!==e.velocity){if(i=n?Math.abs((-d-e.translate)/e.velocity):Math.abs((d-e.translate)/e.velocity),s.freeMode.sticky){const t=Math.abs((n?-d:d)-e.translate),r=e.slidesSizesGrid[e.activeIndex];i=t<r?s.speed:t<2*r?1.5*s.speed:2.5*s.speed}}else if(s.freeMode.sticky)return void e.slideToClosest();s.freeMode.momentumBounce&&h?(e.updateProgress(c),e.setTransition(i),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating=!0,p(a,(()=>{e&&!e.destroyed&&w.allowMomentumBounce&&(t("momentumBounce"),e.setTransition(s.speed),setTimeout((()=>{e.setTranslate(c),p(a,(()=>{e&&!e.destroyed&&e.transitionEnd()}))}),0))}))):e.velocity?(t("_freeModeNoMomentumRelease"),e.updateProgress(d),e.setTransition(i),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,p(a,(()=>{e&&!e.destroyed&&e.transitionEnd()})))):e.updateProgress(d),e.updateActiveIndex(),e.updateSlidesClasses()}else{if(s.freeMode.sticky)return void e.slideToClosest();s.freeMode&&t("_freeModeNoMomentumRelease")}(!s.freeMode.momentum||d>=s.longSwipesMs)&&(e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}}}})}function b({swiper:e,extendParams:i}){let t,r,s;i({grid:{rows:1,fill:"column"}});const a=()=>{let i=e.params.spaceBetween;return"string"==typeof i&&i.indexOf("%")>=0?i=parseFloat(i.replace("%",""))/100*e.size:"string"==typeof i&&(i=parseFloat(i)),i};e.grid={initSlides:i=>{const{slidesPerView:a}=e.params,{rows:n,fill:o}=e.params.grid;s=Math.floor(i/n),t=Math.floor(i/n)===i/n?i:Math.ceil(i/n)*n,"auto"!==a&&"row"===o&&(t=Math.max(t,a*n)),r=t/n},updateSlide:(i,n,o,p)=>{const{slidesPerGroup:l}=e.params,w=a(),{rows:d,fill:c}=e.params.grid;let h,g,u;if("row"===c&&l>1){const e=Math.floor(i/(l*d)),r=i-d*l*e,s=0===e?l:Math.min(Math.ceil((o-e*d*l)/d),l);u=Math.floor(r/s),g=r-u*s+e*l,h=g+u*t/d,n.style.order=h}else"column"===c?(g=Math.floor(i/d),u=i-g*d,(g>s||g===s&&u===d-1)&&(u+=1,u>=d&&(u=0,g+=1))):(u=Math.floor(i/r),g=i-u*r);n.row=u,n.column=g,n.style[p("margin-top")]=0!==u?w&&`${w}px`:""},updateWrapperSize:(i,r,s)=>{const{centeredSlides:n,roundLengths:o}=e.params,p=a(),{rows:l}=e.params.grid;if(e.virtualSize=(i+p)*t,e.virtualSize=Math.ceil(e.virtualSize/l)-p,e.wrapperEl.style[s("width")]=`${e.virtualSize+p}px`,n){const i=[];for(let t=0;t<r.length;t+=1){let s=r[t];o&&(s=Math.floor(s)),r[t]<e.virtualSize+r[0]&&i.push(s)}r.splice(0,r.length),r.push(...i)}}}}function A(e,i){const t=l(i);return t!==i&&(t.style.backfaceVisibility="hidden",t.style["-webkit-backface-visibility"]="hidden"),t}function m({swiper:e,extendParams:i,on:t}){i({fadeEffect:{crossFade:!1}}),function(e){const{effect:i,swiper:t,on:r,setTranslate:s,setTransition:a,overwriteParams:n,perspective:o,recreateShadows:p,getEffectParams:l}=e;let w;r("beforeInit",(()=>{if(t.params.effect!==i)return;t.classNames.push(`${t.params.containerModifierClass}${i}`),o&&o()&&t.classNames.push(`${t.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(t.params,e),Object.assign(t.originalParams,e)})),r("setTranslate",(()=>{t.params.effect===i&&s()})),r("setTransition",((e,r)=>{t.params.effect===i&&a(r)})),r("transitionEnd",(()=>{if(t.params.effect===i&&p){if(!l||!l().slideShadows)return;t.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),p()}})),r("virtualUpdate",(()=>{t.params.effect===i&&(t.slides.length||(w=!0),requestAnimationFrame((()=>{w&&t.slides&&t.slides.length&&(s(),w=!1)})))}))}({effect:"fade",swiper:e,on:t,setTranslate:()=>{const{slides:i}=e;for(let t=0;t<i.length;t+=1){const i=e.slides[t];let r=-i.swiperSlideOffset;e.params.virtualTranslate||(r-=e.translate);let s=0;e.isHorizontal()||(s=r,r=0);const a=e.params.fadeEffect.crossFade?Math.max(1-Math.abs(i.progress),0):1+Math.min(Math.max(i.progress,-1),0),n=A(0,i);n.style.opacity=a,n.style.transform=`translate3d(${r}px, ${s}px, 0px)`}},setTransition:i=>{const t=e.slides.map((e=>l(e)));t.forEach((e=>{e.style.transitionDuration=`${i}ms`})),function({swiper:e,duration:i,transformElements:t,allSlides:r}){const{activeIndex:s}=e;if(e.params.virtualTranslate&&0!==i){let i,a=!1;i=r?t:t.filter((i=>{const t=i.classList.contains("swiper-slide-transform")?(i=>i.parentElement?i.parentElement:e.slides.filter((e=>e.shadowEl&&e.shadowEl===i.parentNode))[0])(i):i;return e.getSlideIndex(t)===s})),i.forEach((i=>{p(i,(()=>{if(a)return;if(!e||e.destroyed)return;a=!0,e.animating=!1;const i=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});e.wrapperEl.dispatchEvent(i)}))}))}}({swiper:e,duration:i,transformElements:t,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})}const f=class{constructor(i){e(this,i),this.caseStudiesThumbs=null,this.caseStudiesSlides=null}componentDidLoad(){this.initSlider(),this.slideChangeHandler(),this.renderSlides("swiper-slide-thumb","swiper-wrapper-thumbs"),this.renderSlides("swiper-slide-content","swiper-wrapper-content")}initSlider(){this.caseStudiesThumbs=new w(this.caeStudiesThumbRef,{modules:[d,c,u,b],loop:!1,slidesPerView:"auto",freeMode:!0,watchSlidesProgress:!0,centerInsufficientSlides:!0,breakpoints:{992:{slidesPerView:7}}}),this.caseStudiesSlides=new w(this.caseStudiesSlidesRef,{modules:[d,c,g,h,m],loop:!1,grabCursor:!0,effect:"fade",autoplay:{delay:1e4,disableOnInteraction:!1,waitForTransition:!0},thumbs:{swiper:this.caseStudiesThumbs},pagination:{el:this.paginationRef,clickable:!0}})}slideChangeHandler(){this.caseStudiesSlides.on("slideChange",(()=>{const e=this.caseStudiesSlides.slides[this.caseStudiesSlides.activeIndex].querySelector("ptc-text-copy-with-background").shadowRoot,i=e.querySelector(".card-wrap"),t=e.querySelector(".card-wrap").parentNode;t.removeChild(i),t.appendChild(i)}))}renderSlides(e,i){const t=Array.from(this.hostElement.querySelectorAll("."+e));if(t.length>0){const e=this.hostElement.shadowRoot.querySelector("."+i);t.forEach(((i,t)=>{const r=i.cloneNode(!0);e.appendChild(r);const s=i.querySelector("img");s&&s.addEventListener("click",(()=>{this.caseStudiesSlides.slideTo(t)}))}))}}render(){return i(t,null,i("div",{class:"ptc-container"},i("div",{class:"case-studies-thumbs",ref:e=>this.caeStudiesThumbRef=e},i("span",{class:"hide"},i("slot",{name:"thumb-slides"})),i("div",{class:"swiper-wrapper swiper-wrapper-thumbs"}))),i("div",{class:"case-studies-slides",ref:e=>this.caseStudiesSlidesRef=e},i("span",{class:"hide"},i("slot",{name:"content-slides"})),i("div",{class:"swiper-wrapper swiper-wrapper-content"}),i("div",{class:"swiper-pagination",ref:e=>this.paginationRef=e})))}get hostElement(){return r(this)}};f.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;overflow:hidden}:host *{box-sizing:border-box}:host .hide{display:none}:host .case-studies-slides{height:80%;width:100%;padding-bottom:20px;position:relative}@media only screen and (min-width: 768px){:host .case-studies-slides{padding-bottom:0px}}:host .case-studies-slides .swiper-slide{visibility:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:30px}:host .case-studies-slides .swiper-slide.swiper-slide-prev{visibility:hidden}:host .case-studies-slides .swiper-slide.swiper-slide-visible{visibility:visible}:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s{padding:0;line-height:var(--ptc-line-height-densest)}:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s::before,:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s::after{display:none}:host .case-studies-thumbs{height:20%;box-sizing:border-box;padding:10px 0;background-color:transparent}@media only screen and (min-width: 992px){:host .case-studies-thumbs{display:flex;justify-content:center}}@media only screen and (min-width: 992px){:host .case-studies-thumbs .swiper-wrapper{transform:none !important;justify-content:center}}:host .case-studies-thumbs .swiper-slide{width:auto;height:auto;max-width:8.75rem;opacity:0.4;display:flex;justify-items:center;align-items:center;padding:0 10px;cursor:pointer}@media only screen and (min-width: 992px){:host .case-studies-thumbs .swiper-slide{max-width:12.5rem}}:host .case-studies-thumbs .swiper-slide img{display:block;width:100%}@-moz-document url-prefix(){:host .case-studies-thumbs .swiper-slide img{min-width:140px}}:host .case-studies-thumbs .swiper-slide::after{content:\"\";height:7.5px;width:100%;position:absolute;bottom:-10px;left:0}:host .case-studies-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}:host .case-studies-thumbs .swiper-slide.swiper-slide-thumb-active::after{background-color:var(--color-green-07)}:host .swiper-button-prev,:host .swiper-button-next{display:none}:host .swiper-pagination{display:block;bottom:5px}@media only screen and (min-width: 768px){:host .swiper-pagination{display:none}}:host .swiper-pagination .swiper-pagination-bullet{background:transparent;display:inline-block;height:1rem;width:1rem;outline:none;line-height:0;font-size:0;border:1px solid var(--color-gray-10);padding:5px;cursor:pointer;margin-right:20px !important;position:relative;opacity:1}@media only screen and (min-width: 480px){:host .swiper-pagination .swiper-pagination-bullet{margin-right:32px !important}}:host .swiper-pagination .swiper-pagination-bullet::after{content:\"\";display:block;position:absolute;width:25px;height:2px;background-color:var(--color-gray-10);margin-left:10px;margin-top:1px}@media only screen and (min-width: 480px){:host .swiper-pagination .swiper-pagination-bullet::after{width:37px}}:host .swiper-pagination .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-orange-07)}:host .ptc-container{padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}:host ptc-text-copy-with-background{padding-right:0;padding-left:0}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";export{f as ptc_case_studies_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-944c5be8.js";var e=Object.defineProperty,h=(t,i,s)=>(((t,i,s)=>{i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[i]=s})(t,"symbol"!=typeof i?i+"":i,s),s);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onChange)||e.call(s,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return o.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,s)=>{var e;const h=this.isCascade?this.displayJson[s]:null==(e=this.wheelsData[s])?void 0:e.data,o=null==h?void 0:h.findIndex((s=>this.isJsonType?t[i.id]==s[i.id]||t[i.value]==s[i.value]:t==s));this.locatePosition(s,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.textContent)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(s){t(this,s),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),s=document.querySelector("footer-nav #lang-ddl");s&&i&&(s.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return s("div",{class:"mobile-select-wrapper"},s("div",{onClick:t=>{this.wrapperClick(t)}},s("span",{id:this.triggerName},this.selectedText),s("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s,e,h){if(t.selectedId)try{const s=t.getMobileSelectedItem(h);h.locatePosition(0,s.index),i=s.index}catch(t){console.log(t)}},callback:function(i,s,e){if(this.selectionChanged.emit({sender:e,index:i&&i.length>0?i[0]:-1,data:s&&s.length>0?s[0]:void 0}),s&&s[0]&&"#"!=s[0].id)window.location.href=s[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(e);e.locatePosition(0,i.index),e.setValue(this.wheelData[i.index]),e.setTriggerInnerText(i.value),e.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,s)=>{if(t.getAttribute("data-id")==i.id)return i.index=s,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{r as ptc_mobile_select}
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-ac75c7ad.js";var e=Object.defineProperty,h=(t,i,s)=>(((t,i,s)=>{i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[i]=s})(t,"symbol"!=typeof i?i+"":i,s),s);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onChange)||e.call(s,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return o.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,s)=>{var e;const h=this.isCascade?this.displayJson[s]:null==(e=this.wheelsData[s])?void 0:e.data,o=null==h?void 0:h.findIndex((s=>this.isJsonType?t[i.id]==s[i.id]||t[i.value]==s[i.value]:t==s));this.locatePosition(s,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.textContent)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(s){t(this,s),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),s=document.querySelector("footer-nav #lang-ddl");s&&i&&(s.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return s("div",{class:"mobile-select-wrapper"},s("div",{onClick:t=>{this.wrapperClick(t)}},s("span",{id:this.triggerName},this.selectedText),s("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s,e,h){if(t.selectedId)try{const s=t.getMobileSelectedItem(h);h.locatePosition(0,s.index),i=s.index}catch(t){console.log(t)}},callback:function(i,s,e){if(this.selectionChanged.emit({sender:e,index:i&&i.length>0?i[0]:-1,data:s&&s.length>0?s[0]:void 0}),s&&s[0]&&"#"!=s[0].id)window.location.href=s[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(e);e.locatePosition(0,i.index),e.setValue(this.wheelData[i.index]),e.setTriggerInnerText(i.value),e.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,s)=>{if(t.getAttribute("data-id")==i.id)return i.index=s,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{r as ptc_mobile_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as
|
|
1
|
+
import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e),this.contentTag=void 0}render(){return e(a,null,this.contentTag&&e("div",{class:"content-tag"},this.contentTag),e("div",{class:"vl-content-title"},e("slot",{name:"vl-content-title"})),e("slot",null))}};h.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .vl-content-title{margin-bottom:var(--ptc-element-spacing-04)}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";export{h as ptc_value_led_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.cardTitle=void 0,this.cardImage=void 0,this.cardUpNext=void 0}render(){return e(i,null,e("ptc-picture",{alt:"image","border-radius":"radius-standard","display-image":"block","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:this.cardImage,styles:""}),e("div",{class:"card-content"},e("span",{class:"tag"},this.cardUpNext),e("ptc-title",{type:"h3","title-size":"large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.cardTitle),e("ptc-spacer",{size:"x-small"}),e("slot",null)))}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;padding:32px;border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-gray-02);margin-bottom:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host{display:inline-flex;align-items:flex-start;gap:var(--ptc-layout-spacing-03)}}:host ptc-picture{max-width:200px;min-width:150px;margin-bottom:var(--ptc-element-spacing-06)}@media only screen and (min-width: 480px){:host ptc-picture{min-width:200px}}@media only screen and (min-width: 768px){:host ptc-picture{margin-bottom:0}}:host .card-content .tag{display:block;margin-bottom:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);color:var(--color-gray-10)}";export{a as ptc_value_led_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,H as e,
|
|
1
|
+
import{r as t,h as a,H as e,g as p}from"./p-ac75c7ad.js";import{e as l}from"./p-b8fd8532.js";const i=class{constructor(a){t(this,a),this.topTitle=void 0}componentDidRender(){l(".js-card-bottom",this.el)}render(){return a(e,null,a("div",{class:"most-popular-wrapper"},a("slot",{name:"seo-content"}),a("ptc-title",{type:"h2","text-align":"center","title-size":"large","title-color":"white",upperline:"no-upperline","title-display":"block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7",class:"most-popular-title"},this.topTitle),a("div",{class:"most-popular-cards"},a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{"card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M22.224 20.0959V22.9999H12.48V20.0959H15.888V12.8239C15.744 13.0159 15.512 13.2159 15.192 13.4239C14.888 13.6159 14.552 13.7999 14.184 13.9759C13.816 14.1519 13.432 14.2959 13.032 14.4079C12.648 14.5199 12.304 14.5759 12 14.5759V11.5759C12.288 11.5759 12.64 11.4879 13.056 11.3119C13.472 11.1199 13.88 10.8959 14.28 10.6399C14.68 10.3839 15.024 10.1359 15.312 9.8959C15.616 9.6399 15.808 9.4399 15.888 9.2959H19.176V20.0959H22.224Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Q2 FY’23 Earnings Presentation"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{"card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M12 23.0002C12 22.2802 12.056 21.6322 12.168 21.0562C12.28 20.4642 12.472 19.9202 12.744 19.4242C13.032 18.9282 13.416 18.4642 13.896 18.0322C14.392 17.6002 15.016 17.1762 15.768 16.7602C16.424 16.4082 17 16.1042 17.496 15.8482C18.008 15.5762 18.432 15.3282 18.768 15.1042C19.104 14.8802 19.36 14.6562 19.536 14.4322C19.712 14.1922 19.8 13.9202 19.8 13.6162C19.8 13.1362 19.608 12.7282 19.224 12.3922C18.84 12.0402 18.288 11.8642 17.568 11.8642C17.184 11.8642 16.832 11.9202 16.512 12.0322C16.192 12.1282 15.888 12.2642 15.6 12.4402C15.328 12.6162 15.072 12.8162 14.832 13.0402C14.608 13.2482 14.4 13.4722 14.208 13.7122L12.144 11.3362C12.352 11.1122 12.648 10.8722 13.032 10.6162C13.416 10.3442 13.864 10.0962 14.376 9.87215C14.904 9.63215 15.48 9.44015 16.104 9.29615C16.744 9.13615 17.424 9.05615 18.144 9.05615C18.96 9.05615 19.688 9.16015 20.328 9.36815C20.968 9.56015 21.504 9.84015 21.936 10.2082C22.384 10.5602 22.72 10.9922 22.944 11.5042C23.184 12.0002 23.304 12.5442 23.304 13.1362C23.304 13.6962 23.2 14.1922 22.992 14.6242C22.784 15.0562 22.52 15.4402 22.2 15.7762C21.88 16.1122 21.528 16.4082 21.144 16.6642C20.776 16.9042 20.416 17.1202 20.064 17.3122C19.776 17.4722 19.448 17.6562 19.08 17.8642C18.712 18.0722 18.344 18.3042 17.976 18.5602C17.624 18.8002 17.296 19.0562 16.992 19.3282C16.688 19.5842 16.456 19.8402 16.296 20.0962H23.568V23.0002H12Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Announces Availability of Creo 9"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{"card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M20.472 16.3358C21.464 16.5118 22.264 16.9918 22.872 17.7758C23.496 18.5438 23.808 19.4878 23.808 20.6078C23.808 21.3598 23.656 22.0398 23.352 22.6478C23.064 23.2558 22.648 23.7678 22.104 24.1838C21.576 24.6158 20.928 24.9438 20.16 25.1678C19.392 25.4078 18.528 25.5278 17.568 25.5278C16.352 25.5278 15.272 25.3278 14.328 24.9278C13.4 24.5438 12.624 23.9758 12 23.2238L13.824 20.9438C14.24 21.4718 14.736 21.8798 15.312 22.1678C15.888 22.4558 16.608 22.5998 17.472 22.5998C18.448 22.5998 19.192 22.4078 19.704 22.0238C20.216 21.6398 20.472 21.0478 20.472 20.2478C20.472 19.4158 20.176 18.7758 19.584 18.3278C18.992 17.8798 18.096 17.6558 16.896 17.6558H16.224V15.2558H16.968C17.96 15.2558 18.728 15.0398 19.272 14.6078C19.816 14.1598 20.088 13.5918 20.088 12.9038C20.088 12.2478 19.864 11.7598 19.416 11.4398C18.968 11.1198 18.384 10.9598 17.664 10.9598C16.928 10.9598 16.264 11.1278 15.672 11.4638C15.096 11.7998 14.624 12.2718 14.256 12.8798L12.24 10.6238C12.48 10.2558 12.8 9.92778 13.2 9.63978C13.6 9.33578 14.048 9.07978 14.544 8.87178C15.056 8.64778 15.608 8.47978 16.2 8.36778C16.792 8.23978 17.4 8.17578 18.024 8.17578C18.84 8.17578 19.584 8.27978 20.256 8.48778C20.928 8.69578 21.504 8.98378 21.984 9.35178C22.48 9.71978 22.856 10.1678 23.112 10.6958C23.384 11.2078 23.52 11.7838 23.52 12.4238C23.52 12.9038 23.448 13.3598 23.304 13.7918C23.16 14.2238 22.952 14.6158 22.68 14.9678C22.408 15.3198 22.08 15.6158 21.696 15.8558C21.328 16.0958 20.92 16.2558 20.472 16.3358Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Completes Acquisition of Intland Software"))))))))}get el(){return p(this)}};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}}.most-popular-wrapper{border:1px solid #eee;display:flex;flex-flow:column nowrap;background-color:var(--color-gray-02)}::slotted([slot=seo-content]){display:none}.most-popular-title{border-radius:4px 4px 0px 0px;background-color:var(--color-gray-12);padding:var(--ptc-element-spacing-05) 0px}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:100%;padding:12px}.most-popular-card ptc-card-wrapper{border-radius:4px;background:#FFF;box-shadow:var(--ptc-shadow-x-small)}.most-popular-card ptc-card-wrapper:hover{box-shadow:var(--ptc-shadow-small)}@media screen and (min-width: 768px){.most-popular-title{display:none}.most-popular-cards{display:flex;flex-flow:row nowrap}}@media screen and (min-width: 992px){.most-popular-title{display:block}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:246px;padding:12px 0;margin:0 auto}}";export{i as most_popular_news}
|