@ptcwebops/ptcw-design 4.3.3 → 4.3.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/{ptc-info-tile.cjs.entry.js → homepage-clickable-tab_2.cjs.entry.js} +21 -4
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -2
- package/dist/cjs/icon-asset.cjs.entry.js +53 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +54 -0
- package/dist/cjs/ptc-background-video.cjs.entry.js +70 -0
- package/dist/cjs/ptc-button.cjs.entry.js +79 -0
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +6 -2
- package/dist/cjs/ptc-form-radio-button.cjs.entry.js +43 -0
- package/dist/cjs/ptc-form-radio-group.cjs.entry.js +56 -0
- package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +127 -0
- package/dist/cjs/ptc-icon-component.cjs.entry.js +2 -2
- package/dist/cjs/ptc-para.cjs.entry.js +70 -0
- package/dist/cjs/{icon-asset_10.cjs.entry.js → ptc-preloader-section.cjs.entry.js} +3 -641
- package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
- package/dist/cjs/ptc-tab-list.cjs.entry.js +6 -3
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-title.cjs.entry.js +99 -0
- package/dist/cjs/ptc-tooltip.cjs.entry.js +107 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.js +1 -1
- package/dist/collection/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.js +1 -2
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +42 -2
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +25 -2
- package/dist/collection/components/ptc-form-radio-button/ptc-form-radio-button.css +106 -0
- package/dist/collection/components/ptc-form-radio-button/ptc-form-radio-button.js +123 -0
- package/dist/collection/components/ptc-form-radio-group/ptc-form-radio-group.css +57 -0
- package/dist/collection/components/ptc-form-radio-group/ptc-form-radio-group.js +101 -0
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.css +6 -2
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +1 -1
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.js +2 -38
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +69 -0
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +2 -0
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +23 -5
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +6 -2
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +3 -8
- package/dist/collection/stories/FormRadioButton.stories.js +37 -0
- package/dist/custom-elements/index.d.ts +12 -0
- package/dist/custom-elements/index.js +119 -20
- 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/{ptc-info-tile.entry.js → homepage-clickable-tab_2.entry.js} +22 -6
- package/dist/esm/homepage-jumbotron.entry.js +2 -2
- package/dist/esm/homepage-toggled-content.entry.js +2 -3
- package/dist/esm/icon-asset.entry.js +49 -0
- 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/max-width-container.entry.js +50 -0
- package/dist/esm/most-popular-news.entry.js +2 -2
- package/dist/esm/my-component.entry.js +2 -2
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +66 -0
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-button.entry.js +75 -0
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +2 -2
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-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 +7 -3
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-filter-tag.entry.js +1 -1
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_2.entry.js +2 -2
- package/dist/esm/ptc-form-radio-button.entry.js +39 -0
- package/dist/esm/ptc-form-radio-group.entry.js +52 -0
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
- package/dist/esm/ptc-homepage-video-background.entry.js +123 -0
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +3 -3
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +2 -2
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +2 -2
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +2 -2
- 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-para.entry.js +66 -0
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
- package/dist/esm/{icon-asset_10.entry.js → ptc-preloader-section.entry.js} +5 -634
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +2 -2
- package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.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-spacer.entry.js +34 -0
- 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 +7 -4
- 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 +2 -2
- 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-tooltip.entry.js +103 -0
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptc-value-led-card.entry.js +1 -1
- package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
- package/dist/esm/ptc-value-led-content.entry.js +1 -1
- package/dist/esm/ptc-value-led-intro.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +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/esm/{utils-4a9e39a7.js → utils-edb0c4d4.js} +1 -1
- package/dist/ptcw-design/{p-abc6ad2d.entry.js → p-00dd636c.entry.js} +1 -1
- package/dist/ptcw-design/{p-6928fe7a.entry.js → p-015fbc28.entry.js} +1 -1
- package/dist/ptcw-design/{p-6e3ebacd.entry.js → p-01a2ee56.entry.js} +1 -1
- package/dist/ptcw-design/p-01d081a9.entry.js +1 -0
- package/dist/ptcw-design/{p-ca6a82ea.entry.js → p-03cfd2e5.entry.js} +1 -1
- package/dist/ptcw-design/{p-06864e44.entry.js → p-045ad66c.entry.js} +1 -1
- package/dist/ptcw-design/p-0510f2f5.entry.js +1 -0
- package/dist/ptcw-design/{p-9c9bab6c.entry.js → p-07723bd0.entry.js} +1 -1
- package/dist/ptcw-design/p-07cf4fef.entry.js +1 -0
- package/dist/ptcw-design/{p-4c635948.entry.js → p-0b7f6a74.entry.js} +1 -1
- package/dist/ptcw-design/{p-4bab2ce5.entry.js → p-0c398d7b.entry.js} +1 -1
- package/dist/ptcw-design/p-0c69ea52.entry.js +1 -0
- package/dist/ptcw-design/{p-fd6c6090.entry.js → p-0c965707.entry.js} +1 -1
- package/dist/ptcw-design/{p-18eb591d.entry.js → p-0cc854f9.entry.js} +1 -1
- package/dist/ptcw-design/p-0e13113a.entry.js +1 -0
- package/dist/ptcw-design/{p-29ba7f9e.entry.js → p-0f0ab4dc.entry.js} +1 -1
- package/dist/ptcw-design/p-0fab514d.entry.js +1 -0
- package/dist/ptcw-design/{p-d8b5fdb2.entry.js → p-1678fde7.entry.js} +1 -1
- package/dist/ptcw-design/{p-be58c834.entry.js → p-1764afd8.entry.js} +1 -1
- package/dist/ptcw-design/{p-d42a5665.entry.js → p-1d5360f5.entry.js} +1 -1
- package/dist/ptcw-design/p-1f9f7700.entry.js +1 -0
- package/dist/ptcw-design/{p-6d9c25ea.entry.js → p-20808072.entry.js} +1 -1
- package/dist/ptcw-design/{p-51dcff7b.entry.js → p-22fb384d.entry.js} +1 -1
- package/dist/ptcw-design/{p-18956d63.entry.js → p-2382d3e2.entry.js} +1 -1
- package/dist/ptcw-design/p-23a8c801.entry.js +1 -0
- package/dist/ptcw-design/p-252719e5.entry.js +1 -0
- package/dist/ptcw-design/{p-ae3397e2.entry.js → p-2546cf12.entry.js} +1 -1
- package/dist/ptcw-design/p-260ecfef.entry.js +1 -0
- package/dist/ptcw-design/{p-1e5e3558.entry.js → p-26966ae1.entry.js} +1 -1
- package/dist/ptcw-design/{p-0d4d057b.entry.js → p-2ac49ff2.entry.js} +1 -1
- package/dist/ptcw-design/{p-30885cde.entry.js → p-2ed4d01c.entry.js} +1 -1
- package/dist/ptcw-design/p-3038e9c8.entry.js +1 -0
- package/dist/ptcw-design/{p-f3659481.entry.js → p-370e45bf.entry.js} +1 -1
- package/dist/ptcw-design/{p-25d30988.entry.js → p-384c21c3.entry.js} +1 -1
- package/dist/ptcw-design/{p-9412182d.entry.js → p-3a15aaa6.entry.js} +1 -1
- package/dist/ptcw-design/p-3a5946b7.entry.js +1 -0
- package/dist/ptcw-design/{p-8a1eb570.entry.js → p-3aced4d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-6ca28fcb.entry.js → p-3bdcc7a8.entry.js} +1 -1
- package/dist/ptcw-design/p-3d5d3199.entry.js +1 -0
- package/dist/ptcw-design/{p-a8a0325e.entry.js → p-4098d0cc.entry.js} +1 -1
- package/dist/ptcw-design/{p-0597f321.entry.js → p-44fdf9b7.entry.js} +1 -1
- package/dist/ptcw-design/{p-411475e3.entry.js → p-45770040.entry.js} +1 -1
- package/dist/ptcw-design/{p-25daac47.entry.js → p-45a7286a.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
- package/dist/ptcw-design/{p-6aa447c5.entry.js → p-470b5117.entry.js} +1 -1
- package/dist/ptcw-design/{p-7c39e446.entry.js → p-478989c6.entry.js} +1 -1
- package/dist/ptcw-design/p-488e7b58.entry.js +1 -0
- package/dist/ptcw-design/{p-44e02888.entry.js → p-4c28c632.entry.js} +1 -1
- package/dist/ptcw-design/{p-f163cd3f.entry.js → p-4cbdf7f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-96e27fe0.entry.js → p-4dd709fe.entry.js} +1 -1
- package/dist/ptcw-design/{p-25a3d817.entry.js → p-592963d3.entry.js} +1 -1
- package/dist/ptcw-design/{p-feb948f9.entry.js → p-593cff4b.entry.js} +1 -1
- package/dist/ptcw-design/{p-6874a270.entry.js → p-59a96cd0.entry.js} +1 -1
- package/dist/ptcw-design/{p-0f2d47c6.entry.js → p-5a07616e.entry.js} +1 -1
- package/dist/ptcw-design/{p-5c0b1447.entry.js → p-5a6aac5c.entry.js} +1 -1
- package/dist/ptcw-design/{p-a480b6b5.entry.js → p-5c6a8390.entry.js} +1 -1
- package/dist/ptcw-design/p-5c6ed757.entry.js +1 -0
- package/dist/ptcw-design/{p-1af56d4e.entry.js → p-5cb43cb6.entry.js} +1 -1
- package/dist/ptcw-design/{p-af20cc0c.entry.js → p-5db25b5c.entry.js} +1 -1
- package/dist/ptcw-design/{p-705a4a24.entry.js → p-5f56ee9d.entry.js} +1 -1
- package/dist/ptcw-design/{p-b51a1bc6.entry.js → p-62d848b1.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c1d4d00.entry.js → p-63fcef67.entry.js} +1 -1
- package/dist/ptcw-design/p-646b66f0.entry.js +1 -0
- package/dist/ptcw-design/{p-5207224e.entry.js → p-64fad55d.entry.js} +1 -1
- package/dist/ptcw-design/{p-506bf4cd.entry.js → p-6a1caecd.entry.js} +1 -1
- package/dist/ptcw-design/{p-4960bae3.entry.js → p-6b73caca.entry.js} +1 -1
- package/dist/ptcw-design/{p-86a997bd.entry.js → p-6e33302d.entry.js} +1 -1
- package/dist/ptcw-design/{p-6c7c4ca0.entry.js → p-70c3e84c.entry.js} +1 -1
- package/dist/ptcw-design/p-74590cd9.entry.js +1 -0
- package/dist/ptcw-design/p-7583ae96.entry.js +1 -0
- package/dist/ptcw-design/{p-3f0b0431.entry.js → p-792366db.entry.js} +1 -1
- package/dist/ptcw-design/{p-e347dc85.entry.js → p-7a3239de.entry.js} +1 -1
- package/dist/ptcw-design/{p-e4f1a84b.entry.js → p-7ca4d31e.entry.js} +1 -1
- package/dist/ptcw-design/{p-c3bfaef4.entry.js → p-84073831.entry.js} +1 -1
- package/dist/ptcw-design/{p-e9bbf7b1.entry.js → p-8470dc3a.entry.js} +1 -1
- package/dist/ptcw-design/{p-a5cf8ca6.entry.js → p-861bf28a.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a024c35.entry.js → p-87e37047.entry.js} +1 -1
- package/dist/ptcw-design/p-8a1d0920.entry.js +1 -0
- package/dist/ptcw-design/{p-31ec7a04.entry.js → p-8fa374a8.entry.js} +1 -1
- package/dist/ptcw-design/{p-92baec70.entry.js → p-9467d163.entry.js} +1 -1
- package/dist/ptcw-design/p-98cedfd9.entry.js +1 -0
- package/dist/ptcw-design/p-99500ebc.entry.js +1 -0
- package/dist/ptcw-design/p-9db41b63.entry.js +1 -0
- package/dist/ptcw-design/p-9ea3b00f.entry.js +1 -0
- package/dist/ptcw-design/{p-d8695e0d.entry.js → p-9ebd03cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-4598da3c.entry.js → p-a5ada98e.entry.js} +1 -1
- package/dist/ptcw-design/{p-ba5ae8b3.entry.js → p-a5e5fba7.entry.js} +1 -1
- package/dist/ptcw-design/{p-06ad59bc.entry.js → p-a6dbc81d.entry.js} +1 -1
- package/dist/ptcw-design/{p-06ed916b.entry.js → p-a89c0bbe.entry.js} +1 -1
- package/dist/ptcw-design/{p-7b386756.entry.js → p-a97d6e57.entry.js} +1 -1
- package/dist/ptcw-design/{p-463d60b1.entry.js → p-ab9a3276.entry.js} +1 -1
- package/dist/ptcw-design/{p-9eacf1e0.entry.js → p-aba4e946.entry.js} +1 -1
- package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
- package/dist/ptcw-design/{p-2e8e0c1f.entry.js → p-ad4189ee.entry.js} +1 -1
- package/dist/ptcw-design/p-ad7d81ba.entry.js +1 -0
- package/dist/ptcw-design/{p-45ca739d.entry.js → p-addd2551.entry.js} +1 -1
- package/dist/ptcw-design/{p-f8e584b4.entry.js → p-ae0543c8.entry.js} +1 -1
- package/dist/ptcw-design/{p-db31c09d.entry.js → p-aed3e0e4.entry.js} +1 -1
- package/dist/ptcw-design/{p-8b475b6b.entry.js → p-b4e43317.entry.js} +1 -1
- package/dist/ptcw-design/{p-995d9c94.entry.js → p-b66d6889.entry.js} +1 -1
- package/dist/ptcw-design/{p-2da2a652.entry.js → p-b90a507a.entry.js} +1 -1
- package/dist/ptcw-design/{p-1712b7b5.entry.js → p-b96fa215.entry.js} +1 -1
- package/dist/ptcw-design/p-bb8f914e.entry.js +1 -0
- package/dist/ptcw-design/{p-89d7aad1.entry.js → p-bc24e97e.entry.js} +1 -1
- package/dist/ptcw-design/{p-c0fabe9b.entry.js → p-bc255362.entry.js} +1 -1
- package/dist/ptcw-design/{p-b8fd8532.js → p-bcbdf9a9.js} +1 -1
- package/dist/ptcw-design/{p-4d3eba0e.entry.js → p-be581010.entry.js} +1 -1
- package/dist/ptcw-design/{p-7f8fe105.entry.js → p-be758cc0.entry.js} +1 -1
- package/dist/ptcw-design/{p-c1fd121c.entry.js → p-c134f019.entry.js} +1 -1
- package/dist/ptcw-design/{p-3a02bf53.entry.js → p-cc01abde.entry.js} +1 -1
- package/dist/ptcw-design/{p-ad1b687a.entry.js → p-cc4001c3.entry.js} +1 -1
- package/dist/ptcw-design/{p-797947ca.entry.js → p-cc79635e.entry.js} +1 -1
- package/dist/ptcw-design/{p-531cb2fc.entry.js → p-ccb58876.entry.js} +1 -1
- package/dist/ptcw-design/{p-5372b86d.entry.js → p-d0c1a39d.entry.js} +1 -1
- package/dist/ptcw-design/{p-d60685b3.entry.js → p-d0dbbbbc.entry.js} +1 -1
- package/dist/ptcw-design/{p-8938268f.entry.js → p-d3b615a8.entry.js} +1 -1
- package/dist/ptcw-design/p-da972e10.entry.js +1 -0
- package/dist/ptcw-design/{p-982c3ef3.entry.js → p-daa07e11.entry.js} +1 -1
- package/dist/ptcw-design/{p-5d8b28ef.entry.js → p-db15cc33.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a0a8412.entry.js → p-dd47fa46.entry.js} +1 -1
- package/dist/ptcw-design/{p-1f3a6514.entry.js → p-de3bb386.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5a3ec60.entry.js → p-deb196ab.entry.js} +1 -1
- package/dist/ptcw-design/p-e0df5eac.entry.js +1 -0
- package/dist/ptcw-design/{p-0825d719.entry.js → p-e14bf61d.entry.js} +1 -1
- package/dist/ptcw-design/p-e1f6d7b3.entry.js +1 -0
- package/dist/ptcw-design/{p-5563c7fc.entry.js → p-e4fbda38.entry.js} +1 -1
- package/dist/ptcw-design/p-e7d1d1d4.entry.js +1 -0
- package/dist/ptcw-design/{p-2acb785a.entry.js → p-e7deaf1b.entry.js} +1 -1
- package/dist/ptcw-design/{p-b14f45eb.entry.js → p-e89b067e.entry.js} +1 -1
- package/dist/ptcw-design/{p-b38fc66d.entry.js → p-ec466b19.entry.js} +1 -1
- package/dist/ptcw-design/{p-4b23b4c3.entry.js → p-ee534211.entry.js} +1 -1
- package/dist/ptcw-design/{p-3937c3df.entry.js → p-ee7fc174.entry.js} +1 -1
- package/dist/ptcw-design/{p-ddaf7c40.entry.js → p-eeadc8fa.entry.js} +1 -1
- package/dist/ptcw-design/{p-ef82ba60.entry.js → p-f054d968.entry.js} +1 -1
- package/dist/ptcw-design/{p-833816ad.entry.js → p-f2de11bd.entry.js} +1 -1
- package/dist/ptcw-design/{p-b719425d.entry.js → p-f48d42d7.entry.js} +1 -1
- package/dist/ptcw-design/{p-a0302906.entry.js → p-f506f5c1.entry.js} +1 -1
- package/dist/ptcw-design/{p-24dc27af.entry.js → p-f5188e6f.entry.js} +1 -1
- package/dist/ptcw-design/{p-6d31a126.entry.js → p-f6fc7b08.entry.js} +1 -1
- package/dist/ptcw-design/{p-e3092f00.entry.js → p-f8766512.entry.js} +1 -1
- package/dist/ptcw-design/{p-01e02d44.entry.js → p-faed9cae.entry.js} +1 -1
- package/dist/ptcw-design/{p-fda16b0f.entry.js → p-faf7a94c.entry.js} +1 -1
- package/dist/ptcw-design/{p-6d1a6bcd.entry.js → p-fb2ef807.entry.js} +1 -1
- package/dist/ptcw-design/{p-d5a66ae7.entry.js → p-fbde847d.entry.js} +1 -1
- package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +2 -0
- package/dist/types/components/ptc-form-radio-button/ptc-form-radio-button.d.ts +12 -0
- package/dist/types/components/ptc-form-radio-group/ptc-form-radio-group.d.ts +16 -0
- package/dist/types/components/ptc-info-tile/ptc-info-tile.d.ts +0 -2
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +1 -0
- package/dist/types/components.d.ts +46 -4
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/homepage-clickable-tab.cjs.entry.js +0 -25
- package/dist/esm/homepage-clickable-tab.entry.js +0 -21
- package/dist/ptcw-design/p-1805725b.entry.js +0 -1
- package/dist/ptcw-design/p-22f5b976.entry.js +0 -1
- package/dist/ptcw-design/p-230f8bce.entry.js +0 -1
- package/dist/ptcw-design/p-2a999b1f.entry.js +0 -1
- package/dist/ptcw-design/p-4efa7c2f.entry.js +0 -1
- package/dist/ptcw-design/p-69da5574.entry.js +0 -1
- package/dist/ptcw-design/p-7882f20f.entry.js +0 -1
- package/dist/ptcw-design/p-7f880c94.entry.js +0 -1
- package/dist/ptcw-design/p-835f68ca.entry.js +0 -1
- package/dist/ptcw-design/p-84da0491.entry.js +0 -1
- package/dist/ptcw-design/p-9498e678.entry.js +0 -1
- package/dist/ptcw-design/p-99c457aa.entry.js +0 -1
- package/dist/ptcw-design/p-9eda634c.entry.js +0 -1
- package/dist/ptcw-design/p-a23be72e.entry.js +0 -1
- package/dist/ptcw-design/p-a73cce6e.entry.js +0 -1
- package/dist/ptcw-design/p-b46601e6.entry.js +0 -1
- package/dist/ptcw-design/p-cbdc8dfd.entry.js +0 -1
- package/dist/ptcw-design/p-d134f40c.entry.js +0 -1
- package/dist/ptcw-design/p-f9d41b5a.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,H as i,
|
|
1
|
+
import{r as t,h as n,H as i,g as e}from"./p-ac75c7ad.js";const a=class{constructor(n){t(this,n),this.setScreenBasedProps=()=>{let t=window.innerWidth,n={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(n.contentCards=3,n.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(n.contentCards=2,n.parahFontSize="xx-small"):t>=768?(n.contentCards=2,n.parahFontSize="xxx-small"):(n.contentCards=1,n.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},n)},this.handlePrevClick=()=>{var t,n;let i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),e=window.getComputedStyle(i).marginLeft,a=Number(e.substring(0,e.length-2)),o=null===(n=this.el)||void 0===n?void 0:n.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,i.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,n;let i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),e=window.getComputedStyle(i).marginLeft,a=Number(e.substring(0,e.length-2)),o=null===(n=this.el)||void 0===n?void 0:n.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,i.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(!this.closed){let t=window.innerHeight||(document.documentElement||document.body).clientHeight,n=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),i=window.scrollY||(document.documentElement||document.body).scrollTop,e=Math.floor(i/(n-t)*100);this.el.style.display=e>=50?"block":"none";let a=this.el.shadowRoot.querySelector(".card-rail-container"),o=document.querySelector(this.footerQuerySelector);if(o){let t=o.getBoundingClientRect().top,n=window.innerHeight;t<=n&&(a.style.bottom=n-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,n;this.setScreenBasedProps();let i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),e=window.getComputedStyle(i).marginLeft,a=Number(e.substring(0,e.length-2)),o=null===(n=this.el)||void 0===n?void 0:n.shadowRoot.querySelectorAll(".content");i.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.footerQuerySelector=void 0,this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0}}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let n in t){let i=t[n];if("DIV"===i.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},n=i.querySelector("img"),e=i.querySelector("a");t.image=n.getAttribute("src"),t.altText=n.getAttribute("alt"),t.text=e.innerText,t.href=e.getAttribute("href"),this.data.push(t),i.remove()}}this.handleOnScrollBehaviour()}componentDidLoad(){this.setScreenBasedProps(),window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}render(){return this.closed?null:n(i,null,n("div",{class:"card-rail-container"},n("div",{class:"card-rail-header"},n("div",{class:"card-rail-heading"},n("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Read More Case Studies")),n("div",{class:"card-rail-close",onClick:()=>{this.closed=!0}},n("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),n("div",{class:"card-rail-content"},n("icon-asset",{id:"left-arrow",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),n("icon-asset",{id:"right-arrow",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),n("div",{class:"content-container"},this.data.map((t=>n("div",{class:"content",onClick:()=>{window.open(t.href)}},n("div",{class:"content-image"},n("img",{alt:t.altText,src:t.image})),n("div",{class:"content-text"},n("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return e(this)}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;}:host .card-rail-content icon-asset#right-arrow{right:3px}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{width:100%;flex:1 0 100%;display:flex}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{a as ptc_related_card_rail}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as i,g as o}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.overlayType="standard",this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation="bottom-right",this.paused=void 0,this.type="default",this.isIframe=!1}componentWillLoad(){this.paused=!1}render(){const t=this.isIframe?e("div",{class:"iframe-wrapper"},e("iframe",{id:"jumbotron-iframe",src:this.videoSrc,frameborder:0,allow:"autoplay",allowFullScreen:!0,class:"background-video-embed"})):e("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0});return e(i,{class:this.type},t,!!this.videoSrc&&this.playButtonTitle&&e("div",{class:`play-button ${this.buttonLocation}`},this.paused&&e("ptc-tooltip",{class:"play-btn",mode:"wrapper",description:this.playButtonTitle,position:"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}"},e("ptc-button",{type:"button",color:"icon-toggle",onClick:t=>this.toggleVideoPlay(t),styles:"button.icon-toggle { padding :0px 8px; }","aria-label":"Video Play button"},e("icon-asset",{name:"play",size:"small",type:"ptc",color:"black"}))),!this.paused&&!!this.pauseButtonTitle&&e("ptc-tooltip",{class:"pause-btn",mode:"wrapper",description:this.pauseButtonTitle,position:"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}"},e("ptc-button",{type:"button",color:"icon-toggle",onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Pause button"},e("icon-asset",{name:"pause",size:"small",type:"ptc",color:"black"})))),this.overlay?e("div",{class:`video-overlay ${this.overlayType}`}):"","default"==this.type?e("slot",null):"")}toggleVideoPlay(t){t.preventDefault(),this.paused=!this.paused;let e=this.el.shadowRoot.querySelector("video");e&&(this.paused?e.pause():e.play().catch((t=>console.error(t))))}get el(){return o(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background:linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:1.5rem;right:1.5rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button ptc-button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button ptc-button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button ptc-button{padding:0}}";export{s as ptc_background_video}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,
|
|
1
|
+
import{r as i,a as t,h as e,H as s}from"./p-ac75c7ad.js";const a=class{constructor(t){i(this,t),this.barTitle="Bar Title",this.isSticky=!1,this.logo="logo.png"}handleScroll(){const i=document.documentElement.scrollTop;this.isSticky=i>260}render(){const i=t(`./media/${this.logo}`);return e(s,null,e("div",{class:"sticky-header-container "+(this.isSticky?"sticky":"")},e("div",{class:"sticky-header-title"},e("div",{class:"logo-image "+(this.isSticky?"is-visible":"")},e("img",{src:i})),e("div",{class:"sticky-text"},e("ptc-tooltip",{"text-lines":"1",description:this.barTitle})),e("div",{class:"share-icons is-flex "+(this.isSticky?"is-visible":"")},e("slot",{name:"social-share-slot"}))),e("ptc-progress-bar",null)))}static get assetsDirs(){return["media"]}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;display:flex;opacity:0;visibility:hidden;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 992px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1;visibility:visible;opacity:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0}@media only screen and (min-width: 992px){.sticky-header-title{justify-content:center;padding:0 80px}}@media only screen and (min-width: 992px){.sticky-header-title{padding:0 100px}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 992px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 992px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title .sticky-text{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 992px){.sticky-header-title .sticky-text{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";export{a as ptc_sticky_title}
|
|
@@ -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.categoryTitle=void 0,this.categoryDescription=void 0}render(){return e(i,null,e("div",{class:"category-header"},e("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-size":"xx-large","title-height":"densest"},e("ptc-tooltip",{"text-display":"inline","text-lines":"4","z-index":"z-999",description:this.categoryTitle,position:"bottom",width:"full-width"})),e("ptc-spacer",{size:"x-small"}),e("ptc-spacer",{size:"x-small",breakpoint:"x-small"}),e("ptc-para",{"para-margin":"margin-flush","font-size":"small","para-line-h":"line-height-p","font-weight":"w-5","para-z-index":"z-auto"},e("ptc-tooltip",{"text-display":"block","text-lines":"9","z-index":"z-999",description:this.categoryDescription,position:"bottom",width:"full-width"}))),e("slot",null))}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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-bottom:var(--ptc-layout-spacing-03)}:host .category-header{margin-bottom:var(--ptc-layout-spacing-03)}";export{a as ptc_product_category}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},r=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),s=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},f=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=r(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),f(o,n[t][n[t].length-1])}else 3==o.nodeType&&s(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[r(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return f(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var r=o||this,s=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(r,s)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function r(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function s(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function f(t){t&&t.children&&1==t.children.length&&(t.innerHTML=t.firstElementChild.innerHTML)}function a(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}export{n as M,
|
|
1
|
+
function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},r=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),s=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},f=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=r(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),f(o,n[t][n[t].length-1])}else 3==o.nodeType&&s(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[r(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return f(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var r=o||this,s=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(r,s)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function r(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function s(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function f(t){t&&t.children&&1==t.children.length&&(t.innerHTML=t.firstElementChild.innerHTML)}function a(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}export{n as M,i as a,s as b,r as c,o as d,a as e,t as f,e as g,l as o,f as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,
|
|
1
|
+
import{r as t,h as e,H as i,g as h}from"./p-ac75c7ad.js";class a{}const l=class{constructor(e){t(this,e),this.listType="list-primary",this.listItems=[]}render(){const t=this.getCssClassMap(),h=this.getListItems();return h&&0!==h.length?e(i,{class:t},e("ul",null,h.map((t=>e("list-item",{"link-type":t.type,"link-href":t.href,"link-target":t.target,"flush-before":t.flushBefore},t.value))))):null}getListItems(){let t=new Array;return this.listItems&&this.listItems.length>0?this.listItems.map((e=>{let i=new a;i.value=e,t.push(i)})):Array.from(this.el.querySelectorAll("list-item")).map((e=>{let i=new a,h=e;i.value=h.innerText,i.href=h.getAttribute("link-href"),i.target=h.getAttribute("link-target"),i.flushBefore="true"==h.getAttribute("flush-before"),i.type=h.getAttribute("link-type"),t.push(i)})),t}getCssClassMap(){return{[this.listType]:!!this.listItems}}get el(){return h(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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(.list-primary) li{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}:host(.list-primary) li:not(:last-child){margin-bottom:0.625rem}:host(.list-primary) li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.list-primary) li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-07)}";export{l as ptc_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as r,H as i}from"./p-
|
|
1
|
+
import{r as a,h as r,H as i}from"./p-ac75c7ad.js";const t=class{constructor(r){a(this,r),this.cardType=void 0,this.cardHref=void 0,this.logoAlt=void 0,this.target="_self",this.rel=void 0,this.linkTitle=void 0,this.cardLogo=void 0,this.heading=void 0,this.description=void 0,this.windowSize="mobile"}handleResize(){this.windowSize=window.innerWidth<992?"mobile":"desktop"}componentWillLoad(){this.handleResize()}render(){return r(i,{class:this.cardType},r("div",{class:"nav-card-wrap"},"links-card"==this.cardType?r("div",{class:"links-card-wrap"},r("h3",null,this.cardHref&&!this.cardHref.startsWith("#")?r("a",{href:this.cardHref,title:this.linkTitle},this.heading,r("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z",fill:"#3DAB49"}))):this.heading),r("slot",null)):r("a",{href:this.cardHref,title:this.linkTitle,class:"media-card-wrap"},this.cardLogo&&r("div",{class:"card-logo"},r("img",{src:this.cardLogo,alt:this.logoAlt})),r("div",{class:"card-content"},r("h4",null,this.heading,"cta-card"==this.cardType&&r("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z",fill:"#3DAB49"}))),this.description&&r("p",null,this.description)))))}};t.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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:flex;height:100%;width:100%;position:relative}:host .nav-card-wrap{display:flex;align-items:center;width:100%;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}@media only screen and (min-width: 1200px){:host .nav-card-wrap{background-color:var(--color-gray-10)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}}:host .nav-card-wrap h4,:host .nav-card-wrap p,:host .nav-card-wrap a{color:var(--color-white);margin:0;text-decoration:none}:host .nav-card-wrap .media-card-wrap{padding:1rem 1.5rem 1.125rem 1.5rem;width:100%;height:100%;display:flex;align-items:center}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap{padding:1rem}}:host .nav-card-wrap .media-card-wrap h4{margin-bottom:0.25rem;font-weight:800;display:flex;align-items:center;font-size:var(--ptc-font-size-medium);word-break:break-word}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap h4{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:1.5rem}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:1rem}}:host .nav-card-wrap .media-card-wrap .card-logo img{width:100%;max-width:2rem;min-width:2rem}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo img{max-width:1.5rem;min-width:1.5rem}}:host(.media-card) .nav-card-wrap{min-height:99px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap{min-height:80px}}:host(.cta-card) .nav-card-wrap{border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-09);min-height:99px;box-sizing:border-box;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host(.cta-card) .nav-card-wrap{min-height:80px;background-color:transparent}}:host(.cta-card) .nav-card-wrap:hover{background-color:var(--color-gray-08)}:host(.cta-card) .nav-card-wrap .card-content{margin:auto}:host(.cta-card) .nav-card-wrap .card-content h4{margin:0}:host(.cta-card) .nav-card-wrap .card-content svg{vertical-align:middle;margin-left:0.375rem}:host(.links-card) .nav-card-wrap{background-color:transparent;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-07);border-radius:0;margin:0 -1.5rem;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap{margin:0;padding:1.5rem;border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}}:host(.links-card) .nav-card-wrap:hover{background-color:transparent}:host(.links-card) .nav-card-wrap h3{margin:0 0 8px 0;display:inline-block;font-weight:800;font-size:20px;color:var(--color-white)}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap h3{font-size:15px;margin:0 0 10px 0}}:host(.links-card) .nav-card-wrap h3 svg{margin-left:0.375rem;vertical-align:middle}:host(.links-card) .nav-card-wrap h3 a{border-bottom:1.5px solid transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.links-card) .nav-card-wrap h3 a:hover{border-color:var(--color-green-06)}:host(.links-card) ::slotted(ptc-link){padding:8px 0;line-height:14px}@media only screen and (min-width: 1200px){:host(.links-card) ::slotted(ptc-link){padding:6px 0}}";export{t as ptc_nav_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as h}from"./p-
|
|
1
|
+
import{r as t,h as i,H as h}from"./p-ac75c7ad.js";const e=class{constructor(i){t(this,i),this.cardTitle=void 0,this.cardHref=void 0,this.cardImageSrc=void 0,this.cardImageAlt=void 0,this.ctaText=void 0,this.ctaIconAssetName=void 0,this.target=void 0}render(){return i(h,null,i(this.cardHref?"a":"div",Object.assign({},this.cardHref?{href:this.cardHref}:{},this.cardHref?{target:this.target}:{}),i("h4",null,this.cardTitle),i("img",{src:this.cardImageSrc,alt:this.cardImageAlt}),i("slot",null),i("h4",{class:"cta"},this.ctaText,i("icon-asset",{type:"ptc",size:"x-small",name:this.ctaIconAssetName,color:"white"}))))}};e.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;text-align:center;padding:0 var(--ptc-layout-spacing-02)}:host a{text-decoration:none}:host a:hover{text-decoration:none}:host h4{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white);margin:0}:host .cta icon-asset{margin-left:4px;vertical-align:middle}:host img{max-width:75px;margin:var(--ptc-layout-spacing-03) 0}";export{e as ptc_subnav_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as a,a as n,F as l}from"./p-944c5be8.js";const s=class{constructor(e){t(this,e),this.optionClick=i(this,"optionClick",7),this.getQuizEndpoint=void 0,this.quiz=null,this.slide=null,this.traversal=[]}handleStartButtonClick(){this.slide=this.slide.next,this.traversal.push("next")}handleRestartButtonClick(){this.slide=this.quiz,this.traversal=[]}handlePreviousButtonClick(){let t=this.quiz;for(let i of this.traversal.slice(0,this.traversal.length-3))t=t[i];this.slide=t,this.traversal=this.traversal.slice(0,this.traversal.length-3)}handleQuestionOptionClick(t){let i=this.el.shadowRoot.getElementById(`radio-${t}`);i.classList.add("clicked"),setTimeout((()=>{let[e,a]=[null,null],n=this.slide.options;for(let i in n)if(n[i]["data-model-id"]===t){e=n[i],a=i;break}if(this.optionClick.emit(e),null!=e.next){this.traversal=[...this.traversal,"options",a,"next"];let t=new Image;t.src=e.next.image,t.onload=()=>{this.slide=e.next,i.classList.remove("clicked")}}}),200)}componentWillLoad(){fetch(this.getQuizEndpoint).then((t=>t.json())).then((t=>{this.quiz=t,this.slide=this.quiz})).catch((t=>console.log("Quiz retireval error: ",t)))}render(){const t=()=>e("div",{class:"right-button-container"},e("div",{class:"restart-quiz-button",onClick:()=>this.handleRestartButtonClick()},e("icon-asset",{id:"restart-arrow",type:"ptc",size:"small",name:"quiz-arrow-restart"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Restart"))),i=t=>e("div",{class:"center-button-container"},e("div",{class:"previous-slide-button "+(t.invisible?"invisible":""),onClick:()=>this.handlePreviousButtonClick()},e("icon-asset",{id:"left-arrow",type:"ptc",size:"medium",name:"quiz-arrow-left",onClick:()=>{}}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Previous"))),n=()=>e("div",{class:"quiz-slide-initial"},e("div",{class:"quiz-slide-content"},e("div",{id:"initial-quiz-h2",class:"quiz-slide-text-container"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8","is-plm-hub":"false"},this.slide.h2)),e("ptc-spacer",{size:"medium",breakpoint:"small"}),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-h3",class:"quiz-slide-text-container"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.h3)),e("ptc-spacer",{size:"x-large",breakpoint:"small"}),e("ptc-spacer",{size:"xx-large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-p",class:"quiz-slide-text-container"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.slide.p)),e("div",{class:"center-button-container"},e("div",{id:"quiz-start-button",onClick:()=>this.handleStartButtonClick()},e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"",target:"_blank"},"Start"))))),s=()=>e("div",{class:"quiz-slide-question"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-title",{type:"h4","text-align":"left","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.question),e("div",{class:"options-container"},this.slide.options.map((t=>e("div",{class:"radio-input",onClick:()=>this.handleQuestionOptionClick(t["data-model-id"])},e("span",{id:`radio-${t["data-model-id"]}`,class:"radio"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t["data-value"]))))))))),r=()=>e("div",{class:"quiz-slide-result"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-title",{type:"h4","text-align":"left","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.title),e("ptc-spacer",{size:"large",breakpoint:"small"}),e("ptc-spacer",{size:"x-large",breakpoint:"x-small"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-bottom-6","para-style":"","para-z-index":"z-1",styles:""},this.slide.description),e("div",{class:"cta-container"},this.slide["cta-quaternary"]&&e("ptc-button",{type:"link",target:this.slide["cta-quaternary"].target,color:"ptc-quaternary","link-href":this.slide["cta-quaternary"].href},this.slide["cta-quaternary"].text),this.slide["cta-tertiary"]&&e("ptc-button",{type:"link",target:this.slide["cta-tertiary"].target,color:"ptc-tertiary","link-href":this.slide["cta-tertiary"].href},this.slide["cta-tertiary"].text))))));return e(a,null,this.quiz&&e("div",{class:"quiz-slide-container"},e("div",{class:"quiz-slide-background"}),e("slot",{name:"seo-content"}),(()=>{switch(this.slide["slide-type"]){case"initial":return e(n,null);case"question":return e(l,null,e(t,null),e(s,null),this.traversal.length>1?e(i,null):null);case"result":return e(l,null,e(t,null),e(r,null),e(i,null));default:return null}})()))}get el(){return n(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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 .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white;z-index:1}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://www.ptc.com/-/media/Development/Embedded-Vuforia-Quiz/vuforia-background-guide-01.svg");background-size:cover;background-position:center;opacity:0.2;z-index:-1}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{z-index:2;margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{z-index:2;display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{margin-top:var(--ptc-element-spacing-06);padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap;z-index:2}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start;display:flex;align-items:flex-start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio{width:16px;height:16px;border-radius:var(--ptc-border-radius-circle);border:var(--color-gray-10) solid 1px;z-index:2;padding:3px;box-sizing:border-box;flex-shrink:0;margin-top:var(--ptc-element-spacing-01);background-color:white}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked{border:var(--color-blue-08) solid 1px;background:var(--color-blue-08);background-clip:content-box, padding-box}:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio{box-shadow:var(--ptc-shadow-x-small)}@media only screen and (min-width: 768px){:host .quiz-slide-container{min-height:calc(10 * var(--ptc-element-spacing-08));position:relative}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{flex-shrink:0;display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}::slotted([slot=seo-content]){display:none}';export{s as ptc_embedded_quiz}
|
|
1
|
+
import{r as t,c as i,h as e,H as a,g as n,F as l}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.optionClick=i(this,"optionClick",7),this.getQuizEndpoint=void 0,this.quiz=null,this.slide=null,this.traversal=[]}handleStartButtonClick(){this.slide=this.slide.next,this.traversal.push("next")}handleRestartButtonClick(){this.slide=this.quiz,this.traversal=[]}handlePreviousButtonClick(){let t=this.quiz;for(let i of this.traversal.slice(0,this.traversal.length-3))t=t[i];this.slide=t,this.traversal=this.traversal.slice(0,this.traversal.length-3)}handleQuestionOptionClick(t){let i=this.el.shadowRoot.getElementById(`radio-${t}`);i.classList.add("clicked"),setTimeout((()=>{let[e,a]=[null,null],n=this.slide.options;for(let i in n)if(n[i]["data-model-id"]===t){e=n[i],a=i;break}if(this.optionClick.emit(e),null!=e.next){this.traversal=[...this.traversal,"options",a,"next"];let t=new Image;t.src=e.next.image,t.onload=()=>{this.slide=e.next,i.classList.remove("clicked")}}}),200)}componentWillLoad(){fetch(this.getQuizEndpoint).then((t=>t.json())).then((t=>{this.quiz=t,this.slide=this.quiz})).catch((t=>console.log("Quiz retireval error: ",t)))}render(){const t=()=>e("div",{class:"right-button-container"},e("div",{class:"restart-quiz-button",onClick:()=>this.handleRestartButtonClick()},e("icon-asset",{id:"restart-arrow",type:"ptc",size:"small",name:"quiz-arrow-restart"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Restart"))),i=t=>e("div",{class:"center-button-container"},e("div",{class:"previous-slide-button "+(t.invisible?"invisible":""),onClick:()=>this.handlePreviousButtonClick()},e("icon-asset",{id:"left-arrow",type:"ptc",size:"medium",name:"quiz-arrow-left",onClick:()=>{}}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Previous"))),n=()=>e("div",{class:"quiz-slide-initial"},e("div",{class:"quiz-slide-content"},e("div",{id:"initial-quiz-h2",class:"quiz-slide-text-container"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8","is-plm-hub":"false"},this.slide.h2)),e("ptc-spacer",{size:"medium",breakpoint:"small"}),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-h3",class:"quiz-slide-text-container"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.h3)),e("ptc-spacer",{size:"x-large",breakpoint:"small"}),e("ptc-spacer",{size:"xx-large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-p",class:"quiz-slide-text-container"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.slide.p)),e("div",{class:"center-button-container"},e("div",{id:"quiz-start-button",onClick:()=>this.handleStartButtonClick()},e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"",target:"_blank"},"Start"))))),s=()=>e("div",{class:"quiz-slide-question"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-title",{type:"h4","text-align":"left","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.question),e("div",{class:"options-container"},this.slide.options.map((t=>e("div",{class:"radio-input",onClick:()=>this.handleQuestionOptionClick(t["data-model-id"])},e("span",{id:`radio-${t["data-model-id"]}`,class:"radio"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t["data-value"]))))))))),r=()=>e("div",{class:"quiz-slide-result"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-title",{type:"h4","text-align":"left","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.title),e("ptc-spacer",{size:"large",breakpoint:"small"}),e("ptc-spacer",{size:"x-large",breakpoint:"x-small"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-bottom-6","para-style":"","para-z-index":"z-1",styles:""},this.slide.description),e("div",{class:"cta-container"},this.slide["cta-quaternary"]&&e("ptc-button",{type:"link",target:this.slide["cta-quaternary"].target,color:"ptc-quaternary","link-href":this.slide["cta-quaternary"].href},this.slide["cta-quaternary"].text),this.slide["cta-tertiary"]&&e("ptc-button",{type:"link",target:this.slide["cta-tertiary"].target,color:"ptc-tertiary","link-href":this.slide["cta-tertiary"].href},this.slide["cta-tertiary"].text))))));return e(a,null,this.quiz&&e("div",{class:"quiz-slide-container"},e("div",{class:"quiz-slide-background"}),e("slot",{name:"seo-content"}),(()=>{switch(this.slide["slide-type"]){case"initial":return e(n,null);case"question":return e(l,null,e(t,null),e(s,null),this.traversal.length>1?e(i,null):null);case"result":return e(l,null,e(t,null),e(r,null),e(i,null));default:return null}})()))}get el(){return n(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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 .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white;z-index:1}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://www.ptc.com/-/media/Development/Embedded-Vuforia-Quiz/vuforia-background-guide-01.svg");background-size:cover;background-position:center;opacity:0.2;z-index:-1}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{z-index:2;margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{z-index:2;display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{margin-top:var(--ptc-element-spacing-06);padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap;z-index:2}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start;display:flex;align-items:flex-start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio{width:16px;height:16px;border-radius:var(--ptc-border-radius-circle);border:var(--color-gray-10) solid 1px;z-index:2;padding:3px;box-sizing:border-box;flex-shrink:0;margin-top:var(--ptc-element-spacing-01);background-color:white}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked{border:var(--color-blue-08) solid 1px;background:var(--color-blue-08);background-clip:content-box, padding-box}:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio{box-shadow:var(--ptc-shadow-x-small)}@media only screen and (min-width: 768px){:host .quiz-slide-container{min-height:calc(10 * var(--ptc-element-spacing-08));position:relative}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{flex-shrink:0;display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}::slotted([slot=seo-content]){display:none}';export{s as ptc_embedded_quiz}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,H as e,
|
|
1
|
+
import{r as t,c as r,h as a,H as e,g as i}from"./p-ac75c7ad.js";const s=class{constructor(a){t(this,a),this.valueChanged=r(this,"valueChanged",7),this.clicked=r(this,"clicked",7),this.textValue=void 0,this.placeholderLabel=void 0,this.darkTheme=void 0,this.isNews=void 0,this.elevation="small",this.enableClear=!1,this.styles=void 0}textChangedHandler(t){this.valueChanged.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}buttonClickHandler(t){this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}keyDownHandler(t){"Enter"==t.key&&this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()}),this.getSearchValue()}keyUpHandler(){this.darkTheme||(this.enableClear=!(""==this.getSearchValue()))}getSearchValue(){let t="",r=this.el.shadowRoot.querySelector("input");return r&&(t=r.value),t}async clearSearchValue(){this.textValue="";let t=this.el.shadowRoot.querySelector("input");t&&(t.value="",this.enableClear=!1)}render(){const t=this.getCssClassMap(),r=this.darkTheme?"white":"black";return a(e,{class:t},this.styles&&a("style",null,this.styles),a("div",{class:"search-div"},a("div",{class:"input-wrap"},a("input",{type:"text",value:this.textValue,placeholder:this.placeholderLabel,onKeyDown:t=>{this.keyDownHandler(t)},onKeyUp:()=>{this.keyUpHandler()},onChange:t=>{this.textChangedHandler(t)}}),this.enableClear&&a("div",{class:"icon-wrapper"},a("icon-asset",{class:"cls",type:"ptc",color:r,name:"times",size:"xxx-small",onClick:t=>{this.clearSearchValue(),this.buttonClickHandler(t)}}))),a("button",{type:"button",color:"blackgrey",class:"search-btn",onClick:t=>{this.buttonClickHandler(t)}},a("icon-asset",{type:"ptc",size:"medium",name:"new-search",color:"white"}))))}getCssClassMap(){return{dark:!!this.darkTheme,[this.elevation]:!0,"enable-clear":this.enableClear,news:!!this.isNews}}get el(){return i(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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 .search-div{position:relative;display:flex;align-items:stretch;height:51px;border-radius:var(--ptc-border-radius-standard)}:host .search-div .input-wrap{position:relative;width:100%;box-sizing:border-box;display:flex}:host .search-div .input-wrap input{height:100%}:host .search-div input{background-color:var(--color-white);height:-webkit-fill-available;border:0 solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose);padding-right:54px;width:100%;box-sizing:border-box;margin-right:0px}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;min-width:51px;border-radius:0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0;background-color:var(--color-gray-12);border:0 solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);margin:0}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.dark) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04);padding-right:2px}:host(.dark) .search-div input::placeholder{color:var(--color-white);font-size:var(--ptc-font-size-x-small)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}:host(.news){z-index:999;position:relative;margin-top:20px}:host(.news) .search-div{height:43px}@media (max-width: 480px){:host(.news) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.news) .search-div{width:246px}}:host(.news) .search-div .search-btn{height:43px}:host(.x-small) .search-div{box-shadow:var(--ptc-shadow-x-small)}:host(.small) .search-div{box-shadow:var(--ptc-shadow-small)}:host(.medium) .search-div{box-shadow:var(--ptc-shadow-medium)}:host(.large) .search-div{box-shadow:var(--ptc-shadow-large)}:host(.x-large) .search-div{box-shadow:var(--ptc-shadow-x-large)}@media (max-width: 480px){input{width:75%}}.icon-wrapper{padding:16px 20px 0;background-color:transparent;position:absolute;right:0;top:-2px;height:100%;box-sizing:border-box}.icon-wrapper .cls{cursor:pointer;display:block}:host(.dark) .icon-wrapper{padding:12px 20px 0;background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);border-left-width:0;position:initial;right:auto;top:auto}:host(.dark):host(.enable-clear) input{border-right-width:0}@media only screen and (min-width: 992px){.cls{display:none}}";export{s as ptc_search_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i}from"./p-
|
|
1
|
+
import{r as e,h as t,H as i}from"./p-ac75c7ad.js";const o=class{constructor(t){e(this,t),this.quoteType="image-quote",this.quoteName="John Smith",this.ctaText=void 0,this.ctaUrl=void 0,this.imgSrc=void 0,this.imgTitle=void 0,this.quoteImage=void 0}getImageTitle(){return t("div",{class:"our-leadership"},t("div",{class:"line"},t("div",{class:"green-line"}),t("div",{class:"grey-line"})),t("p",null,this.imgTitle))}render(){const e=this.getCssClassMap();return t(i,{class:e},this.imgSrc?t("div",{class:"quote-media"},this.imgSrc?t("img",{src:this.imgSrc,alt:this.imgTitle?this.imgTitle:"quote Image"}):null,this.imgTitle?this.getImageTitle():null):null,t("div",{class:"quote-content"},"image-quote"==this.quoteType?t("div",{class:"quotemarks",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.12 32.76"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#cac8c8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><g class="cls-1"><path class="cls-2" d="M24,0,18,15.12h5.4L19.68,32.76H0l3.72-18L11.4,0ZM48.12,0l-6,15.12h5.4L43.8,32.76H24.12l3.72-18L35.52,0Z"/></g></g></g></g></svg>'}):null,t("blockquote",null,"value-led-quote"==this.quoteType&&t("ptc-picture",{alt:"quote",src:this.quoteImage}),t("p",null,t("slot",null)),t("span",{class:"quote-name"},this.quoteName?this.quoteName:null),this.ctaText&&this.ctaUrl?t("ptc-button",{type:"link",color:"ptc-secondary","link-href":this.ctaUrl},this.ctaText):null)))}getCssClassMap(){return{[this.quoteType]:!0}}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{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:flex;width:100%;position:relative;overflow:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start}:host(.image-quote) .quote-media{position:relative;flex-basis:auto}:host(.image-quote) .quote-media img{width:100%}:host(.image-quote) .quote-media .our-leadership{width:89%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-04) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);top:0px;margin:0px auto;display:flex;position:relative;box-shadow:var(--ptc-shadow-large);background-color:var(--color-white);transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-black);color:var(--color-gray-10);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-loose);margin-block-end:0;margin-block-start:0}:host(.image-quote) .quote-media .our-leadership .line{height:2px;width:82%;position:absolute;top:20%}:host(.image-quote) .quote-media .our-leadership .line .green-line{width:30%;height:2px;background-color:var(--color-green-05);display:inline-block;position:absolute}:host(.image-quote) .quote-media .our-leadership .line .grey-line{width:70%;height:1px;background-color:var(--color-gray-03);display:inline-block;position:absolute;left:30%}:host(.image-quote) .quote-content{flex-basis:auto;display:flex;flex-flow:column nowrap}:host(.image-quote) .quote-content .quotemarks{flex-basis:7%;width:15%;margin-bottom:var(--ptc-element-spacing-03);max-width:2.5rem}:host(.image-quote) .quote-content blockquote{flex-basis:93%;margin-block-start:calc(-1 * var(--ptc-element-spacing-04));margin-inline-start:0;margin-inline-end:0}:host(.image-quote) .quote-content blockquote p{font-weight:var(--ptc-font-weight-medium);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}:host(.image-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium)}@media only screen and (min-width: 768px){:host(.image-quote) .quote-media .our-leadership{width:65%;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);transform:translateY(-25%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quotemarks{width:10%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}}@media only screen and (min-width: 992px){:host(.image-quote) .quote-content{margin-right:5%;margin-left:5%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-large)}}@media only screen and (min-width: 1200px){:host(.image-quote){flex-direction:row}:host(.image-quote) .quote-media{flex-basis:40%;padding:unset;margin:var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);padding-right:var(--ptc-element-spacing-08)}:host(.image-quote) .quote-media .our-leadership{width:78%;transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership .line{top:18%}:host(.image-quote) .quote-content{flex-basis:58%;flex-flow:row nowrap;margin-left:unset;margin-right:unset}:host(.image-quote) .quote-content .quotemarks{flex-basis:8%;margin-right:var(--ptc-element-spacing-03)}}:host(.plain-quote) blockquote{margin:0 auto;padding:0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);border-left:5px solid var(--color-green-05)}:host(.plain-quote) blockquote p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.plain-quote) .quote-content{flex-basis:auto}:host(.plain-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small)}:host(.value-led-quote){margin-bottom:32px}@media only screen and (min-width: 480px){:host(.value-led-quote){margin-bottom:48px}}:host(.value-led-quote) blockquote{margin:8px 0 8px 0;border-left:7px solid var(--color-green-07);padding-left:32px}@media only screen and (min-width: 480px){:host(.value-led-quote) blockquote{margin:16px 40px 0 40px}}@media only screen and (min-width: 992px){:host(.value-led-quote) blockquote{margin:24px 48px 8px 48px}}@media only screen and (min-width: 1440px){:host(.value-led-quote) blockquote{margin:8px 48px 8px 48px}}:host(.value-led-quote) blockquote p,:host(.value-led-quote) blockquote span{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}:host(.value-led-quote) blockquote .quote-name{font-weight:500}";export{o as ptc_quote}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,H as i}from"./p-
|
|
1
|
+
import{r as t,h as a,H as i}from"./p-ac75c7ad.js";const e=class{constructor(a){t(this,a),this.type="text-copy-with-background",this.backgroundImage=void 0,this.ImageAltText=void 0,this.topSlitBackgroundColor=void 0,this.slitPosition="top-right",this.isBackgroundBlur=!1,this.overlay=!0,this.disableLightLinks=!1,this.styles=void 0}render(){const t=this.getCssClassMap(),e=this.getSlitFillColor();return a(i,{class:t},this.styles&&a("style",null,this.styles),a("svg",{xmlns:"http://www.w3.org/2000/svg",class:"tcb-top-slit",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179",style:{fill:e}},a("path",{id:"Path_8770",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"tcb-top-slit-cls-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),this.backgroundImage?a("div",{class:""},a("img",{class:"copy-bg-image",alt:this.ImageAltText,src:this.backgroundImage}),this.isBackgroundBlur&&a("img",{class:"copy-bg-image bg-img-filter",alt:this.ImageAltText,src:this.backgroundImage})):null,this.overlay&&a("div",{class:"copy-bg-overlay-layer"}),a("div",{class:"content-wrap"},"case-studies"==this.type&&a("div",{class:"ptc-container"},a("div",{class:"card-wrap"},a("div",{class:"card-animated-border"}),a("div",{class:"card-content"},a("div",{class:"card-layout"},a("slot",{name:"card-content"}))))),a("slot",null)))}getSlitFillColor(){let t="#fff";if("auto"==this.topSlitBackgroundColor){let a=getComputedStyle(document.body);a&&a.backgroundColor&&(t=a.backgroundColor)}else t=this.topSlitBackgroundColor;return t}getCssClassMap(){return{[this.type]:!0,[this.slitPosition]:!0,"light-links":this.overlay&&!this.disableLightLinks,"bg-image-absent":!this.backgroundImage&&"text-copy-with-background"==this.type}}};e.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:0;transform:scale(1.5, 1.5)}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:"";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:"";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:"";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:"";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}:host(.bg-image-absent){padding:0rem}';export{e as ptc_text_copy_with_background}
|
|
@@ -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 i=class{constructor(e){t(this,e),this.contentTag=void 0}render(){return e(a,null,e("div",{class:"content-tag"},this.contentTag),e("slot",null))}};i.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";export{i as ptc_value_led_intro}
|
|
@@ -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}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{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{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-regular);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}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{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{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-regular);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 s}from"./p-
|
|
1
|
+
import{r as t,h as s}from"./p-ac75c7ad.js";import{f as o}from"./p-bcbdf9a9.js";const i=class{constructor(s){t(this,s),this.first=void 0,this.middle=void 0,this.last=void 0}getText(){return o(this.first,this.middle,this.last)}render(){return s("div",null,"Hello, World! I'm ",this.getText())}};i.style=":host{display:block}";export{i as my_component}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as c,H as i,g as e}from"./p-ac75c7ad.js";import{b as l}from"./p-bcbdf9a9.js";const s=class{constructor(c){t(this,c),this.isPlmHub=!1,this.type="h2",this.textAlign=void 0,this.upperline="dotted",this.titleShadow=void 0,this.titleColor="gray",this.titleMargin=void 0,this.titleWeight=void 0,this.titleSize=void 0,this.titleHeight="densest",this.styles=void 0,this.ellipsisLineCutoff=void 0,this.titleDisplay="inline-block",this.seoCompatibilityMode=!1}render(){return this.seoCompatibilityMode?this.seoCompRender():this.standardRender()}seoCompRender(){const t=this.getCssClassMap(),e=this.getLineCuttoff(),[s,p]=l(this.el,this.type),h=p&&p.innerHTML;return this.el==p&&(this.el.innerHTML=""),c(i,null,this.styles&&c("style",null,this.styles),c("div",{class:t},c(s,{innerHTML:h,style:e})))}standardRender(){const t=this.getCssClassMap(),e=this.getLineCuttoff();let l;switch(this.type){case"h1":l="h1";break;case"h3":l="h3";break;case"h4":l="h4";break;case"h5":l="h5";break;case"h6":l="h6";break;default:l="h2"}return c(i,null,this.styles&&c("style",null,this.styles),c("div",{class:t},c(l,{style:e},c("slot",null))))}getCssClassMap(){return{[this.textAlign]:!!this.textAlign,[this.upperline]:!0,[this.isPlmHub?"is-plm-hub":"is-standard"]:!0,[this.titleMargin]:!!this.titleMargin,[this.titleShadow]:!!this.titleShadow,[this.titleWeight]:!!this.titleWeight,[this.titleSize]:!!this.titleSize,[this.titleHeight]:!!this.titleHeight,[this.titleColor]:!!this.titleColor,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0,[this.titleDisplay]:!!this.titleDisplay}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}get el(){return e(this)}};s.style='h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title{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}}div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:"";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:"";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:"";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}';export{s as ptc_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e}from"./p-
|
|
1
|
+
import{r as t,h as i,H as e}from"./p-ac75c7ad.js";const r=class{constructor(i){t(this,i),this.jumbotron="light",this.isIframe=!1}render(){let t,r,o,a;return"light"===this.jumbotron||"dark"===this.jumbotron?a="https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80":"dark-video"===this.jumbotron||"light-video"===this.jumbotron?o="https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0":"png"===this.jumbotron?t="https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400":"gif"===this.jumbotron&&(r="https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif"),i(e,null,i("ptc-jumbotron",Object.assign({"jumbotron-type":this.jumbotron},!!t&&{pngSrc:t},!!r&&{gifSrc:r},!!o&&{bgVideoSrc:o},!!a&&{bgSrc:a},!1,{"sub-title":"totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.","is-iframe":this.isIframe}),i("ptc-breadcrumb",Object.assign({slot:"breadcrumb"},"dark"===this.jumbotron||"dark-video"==this.jumbotron?{color:"white"}:{color:"primary-gray"},"text"===this.jumbotron?{position:"center"}:{}),i("list-item",Object.assign({"list-type":"breadcrumb","link-href":"https://www.ptc.com/contact-us"},"dark"===this.jumbotron||"dark-video"==this.jumbotron?{color:"light-gray"}:{color:"primary-gray"}),"PLM Video Hub"),i("list-item",Object.assign({"list-type":"breadcrumb"},"dark"===this.jumbotron||"dark-video"==this.jumbotron?{color:"light-gray"}:{color:"primary-gray"}),"Current Page")),i("ptc-title",{slot:"main-title",type:"h1",upperline:"no-upperline","title-size":"xxxx-large","title-height":"densest","title-weight":"w-8","title-margin":"margin-flush","text-align":"left","title-color":"gray"},i("ptc-tooltip",{"text-lines":"3",description:"Sed ut perspiciatis unde omnis iste natus",position:"right"})),i("ptc-button",{slot:"j-cta",type:"link",color:"ptc-primary","link-href":"https://www.ptc.com",target:"_blank"},"Lorem ipsum dolor sit amet"),i("ptc-button",{slot:"j-cta",type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Lorem ipsum")))}};r.style=":host{display:block}";export{r as bundle_jumbotron_example}
|