@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,152 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-63ddc79c.js');
|
|
6
|
-
const utils = require('./utils-ad441b07.js');
|
|
7
|
-
|
|
8
|
-
const ptcTitleCss = "h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
|
|
9
|
-
|
|
10
|
-
const PtcTitle = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.isPlmHub = false;
|
|
14
|
-
this.type = 'h2';
|
|
15
|
-
this.textAlign = undefined;
|
|
16
|
-
this.upperline = 'dotted';
|
|
17
|
-
this.titleShadow = undefined;
|
|
18
|
-
this.titleColor = 'gray';
|
|
19
|
-
this.titleMargin = undefined;
|
|
20
|
-
this.titleWeight = undefined;
|
|
21
|
-
this.titleSize = undefined;
|
|
22
|
-
this.titleHeight = 'densest';
|
|
23
|
-
this.styles = undefined;
|
|
24
|
-
this.ellipsisLineCutoff = undefined;
|
|
25
|
-
this.titleDisplay = 'inline-block';
|
|
26
|
-
this.seoCompatibilityMode = false;
|
|
27
|
-
this.tooltipZIndex = 'auto';
|
|
28
|
-
this.tooltipPosition = 'bottom';
|
|
29
|
-
this.tooltipTheme = 'standard';
|
|
30
|
-
this.enableTooltip = false;
|
|
31
|
-
this.maxChars = undefined;
|
|
32
|
-
this.maxLines = undefined;
|
|
33
|
-
this.hideTooltipOnMobile = false;
|
|
34
|
-
this.ismob = undefined;
|
|
35
|
-
this.tooltipWidth = 'default';
|
|
36
|
-
}
|
|
37
|
-
// Tooltip Properties ends
|
|
38
|
-
componentDidLoad() {
|
|
39
|
-
if (this.hideTooltipOnMobile) {
|
|
40
|
-
this.el.classList.add('hide-tooltip-on-mobile');
|
|
41
|
-
}
|
|
42
|
-
this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
|
|
43
|
-
this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
|
|
44
|
-
}
|
|
45
|
-
render() {
|
|
46
|
-
if (this.seoCompatibilityMode) {
|
|
47
|
-
return this.seoCompRender();
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
return this.standardRender();
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
getSortedText(content) {
|
|
54
|
-
if (!this.enableTooltip)
|
|
55
|
-
return;
|
|
56
|
-
const trimmedContent = content.trim();
|
|
57
|
-
const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
|
|
58
|
-
return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
|
|
59
|
-
}
|
|
60
|
-
toggleTitleTooltip(show) {
|
|
61
|
-
var _a;
|
|
62
|
-
const tooltipClass = 'tooltip-box';
|
|
63
|
-
const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
|
|
64
|
-
const text = this.el.querySelectorAll('.line-clamp-title');
|
|
65
|
-
let maxLinesShowCheck = false;
|
|
66
|
-
if (text) {
|
|
67
|
-
text.forEach(t => {
|
|
68
|
-
maxLinesShowCheck = t.scrollHeight > t.clientHeight;
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
|
|
72
|
-
const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
|
|
73
|
-
if (show && this.enableTooltip) {
|
|
74
|
-
if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
|
|
75
|
-
const tooltipMarkup = document.createElement('div');
|
|
76
|
-
tooltipMarkup.className = tooltipClass;
|
|
77
|
-
tooltipMarkup.innerText = this.tooltipText;
|
|
78
|
-
tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
|
|
79
|
-
tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
|
|
80
|
-
if (this.hideTooltipOnMobile) {
|
|
81
|
-
tooltipMarkup.classList.add('hide-tooltip-mobile');
|
|
82
|
-
}
|
|
83
|
-
(_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
seoCompRender() {
|
|
91
|
-
const classMap = this.getCssClassMap();
|
|
92
|
-
const cutOff = this.getLineCuttoff();
|
|
93
|
-
const [TagType, firstChild] = utils.getSeoTagType(this.el, this.type);
|
|
94
|
-
let html = firstChild && firstChild.innerHTML;
|
|
95
|
-
// added for tooltip
|
|
96
|
-
this.tooltipText = html.trim();
|
|
97
|
-
let eleText = firstChild && firstChild.innerText;
|
|
98
|
-
html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
|
|
99
|
-
if (this.el == firstChild) {
|
|
100
|
-
this.el.innerHTML = '';
|
|
101
|
-
}
|
|
102
|
-
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0 ? 'line-clamp-title' : '' }))));
|
|
103
|
-
}
|
|
104
|
-
standardRender() {
|
|
105
|
-
const classMap = this.getCssClassMap();
|
|
106
|
-
const cutOff = this.getLineCuttoff();
|
|
107
|
-
let TagType;
|
|
108
|
-
switch (this.type) {
|
|
109
|
-
case 'h1':
|
|
110
|
-
TagType = 'h1';
|
|
111
|
-
break;
|
|
112
|
-
case 'h3':
|
|
113
|
-
TagType = 'h3';
|
|
114
|
-
break;
|
|
115
|
-
case 'h4':
|
|
116
|
-
TagType = 'h4';
|
|
117
|
-
break;
|
|
118
|
-
case 'h5':
|
|
119
|
-
TagType = 'h5';
|
|
120
|
-
break;
|
|
121
|
-
case 'h6':
|
|
122
|
-
TagType = 'h6';
|
|
123
|
-
break;
|
|
124
|
-
default:
|
|
125
|
-
TagType = 'h2';
|
|
126
|
-
}
|
|
127
|
-
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { style: cutOff }, index.h("slot", null)))));
|
|
128
|
-
}
|
|
129
|
-
getCssClassMap() {
|
|
130
|
-
return {
|
|
131
|
-
[this.textAlign]: !!this.textAlign ? true : false,
|
|
132
|
-
[this.upperline]: true,
|
|
133
|
-
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
134
|
-
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
135
|
-
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
136
|
-
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
137
|
-
[this.titleSize]: !!this.titleSize ? true : false,
|
|
138
|
-
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
139
|
-
[this.titleColor]: !!this.titleColor ? true : false,
|
|
140
|
-
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
141
|
-
[this.titleDisplay]: !!this.titleDisplay ? true : false,
|
|
142
|
-
};
|
|
143
|
-
}
|
|
144
|
-
getLineCuttoff() {
|
|
145
|
-
const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
|
|
146
|
-
return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
|
|
147
|
-
}
|
|
148
|
-
get el() { return index.getElement(this); }
|
|
149
|
-
};
|
|
150
|
-
PtcTitle.style = ptcTitleCss;
|
|
151
|
-
|
|
152
|
-
exports.ptc_title = PtcTitle;
|
package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: block;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.form-wrapper {
|
|
6
|
-
width: 371px;
|
|
7
|
-
display: flex;
|
|
8
|
-
border-radius: 3px;
|
|
9
|
-
background: #FFF;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
align-items: center;
|
|
12
|
-
padding: 0px 32px;
|
|
13
|
-
|
|
14
|
-
@media only screen and (min-width: 360px) and (max-width: 479.55px) {
|
|
15
|
-
max-width: 360px;
|
|
16
|
-
width: 360px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.button-wrapper {
|
|
20
|
-
display: flex;
|
|
21
|
-
justify-content: flex-end;
|
|
22
|
-
gap: 20px;
|
|
23
|
-
margin-top: 48px;
|
|
24
|
-
flex-wrap: wrap;
|
|
25
|
-
}
|
|
26
|
-
}
|
package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { Host, h } from '@stencil/core';
|
|
2
|
-
export class PtcForm {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.formData = {
|
|
5
|
-
email: '',
|
|
6
|
-
firstName: '',
|
|
7
|
-
lastName: '',
|
|
8
|
-
company: '',
|
|
9
|
-
country: '',
|
|
10
|
-
phone: '',
|
|
11
|
-
inquiryReason: '',
|
|
12
|
-
howhearselfreport: '',
|
|
13
|
-
policyChecked: false,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
// private countryEle: HTMLPtcSelectElement;
|
|
17
|
-
// private inquiryreasonEle: HTMLPtcTextfieldElement;
|
|
18
|
-
// private howhearselfreport: HTMLPtcTextfieldElement;
|
|
19
|
-
componentDidLoad() {
|
|
20
|
-
this.formButton = this.el.querySelector('.form-submit');
|
|
21
|
-
this.formButton.addEventListener('click', this.handleSubmit.bind(this));
|
|
22
|
-
//get Email
|
|
23
|
-
this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
|
|
24
|
-
this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
|
|
25
|
-
this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
|
|
26
|
-
this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
|
|
27
|
-
this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
|
|
28
|
-
// this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]')
|
|
29
|
-
// this.inquiryreasonEle = this.el.querySelector('ptc-textfield[field-id="contact-inquiry"]')
|
|
30
|
-
// this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]')
|
|
31
|
-
}
|
|
32
|
-
handleInputChange(field, value) {
|
|
33
|
-
this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
|
|
34
|
-
}
|
|
35
|
-
handleSubmit(event) {
|
|
36
|
-
event.preventDefault();
|
|
37
|
-
this.formData.email = this.emailEle.inputValue;
|
|
38
|
-
this.formData.firstName = this.firstNameEle.inputValue;
|
|
39
|
-
this.formData.lastName = this.lastNameEle.inputValue;
|
|
40
|
-
this.formData.company = this.companyEle.inputValue;
|
|
41
|
-
this.formData.phone = this.phoneEle.inputValue;
|
|
42
|
-
// this.formData.country = this.countryEle.inputValue;
|
|
43
|
-
// this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
|
|
44
|
-
// this.formData.howhearselfreport = this.howhearselfreport.inputValue;
|
|
45
|
-
// console.log("get form Data: " + this.formData.email)
|
|
46
|
-
if (this.isValid()) {
|
|
47
|
-
const formSubmitEvent = new CustomEvent('formSubmit', {
|
|
48
|
-
detail: this.formData,
|
|
49
|
-
bubbles: true,
|
|
50
|
-
});
|
|
51
|
-
this.el.dispatchEvent(formSubmitEvent);
|
|
52
|
-
console.log('Form Submitted: ' + this.formData);
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
console.log('Form validation failed');
|
|
56
|
-
console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
isValid() {
|
|
60
|
-
const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
|
|
61
|
-
const invalidLength = document.querySelectorAll('.invalid-field').length;
|
|
62
|
-
// console.log('invalid fields length: ' + invalidLength), check the select field
|
|
63
|
-
return (email !== '' &&
|
|
64
|
-
phone !== '' &&
|
|
65
|
-
firstName !== '' &&
|
|
66
|
-
lastName !== '' &&
|
|
67
|
-
company !== '' &&
|
|
68
|
-
country !== '' &&
|
|
69
|
-
inquiryReason !== '' &&
|
|
70
|
-
howhearselfreport != '' &&
|
|
71
|
-
policyChecked &&
|
|
72
|
-
invalidLength === 0);
|
|
73
|
-
}
|
|
74
|
-
render() {
|
|
75
|
-
const multiSelectItems = [
|
|
76
|
-
{ text: 'Item 1', selected: false, ptcDataEloquaName: 'item_1', ptcDataTargetEloquaName: 'item_target-1' },
|
|
77
|
-
{ text: 'Item 2', selected: false, ptcDataEloquaName: 'item_2', ptcDataTargetEloquaName: 'item_target-2' },
|
|
78
|
-
{ text: 'Item 3', selected: false, ptcDataEloquaName: 'item_3', ptcDataTargetEloquaName: 'item_target-3' }
|
|
79
|
-
];
|
|
80
|
-
return (h(Host, null, h("div", { class: "ptc-container u-flex u-flex-justify-center" }, h("div", { class: "form-wrapper" }, h("ptc-title", { "seo-compatibility-mode": true, "text-align": "left", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false", "title-size": "medium" }, h("h2", null, "PTC\u2019s PLM application suite combines the power of Windchill, the industry\u2019s #1 PLM software with Thingworx")), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-densest" }, "PTC\u2019s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("max-width-container", { "max-width": "277", breakpoint: 480 }, h("ptc-title", { type: "h2", "text-align": "", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "small" })), h("form", { onSubmit: event => this.handleSubmit(event) }, h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h("ptc-textfield", { "field-id": "company-email", "label-text": "Company Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "companyemail" }), h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item placehoder-li", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Select a country")), h("li", { class: "mdc-list-item", "data-value": "USA" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "USA")), h("li", { class: "mdc-list-item", "data-value": "Canada" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Canada")), h("li", { class: "mdc-list-item", "data-value": "China" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "China")))), h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "Please select a value" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h("li", { class: "mdc-list-item", "data-value": "CAD" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), h("ptc-multi-select", { items: multiSelectItems, "is-required": 'true' }), h("ptc-textfield", { "field-id": "Self-Reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h("div", { class: "button-wrapper" }, h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Submit"), h("ptc-button", { class: "form-close", color: "ptc-tertiary", type: "button", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Cancel")))))));
|
|
81
|
-
}
|
|
82
|
-
static get is() { return "modal-form-example"; }
|
|
83
|
-
static get originalStyleUrls() {
|
|
84
|
-
return {
|
|
85
|
-
"$": ["modal-form-example.css"]
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
static get styleUrls() {
|
|
89
|
-
return {
|
|
90
|
-
"$": ["modal-form-example.css"]
|
|
91
|
-
};
|
|
92
|
-
}
|
|
93
|
-
static get states() {
|
|
94
|
-
return {
|
|
95
|
-
"formData": {}
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
static get elementRef() { return "el"; }
|
|
99
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Organisms/E-Support Organisms/Case Tracker'
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
const CaseTracker = args => {
|
|
8
|
-
return html `
|
|
9
|
-
|
|
10
|
-
<ptc-spacer></ptc-spacer>
|
|
11
|
-
<ptc-spacer></ptc-spacer>
|
|
12
|
-
<ptc-spacer></ptc-spacer>
|
|
13
|
-
<div class="ptc-container is-grid">
|
|
14
|
-
<div class="is-col-12 is-col-6-md">
|
|
15
|
-
<ptc-title upperline="none">Case Tracker - Authorized Use Only</ptc-title>
|
|
16
|
-
<ptc-spacer></ptc-spacer>
|
|
17
|
-
<ptc-spacer></ptc-spacer>
|
|
18
|
-
<ptc-para>If you want to use this application on behalf of a customer use this search from to lookup the customer record. When you have found the customer hit the Next > button</ptc-para>
|
|
19
|
-
<ptc-textfield field-id="contact-email" label-text="Customer Name" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
|
|
20
|
-
<ptc-textfield field-id="contact-email" label-text="Customer Number" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
|
|
21
|
-
<ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Search</ptc-button>
|
|
22
|
-
<ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Next</ptc-button>
|
|
23
|
-
</div>
|
|
24
|
-
<div class="is-col-12 is-col-2-md">
|
|
25
|
-
|
|
26
|
-
</div>
|
|
27
|
-
<div class="is-col-12 is-col-3-md">
|
|
28
|
-
<ptc-spacer></ptc-spacer>
|
|
29
|
-
<ptc-spacer></ptc-spacer>
|
|
30
|
-
<ptc-spacer></ptc-spacer>
|
|
31
|
-
<ptc-spacer></ptc-spacer>
|
|
32
|
-
<div style="border: solid; padding: 5px;">
|
|
33
|
-
<ptc-title upperline="none" type="h3">search tips</ptc-title>
|
|
34
|
-
<ul>
|
|
35
|
-
<li>You can use this search form to use this application on behalf of a customer.</li>
|
|
36
|
-
<li>You can use this search form to use this application on behalf of a customer.</li>
|
|
37
|
-
</ul>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
</div>
|
|
43
|
-
`;}
|
|
44
|
-
|
|
45
|
-
export const Preview = CaseTracker.bind();
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Organisms/E-Support Organisms/Support Article'
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
const ArticlePage = args => {
|
|
8
|
-
return html `
|
|
9
|
-
|
|
10
|
-
<div class="ptc-container">
|
|
11
|
-
|
|
12
|
-
<ptc-title upperline="" type="h4" title-color="grey">How to run Apache, Tomcat, Windchill Directory Server </ptc-title>
|
|
13
|
-
<ptc-para>Modified: 23-Nov-2023 | LastSeen: 17-Jun-2024
|
|
14
|
-
<ptc-dropdown label="Available in:" listitems="" theme="support">
|
|
15
|
-
<item selected="" label="English"></item>
|
|
16
|
-
<item label="English"></item>
|
|
17
|
-
<item label="English"></item>
|
|
18
|
-
|
|
19
|
-
</ptc-dropdown>
|
|
20
|
-
|
|
21
|
-
</ptc-para>
|
|
22
|
-
|
|
23
|
-
<div style="background-color: rgb(238, 238, 238);; padding:2px">
|
|
24
|
-
<ptc-title type="h5" upperline="">Public</ptc-title>
|
|
25
|
-
<ptc-para >
|
|
26
|
-
Created by Steven Jin and improved by Mi Yeon Grace Jin, Amit Deshpande, Hideyuki Akiyama, Lily Liu, Arshad Imam, Luis Barbosa, Feng Xiang Cliff Tian, Swapnil Deshmukh, Kellan Chen, Teresa Man, Chao Max Wang, Saurabh Ghewande, Mahesh Lomate, Aditya Chaure, Tsutomu Seki, Salesforce Data Manipulation User, Steven Jin, Shirley Yang
|
|
27
|
-
Customer Views: 24559 | Useful Ratings (Customers): 118 | Useful Ratings (PTC): 45 | Cases Solved: 154
|
|
28
|
-
</ptc-para>
|
|
29
|
-
|
|
30
|
-
</div>
|
|
31
|
-
<ptc-spacer></ptc-spacer>
|
|
32
|
-
<ptc-spacer></ptc-spacer>
|
|
33
|
-
<div>
|
|
34
|
-
<ptc-title upperline="" type="h4">Description</ptc-title>
|
|
35
|
-
<hr style="color:green">
|
|
36
|
-
<ptc-para>
|
|
37
|
-
<ul>
|
|
38
|
-
<li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
|
|
39
|
-
<li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
|
|
40
|
-
<li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
|
|
41
|
-
</ul>
|
|
42
|
-
</ptc-para>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
`;}
|
|
46
|
-
|
|
47
|
-
export const Preview = ArticlePage.bind();
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Organisms/E-Support Organisms/Support Page'
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
const SupportPage = args => {
|
|
8
|
-
return html `
|
|
9
|
-
|
|
10
|
-
<ptc-spacer></ptc-spacer>
|
|
11
|
-
<ptc-spacer></ptc-spacer>
|
|
12
|
-
<ptc-spacer></ptc-spacer>
|
|
13
|
-
<ptc-spacer></ptc-spacer>
|
|
14
|
-
<div class="ptc-container is-grid has-col-gap green-container">
|
|
15
|
-
<div class="is-col-12 is-col-7-md search-container">
|
|
16
|
-
|
|
17
|
-
<ptc-spacer></ptc-spacer>
|
|
18
|
-
<ptc-spacer></ptc-spacer>
|
|
19
|
-
<ptc-spacer></ptc-spacer>
|
|
20
|
-
<ptc-title type="h2" text-align="center" title-size="x-large" title-color="white" upperline="no-upperline" title-display="inline-block" title-shadow="" title-height="densest" title-margin="margin-3" title-weight="w-8" is-plm-hub="false">
|
|
21
|
-
Search the Knowledge Base
|
|
22
|
-
</ptc-title>
|
|
23
|
-
<ptc-search-field placeholder-label="Search Technical Support Documentation and Articles" ></ptc-search-field>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="is-col-12 is-col-5-md form-section">
|
|
26
|
-
<ptc-title upperline="none">Popular Tasks</ptc-title>
|
|
27
|
-
<!-- <ul> -->
|
|
28
|
-
<ptc-link>Product Pages</ptc-link>
|
|
29
|
-
<ptc-link>Product Pages</ptc-link>
|
|
30
|
-
<ptc-link>Product Pages</ptc-link>
|
|
31
|
-
<ptc-link>Product Pages</ptc-link>
|
|
32
|
-
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
|
|
36
|
-
<ptc-spacer></ptc-spacer>
|
|
37
|
-
<ptc-spacer></ptc-spacer>
|
|
38
|
-
|
|
39
|
-
<div class="ptc-container is-grid has-col-gap link-container ">
|
|
40
|
-
<div class="is-col-1"></div>
|
|
41
|
-
<div class="is-col-2 links"><ptc-link>Support</ptc-link>
|
|
42
|
-
<button class="btn" role="button" >
|
|
43
|
-
<span class="arrow">
|
|
44
|
-
<icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
|
|
45
|
-
</span>
|
|
46
|
-
</button>
|
|
47
|
-
</div>
|
|
48
|
-
<div class="is-col-2 llinks"><ptc-link>Manage and monitor software</ptc-link>
|
|
49
|
-
<button class="btn" role="button" >
|
|
50
|
-
<span class="arrow">
|
|
51
|
-
<icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
|
|
52
|
-
</span>
|
|
53
|
-
</button>
|
|
54
|
-
</div>
|
|
55
|
-
<div class="is-col-2 llinks"><ptc-link>Learn</ptc-link>
|
|
56
|
-
<button class="btn" role="button" >
|
|
57
|
-
<span class="arrow">
|
|
58
|
-
<icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
|
|
59
|
-
</span>
|
|
60
|
-
</button>
|
|
61
|
-
</div>
|
|
62
|
-
<div class="is-col-2 llinks"><ptc-link>Service and Expertise</ptc-link>
|
|
63
|
-
<button class="btn" role="button" >
|
|
64
|
-
<span class="arrow">
|
|
65
|
-
<icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
|
|
66
|
-
</span>
|
|
67
|
-
</button>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="is-col-2 llinks"><ptc-link>PTC Partner Network</ptc-link>
|
|
70
|
-
<button class="btn" role="button" >
|
|
71
|
-
<span class="arrow">
|
|
72
|
-
<icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
|
|
73
|
-
</span>
|
|
74
|
-
</button>
|
|
75
|
-
</div>
|
|
76
|
-
<div class="is-col-1 links"></div>
|
|
77
|
-
</div>
|
|
78
|
-
<style>
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
.btn {
|
|
82
|
-
display: none;
|
|
83
|
-
padding: 10px;
|
|
84
|
-
font-size: 16px;
|
|
85
|
-
font-weight: 500;
|
|
86
|
-
border: none;
|
|
87
|
-
background-color: transparent;
|
|
88
|
-
cursor: pointer;
|
|
89
|
-
align-items: center;
|
|
90
|
-
span {
|
|
91
|
-
margin-right: 8px;
|
|
92
|
-
align-items: center;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.llinks:hover .btn {
|
|
100
|
-
display: block;
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.links:hover .btn {
|
|
106
|
-
display: flex;
|
|
107
|
-
}
|
|
108
|
-
.green-container {
|
|
109
|
-
background-color:#b3dda4 ;
|
|
110
|
-
padding: 10px;
|
|
111
|
-
.search-container{
|
|
112
|
-
background-color: #00890B;
|
|
113
|
-
padding:10px;
|
|
114
|
-
align-items: center;
|
|
115
|
-
}
|
|
116
|
-
.form-section {
|
|
117
|
-
background-color: white;
|
|
118
|
-
padding: 10px;
|
|
119
|
-
|
|
120
|
-
ptc-link {
|
|
121
|
-
padding: 5px;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
.links {
|
|
126
|
-
align-content: center;
|
|
127
|
-
text-align: center;
|
|
128
|
-
padding-bottom: 16px;
|
|
129
|
-
align-items: center;
|
|
130
|
-
display: flex;
|
|
131
|
-
flex-direction: column;
|
|
132
|
-
align-items: center;
|
|
133
|
-
justify-content: space-between;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.llinks {
|
|
137
|
-
align-content: center;
|
|
138
|
-
text-align: center;
|
|
139
|
-
padding-bottom: 16px;
|
|
140
|
-
border-left: solid 2px #b3dda4;
|
|
141
|
-
padding: 10px;
|
|
142
|
-
display: flex;
|
|
143
|
-
flex-direction: column;
|
|
144
|
-
align-items: center;
|
|
145
|
-
justify-content: space-between;
|
|
146
|
-
|
|
147
|
-
}
|
|
148
|
-
.link-container {
|
|
149
|
-
border-bottom: solid 2px #b3dda4;
|
|
150
|
-
/* margin: 15px; */
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
</style>
|
|
155
|
-
`;}
|
|
156
|
-
|
|
157
|
-
export const Preview = SupportPage.bind();
|