@ptcwebops/ptcw-design 6.3.1-beta → 6.3.2-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component-4dd13907.js → component-6a178a16.js} +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +65 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-link.cjs.entry.js +48 -0
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +106 -0
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +51 -0
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +70 -0
- package/dist/cjs/ptc-subnav.cjs.entry.js +37 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/custom-elements/index.js +1 -1
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/{component-9c921cc6.js → component-80f298b4.js} +1 -1
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/dynamic-box-bundle.entry.js +1 -1
- package/dist/esm/embedded-form.entry.js +1 -1
- package/dist/esm/event-jumbotron-example.entry.js +1 -1
- package/dist/esm/event-podcast-slider-example.entry.js +1 -1
- package/dist/esm/featured-events-slider-example.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/fl-tab-content_3.entry.js +1 -1
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/homepage-clickable-tab.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/icon-asset.entry.js +61 -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-menu.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/max-width-container.entry.js +1 -1
- package/dist/esm/modal-form-example.entry.js +1 -1
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-button.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +2 -2
- package/dist/esm/ptc-date.entry.js +1 -1
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_4.entry.js +2 -2
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-info-tile.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +44 -0
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +102 -0
- package/dist/esm/ptc-nav-submenu.entry.js +47 -0
- package/dist/esm/ptc-nav-tile.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-para.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quantity-counter.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-new.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-scroll-button.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +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-social-icons.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-square-card.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +66 -0
- 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 +33 -0
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-title.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip.entry.js +1 -1
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptc-value-led-card.entry.js +1 -1
- package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
- package/dist/esm/ptc-value-led-content.entry.js +1 -1
- package/dist/esm/ptc-value-led-intro.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-value-prop-card.entry.js +1 -1
- package/dist/esm/ptc-video-embed.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/sequential-bundle-example.entry.js +1 -1
- package/dist/esm/sequential-bundle.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/ptcw-design/{p-39ec04d4.entry.js → p-01075feb.entry.js} +1 -1
- package/dist/ptcw-design/{p-02f0460b.entry.js → p-03a917f8.entry.js} +1 -1
- package/dist/ptcw-design/{p-74a845fd.entry.js → p-04aae3f5.entry.js} +1 -1
- package/dist/ptcw-design/{p-c9a73ad1.entry.js → p-04f0b1ba.entry.js} +1 -1
- package/dist/ptcw-design/{p-135191ce.entry.js → p-04ff81ef.entry.js} +1 -1
- package/dist/ptcw-design/p-072aa896.entry.js +1 -0
- package/dist/ptcw-design/{p-7b75091d.entry.js → p-081e969d.entry.js} +1 -1
- package/dist/ptcw-design/p-0a214a22.entry.js +1 -0
- package/dist/ptcw-design/{p-e8b51e7d.entry.js → p-0a9ee6c2.entry.js} +1 -1
- package/dist/ptcw-design/{p-2b583ae1.entry.js → p-0b515839.entry.js} +1 -1
- package/dist/ptcw-design/{p-ec22d0b8.entry.js → p-0c69ea52.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7e67938.entry.js → p-0d223232.entry.js} +1 -1
- package/dist/ptcw-design/{p-b789c2ee.entry.js → p-0de4cd11.entry.js} +1 -1
- package/dist/ptcw-design/{p-b3b63f67.entry.js → p-0e5932f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-b4015d90.entry.js → p-16e70f20.entry.js} +1 -1
- package/dist/ptcw-design/p-17f6e145.entry.js +1 -0
- package/dist/ptcw-design/{p-d113403b.entry.js → p-1a6759a4.entry.js} +1 -1
- package/dist/ptcw-design/{p-6dc78042.entry.js → p-21aa746d.entry.js} +1 -1
- package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
- package/dist/ptcw-design/{p-a22d7ae8.entry.js → p-257a68df.entry.js} +1 -1
- package/dist/ptcw-design/p-25a25451.entry.js +1 -0
- package/dist/ptcw-design/{p-d9ec506c.entry.js → p-260ecfef.entry.js} +1 -1
- package/dist/ptcw-design/{p-eef5d58b.entry.js → p-27a4ee73.entry.js} +1 -1
- package/dist/ptcw-design/{p-130e2278.entry.js → p-27d7f33c.entry.js} +1 -1
- package/dist/ptcw-design/{p-14c77b5e.entry.js → p-27e47c25.entry.js} +1 -1
- package/dist/ptcw-design/{p-78252282.entry.js → p-282b7d4e.entry.js} +1 -1
- package/dist/ptcw-design/{p-14565e90.entry.js → p-28be539b.entry.js} +1 -1
- package/dist/ptcw-design/{p-4e8c87e1.entry.js → p-291072b4.entry.js} +1 -1
- package/dist/ptcw-design/{p-54891548.entry.js → p-2c2f895a.entry.js} +1 -1
- package/dist/ptcw-design/{p-caac157f.entry.js → p-32f64f48.entry.js} +1 -1
- package/dist/ptcw-design/{p-794eebdb.entry.js → p-3738a01f.entry.js} +1 -1
- package/dist/ptcw-design/{p-a2710bbf.entry.js → p-3872fce7.entry.js} +1 -1
- package/dist/ptcw-design/{p-c05e326f.entry.js → p-38a56ed6.entry.js} +1 -1
- package/dist/ptcw-design/{p-7edef9ed.entry.js → p-3c3a7b54.entry.js} +1 -1
- package/dist/ptcw-design/{p-38a1425c.entry.js → p-3dd0ded9.entry.js} +1 -1
- package/dist/ptcw-design/p-3ddb6c50.entry.js +1 -0
- package/dist/ptcw-design/{p-9dde477c.entry.js → p-3ee2a531.entry.js} +1 -1
- package/dist/ptcw-design/{p-a4c78993.entry.js → p-4055f4f7.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d386f08.entry.js → p-445329ed.entry.js} +1 -1
- package/dist/ptcw-design/{p-1d48bad3.entry.js → p-464d8e22.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
- package/dist/ptcw-design/{p-88379d69.entry.js → p-48815ee0.entry.js} +1 -1
- package/dist/ptcw-design/{p-5429a6c0.entry.js → p-48c33817.entry.js} +1 -1
- package/dist/ptcw-design/{p-8b37d3ac.entry.js → p-49e54079.entry.js} +1 -1
- package/dist/ptcw-design/{p-7e19be10.entry.js → p-4b192f5e.entry.js} +1 -1
- package/dist/ptcw-design/p-4cee12b8.entry.js +1 -0
- package/dist/ptcw-design/p-4ee98a3e.entry.js +1 -0
- package/dist/ptcw-design/{p-f77c7c78.entry.js → p-4f93c631.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c72e82d.entry.js → p-58e91cb8.entry.js} +1 -1
- package/dist/ptcw-design/{p-cab0274c.entry.js → p-5946d7c9.entry.js} +1 -1
- package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d32f1bc.entry.js → p-5db7f70b.entry.js} +1 -1
- package/dist/ptcw-design/{p-5fb671ee.entry.js → p-61d28206.entry.js} +1 -1
- package/dist/ptcw-design/p-627103d8.entry.js +1 -0
- package/dist/ptcw-design/{p-31e03c00.entry.js → p-67c248ec.entry.js} +1 -1
- package/dist/ptcw-design/{p-9b354870.entry.js → p-6a3caf2b.entry.js} +1 -1
- package/dist/ptcw-design/{p-1ec32cbc.entry.js → p-6b32020a.entry.js} +1 -1
- package/dist/ptcw-design/{p-379fcc72.entry.js → p-6e8ed2ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a561285.entry.js → p-6f5fecae.entry.js} +1 -1
- package/dist/ptcw-design/{p-0b182300.entry.js → p-71360e29.entry.js} +1 -1
- package/dist/ptcw-design/{p-d21cf742.entry.js → p-72825cf6.entry.js} +1 -1
- package/dist/ptcw-design/{p-c73eb535.entry.js → p-75390f63.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e13b735.entry.js → p-76d98c5a.entry.js} +1 -1
- package/dist/ptcw-design/{p-ffd5c822.entry.js → p-7793babb.entry.js} +1 -1
- package/dist/ptcw-design/p-77cad16c.entry.js +1 -0
- package/dist/ptcw-design/{p-3ada2482.entry.js → p-799afee5.entry.js} +1 -1
- package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.entry.js} +1 -1
- package/dist/ptcw-design/{p-7fada7ae.entry.js → p-7cc9255e.entry.js} +1 -1
- package/dist/ptcw-design/{p-183ba1ca.entry.js → p-7d29a418.entry.js} +1 -1
- package/dist/ptcw-design/{p-29ae44dd.entry.js → p-7fe4d383.entry.js} +1 -1
- package/dist/ptcw-design/{p-779c3f21.entry.js → p-8038bf31.entry.js} +1 -1
- package/dist/ptcw-design/{p-a974f98f.entry.js → p-8191928d.entry.js} +1 -1
- package/dist/ptcw-design/{p-0cc79610.entry.js → p-821f0ff9.entry.js} +1 -1
- package/dist/ptcw-design/p-83a39184.entry.js +1 -0
- package/dist/ptcw-design/{p-1948b914.entry.js → p-8521fdd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
- package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b6c2a79.entry.js → p-867a808f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e75dff95.entry.js → p-89177041.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} +1 -1
- package/dist/ptcw-design/{p-212d0145.entry.js → p-8c49d736.entry.js} +1 -1
- package/dist/ptcw-design/p-8c692bd6.entry.js +1 -0
- package/dist/ptcw-design/{p-73e5243f.entry.js → p-8e8c7a3a.entry.js} +1 -1
- package/dist/ptcw-design/{p-f983f6cc.entry.js → p-92d22c78.entry.js} +1 -1
- package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2523dce.entry.js → p-94f99d2d.entry.js} +1 -1
- package/dist/ptcw-design/{p-094f5dec.entry.js → p-9501995f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e77d2204.entry.js → p-95187918.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5886b7b.entry.js → p-97b9f41b.entry.js} +1 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +1 -0
- package/dist/ptcw-design/p-99355e65.entry.js +1 -0
- package/dist/ptcw-design/{p-139ca5d2.entry.js → p-99b45d23.entry.js} +1 -1
- package/dist/ptcw-design/{p-1acd3617.entry.js → p-99daf693.entry.js} +1 -1
- package/dist/ptcw-design/{p-761f71c4.entry.js → p-99ee8a0e.entry.js} +1 -1
- package/dist/ptcw-design/{p-8eb36507.entry.js → p-9a335b5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-0abb6e77.entry.js → p-9ac99185.entry.js} +1 -1
- package/dist/ptcw-design/{p-298d02ab.entry.js → p-9b0df204.entry.js} +1 -1
- package/dist/ptcw-design/{p-290012e3.entry.js → p-9b26ea67.entry.js} +1 -1
- package/dist/ptcw-design/p-9d3a7f36.entry.js +1 -0
- package/dist/ptcw-design/{p-6d628113.entry.js → p-9de963f8.entry.js} +1 -1
- package/dist/ptcw-design/p-9df7489b.entry.js +1 -0
- package/dist/ptcw-design/{p-0a558a22.entry.js → p-9e2fd13c.entry.js} +1 -1
- package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac78409e.entry.js → p-a25578e9.entry.js} +1 -1
- package/dist/ptcw-design/{p-e2e33ddb.entry.js → p-a37c5209.entry.js} +1 -1
- package/dist/ptcw-design/{p-09def480.entry.js → p-a412ff0a.entry.js} +1 -1
- package/dist/ptcw-design/p-a4f65d28.entry.js +1 -0
- package/dist/ptcw-design/p-a54c6da5.entry.js +1 -0
- package/dist/ptcw-design/{p-be00fb74.entry.js → p-a7cb3851.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5417010.entry.js → p-aac082cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
- package/dist/ptcw-design/{p-b293a0b1.entry.js → p-aea09a70.entry.js} +1 -1
- package/dist/ptcw-design/{p-6f8858c3.entry.js → p-b209c116.entry.js} +1 -1
- package/dist/ptcw-design/{p-79762cf6.entry.js → p-b436f56d.entry.js} +1 -1
- package/dist/ptcw-design/p-b50f71dd.entry.js +1 -0
- package/dist/ptcw-design/{p-eafe37b0.entry.js → p-b52301e2.entry.js} +1 -1
- package/dist/ptcw-design/{p-29223a86.entry.js → p-b651c1cb.entry.js} +1 -1
- package/dist/ptcw-design/{p-07b1afd5.entry.js → p-b8ee8699.entry.js} +1 -1
- package/dist/ptcw-design/{p-50582650.entry.js → p-baff4d44.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e85cb97.entry.js → p-bd6af63e.entry.js} +1 -1
- package/dist/ptcw-design/{p-05b950aa.entry.js → p-bf18b622.entry.js} +1 -1
- package/dist/ptcw-design/{p-208ec7f3.entry.js → p-bf8fbba7.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a28ded2.entry.js → p-bfacfe67.entry.js} +1 -1
- package/dist/ptcw-design/{p-685f2375.entry.js → p-c01ea76f.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd38bf84.entry.js → p-c5f42895.entry.js} +1 -1
- package/dist/ptcw-design/{p-61a5012d.entry.js → p-c631608f.entry.js} +1 -1
- package/dist/ptcw-design/{p-e87a4ff8.entry.js → p-c68d31c6.entry.js} +1 -1
- package/dist/ptcw-design/{p-43756439.entry.js → p-c6a0dd99.entry.js} +1 -1
- package/dist/ptcw-design/p-c89030e4.entry.js +1 -0
- package/dist/ptcw-design/{p-cbc6661e.entry.js → p-cbee4653.entry.js} +1 -1
- package/dist/ptcw-design/{p-aaf8fb04.entry.js → p-d20cf3c5.entry.js} +1 -1
- package/dist/ptcw-design/p-d2cc0297.entry.js +1 -0
- package/dist/ptcw-design/p-d3229458.entry.js +1 -0
- package/dist/ptcw-design/{p-1b2ff400.entry.js → p-d3ac3758.entry.js} +1 -1
- package/dist/ptcw-design/{p-485cb0c8.entry.js → p-d73cc053.entry.js} +1 -1
- package/dist/ptcw-design/{p-75d8b6ec.entry.js → p-d74ccb19.entry.js} +1 -1
- package/dist/ptcw-design/{p-f05be87f.entry.js → p-da02913d.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf439f9b.entry.js → p-dbbe35bf.entry.js} +1 -1
- package/dist/ptcw-design/{p-afbe8e2c.entry.js → p-dc85c302.entry.js} +1 -1
- package/dist/ptcw-design/{p-37899461.entry.js → p-dc8c0a06.entry.js} +1 -1
- package/dist/ptcw-design/{p-ef55ab3c.entry.js → p-de960790.entry.js} +1 -1
- package/dist/ptcw-design/{p-0bb3ea9a.entry.js → p-e235bf27.entry.js} +1 -1
- package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
- package/dist/ptcw-design/{p-81700a7e.entry.js → p-e577ad62.entry.js} +1 -1
- package/dist/ptcw-design/{p-ed71521c.entry.js → p-e6a272d9.entry.js} +1 -1
- package/dist/ptcw-design/{p-f26707a6.entry.js → p-e8e39b10.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a3735a5.entry.js → p-e90fbbad.entry.js} +1 -1
- package/dist/ptcw-design/{p-4b23b4c3.entry.js → p-ee534211.entry.js} +1 -1
- package/dist/ptcw-design/{p-610b5620.entry.js → p-eec2f3da.entry.js} +1 -1
- package/dist/ptcw-design/p-f5c97ab2.entry.js +1 -0
- package/dist/ptcw-design/{p-3b967df1.entry.js → p-f61a3476.entry.js} +1 -1
- package/dist/ptcw-design/{p-5da98805.entry.js → p-f731fc96.entry.js} +1 -1
- package/dist/ptcw-design/{p-0ed4609e.entry.js → p-fb8584e4.entry.js} +1 -1
- package/dist/ptcw-design/p-fd394e84.entry.js +1 -0
- package/dist/ptcw-design/p-fd7e5935.entry.js +1 -0
- package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
- package/dist/ptcw-design/{p-3964837c.entry.js → p-fe24fe5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-9be9f585.entry.js → p-fe40421e.entry.js} +1 -1
- package/dist/ptcw-design/{p-4335d7f3.entry.js → p-fe907670.entry.js} +1 -1
- package/dist/ptcw-design/{p-b4f05597.entry.js → p-feecf6b5.entry.js} +1 -1
- package/dist/ptcw-design/{p-c415ab42.entry.js → p-ffb0ff97.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/icon-asset_6.cjs.entry.js +0 -347
- package/dist/esm/icon-asset_6.entry.js +0 -338
- package/dist/ptcw-design/p-11eb4dd1.entry.js +0 -1
- package/dist/ptcw-design/p-202b0d92.entry.js +0 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +0 -1
- package/dist/ptcw-design/p-36c42aae.entry.js +0 -1
- package/dist/ptcw-design/p-3717a6e1.entry.js +0 -1
- package/dist/ptcw-design/p-39255f59.entry.js +0 -1
- package/dist/ptcw-design/p-3ae14b03.entry.js +0 -1
- package/dist/ptcw-design/p-53d88f2b.entry.js +0 -1
- package/dist/ptcw-design/p-67a32576.entry.js +0 -1
- package/dist/ptcw-design/p-72681e91.entry.js +0 -1
- package/dist/ptcw-design/p-815a1a62.entry.js +0 -1
- package/dist/ptcw-design/p-88ff7bc5.entry.js +0 -1
- package/dist/ptcw-design/p-973b06d1.entry.js +0 -1
- package/dist/ptcw-design/p-99e41dc4.entry.js +0 -1
- package/dist/ptcw-design/p-9ae901e2.entry.js +0 -1
- package/dist/ptcw-design/p-9d8a9a72.entry.js +0 -1
- package/dist/ptcw-design/p-b10baf43.entry.js +0 -1
- package/dist/ptcw-design/p-beb29540.entry.js +0 -1
- package/dist/ptcw-design/p-cadbf4a0.entry.js +0 -1
- /package/dist/ptcw-design/{p-bcab66bf.js → p-672a349f.js} +0 -0
|
@@ -1,347 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-63ddc79c.js');
|
|
6
|
-
|
|
7
|
-
const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{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}}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex=\"0\"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex=\"0\"].sc-icon-asset:focus{outline:none !important}";
|
|
8
|
-
|
|
9
|
-
const IconAsset = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.ready = index.createEvent(this, "ready", 7);
|
|
13
|
-
this.regularSprite = index.getAssetPath('./media/regular.svg');
|
|
14
|
-
this.solidSprite = index.getAssetPath('./media/solid.svg');
|
|
15
|
-
this.brandSprite = index.getAssetPath('./media/brands.svg');
|
|
16
|
-
this.ptcSprite = index.getAssetPath('./media/designer-v6.0.6.svg');
|
|
17
|
-
this.name = undefined;
|
|
18
|
-
this.size = 'xx-small';
|
|
19
|
-
this.type = 'regular';
|
|
20
|
-
this.spin = '';
|
|
21
|
-
this.pulse = '';
|
|
22
|
-
this.color = 'default';
|
|
23
|
-
this.isMobileSelect = undefined;
|
|
24
|
-
this.injectedStyle = undefined;
|
|
25
|
-
this.focusOn = false;
|
|
26
|
-
this.trackerId = "";
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
this.ready.emit({
|
|
30
|
-
'regular-icons': this.regularSprite,
|
|
31
|
-
'sold-icons': this.solidSprite,
|
|
32
|
-
'brand-icons': this.brandSprite,
|
|
33
|
-
'ptc-icons': this.ptcSprite
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
const classMap = this.getCssClassMap();
|
|
38
|
-
if (this.type == 'brands') {
|
|
39
|
-
return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.brandSprite}#${this.name}` }))));
|
|
40
|
-
}
|
|
41
|
-
else if (this.type == 'solid') {
|
|
42
|
-
return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.solidSprite}#${this.name}` }))));
|
|
43
|
-
}
|
|
44
|
-
else if (this.type == 'ptc') {
|
|
45
|
-
return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap, "aria-hidden": this.isMobileSelect && "true", tabindex: this.focusOn ? 0 : -1, id: this.trackerId }, index.h("use", { href: `${this.ptcSprite}#${this.name}` }))));
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.regularSprite}#${this.name}` }))));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
getCssClassMap() {
|
|
52
|
-
return {
|
|
53
|
-
[this.size]: true,
|
|
54
|
-
[this.spin]: true,
|
|
55
|
-
[this.pulse]: true,
|
|
56
|
-
[this.color]: true,
|
|
57
|
-
['ismobileselect']: this.isMobileSelect ? true : false,
|
|
58
|
-
['mf-listen']: this.trackerId !== "" ? true : false
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
static get assetsDirs() { return ["media"]; }
|
|
62
|
-
};
|
|
63
|
-
IconAsset.style = iconAssetCss;
|
|
64
|
-
|
|
65
|
-
const ptcNavLinkCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:14px var(--ptc-element-spacing-03) 22px;margin-top:6px;border-top:2px solid transparent;margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:\"\";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding:14px 10px 16px}@media only screen and (min-width: 1200px){:host a:focus-visible{padding:14px 10px 20px}}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}:host .tracker-div{display:inline}";
|
|
66
|
-
|
|
67
|
-
const PtcNavLink = class {
|
|
68
|
-
constructor(hostRef) {
|
|
69
|
-
index.registerInstance(this, hostRef);
|
|
70
|
-
this.navLinkClicked = index.createEvent(this, "navLinkClicked", 7);
|
|
71
|
-
this.href = undefined;
|
|
72
|
-
this.isOutsideLink = false;
|
|
73
|
-
this.titleText = '';
|
|
74
|
-
this.trackerId = undefined;
|
|
75
|
-
}
|
|
76
|
-
handleClick(event) {
|
|
77
|
-
// Prevent the event from propagating to the underlying <a> element
|
|
78
|
-
event.stopPropagation();
|
|
79
|
-
// Check if the href starts with #
|
|
80
|
-
if (this.href && this.href.startsWith('#')) {
|
|
81
|
-
// Find the corresponding section
|
|
82
|
-
const section = document.querySelector(this.href);
|
|
83
|
-
section.scrollIntoView({
|
|
84
|
-
behavior: 'smooth',
|
|
85
|
-
});
|
|
86
|
-
this.navLinkClicked.emit();
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
trimString(inputString, maxLength) {
|
|
90
|
-
if (inputString.length > maxLength) {
|
|
91
|
-
return inputString.slice(0, maxLength) + '...';
|
|
92
|
-
}
|
|
93
|
-
else {
|
|
94
|
-
return inputString;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
render() {
|
|
98
|
-
return (index.h(index.Host, null, index.h("div", { class: "tracker-div", id: this.trackerId }, index.h("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: event => {
|
|
99
|
-
this.handleClick(event);
|
|
100
|
-
} }, index.h("slot", null), !this.href.startsWith('#') && (index.h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, index.h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))))));
|
|
101
|
-
}
|
|
102
|
-
get el() { return index.getElement(this); }
|
|
103
|
-
};
|
|
104
|
-
PtcNavLink.style = ptcNavLinkCss;
|
|
105
|
-
|
|
106
|
-
const ptcNavSliderCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@media only screen and (min-width: 1200px){:host{max-width:762px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{cursor:pointer;display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host button#prevBtn:focus-visible,:host button#prevBtn:focus,:host button#nextBtn:focus-visible,:host button#nextBtn:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";
|
|
107
|
-
|
|
108
|
-
const PtcNavSlider = class {
|
|
109
|
-
constructor(hostRef) {
|
|
110
|
-
index.registerInstance(this, hostRef);
|
|
111
|
-
this.sliderId = `ptc-nav-slider-${Math.floor(Math.random() * 1000000)}`;
|
|
112
|
-
this.leftBtnTrackerId = undefined;
|
|
113
|
-
this.rightBtnTrackerId = undefined;
|
|
114
|
-
}
|
|
115
|
-
componentDidLoad() {
|
|
116
|
-
// use the ID to select elements within the component's shadow root
|
|
117
|
-
this.updateSlider(this);
|
|
118
|
-
const { shadowRoot } = document.querySelector(`#${this.sliderId}`);
|
|
119
|
-
const boxWrap = shadowRoot.querySelector('.box-wrap');
|
|
120
|
-
boxWrap.addEventListener('scroll', this.updateSlider.bind(this));
|
|
121
|
-
setTimeout(() => {
|
|
122
|
-
this.updateSlider(this);
|
|
123
|
-
}, 3100);
|
|
124
|
-
}
|
|
125
|
-
handledropdownClickEvent(element) {
|
|
126
|
-
const sliderId = element.target.querySelector('.nav-slider').id;
|
|
127
|
-
const boxWrap = element.target.querySelector('.nav-slider').shadowRoot.querySelector('.box-wrap');
|
|
128
|
-
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
129
|
-
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
130
|
-
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
131
|
-
//console.log(element.target.tagName)
|
|
132
|
-
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
133
|
-
}
|
|
134
|
-
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
135
|
-
// let offsetWidth = boxWrap.offsetWidth;
|
|
136
|
-
// let scrollWidth = boxWrap.scrollWidth;
|
|
137
|
-
// let scrollLeft = boxWrap.scrollLeft;
|
|
138
|
-
// let combine = offsetWidth + scrollLeft;
|
|
139
|
-
// console.log("offsetWidth " + offsetWidth);
|
|
140
|
-
// console.log("scrollWidth " + scrollWidth);
|
|
141
|
-
// console.log("scrollLeft " + scrollLeft);
|
|
142
|
-
// console.log("offsetWidth + scrollLeft " + combine);
|
|
143
|
-
if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
144
|
-
prevBtn.style.visibility = "hidden";
|
|
145
|
-
nextBtn.style.visibility = "hidden";
|
|
146
|
-
if (isNotDropdown)
|
|
147
|
-
prevBtn.closest('.btn-wrap-left').style.display = 'none';
|
|
148
|
-
}
|
|
149
|
-
else if ((boxWrap.scrollLeft + boxWrap.offsetWidth) <= boxWrap.scrollWidth) {
|
|
150
|
-
if (isNotDropdown)
|
|
151
|
-
prevBtn.closest('.btn-wrap-left').style.display = '';
|
|
152
|
-
if (boxWrap.scrollLeft > 0) {
|
|
153
|
-
if ((boxWrap.scrollLeft + boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
154
|
-
nextBtn.style.visibility = "hidden";
|
|
155
|
-
prevBtn.style.visibility = "visible";
|
|
156
|
-
}
|
|
157
|
-
else {
|
|
158
|
-
prevBtn.style.visibility = "visible";
|
|
159
|
-
nextBtn.style.visibility = "visible";
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
else {
|
|
163
|
-
prevBtn.style.visibility = "hidden";
|
|
164
|
-
nextBtn.style.visibility = "visible";
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
else {
|
|
168
|
-
prevBtn.style.visibility = "visible";
|
|
169
|
-
nextBtn.style.visibility = "hidden";
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
updateSlider(event) {
|
|
173
|
-
const boxWrap = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('.box-wrap');
|
|
174
|
-
const prevBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
175
|
-
const nextBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
176
|
-
if (event !== undefined && event.target) {
|
|
177
|
-
let notDropdown = !event.target.closest('.dropdown-content');
|
|
178
|
-
this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
this.updateArrows(boxWrap, prevBtn, nextBtn, false);
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
leftScroll(ele) {
|
|
185
|
-
const sliderId = ele.sliderId;
|
|
186
|
-
const left = document.querySelector(`#${sliderId}`).shadowRoot.querySelector(`.box-wrap`);
|
|
187
|
-
if (left.scrollLeft > 0) {
|
|
188
|
-
left.scrollBy(-200, 0);
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
rightScroll(ele) {
|
|
192
|
-
const sliderId = ele.sliderId;
|
|
193
|
-
const right = document.querySelector(`#${sliderId}`).shadowRoot.querySelector(`.box-wrap`);
|
|
194
|
-
if (right.scrollLeft + right.offsetWidth < right.scrollWidth) {
|
|
195
|
-
right.scrollBy(200, 0);
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
render() {
|
|
199
|
-
return (index.h(index.Host, { class: `nav-slider`, id: this.sliderId }, index.h("div", { class: "btn-wrap-left tracker-div", id: this.leftBtnTrackerId }, index.h("button", { id: "prevBtn", class: "navArrows", onClick: () => this.leftScroll(this), "aria-label": "Left scroll button" }, index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z", fill: "white" })))), index.h("div", { class: "box-wrap" }, index.h("slot", null)), index.h("div", { class: "btn-wrap-right tracker-div", id: this.rightBtnTrackerId }, index.h("button", { id: "nextBtn", class: "navArrows ", onClick: () => this.rightScroll(this), "aria-label": "Right scroll button" }, index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z", fill: "white" }))))));
|
|
200
|
-
}
|
|
201
|
-
get el() { return index.getElement(this); }
|
|
202
|
-
};
|
|
203
|
-
PtcNavSlider.style = ptcNavSliderCss;
|
|
204
|
-
|
|
205
|
-
const ptcNavSubmenuCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:\"\";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
|
|
206
|
-
|
|
207
|
-
const PtcNavSubmenu = class {
|
|
208
|
-
constructor(hostRef) {
|
|
209
|
-
index.registerInstance(this, hostRef);
|
|
210
|
-
this.dropdownClickEvent = index.createEvent(this, "dropdownClickEvent", 7);
|
|
211
|
-
this.label = undefined;
|
|
212
|
-
this.iconAssetName = undefined;
|
|
213
|
-
this.iconSrc = undefined;
|
|
214
|
-
this.labelTrackerId = undefined;
|
|
215
|
-
this.dropdownTrackerId = undefined;
|
|
216
|
-
this.backBtnTrackerId = undefined;
|
|
217
|
-
}
|
|
218
|
-
calculateOffset() {
|
|
219
|
-
var dropdown = this.el.shadowRoot.querySelector('.submenu-container');
|
|
220
|
-
var container = this.el.closest('ptc-subnav');
|
|
221
|
-
if (dropdown && container) {
|
|
222
|
-
if (window.innerWidth >= 1200) {
|
|
223
|
-
let height = container.clientHeight;
|
|
224
|
-
if (height > 0) {
|
|
225
|
-
dropdown.style.top = `${height}px`;
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
else {
|
|
229
|
-
dropdown.style.top = '';
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
handleClick(event) {
|
|
234
|
-
this.calculateOffset();
|
|
235
|
-
setTimeout(() => {
|
|
236
|
-
this.dropdownClickEvent.emit(event);
|
|
237
|
-
}, 100);
|
|
238
|
-
}
|
|
239
|
-
render() {
|
|
240
|
-
return (index.h(index.Host, { class: `dropdown` }, index.h("div", { id: this.backBtnTrackerId, class: "tracker-div" }, index.h("span", { class: `back-btn` }, index.h("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z", fill: "white" })), "Back")), index.h("span", { class: `submenu-toggle`, onClick: () => this.handleClick(this), onMouseOver: () => this.handleClick(this) }, this.iconAssetName &&
|
|
241
|
-
index.h("icon-asset", { type: "ptc", size: "xx-small", name: this.iconAssetName, color: "white" }), index.h("div", { id: this.labelTrackerId, class: "tracker-div" }, this.label), index.h("div", { id: this.dropdownTrackerId, class: "tracker-div" }, this.iconSrc &&
|
|
242
|
-
index.h("img", { src: this.iconSrc, alt: this.label, class: "custom-icon" }), !this.iconSrc &&
|
|
243
|
-
index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" })))), index.h("div", { class: `submenu-container` }, index.h("div", { class: "submenu-container-lg" }, index.h("slot", null)))));
|
|
244
|
-
}
|
|
245
|
-
get el() { return index.getElement(this); }
|
|
246
|
-
};
|
|
247
|
-
PtcNavSubmenu.style = ptcNavSubmenuCss;
|
|
248
|
-
|
|
249
|
-
const ptcStickySectionCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}";
|
|
250
|
-
|
|
251
|
-
const PtcStickySection = class {
|
|
252
|
-
constructor(hostRef) {
|
|
253
|
-
index.registerInstance(this, hostRef);
|
|
254
|
-
this.hasPreloader = false;
|
|
255
|
-
}
|
|
256
|
-
componentDidLoad() {
|
|
257
|
-
if (document.querySelector('ptc-preloader-section')) {
|
|
258
|
-
this.hasPreloader = true;
|
|
259
|
-
this.el.setAttribute('has-preloader', 'true');
|
|
260
|
-
}
|
|
261
|
-
else {
|
|
262
|
-
this.hasPreloader = false;
|
|
263
|
-
this.el.setAttribute('has-preloader', 'false');
|
|
264
|
-
}
|
|
265
|
-
if (this.stickyEl.classList.contains('sticky')) {
|
|
266
|
-
this.stickyEl.classList.remove('sticky');
|
|
267
|
-
}
|
|
268
|
-
let that = this;
|
|
269
|
-
if (this.hasPreloader) {
|
|
270
|
-
setTimeout(() => {
|
|
271
|
-
that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
|
|
272
|
-
that.originalPosition = this.elPosition(that.stickyEl);
|
|
273
|
-
window.addEventListener('scroll', that.handleScroll);
|
|
274
|
-
}, 3100);
|
|
275
|
-
}
|
|
276
|
-
else {
|
|
277
|
-
setTimeout(() => {
|
|
278
|
-
that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
|
|
279
|
-
that.originalPosition = that.stickyEl.offsetTop;
|
|
280
|
-
window.addEventListener('scroll', that.handleScroll);
|
|
281
|
-
}, 1500);
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
elPosition(element) {
|
|
285
|
-
const rect = element.getBoundingClientRect();
|
|
286
|
-
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
287
|
-
return rect.top + scrollTop;
|
|
288
|
-
}
|
|
289
|
-
disconnectedCallback() {
|
|
290
|
-
window.removeEventListener('scroll', this.handleScroll);
|
|
291
|
-
}
|
|
292
|
-
handleScroll() {
|
|
293
|
-
if (this.stickyEl) {
|
|
294
|
-
if (window.scrollY > this.originalPosition) {
|
|
295
|
-
this.stickyEl.classList.add('sticky');
|
|
296
|
-
}
|
|
297
|
-
else {
|
|
298
|
-
this.stickyEl.classList.remove('sticky');
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
}
|
|
302
|
-
handleResize() {
|
|
303
|
-
this.handleScroll();
|
|
304
|
-
}
|
|
305
|
-
render() {
|
|
306
|
-
return (index.h(index.Host, null, index.h("div", { class: "stickyEl", ref: el => (this.stickyEl = el) }, index.h("slot", null))));
|
|
307
|
-
}
|
|
308
|
-
get el() { return index.getElement(this); }
|
|
309
|
-
};
|
|
310
|
-
PtcStickySection.style = ptcStickySectionCss;
|
|
311
|
-
|
|
312
|
-
const ptcSubnavCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990;position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1150px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media (min-width: 1250px){:host .navbar .navbar-inner{max-width:1200px}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
313
|
-
|
|
314
|
-
const PtcSubnav = class {
|
|
315
|
-
constructor(hostRef) {
|
|
316
|
-
index.registerInstance(this, hostRef);
|
|
317
|
-
this.mobileTitle = 'See page topics';
|
|
318
|
-
this.navOpen = false;
|
|
319
|
-
}
|
|
320
|
-
toggleNav() {
|
|
321
|
-
this.navOpen = !this.navOpen;
|
|
322
|
-
}
|
|
323
|
-
handleScroll() {
|
|
324
|
-
let elem = this.el.shadowRoot.querySelector('div.sticky-subnav');
|
|
325
|
-
if (elem) {
|
|
326
|
-
elem.classList.remove('sticky');
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
handleNavLinkClickedEvent() {
|
|
330
|
-
//console.log('link clicked');
|
|
331
|
-
this.toggleNav();
|
|
332
|
-
}
|
|
333
|
-
render() {
|
|
334
|
-
return (index.h(index.Host, null, index.h("div", { class: "sticky-subnav" }, index.h("nav", { class: `navbar ${this.navOpen ? 'navOpen' : ''}` }, index.h("button", { class: "navbar-toggle", onClick: () => {
|
|
335
|
-
this.toggleNav();
|
|
336
|
-
} }, this.mobileTitle, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), index.h("div", { class: "navbar-inner" }, index.h("div", { class: "nav-wrapper" }, index.h("slot", { name: "subnav-menu-left" }), index.h("slot", { name: "subnav-menu-right" })))))));
|
|
337
|
-
}
|
|
338
|
-
get el() { return index.getElement(this); }
|
|
339
|
-
};
|
|
340
|
-
PtcSubnav.style = ptcSubnavCss;
|
|
341
|
-
|
|
342
|
-
exports.icon_asset = IconAsset;
|
|
343
|
-
exports.ptc_nav_link = PtcNavLink;
|
|
344
|
-
exports.ptc_nav_slider = PtcNavSlider;
|
|
345
|
-
exports.ptc_nav_submenu = PtcNavSubmenu;
|
|
346
|
-
exports.ptc_sticky_section = PtcStickySection;
|
|
347
|
-
exports.ptc_subnav = PtcSubnav;
|