@ptcwebops/ptcw-design 6.2.4-beta → 6.2.4
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-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/icon-asset_15.cjs.entry.js +1714 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
- package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +4 -786
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
- package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/validation-messages-33a4f26b.js +126 -0
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
- package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
- package/dist/collection/components/ptc-para/ptc-para.css +0 -3
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +6 -104
- package/dist/esm/academic-form-test.entry.js +1 -1
- package/dist/esm/author-listing-example.entry.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +2 -2
- package/dist/esm/blog-detail-layout.entry.js +2 -2
- package/dist/esm/blogs-search-section.entry.js +2 -2
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
- package/dist/esm/component-341e4eaa.js +1802 -0
- 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/featured-events-slider-example.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/fl-tab-content_3.entry.js +1 -1
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/homepage-clickable-tab.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +2 -2
- package/dist/esm/homepage-toggled-content.entry.js +2 -2
- package/dist/esm/icon-asset_15.entry.js +1696 -0
- package/dist/esm/{index-c83db688.js → index-0bf594c4.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.js} +1 -1
- package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/most-popular-news.entry.js +2 -2
- package/dist/esm/my-component.entry.js +2 -2
- package/dist/esm/news-search-result.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +2 -2
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +2 -2
- package/dist/esm/ptc-badge.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-brightcov-video.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox-group.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +2 -2
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +3 -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-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +5 -785
- package/dist/esm/ptc-form-radio-button.entry.js +1 -1
- package/dist/esm/ptc-form-radio-group.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
- package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +2 -2
- package/dist/esm/ptc-info-tile.entry.js +1 -1
- package/dist/esm/ptc-inline-cta.entry.js +1 -1
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-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-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +665 -0
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-nav-tile.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-office-location-card.entry.js +1 -1
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +3 -11
- 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-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-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.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-square-card.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-sticky-title.entry.js +1 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
- package/dist/esm/ptc-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/esm/{utils-63eab4bd.js → utils-ff65c75b.js} +1 -1
- package/dist/esm/validation-messages-adbb6518.js +124 -0
- package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
- package/dist/ptcw-design/{p-03a917f8.entry.js → p-02f0460b.entry.js} +1 -1
- package/dist/ptcw-design/p-051ba8f9.entry.js +1 -0
- package/dist/ptcw-design/{p-577dad08.entry.js → p-0554d900.entry.js} +1 -1
- package/dist/ptcw-design/{p-b8ee8699.entry.js → p-07b1afd5.entry.js} +1 -1
- package/dist/ptcw-design/{p-9e2fd13c.entry.js → p-0a558a22.entry.js} +1 -1
- package/dist/ptcw-design/{p-9ac99185.entry.js → p-0abb6e77.entry.js} +1 -1
- package/dist/ptcw-design/{p-71360e29.entry.js → p-0b182300.entry.js} +1 -1
- package/dist/ptcw-design/{p-bbc706df.entry.js → p-0bc848ef.entry.js} +1 -1
- package/dist/ptcw-design/{p-28be539b.entry.js → p-0c862dbd.entry.js} +1 -1
- package/dist/ptcw-design/{p-fb8584e4.entry.js → p-0ed4609e.entry.js} +1 -1
- package/dist/ptcw-design/p-11eb4dd1.entry.js +1 -0
- package/dist/ptcw-design/{p-c0bb1ad0.entry.js → p-13131b4d.entry.js} +1 -1
- package/dist/ptcw-design/{p-2657df50.entry.js → p-132f71c3.entry.js} +1 -1
- package/dist/ptcw-design/{p-99b45d23.entry.js → p-139ca5d2.entry.js} +1 -1
- package/dist/ptcw-design/{p-27e47c25.entry.js → p-14c77b5e.entry.js} +1 -1
- package/dist/ptcw-design/p-169fdc62.entry.js +1 -0
- package/dist/ptcw-design/p-18a5a338.js +1 -0
- package/dist/ptcw-design/p-19a9ada3.entry.js +68 -0
- package/dist/ptcw-design/{p-85f32bf5.entry.js → p-1ab6201b.entry.js} +1 -1
- package/dist/ptcw-design/{p-99daf693.entry.js → p-1acd3617.entry.js} +1 -1
- package/dist/ptcw-design/{p-77cad16c.entry.js → p-1adea6a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-bb28bbad.entry.js → p-1d00a43a.entry.js} +1 -1
- package/dist/ptcw-design/{p-464d8e22.entry.js → p-1d48bad3.entry.js} +1 -1
- package/dist/ptcw-design/{p-b3bbd17d.entry.js → p-1e44cf5e.entry.js} +1 -1
- package/dist/ptcw-design/{p-46f67bec.entry.js → p-1e9f25fc.entry.js} +1 -1
- package/dist/ptcw-design/p-1eb92079.entry.js +1 -0
- package/dist/ptcw-design/{p-6b32020a.entry.js → p-1ec32cbc.entry.js} +1 -1
- package/dist/ptcw-design/{p-2ac5ed9c.entry.js → p-20670bc5.entry.js} +1 -1
- package/dist/ptcw-design/p-208ca9de.entry.js +1 -0
- package/dist/ptcw-design/{p-bf8fbba7.entry.js → p-208ec7f3.entry.js} +1 -1
- package/dist/ptcw-design/{p-50d68602.entry.js → p-20d837a9.entry.js} +1 -1
- package/dist/ptcw-design/p-212cdacd.entry.js +1 -0
- package/dist/ptcw-design/{p-8c49d736.entry.js → p-212d0145.entry.js} +1 -1
- package/dist/ptcw-design/{p-9b26ea67.entry.js → p-290012e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-9b0df204.entry.js → p-298d02ab.entry.js} +1 -1
- package/dist/ptcw-design/{p-6f5fecae.entry.js → p-2a255901.entry.js} +1 -1
- package/dist/ptcw-design/{p-e90fbbad.entry.js → p-2a3735a5.entry.js} +1 -1
- package/dist/ptcw-design/p-2ee3a32b.entry.js +1 -0
- package/dist/ptcw-design/{p-21fa5abe.entry.js → p-2fd01953.entry.js} +1 -1
- package/dist/ptcw-design/p-330e1a36.entry.js +1 -0
- package/dist/ptcw-design/p-36c42aae.entry.js +1 -0
- package/dist/ptcw-design/p-3717a6e1.entry.js +1 -0
- package/dist/ptcw-design/{p-dc8c0a06.entry.js → p-37899461.entry.js} +1 -1
- package/dist/ptcw-design/p-3a7c5330.entry.js +1 -0
- package/dist/ptcw-design/{p-f61a3476.entry.js → p-3b967df1.entry.js} +1 -1
- package/dist/ptcw-design/{p-8533988f.entry.js → p-3c52fabe.entry.js} +1 -1
- package/dist/ptcw-design/{p-58e91cb8.entry.js → p-3c72e82d.entry.js} +1 -1
- package/dist/ptcw-design/{p-76d98c5a.entry.js → p-3e13b735.entry.js} +1 -1
- package/dist/ptcw-design/{p-c6a0dd99.entry.js → p-43756439.entry.js} +1 -1
- package/dist/ptcw-design/{p-ee534211.entry.js → p-4b23b4c3.entry.js} +1 -1
- package/dist/ptcw-design/p-520542e2.entry.js +1 -0
- package/dist/ptcw-design/p-53d88f2b.entry.js +1 -0
- package/dist/ptcw-design/{p-2c2f895a.entry.js → p-54891548.entry.js} +1 -1
- package/dist/ptcw-design/{p-56a2a9dc.entry.js → p-5588653b.entry.js} +1 -1
- package/dist/ptcw-design/{p-90c4f08b.entry.js → p-5ae21271.entry.js} +1 -1
- package/dist/ptcw-design/{p-fec1acdf.entry.js → p-5b0bc600.entry.js} +1 -1
- package/dist/ptcw-design/{p-f731fc96.entry.js → p-5da98805.entry.js} +1 -1
- package/dist/ptcw-design/{p-61d28206.entry.js → p-5fb671ee.entry.js} +1 -1
- package/dist/ptcw-design/{p-c631608f.entry.js → p-61a5012d.entry.js} +1 -1
- package/dist/ptcw-design/{p-34c50b3e.entry.js → p-6a79e68e.entry.js} +1 -1
- package/dist/ptcw-design/{p-cbee4653.entry.js → p-6bd26096.entry.js} +1 -1
- package/dist/ptcw-design/{p-9de963f8.entry.js → p-6d628113.entry.js} +1 -1
- package/dist/ptcw-design/p-70ac8aa5.entry.js +1 -0
- package/dist/ptcw-design/p-72681e91.entry.js +1 -0
- package/dist/ptcw-design/{p-04aae3f5.entry.js → p-74a845fd.entry.js} +1 -1
- package/dist/ptcw-design/{p-99ee8a0e.entry.js → p-761f71c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-8038bf31.entry.js → p-779c3f21.entry.js} +1 -1
- package/dist/ptcw-design/{p-282b7d4e.entry.js → p-78252282.entry.js} +1 -1
- package/dist/ptcw-design/{p-081e969d.entry.js → p-7b75091d.entry.js} +1 -1
- package/dist/ptcw-design/{p-4b192f5e.entry.js → p-7e19be10.entry.js} +1 -1
- package/dist/ptcw-design/{p-3c3a7b54.entry.js → p-7edef9ed.entry.js} +1 -1
- package/dist/ptcw-design/{p-7cc9255e.entry.js → p-7fada7ae.entry.js} +1 -1
- package/dist/ptcw-design/{p-5980d65d.entry.js → p-807ad5c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-931650bb.entry.js → p-80c56c81.entry.js} +1 -1
- package/dist/ptcw-design/{p-48815ee0.entry.js → p-88379d69.entry.js} +1 -1
- package/dist/ptcw-design/{p-77b1221e.js → p-8872161f.js} +1 -1
- package/dist/ptcw-design/{p-9a335b5b.entry.js → p-8eb36507.entry.js} +1 -1
- package/dist/ptcw-design/{p-bb902570.entry.js → p-907727fd.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a70a438.entry.js → p-9350450b.entry.js} +1 -1
- package/dist/ptcw-design/{p-ac75c7ad.js → p-944c5be8.js} +1 -1
- package/dist/ptcw-design/{p-7b71abaf.entry.js → p-94c59fac.entry.js} +1 -1
- package/dist/ptcw-design/p-973b06d1.entry.js +1 -0
- package/dist/ptcw-design/{p-40b8c884.entry.js → p-986be938.entry.js} +1 -1
- package/dist/ptcw-design/p-99e41dc4.entry.js +1 -0
- package/dist/ptcw-design/{p-bfacfe67.entry.js → p-9a28ded2.entry.js} +1 -1
- package/dist/ptcw-design/p-9ae901e2.entry.js +1 -0
- package/dist/ptcw-design/{p-eec2f3da.entry.js → p-9b60270e.entry.js} +1 -1
- package/dist/ptcw-design/{p-5db7f70b.entry.js → p-9d32f1bc.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ee2a531.entry.js → p-9dde477c.entry.js} +1 -1
- package/dist/ptcw-design/p-9e6fb4ba.entry.js +1 -0
- package/dist/ptcw-design/{p-257a68df.entry.js → p-a22d7ae8.entry.js} +1 -1
- package/dist/ptcw-design/{p-3872fce7.entry.js → p-a2710bbf.entry.js} +1 -1
- package/dist/ptcw-design/{p-821f0ff9.entry.js → p-a560e839.entry.js} +1 -1
- package/dist/ptcw-design/{p-8191928d.entry.js → p-a974f98f.entry.js} +1 -1
- package/dist/ptcw-design/{p-d20cf3c5.entry.js → p-aaf8fb04.entry.js} +1 -1
- package/dist/ptcw-design/{p-257deac0.entry.js → p-aba549b7.entry.js} +1 -1
- package/dist/ptcw-design/p-ac32267c.entry.js +1 -0
- package/dist/ptcw-design/{p-a25578e9.entry.js → p-ac78409e.entry.js} +1 -1
- package/dist/ptcw-design/p-ad4f4f33.entry.js +1 -0
- package/dist/ptcw-design/{p-0d806031.entry.js → p-af9bb288.entry.js} +1 -1
- package/dist/ptcw-design/{p-dc85c302.entry.js → p-afbe8e2c.entry.js} +1 -1
- package/dist/ptcw-design/{p-8193a2ae.entry.js → p-affe4655.entry.js} +1 -1
- package/dist/ptcw-design/{p-48c33817.entry.js → p-b1c1de30.entry.js} +1 -1
- package/dist/ptcw-design/{p-aea09a70.entry.js → p-b293a0b1.entry.js} +1 -1
- package/dist/ptcw-design/{p-0e5932f0.entry.js → p-b3b63f67.entry.js} +1 -1
- package/dist/ptcw-design/{p-49e54079.entry.js → p-b4ba719a.entry.js} +1 -1
- package/dist/ptcw-design/{p-85c29073.entry.js → p-b5d0e4a2.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7cb3851.entry.js → p-be00fb74.entry.js} +1 -1
- package/dist/ptcw-design/p-be533f0d.js +134 -0
- package/dist/ptcw-design/{p-ea7369e9.entry.js → p-bf076b87.entry.js} +1 -1
- package/dist/ptcw-design/{p-89ba3dfd.entry.js → p-bf2f9183.entry.js} +1 -1
- package/dist/ptcw-design/{p-dbbe35bf.entry.js → p-bf439f9b.entry.js} +1 -1
- package/dist/ptcw-design/{p-38a56ed6.entry.js → p-c05e326f.entry.js} +1 -1
- package/dist/ptcw-design/p-c1513c3f.js +203 -0
- package/dist/ptcw-design/{p-6c2b4fb8.entry.js → p-c2e7fec4.entry.js} +1 -1
- package/dist/ptcw-design/{p-ffb0ff97.entry.js → p-c415ab42.entry.js} +1 -1
- package/dist/ptcw-design/{p-aac082cf.entry.js → p-c5417010.entry.js} +1 -1
- package/dist/ptcw-design/{p-97b9f41b.entry.js → p-c5886b7b.entry.js} +1 -1
- package/dist/ptcw-design/{p-2749c178.entry.js → p-c9518684.entry.js} +1 -1
- package/dist/ptcw-design/{p-04f0b1ba.entry.js → p-c9a73ad1.entry.js} +1 -1
- package/dist/ptcw-design/{p-ba8c58a7.entry.js → p-ca268a17.entry.js} +1 -1
- package/dist/ptcw-design/{p-5946d7c9.entry.js → p-cab0274c.entry.js} +1 -1
- package/dist/ptcw-design/p-ce6d1c5f.entry.js +1 -0
- package/dist/ptcw-design/{p-1a6759a4.entry.js → p-d113403b.entry.js} +1 -1
- package/dist/ptcw-design/{p-e3bf092e.entry.js → p-d1f57070.entry.js} +1 -1
- package/dist/ptcw-design/{p-ecd86dfe.entry.js → p-d3087f34.entry.js} +1 -1
- package/dist/ptcw-design/{p-0ee01112.entry.js → p-d5fbe774.entry.js} +1 -1
- package/dist/ptcw-design/{p-e577ad62.entry.js → p-d871e7f7.entry.js} +1 -1
- package/dist/ptcw-design/{p-158f6d50.entry.js → p-d955c44f.entry.js} +1 -1
- package/dist/ptcw-design/{p-a54c6da5.entry.js → p-dabb1b70.entry.js} +1 -1
- package/dist/ptcw-design/{p-a0bf3dd2.entry.js → p-dadbab48.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5f42895.entry.js → p-dd38bf84.entry.js} +1 -1
- package/dist/ptcw-design/{p-d7275289.entry.js → p-e1242dd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-a37c5209.entry.js → p-e2e33ddb.entry.js} +1 -1
- package/dist/ptcw-design/{p-fdee2cdc.entry.js → p-e6ebc832.entry.js} +1 -1
- package/dist/ptcw-design/{p-89177041.entry.js → p-e75dff95.entry.js} +1 -1
- package/dist/ptcw-design/{p-c68d31c6.entry.js → p-e87a4ff8.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2825140.entry.js → p-e895bf99.entry.js} +1 -1
- package/dist/ptcw-design/{p-0a9ee6c2.entry.js → p-e8b51e7d.entry.js} +1 -1
- package/dist/ptcw-design/{p-7a1db471.entry.js → p-ecfc8211.entry.js} +1 -1
- package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
- package/dist/ptcw-design/{p-071a6109.entry.js → p-ef0079b0.entry.js} +1 -1
- package/dist/ptcw-design/{p-da02913d.entry.js → p-f05be87f.entry.js} +1 -1
- package/dist/ptcw-design/{p-f5c97ab2.entry.js → p-f2006b03.entry.js} +1 -1
- package/dist/ptcw-design/{p-5d885144.entry.js → p-f457709f.entry.js} +1 -1
- package/dist/ptcw-design/{p-139a02e6.entry.js → p-f64fadad.entry.js} +1 -1
- package/dist/ptcw-design/{p-4f93c631.entry.js → p-f77c7c78.entry.js} +1 -1
- package/dist/ptcw-design/{p-f8512dc9.entry.js → p-fb2e4612.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-fc0d9251.entry.js} +1 -1
- package/dist/ptcw-design/{p-72df6678.entry.js → p-fe72010d.entry.js} +1 -1
- package/dist/ptcw-design/{p-7793babb.entry.js → p-ffd5c822.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
- package/dist/types/components.d.ts +4 -19
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +0 -65
- package/dist/cjs/max-width-container.cjs.entry.js +0 -54
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- package/dist/cjs/ptc-button.cjs.entry.js +0 -87
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -211
- package/dist/cjs/ptc-footer.cjs.entry.js +0 -66
- package/dist/cjs/ptc-icon-card.cjs.entry.js +0 -28
- package/dist/cjs/ptc-link.cjs.entry.js +0 -98
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +0 -570
- package/dist/cjs/ptc-para.cjs.entry.js +0 -127
- package/dist/cjs/ptc-picture.cjs.entry.js +0 -163
- package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +0 -82
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +0 -56
- package/dist/cjs/ptc-title.cjs.entry.js +0 -152
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
- package/dist/esm/icon-asset.entry.js +0 -61
- package/dist/esm/max-width-container.entry.js +0 -50
- package/dist/esm/modal-form-example.entry.js +0 -90
- package/dist/esm/ptc-button.entry.js +0 -83
- package/dist/esm/ptc-close-icon_2.entry.js +0 -206
- package/dist/esm/ptc-footer.entry.js +0 -62
- package/dist/esm/ptc-icon-card.entry.js +0 -24
- package/dist/esm/ptc-link.entry.js +0 -94
- package/dist/esm/ptc-mobile-select.entry.js +0 -566
- package/dist/esm/ptc-para.entry.js +0 -123
- package/dist/esm/ptc-picture.entry.js +0 -159
- package/dist/esm/ptc-social-icons-footer.entry.js +0 -78
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-text-copy-with-background.entry.js +0 -52
- package/dist/esm/ptc-title.entry.js +0 -148
- package/dist/ptcw-design/p-0a214a22.entry.js +0 -1
- package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
- package/dist/ptcw-design/p-1070f8a3.entry.js +0 -1
- package/dist/ptcw-design/p-17f6e145.entry.js +0 -1
- package/dist/ptcw-design/p-1d068cc2.entry.js +0 -68
- package/dist/ptcw-design/p-25a25451.entry.js +0 -1
- package/dist/ptcw-design/p-260ecfef.entry.js +0 -1
- package/dist/ptcw-design/p-3738a01f.entry.js +0 -1
- package/dist/ptcw-design/p-40160817.entry.js +0 -1
- package/dist/ptcw-design/p-4cee12b8.entry.js +0 -1
- package/dist/ptcw-design/p-4ee98a3e.entry.js +0 -1
- package/dist/ptcw-design/p-5ef23b5c.entry.js +0 -1
- package/dist/ptcw-design/p-627103d8.entry.js +0 -1
- package/dist/ptcw-design/p-799afee5.entry.js +0 -1
- package/dist/ptcw-design/p-867a808f.entry.js +0 -1
- package/dist/ptcw-design/p-8c692bd6.entry.js +0 -1
- package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
- package/dist/ptcw-design/p-95187918.entry.js +0 -1
- package/dist/ptcw-design/p-97eb1025.entry.js +0 -1
- package/dist/ptcw-design/p-9a6bd91f.entry.js +0 -1
- package/dist/ptcw-design/p-9d3a7f36.entry.js +0 -1
- package/dist/ptcw-design/p-9e9ae28c.entry.js +0 -1
- package/dist/ptcw-design/p-a3b57ede.entry.js +0 -1
- package/dist/ptcw-design/p-a4f65d28.entry.js +0 -1
- package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-bf18b622.entry.js +0 -1
- package/dist/ptcw-design/p-c01ea76f.entry.js +0 -1
- package/dist/ptcw-design/p-d2cc0297.entry.js +0 -1
- package/dist/ptcw-design/p-d2e26642.entry.js +0 -1
- package/dist/ptcw-design/p-d3229458.entry.js +0 -1
- package/dist/ptcw-design/p-d756db27.entry.js +0 -1
- package/dist/ptcw-design/p-de960790.entry.js +0 -1
- package/dist/ptcw-design/p-e89ce54f.entry.js +0 -1
- package/dist/ptcw-design/p-fd394e84.entry.js +0 -1
- package/dist/ptcw-design/p-fd7e5935.entry.js +0 -1
- package/dist/ptcw-design/p-fe907670.entry.js +0 -1
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
|
|
2
|
-
import { s as seoSlotReset } from './utils-63eab4bd.js';
|
|
3
|
-
|
|
4
|
-
const ptcParaCss = "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{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.primary-green{color:var(--color-green-06)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
|
|
5
|
-
|
|
6
|
-
const PtcPara = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.fontSize = 'x-small';
|
|
10
|
-
this.fontWeight = 'w-4';
|
|
11
|
-
this.paraStyle = 'default';
|
|
12
|
-
this.paraColor = 'primary-grey';
|
|
13
|
-
this.paraLineH = 'line-height-normal';
|
|
14
|
-
this.paraMargin = undefined;
|
|
15
|
-
this.paraAlign = undefined;
|
|
16
|
-
this.ellipsisLineCutoff = undefined;
|
|
17
|
-
this.paraZIndex = undefined;
|
|
18
|
-
this.styles = undefined;
|
|
19
|
-
this.seoCompatibilityMode = false;
|
|
20
|
-
this.tooltipZIndex = 'auto';
|
|
21
|
-
this.tooltipPosition = 'bottom';
|
|
22
|
-
this.tooltipTheme = 'standard';
|
|
23
|
-
this.enableTooltip = false;
|
|
24
|
-
this.maxChars = undefined;
|
|
25
|
-
this.maxLines = undefined;
|
|
26
|
-
this.hideTooltipOnMobile = false;
|
|
27
|
-
this.ismob = undefined;
|
|
28
|
-
this.noOverflow = false;
|
|
29
|
-
this.tooltipWidth = 'default';
|
|
30
|
-
}
|
|
31
|
-
// Tooltip Properties ends
|
|
32
|
-
render() {
|
|
33
|
-
if (this.seoCompatibilityMode) {
|
|
34
|
-
seoSlotReset(this.el);
|
|
35
|
-
}
|
|
36
|
-
return this.standardRender();
|
|
37
|
-
}
|
|
38
|
-
//tooltip code
|
|
39
|
-
getSortedText(content) {
|
|
40
|
-
if (!this.enableTooltip)
|
|
41
|
-
return;
|
|
42
|
-
const trimmedContent = content.trim();
|
|
43
|
-
const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
|
|
44
|
-
return shouldTruncate ? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\u00A0\u2026` : trimmedContent;
|
|
45
|
-
}
|
|
46
|
-
componentDidLoad() {
|
|
47
|
-
if (this.hideTooltipOnMobile) {
|
|
48
|
-
this.el.classList.add('hide-tooltip-on-mobile');
|
|
49
|
-
}
|
|
50
|
-
this.el.addEventListener('mouseenter', () => { this.toggleTitleTooltip(true); });
|
|
51
|
-
this.el.addEventListener('mouseleave', () => { this.toggleTitleTooltip(false); });
|
|
52
|
-
if (this.enableTooltip) {
|
|
53
|
-
let paraContent = this.el.innerText || this.el.textContent;
|
|
54
|
-
this.tooltipText = paraContent.trim();
|
|
55
|
-
this.el.innerText = this.getSortedText(paraContent);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
toggleTitleTooltip(show) {
|
|
59
|
-
const tooltipClass = 'tooltip-box';
|
|
60
|
-
const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
|
|
61
|
-
const text = this.el.shadowRoot.querySelectorAll('.line-clamp-title');
|
|
62
|
-
let maxLinesShowCheck = false;
|
|
63
|
-
if (text) {
|
|
64
|
-
text.forEach(t => {
|
|
65
|
-
maxLinesShowCheck = t.scrollHeight > t.clientHeight;
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
const ifCharExceeds = this.maxChars ? (this.tooltipText.length > this.maxChars) && !this.maxLines : false;
|
|
69
|
-
const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
|
|
70
|
-
if (show && this.enableTooltip) {
|
|
71
|
-
if (((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) && !this.noOverflow) {
|
|
72
|
-
const tooltipMarkup = document.createElement('div');
|
|
73
|
-
tooltipMarkup.className = tooltipClass;
|
|
74
|
-
tooltipMarkup.innerText = this.tooltipText;
|
|
75
|
-
tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
|
|
76
|
-
tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
|
|
77
|
-
if (this.hideTooltipOnMobile) {
|
|
78
|
-
tooltipMarkup.classList.add('hide-tooltip-mobile');
|
|
79
|
-
}
|
|
80
|
-
this.el.appendChild(tooltipMarkup);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
//tooltip code ends
|
|
88
|
-
standardRender() {
|
|
89
|
-
const classMap = this.getCssClassMap();
|
|
90
|
-
const colorClass = this.addWhiteClass();
|
|
91
|
-
const cutOff = this.getLineCuttoff();
|
|
92
|
-
return (h(Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
|
|
93
|
-
}
|
|
94
|
-
getCssClassMap() {
|
|
95
|
-
return {
|
|
96
|
-
[this.fontSize]: true,
|
|
97
|
-
[this.fontWeight]: true,
|
|
98
|
-
[this.paraStyle]: true,
|
|
99
|
-
[this.paraMargin]: !!this.paraMargin ? true : false,
|
|
100
|
-
[this.paraColor]: true,
|
|
101
|
-
[this.paraLineH]: true,
|
|
102
|
-
[this.paraAlign]: !!this.paraAlign ? true : false,
|
|
103
|
-
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
104
|
-
['line-clamp-title']: this.maxLines && this.maxLines > 0, //tooltip code,
|
|
105
|
-
};
|
|
106
|
-
}
|
|
107
|
-
//WEB-2392
|
|
108
|
-
addWhiteClass() {
|
|
109
|
-
if (this.paraColor == 'white') {
|
|
110
|
-
return {
|
|
111
|
-
[this.paraColor]: true,
|
|
112
|
-
};
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
getLineCuttoff() {
|
|
116
|
-
const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
|
|
117
|
-
return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
|
|
118
|
-
}
|
|
119
|
-
get el() { return getElement(this); }
|
|
120
|
-
};
|
|
121
|
-
PtcPara.style = ptcParaCss;
|
|
122
|
-
|
|
123
|
-
export { PtcPara as ptc_para };
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
|
|
2
|
-
import { a as ResponsivePictureVariables } from './interfaces-4caedd26.js';
|
|
3
|
-
|
|
4
|
-
const ptcPictureCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
|
|
5
|
-
|
|
6
|
-
const PtcPicture = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.src = undefined;
|
|
10
|
-
this.alt = 'image';
|
|
11
|
-
this.sizeXs = '510x340';
|
|
12
|
-
this.sizeSm = '1240x496';
|
|
13
|
-
this.sizeMd = '1366x500';
|
|
14
|
-
this.sizeLg = '1920x1080';
|
|
15
|
-
this.disableResize = false;
|
|
16
|
-
this.oldSrc = undefined;
|
|
17
|
-
this.imagePosition = 'static';
|
|
18
|
-
this.borderRadius = undefined;
|
|
19
|
-
this.height = undefined;
|
|
20
|
-
this.width = undefined;
|
|
21
|
-
this.objectFit = 'cover';
|
|
22
|
-
this.isFullHeight = false;
|
|
23
|
-
this.isFullWidth = false;
|
|
24
|
-
this.styles = undefined;
|
|
25
|
-
this.imageAlignment = 'left';
|
|
26
|
-
this.maxWidth = undefined;
|
|
27
|
-
this.displayImage = 'block';
|
|
28
|
-
}
|
|
29
|
-
WindowResize() {
|
|
30
|
-
this.addIntersectionObserver();
|
|
31
|
-
}
|
|
32
|
-
componentWillLoad() {
|
|
33
|
-
if (this.disableResize) {
|
|
34
|
-
this.sizeXs = undefined;
|
|
35
|
-
this.sizeSm = undefined;
|
|
36
|
-
this.sizeMd = undefined;
|
|
37
|
-
this.sizeLg = undefined;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
componentDidLoad() {
|
|
41
|
-
this.addIntersectionObserver();
|
|
42
|
-
}
|
|
43
|
-
componentWillUpdate() {
|
|
44
|
-
if (this.src !== this.oldSrc) {
|
|
45
|
-
this.addIntersectionObserver();
|
|
46
|
-
}
|
|
47
|
-
this.oldSrc = this.src;
|
|
48
|
-
}
|
|
49
|
-
//lazy-loading
|
|
50
|
-
addIntersectionObserver() {
|
|
51
|
-
if (!this.src) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
if ('IntersectionObserver' in window) {
|
|
55
|
-
let lazyLoadImages = new IntersectionObserver(entries => {
|
|
56
|
-
entries.forEach(entry => {
|
|
57
|
-
if (entry.isIntersecting) {
|
|
58
|
-
const image = this.el.shadowRoot.querySelector('img');
|
|
59
|
-
image.src = this.setResponsiveBg();
|
|
60
|
-
lazyLoadImages.unobserve(image);
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
let tempImg = this.el.shadowRoot.querySelector('img');
|
|
65
|
-
if (tempImg) {
|
|
66
|
-
lazyLoadImages.observe(tempImg);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
// fall back to setTimeout for Safari and IE
|
|
71
|
-
setTimeout(() => {
|
|
72
|
-
const image = this.el.shadowRoot.querySelector('img');
|
|
73
|
-
image.src = this.setResponsiveBg();
|
|
74
|
-
image.onload = () => {
|
|
75
|
-
image.removeAttribute('data-src');
|
|
76
|
-
console.log('loaded fallback');
|
|
77
|
-
};
|
|
78
|
-
}, 5000);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
//responsive image
|
|
82
|
-
setResponsiveBg() {
|
|
83
|
-
// Define local variables
|
|
84
|
-
let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
85
|
-
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
86
|
-
// Set current variables
|
|
87
|
-
el = backgrounds[i];
|
|
88
|
-
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
89
|
-
if (elData !== null) {
|
|
90
|
-
return elData;
|
|
91
|
-
}
|
|
92
|
-
else {
|
|
93
|
-
if (typeof console == 'object') {
|
|
94
|
-
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
render() {
|
|
100
|
-
const classMap = this.getCssClassMap();
|
|
101
|
-
const classMapHost = this.getCssClassMapHost();
|
|
102
|
-
return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), h("slot", null)));
|
|
103
|
-
}
|
|
104
|
-
getCurrentBreakPoints() {
|
|
105
|
-
// Define local variables
|
|
106
|
-
let doc = window.document, temp = doc.createElement('div'), env;
|
|
107
|
-
// Append test node
|
|
108
|
-
doc.body.appendChild(temp);
|
|
109
|
-
// Loop through breakpoints
|
|
110
|
-
for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
|
|
111
|
-
env = ResponsivePictureVariables.envs[i];
|
|
112
|
-
// Add classes
|
|
113
|
-
temp.className = 'hidden-' + env;
|
|
114
|
-
// Found breakpoint
|
|
115
|
-
if (temp.offsetParent === null) {
|
|
116
|
-
// Remove our test node
|
|
117
|
-
doc.body.removeChild(temp);
|
|
118
|
-
// Return current breakpoint
|
|
119
|
-
return env;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
// Breakpoint not found, try fallback
|
|
123
|
-
doc.body.removeChild(temp);
|
|
124
|
-
return this.getFallbackBreakpoint();
|
|
125
|
-
}
|
|
126
|
-
getFallbackBreakpoint() {
|
|
127
|
-
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
128
|
-
return 'lg';
|
|
129
|
-
}
|
|
130
|
-
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
131
|
-
return 'md';
|
|
132
|
-
}
|
|
133
|
-
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
134
|
-
return 'sm';
|
|
135
|
-
}
|
|
136
|
-
else {
|
|
137
|
-
return 'xs';
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
getCssClassMap() {
|
|
141
|
-
return {
|
|
142
|
-
[this.borderRadius]: this.borderRadius ? true : false,
|
|
143
|
-
[this.objectFit]: true,
|
|
144
|
-
[this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
|
|
145
|
-
[this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
|
|
146
|
-
[this.displayImage]: true
|
|
147
|
-
};
|
|
148
|
-
}
|
|
149
|
-
getCssClassMapHost() {
|
|
150
|
-
return {
|
|
151
|
-
[this.imagePosition]: true,
|
|
152
|
-
[this.imageAlignment]: true,
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
get el() { return getElement(this); }
|
|
156
|
-
};
|
|
157
|
-
PtcPicture.style = ptcPictureCss;
|
|
158
|
-
|
|
159
|
-
export { PtcPicture as ptc_picture };
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
|
|
2
|
-
import { C as CheckDarkFocusState } from './utils-63eab4bd.js';
|
|
3
|
-
import { f as facebookSVG, l as linkedinSVG, x as xSVG } from './x-cd64dee4.js';
|
|
4
|
-
|
|
5
|
-
const instagramSVG = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6
|
-
<path d="M5.45845 0.530037C4.54845 0.570037 3.92845 0.720037 3.38845 0.930037C2.82845 1.15004 2.34845 1.44004 1.87845 1.92004C1.40845 2.40004 1.11845 2.87004 0.898451 3.43004C0.688451 3.97004 0.548451 4.59004 0.508451 5.50004C0.468451 6.41004 0.45845 6.70004 0.46845 9.02004C0.47845 11.34 0.478452 11.63 0.528452 12.54C0.568452 13.45 0.718453 14.07 0.928453 14.61C1.14845 15.17 1.43845 15.65 1.91845 16.12C2.39845 16.59 2.86845 16.88 3.42845 17.1C3.96845 17.31 4.58845 17.45 5.49845 17.49C6.40845 17.53 6.69845 17.54 9.01845 17.53C11.3385 17.53 11.6285 17.52 12.5385 17.47C13.4485 17.42 14.0685 17.28 14.6085 17.07C15.1685 16.85 15.6485 16.56 16.1185 16.08C16.5885 15.6 16.8785 15.13 17.0985 14.57C17.3085 14.03 17.4485 13.41 17.4885 12.5C17.5285 11.59 17.5385 11.3 17.5285 8.98004C17.5185 6.66004 17.5184 6.37004 17.4685 5.46004C17.4185 4.55004 17.2785 3.93004 17.0685 3.39004C16.8485 2.83004 16.5585 2.35004 16.0785 1.88004C15.5985 1.41004 15.1285 1.11004 14.5685 0.900038C14.0285 0.690038 13.4085 0.550037 12.4985 0.510037C11.5885 0.470037 11.2985 0.460038 8.97845 0.470038C6.65845 0.480038 6.36845 0.480037 5.45845 0.530037ZM5.55845 15.97C4.72845 15.93 4.27845 15.8 3.96845 15.68C3.56845 15.53 3.28845 15.34 2.98845 15.04C2.68845 14.74 2.50845 14.46 2.34845 14.06C2.22845 13.76 2.08845 13.31 2.04845 12.47C2.00845 11.57 1.99845 11.3 1.98845 9.02004C1.97845 6.74004 1.98845 6.47004 2.02845 5.57004C2.06845 4.74004 2.19845 4.29004 2.31845 3.98004C2.46845 3.58004 2.65845 3.30004 2.95845 3.00004C3.25845 2.70004 3.53845 2.52004 3.93845 2.36004C4.23845 2.24004 4.68845 2.10004 5.51845 2.06004C6.41845 2.02004 6.68845 2.01004 8.96845 2.00004C11.2485 2.00004 11.5185 2.00004 12.4185 2.04004C13.2485 2.08004 13.6985 2.21004 14.0085 2.33004C14.4085 2.48004 14.6885 2.67004 14.9885 2.97004C15.2885 3.27004 15.4685 3.55004 15.6285 3.95004C15.7485 4.25004 15.8885 4.70004 15.9285 5.53004C15.9685 6.43004 15.9785 6.70004 15.9885 8.98004C15.9885 11.26 15.9885 11.53 15.9485 12.43C15.9085 13.26 15.7785 13.71 15.6585 14.02C15.5085 14.42 15.3185 14.7 15.0185 15C14.7185 15.3 14.4385 15.48 14.0385 15.64C13.7385 15.76 13.2885 15.9 12.4585 15.94C11.5585 15.98 11.2885 15.99 9.00845 16C6.72845 16.01 6.45845 16 5.55845 15.96M12.5185 4.45004C12.5185 5.02004 12.9785 5.47004 13.5485 5.47004C14.1185 5.47004 14.5685 5.01004 14.5685 4.44004C14.5685 3.87004 14.1085 3.42004 13.5385 3.42004C12.9685 3.42004 12.5185 3.88004 12.5185 4.45004ZM4.61845 9.02004C4.61845 11.44 6.58845 13.4 9.00845 13.4C11.4285 13.4 13.3885 11.43 13.3885 9.01004C13.3885 6.59004 11.4185 4.63004 8.99845 4.63004C6.57845 4.63004 4.61845 6.60004 4.61845 9.02004ZM6.14845 9.02004C6.14845 7.45004 7.41845 6.17004 8.98845 6.17004C10.5585 6.17004 11.8385 7.44004 11.8385 9.01004C11.8385 10.58 10.5685 11.86 8.99845 11.86C7.42845 11.86 6.14845 10.59 6.14845 9.02004Z" fill="white"/>
|
|
7
|
-
</svg>
|
|
8
|
-
`;
|
|
9
|
-
|
|
10
|
-
const youtubeSVG = `<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
-
<path d="M19.4794 2.55343C19.2494 1.70343 18.5794 1.03343 17.7294 0.803432C16.1894 0.393432 9.99937 0.393433 9.99937 0.393433C9.99937 0.393433 3.80938 0.393432 2.26938 0.803432C1.41938 1.03343 0.749379 1.70343 0.519379 2.55343C0.109379 4.09343 0.109375 7.31343 0.109375 7.31343C0.109375 7.31343 0.109379 10.5334 0.519379 12.0734C0.749379 12.9234 1.41938 13.5934 2.26938 13.8234C3.80938 14.2334 9.99937 14.2334 9.99937 14.2334C9.99937 14.2334 16.1894 14.2334 17.7294 13.8234C18.5794 13.5934 19.2494 12.9234 19.4794 12.0734C19.8894 10.5334 19.8894 7.31343 19.8894 7.31343C19.8894 7.31343 19.8894 4.09343 19.4794 2.55343ZM8.01938 10.2834V4.34343L13.1594 7.31343L8.01938 10.2834Z" fill="white"/>
|
|
12
|
-
</svg>
|
|
13
|
-
`;
|
|
14
|
-
|
|
15
|
-
const ykSVG = `<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
-
<path d="M9.09226 0.500002C8.81645 0.500453 8.54001 0.573924 8.30251 0.737896C7.77953 1.09934 7.48857 2.21333 7.13732 3.00625C6.7505 3.87857 6.41111 4.75772 6.03415 5.39807C5.01463 4.24129 4.31909 1.67753 3.09104 0.737896C2.69493 0.435153 1.82655 0.443776 1.43544 0.737896C0.377561 1.53428 1.43894 2.94227 1.86441 3.68101C2.79833 5.30068 3.83358 7.03506 4.62377 8.52494C4.1101 9.8795 1.51589 13.7073 4.99186 13.4912C5.83311 12.9475 6.18934 11.8163 6.64691 10.7927C7.58241 8.69842 8.37723 6.88907 9.34482 4.7233C9.74697 3.82303 10.7158 2.49291 10.51 1.47353C10.3947 0.90533 9.74553 0.498938 9.09228 0.500002H9.09226ZM17.5022 1.33092C16.9995 1.33595 16.4926 1.5707 16.2733 2.0254C15.9105 2.4393 15.522 2.82722 15.1081 3.19003C14.9093 3.44064 14.6842 3.66504 14.434 3.86423C14.1429 4.16697 13.9068 4.52309 13.514 4.72332V2.33206C13.505 1.03135 11.0712 1.03135 11.0618 2.33206V9.13827C11.1681 9.62396 11.3889 9.99531 11.9198 10.0571H12.656C13.1607 9.96944 13.4477 9.66401 13.514 9.13827V7.66643C13.514 7.15622 13.4185 6.29491 13.7592 6.8079C14.2587 7.29671 14.9626 7.82261 15.5992 8.4015C16.2102 8.95866 16.7948 9.85792 17.438 9.99567C18.7549 10.278 19.3358 9.01398 18.8484 8.0954C18.3337 7.12435 16.8512 6.50292 16.2119 5.64271C16.6427 4.65683 18.9847 4.05116 18.7869 2.33206C18.709 1.65301 18.1089 1.32484 17.5023 1.33092H17.5022Z" fill="white"/>
|
|
17
|
-
</svg>
|
|
18
|
-
`;
|
|
19
|
-
|
|
20
|
-
const weiboSVG = `<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
21
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2332 7.27176C20.9763 7.20612 21.1665 5.87974 21.0798 4.77303C20.8492 1.8417 18.3741 -0.375939 15.0943 0.0532817C15.0491 0.0592253 15.0039 0.064479 14.9591 0.0696876C14.5725 0.114632 14.2148 0.156222 14.1349 0.608744C13.9724 1.55041 14.8096 1.46972 15.4197 1.41091C15.5522 1.39814 15.6741 1.38639 15.7726 1.38639C17.7226 1.38639 19.7131 2.97956 19.6684 5.27294C19.6645 5.46856 19.6228 5.69617 19.5807 5.92639C19.4524 6.62725 19.3196 7.35222 20.2332 7.27176ZM16.3829 7.77071C16.1595 7.66321 15.9345 7.55494 15.7163 7.43756C16.0251 6.64645 16.2162 5.62221 15.7163 5.04992C14.9022 4.11874 13.3512 4.53988 12.0925 4.88164C11.5969 5.01618 11.1467 5.13842 10.8046 5.16101C11.3677 3.47106 10.7499 1.75754 8.65936 2.27429C6.73292 2.75064 5.31733 3.78414 3.97412 5.10546C2.56611 6.48991 1.13201 8.11506 0.924973 10.2132C0.685115 12.6505 2.24293 13.8742 3.74773 14.7107C9.23586 17.7591 18.0223 14.9725 18.539 10.8242C18.7759 8.9221 17.6029 8.35771 16.3829 7.77071ZM15.0951 10.6029C15.0977 11.4966 14.644 12.2642 14.1921 12.7675C12.9566 14.1469 10.3552 15.0491 7.75631 14.8774C2.85057 14.5542 1.16399 10.4101 5.15911 8.10411C8.66946 6.07836 15.0867 6.90398 15.0951 10.6029ZM17.1202 5.61813C17.0933 6.09179 17.0744 6.42375 17.6914 6.38334C18.8368 6.30843 18.6516 2.4951 15.6597 2.71897C15.6204 2.72191 15.5774 2.72351 15.5323 2.72518C15.2025 2.73744 14.7558 2.75405 14.7558 3.32998C14.7558 3.88763 15.1542 3.88743 15.6096 3.8872C15.8737 3.88707 16.157 3.88693 16.3928 3.99569C16.7201 4.14718 17.0955 4.66141 17.1266 5.10662C17.139 5.28715 17.1292 5.46049 17.1202 5.61813ZM5.49728 12.4909C6.64355 15.5628 12.9102 13.9006 11.7075 10.3254C11.3465 9.25659 10.1261 8.43518 8.4892 8.60434C6.57202 8.80212 4.73058 10.4365 5.49728 12.4909ZM8.82753 10.9364C9.08254 11.3707 9.66914 11.0585 9.6178 10.7143C9.55636 10.3162 8.82248 10.3751 8.82753 10.9364ZM7.81171 12.8242C8.8654 12.5776 9.00679 10.6259 7.41615 10.992C6.08052 11.2983 6.33889 13.1684 7.81171 12.8242Z" fill="white"/>
|
|
22
|
-
</svg>
|
|
23
|
-
`;
|
|
24
|
-
|
|
25
|
-
const wechatSVG = `<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
26
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9521 5.59994H14.8246C10.8382 5.59994 7.59972 8.2689 7.59972 11.5499C7.61236 11.932 7.6694 12.3114 7.76972 12.6803C7.78501 12.7464 7.78429 12.8151 7.76762 12.8808C7.75095 12.9465 7.71882 13.0072 7.6739 13.0579C7.62898 13.1087 7.57258 13.1479 7.50941 13.1725C7.44623 13.197 7.37811 13.206 7.31072 13.1988C6.66727 13.1267 6.03418 12.9812 5.42375 12.7653L3.17128 14.0488C3.09186 14.0963 2.99914 14.1165 2.90719 14.1065C2.81523 14.0964 2.72906 14.0567 2.66175 13.9932C2.59445 13.9298 2.54968 13.8461 2.53426 13.7549C2.51883 13.6637 2.53359 13.5699 2.57628 13.4878L3.42627 11.7284C2.6321 11.1885 1.97907 10.466 1.52204 9.62146C1.06501 8.77692 0.817329 7.83503 0.799805 6.87492C0.799805 3.35596 4.14026 0.5 8.23721 0.5C11.5012 0.5 14.3316 2.27648 15.3091 4.92845C15.3596 5.00069 15.3863 5.08683 15.3856 5.17494C15.3758 5.28578 15.3267 5.38947 15.2472 5.46738C15.1678 5.54528 15.0631 5.59228 14.9521 5.59994ZM10.6219 4.04321C10.4821 3.94981 10.3178 3.89996 10.1497 3.89996C9.92426 3.89996 9.70806 3.98951 9.54866 4.14891C9.38925 4.30832 9.2997 4.52452 9.2997 4.74995C9.2997 4.91806 9.34955 5.0824 9.44295 5.22218C9.53635 5.36196 9.6691 5.4709 9.82441 5.53524C9.97973 5.59957 10.1506 5.6164 10.3155 5.5836C10.4804 5.55081 10.6318 5.46985 10.7507 5.35098C10.8696 5.23211 10.9505 5.08065 10.9833 4.91577C11.0161 4.75089 10.9993 4.57999 10.935 4.42467C10.8706 4.26936 10.7617 4.13661 10.6219 4.04321ZM5.42751 5.45669C5.56729 5.55009 5.73163 5.59994 5.89974 5.59994C6.12517 5.59994 6.34137 5.51038 6.50077 5.35098C6.66018 5.19158 6.74973 4.97538 6.74973 4.74995C6.74973 4.58184 6.69988 4.4175 6.60648 4.27772C6.51308 4.13794 6.38033 4.02899 6.22502 3.96466C6.0697 3.90033 5.8988 3.88349 5.73392 3.91629C5.56903 3.94909 5.41758 4.03004 5.29871 4.14891C5.17983 4.26779 5.09888 4.41924 5.06608 4.58412C5.03329 4.749 5.05012 4.91991 5.11445 5.07522C5.17879 5.23054 5.28773 5.36329 5.42751 5.45669ZM14.8249 6.45004C18.3438 6.45004 21.1998 8.73651 21.1998 11.55C21.1691 12.3435 20.9418 13.117 20.5382 13.8009C20.1347 14.4849 19.5676 15.0579 18.8878 15.4684L19.4658 16.9134C19.4922 16.9778 19.5025 17.0477 19.4956 17.117C19.4887 17.1862 19.4649 17.2527 19.4263 17.3107C19.3877 17.3686 19.3354 17.4161 19.2742 17.4491C19.2129 17.4821 19.1444 17.4996 19.0748 17.4999C19.01 17.5002 18.9461 17.4856 18.8878 17.4574L16.7798 16.4034C16.1411 16.5674 15.4843 16.6502 14.8249 16.6499C11.3059 16.6499 8.44993 14.3634 8.44993 11.55C8.44993 8.73651 11.3059 6.45004 14.8249 6.45004ZM12.2276 10.5567C12.3674 10.6501 12.5318 10.7 12.6999 10.7C12.9253 10.7 13.1415 10.6104 13.3009 10.451C13.4603 10.2916 13.5499 10.0754 13.5499 9.85C13.5499 9.68189 13.5 9.51755 13.4066 9.37777C13.3132 9.23799 13.1805 9.12904 13.0252 9.06471C12.8698 9.00038 12.6989 8.98354 12.5341 9.01634C12.3692 9.04914 12.2177 9.13009 12.0988 9.24896C11.98 9.36784 11.899 9.51929 11.8662 9.68417C11.8334 9.84906 11.8503 10.02 11.9146 10.1753C11.9789 10.3306 12.0879 10.4633 12.2276 10.5567ZM16.4776 10.5567C16.6174 10.6501 16.7817 10.7 16.9498 10.7C17.1753 10.7 17.3915 10.6104 17.5509 10.451C17.7103 10.2916 17.7998 10.0754 17.7998 9.85C17.7998 9.68189 17.75 9.51755 17.6566 9.37777C17.5632 9.23799 17.4304 9.12904 17.2751 9.06471C17.1198 9.00038 16.9489 8.98354 16.784 9.01634C16.6191 9.04914 16.4677 9.13009 16.3488 9.24896C16.2299 9.36784 16.149 9.51929 16.1162 9.68417C16.0834 9.84906 16.1002 10.02 16.1645 10.1753C16.2289 10.3306 16.3378 10.4633 16.4776 10.5567Z" fill="white"/>
|
|
27
|
-
</svg>
|
|
28
|
-
`;
|
|
29
|
-
|
|
30
|
-
const ptcSocialIconsFooterCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%;width:100%}@media only screen and (min-width: 992px){:host{width:auto}}:host ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;gap:var(--ptc-layout-spacing-03)}@media only screen and (min-width: 992px){:host ul{align-items:flex-start}}@media only screen and (min-width: 1200px){:host ul{flex-direction:column;align-items:flex-end;gap:initial}}:host ul li{width:100%}:host ul li a{background-color:var(--color-gray-10);border-radius:4px;display:flex;padding:11px;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host ul li a:hover{background-color:var(--color-gray-08)}:host ul li a:active{background-color:var(--color-gray-09);transition:none}:host ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 992px){:host ul li a{padding:4px;width:36px;height:36px}}:host ul.dark-bg a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}";
|
|
31
|
-
|
|
32
|
-
const PtcSocialIconsFooter = class {
|
|
33
|
-
constructor(hostRef) {
|
|
34
|
-
registerInstance(this, hostRef);
|
|
35
|
-
this.instagramUrl = undefined;
|
|
36
|
-
this.facebookUrl = undefined;
|
|
37
|
-
this.linkedinUrl = undefined;
|
|
38
|
-
this.xUrl = undefined;
|
|
39
|
-
this.youtubeUrl = undefined;
|
|
40
|
-
this.weiboUrl = undefined;
|
|
41
|
-
this.youkuUrl = undefined;
|
|
42
|
-
this.wechatQrImageUrl = undefined;
|
|
43
|
-
this.wechatQrImageAltText = undefined;
|
|
44
|
-
this.wechatImageUrl = undefined;
|
|
45
|
-
this.wechatImageAlt = undefined;
|
|
46
|
-
this.instagramImageUrl = undefined;
|
|
47
|
-
this.facebookImageUrl = undefined;
|
|
48
|
-
this.linkedinImageUrl = undefined;
|
|
49
|
-
this.xImageUrl = undefined;
|
|
50
|
-
this.youtubeImageUrl = undefined;
|
|
51
|
-
this.weiboImageUrl = undefined;
|
|
52
|
-
this.youkuImageUrl = undefined;
|
|
53
|
-
this.instagramImageAlt = undefined;
|
|
54
|
-
this.facebookImageAlt = undefined;
|
|
55
|
-
this.linkedinImageAlt = undefined;
|
|
56
|
-
this.xImageAlt = undefined;
|
|
57
|
-
this.youtubeImageAlt = undefined;
|
|
58
|
-
this.weiboImageAlt = undefined;
|
|
59
|
-
this.youkuImageAlt = undefined;
|
|
60
|
-
this.target = undefined;
|
|
61
|
-
this.darkFocusState = false;
|
|
62
|
-
}
|
|
63
|
-
openModal(e) {
|
|
64
|
-
e.preventDefault();
|
|
65
|
-
const modal = this.hostElement.shadowRoot.querySelector('#QRModal');
|
|
66
|
-
modal.show = true;
|
|
67
|
-
}
|
|
68
|
-
componentWillLoad() {
|
|
69
|
-
CheckDarkFocusState(this, this.hostElement);
|
|
70
|
-
}
|
|
71
|
-
render() {
|
|
72
|
-
return (h(Host, null, h("slot", null), h("ul", { class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && h("li", { id: "footerInstagramIconID" }, " ", h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h("li", { id: "footerFacebookIconID" }, " ", h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h("li", { id: "footerLinkedInIconID" }, " ", h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h("li", { id: "footerXIconID" }, " ", h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" })), " "), this.youtubeUrl && h("li", { id: "footerYouTubeIconID" }, " ", h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h("li", { id: "footerWeiboIconID" }, " ", h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt })), " "), this.youkuUrl && h("li", { id: "footerYouKuIconID" }, " ", h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h("li", { id: "footerWeChatIconID" }, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: this.wechatImageAlt != "" ? this.wechatImageAlt : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt })), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
|
|
73
|
-
}
|
|
74
|
-
get hostElement() { return getElement(this); }
|
|
75
|
-
};
|
|
76
|
-
PtcSocialIconsFooter.style = ptcSocialIconsFooterCss;
|
|
77
|
-
|
|
78
|
-
export { PtcSocialIconsFooter as ptc_social_icons_footer };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-c83db688.js';
|
|
2
|
-
|
|
3
|
-
const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
|
|
4
|
-
|
|
5
|
-
const PtcSpacer = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.breakpoint = '';
|
|
9
|
-
this.size = 'medium';
|
|
10
|
-
this.direction = 'vertical';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
const classMap = this.getCssClassMap();
|
|
14
|
-
return (h(Host, { class: classMap }));
|
|
15
|
-
}
|
|
16
|
-
getCssClassMap() {
|
|
17
|
-
return {
|
|
18
|
-
[this.size]: true,
|
|
19
|
-
['ptc-spacer-horizontal']: this.direction === 'horizontal',
|
|
20
|
-
['ptc-spacer-vertical']: this.direction === 'vertical',
|
|
21
|
-
['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
|
|
22
|
-
['ptc-spacer-x-small']: this.breakpoint === 'x-small',
|
|
23
|
-
['ptc-spacer-small']: this.breakpoint === 'small',
|
|
24
|
-
['ptc-spacer-medium']: this.breakpoint === 'medium',
|
|
25
|
-
['ptc-spacer-large']: this.breakpoint === 'large',
|
|
26
|
-
['ptc-spacer-x-large']: this.breakpoint === 'x-large',
|
|
27
|
-
['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
|
|
28
|
-
['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
PtcSpacer.style = ptcSpacerCss;
|
|
33
|
-
|
|
34
|
-
export { PtcSpacer as ptc_spacer };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-c83db688.js';
|
|
2
|
-
|
|
3
|
-
const ptcTextCopyWithBackgroundCss = "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;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;border-radius:4px}@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:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}: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}";
|
|
4
|
-
|
|
5
|
-
const PtcTextCopyWithBackground = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.type = 'text-copy-with-background';
|
|
9
|
-
this.backgroundImage = undefined;
|
|
10
|
-
this.ImageAltText = undefined;
|
|
11
|
-
this.topSlitBackgroundColor = undefined;
|
|
12
|
-
this.slitPosition = 'top-right';
|
|
13
|
-
this.isBackgroundBlur = false;
|
|
14
|
-
this.overlay = true;
|
|
15
|
-
this.disableLightLinks = false;
|
|
16
|
-
this.styles = undefined;
|
|
17
|
-
}
|
|
18
|
-
render() {
|
|
19
|
-
const classMap = this.getCssClassMap();
|
|
20
|
-
const slitFill = this.getSlitFillColor();
|
|
21
|
-
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("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: slitFill } }, h("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 ?
|
|
22
|
-
h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
|
|
23
|
-
h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
|
|
24
|
-
: null, this.overlay &&
|
|
25
|
-
h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" &&
|
|
26
|
-
h("div", { class: "ptc-container" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: 'card-content' }))))), h("slot", null))));
|
|
27
|
-
}
|
|
28
|
-
getSlitFillColor() {
|
|
29
|
-
let slitFill = '#fff';
|
|
30
|
-
if (this.topSlitBackgroundColor == "auto") {
|
|
31
|
-
let style = getComputedStyle(document.body);
|
|
32
|
-
if (style && style.backgroundColor) {
|
|
33
|
-
slitFill = style.backgroundColor;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
slitFill = this.topSlitBackgroundColor;
|
|
38
|
-
}
|
|
39
|
-
return slitFill;
|
|
40
|
-
}
|
|
41
|
-
getCssClassMap() {
|
|
42
|
-
return {
|
|
43
|
-
[this.type]: true,
|
|
44
|
-
[this.slitPosition]: true,
|
|
45
|
-
['light-links']: this.overlay && !this.disableLightLinks,
|
|
46
|
-
['bg-image-absent']: !this.backgroundImage && this.type == "text-copy-with-background"
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
|
|
51
|
-
|
|
52
|
-
export { PtcTextCopyWithBackground as ptc_text_copy_with_background };
|