@ptcwebops/ptcw-design 6.3.35 → 6.3.36-beta

package/dist/collection/stories/organisms/ptc/Success Path Details Page/preview.stories.js

@@ -1,236 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Success Path Details Page'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<ptc-spacer breakpoint="small" size="xxx-large"></ptc-spacer>
-  <ptc-spacer breakpoint="x-small" size="xxx-large"></ptc-spacer>
-  
-          <div class="is-grid has-col-gap-md  ptc-section-standard ptc-container">
-                  <div class="is-col-12 is-col-3-lg is-col-3-md ">
-                          <ptc-collapse-list allow-multiselect = "false" id="filter-component" placeholder-text="Search Success Path" header="Recommended Steps" debounce-update-delay="300" class="hydrated">
-                                  <collapse-list-item allow-multi-select="true" facet-display="Plan">
-                                          <collapse-list-item category="By Technology" facet-display="Augmented Reality" facet-value="a98730df-ed96-48ad-b4d6-44da78a04351">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="CAD" facet-value="40398f29-a804-42da-be3e-53f6f68d7b70">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Industrial Connectivity" facet-value="6c6a3f22-341c-4858-b7a7-39b78b18e4da">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Industrial Internet of Things" facet-value="2109fca4-5397-467f-b4ec-f79f1c106429">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Product Lifecycle Management (PLM)" facet-value="d3294e51-119a-4cb6-a647-0671b42a5867">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Service Lifecycle Management (SLM)" facet-value="ae21c21d-0842-4c7b-8a98-9efb7ed090df">
-                                          </collapse-list-item>
-                                  </collapse-list-item>
-                                  <collapse-list-item allow-multi-select="true" facet-display="Setup">
-                                          <collapse-list-item category="By Technology" facet-display="Augmented Reality" facet-value="a98730df-ed96-48ad-b4d6-44da78a04351">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="CAD" facet-value="40398f29-a804-42da-be3e-53f6f68d7b70">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Industrial Connectivity" facet-value="6c6a3f22-341c-4858-b7a7-39b78b18e4da">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Industrial Internet of Things" facet-value="2109fca4-5397-467f-b4ec-f79f1c106429">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Product Lifecycle Management (PLM)" facet-value="d3294e51-119a-4cb6-a647-0671b42a5867">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Technology" facet-display="Service Lifecycle Management (SLM)" facet-value="ae21c21d-0842-4c7b-8a98-9efb7ed090df">
-                                          </collapse-list-item>
-                                  </collapse-list-item>
-                                  <collapse-list-item allow-multi-select="true" facet-display="Deploy">
-                                          <collapse-list-item category="By Industry" facet-display="Aerospace and Defense" facet-value="a79dafc9-29c2-4c6d-b7b5-6c0f36f43d81">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Automotive" facet-value="46c1235c-8d77-4613-ae5f-8ba6a2491c50">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Electronics and High-Tech" facet-value="e9fc6d40-d81f-4d8b-87a3-87436d32bc81">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Industrial Equipment" facet-value="8195c7e5-45fe-42de-b426-84e8a7d1e3d2">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Life Sciences" facet-value="f27c7c4d-09e9-4ed9-b0b3-08c9f6f7fe37">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Oil and Gas" facet-value="8d450f80-e6fd-42aa-b704-abdf0bced254">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Retail and Consumer Products" facet-value="4e26f691-daf8-4e86-87e8-eb25fa8ee194">
-                                          </collapse-list-item>
-                                          <collapse-list-item category="By Industry" facet-display="Software and Technology" facet-value="0c90cd79-a61e-4512-a0f9-a3d26f3d6a51">
-                                          </collapse-list-item>
-                                  </collapse-list-item>
-                          </ptc-collapse-list>
-                  </div>
-                  <div class="is-col-12 is-col-6-lg is-col-6-md ">
-                          <div class="text-content">
-                                  <div class="content-wrapper  ">
-                                          <ptc-title upperline="no-upperline" type="h1" title-weight="w-7" title-size="large" title-margin="margin-flush">
-                                          Get Familiar with  Vuforia Expert Capture
-                                          </ptc-title>
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Learn the basics about Vuforia Expert Capture, and the software and hardware you need to implement this technology..
-                                          </ptc-para>
-                                          <ptc-title upperline="no-upperline" type="h3" title-weight="w-7" title-size="large" title-margin="margin-flush">
-                                          01. Learn the basics
-                                          </ptc-title>
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Vuforia Expert Capture is an end-to-end solution built to empower rapid and intuitive creation of high-fidelity augmented work instructions. 
-                                          These instructions provide step-by-step guidance to operators and technicians, where and when they need it— in the real-world context of their daily work environment. 
-                                          Subject matter experts and authors create work instructions hands-free, using an eyewear device. 
-                                          With Vuforia Editor, end users can edit the procedure they captured. 
-                                          Then they can view Expert Capture procedures on eyewear devices, smartphones, tablets, and desktop or laptop computers.
-                                          </ptc-para>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Expert Capture empowers industrial enterprises to rapidly document expert knowledge 
-                                          and easily scale that knowledge to new, redeployed, or remote workers as hands-on training or task guidance.
-                                          </ptc-para>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Recommended Resources
-                                          </ptc-para>
-                                          <ul>
-                                          <list-item list-type="list-green" link-href="https://www.ptc.com">Change and Configuration
-                                                  Management
-                                          </list-item>
-                                          </ul>
-
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-title upperline="no-upperline" type="h3" title-weight="w-7" title-size="large" title-margin="margin-flush">
-                                          02. Explore features and functionality
-                                          </ptc-title>
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Experts and operators use the Vuforia Capture app on an eyewear device to create augmented work instructions. They can capture hands-free, first-person, step-by-step video and images of procedures as they perform them. Using pre-configured templates that automatically create step-by-step procedures, anyone can author a procedure: no CAD data or coding required. The entire capture process is controlled by voice commands, gestures, and includes location-based steps on AR-enabled headsets.
-                                          </ptc-para>
-                                          <ptc-title upperline="no-upperline" type="h3" title-weight="w-7" title-size="large" title-margin="margin-flush">
-                                          03. Learn the basics
-                                          </ptc-title>
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Vuforia Expert Capture is an end-to-end solution built to empower rapid and intuitive creation of high-fidelity augmented work instructions. 
-                                          These instructions provide step-by-step guidance to operators and technicians, where and when they need it— in the real-world context of their daily work environment. 
-                                          Subject matter experts and authors create work instructions hands-free, using an eyewear device. 
-                                          With Vuforia Editor, end users can edit the procedure they captured. 
-                                          Then they can view Expert Capture procedures on eyewear devices, smartphones, tablets, and desktop or laptop computers.
-                                          </ptc-para>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Expert Capture empowers industrial enterprises to rapidly document expert knowledge 
-                                          and easily scale that knowledge to new, redeployed, or remote workers as hands-on training or task guidance.
-                                          </ptc-para>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Recommended Resources
-                                          </ptc-para>
-                                          <ul>
-                                          <list-item list-type="list-green" link-href="https://www.ptc.com">Change and Configuration
-                                                  Management
-                                          </list-item>
-                                          </ul>
-
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <div id="basic"></div>
-                                          <ptc-title  upperline="no-upperline" type="h3" title-weight="w-7" title-size="large" title-margin="margin-flush">
-                                          04. Learn the basics
-                                          </ptc-title>
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Vuforia Expert Capture is an end-to-end solution built to empower rapid and intuitive creation of high-fidelity augmented work instructions. 
-                                          These instructions provide step-by-step guidance to operators and technicians, where and when they need it— in the real-world context of their daily work environment. 
-                                          Subject matter experts and authors create work instructions hands-free, using an eyewear device. 
-                                          With Vuforia Editor, end users can edit the procedure they captured. 
-                                          Then they can view Expert Capture procedures on eyewear devices, smartphones, tablets, and desktop or laptop computers.
-                                          </ptc-para>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Expert Capture empowers industrial enterprises to rapidly document expert knowledge 
-                                          and easily scale that knowledge to new, redeployed, or remote workers as hands-on training or task guidance.
-                                          </ptc-para>
-                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                          Recommended Resources
-                                          </ptc-para>
-                                          <ul>
-                                          <list-item list-type="list-green" link-href="https://www.ptc.com">Change and Configuration
-                                                  Management
-                                          </list-item>
-                                          </ul>
-
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-                                          
-                                          <ptc-spacer breakpoint="small" size="medium"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="medium"></ptc-spacer>
-                                          <hr>
-                                          <div class="is-grid has-col is-col-12">
-                                            <div class="is-col-6">
-                                              <ptc-link slot="prev-link">  Previous Step <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>Overview: Get Started with Vuforia Expert Capture</ptc-link>
-                                            </div>
-                                            <div class="is-col-6 is-rtl">
-                                              <ptc-link  slot="next-link"> Next Step <ptc-spacer breakpoint="small" size="x-small"> </ptc-spacer> Define Your Use Case</ptc-link>
-                                            </div>
-                                          </div>
-                                          <ptc-spacer breakpoint="small" size="medium"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="medium"></ptc-spacer>
-                                          <ptc-title type="h5" text-align="left" title-size="large" title-color="black" upperline="dotted" title-display="inline-block" title-height="densest" title-margin="margin-3" title-weight="w-4" is-plm-hub="false">Additional Resources</ptc-title>
-                                          <ptc-spacer breakpoint="small" size="medium"></ptc-spacer>
-                                          <ptc-spacer breakpoint="x-small" size="medium"></ptc-spacer>
-
-                                          
-                                          <div class="is-grid">
-                                                  <div class="is-col-4-lg">
-                                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                                          Expert Capture empowers industrial enterprises to rapidly document expert knowledge 
-                                                          and easily scale that knowledge to new, redeployed, or remote workers as hands-on training or task guidance.
-                                                          </ptc-para>
-                                                  </div>
-                                                  <div class="is-col-4-lg">
-                                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                                          Expert Capture empowers industrial enterprises to rapidly document expert knowledge 
-                                                          and easily scale that knowledge to new, redeployed, or remote workers as hands-on training or task guidance.
-                                                          </ptc-para>
-                                                  </div>
-                                                  <div class="is-col-4-lg">
-                                                          <ptc-para title-weight="w-4" font-size="small" para-margin="margin-bottom-5" para-line-h="line-height-p">
-                                                          Expert Capture empowers industrial enterprises to rapidly document expert knowledge 
-                                                          and easily scale that knowledge to new, redeployed, or remote workers as hands-on training or task guidance.
-                                                          </ptc-para>
-                                                  </div>
-                                          </div>
-                                          
-                                  </div>
-                                  
-                          </div>
-
-                  </div>
-                  <div class="is-col-12 is-col-3-lg is-col-3-md">
-                        <ptc-sticky-section>
-                        <div class="link-wrapper is-col-12 is-col-3-lg ">
-                            <ptc-title upperline="no-upperline" type="h5" title-weight="w-5" title-size="medium" title-margin="margin-flush">Steps on this page</ptc-title>
-                            <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                            <ptc-link  font-size="medium"  font-weight="w-thin" href="#" link-area="undefined" link-title="Title attribute goes here" target="_blank" theme="simple">Learn the basics</ptc-link>
-                            <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                            <ptc-link  font-size="medium"  font-weight="w-thin" href="#" link-area="undefined" link-title="Title attribute goes here" target="_blank" theme="standard-link">Explore features and functionality</ptc-link>
-                            <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                            <ptc-link  font-size="medium"  font-weight="w-thin" href="#" link-area="undefined" link-title="Title attribute goes here" target="_blank" theme="standard-link">Review compatible devices</ptc-link>
-                            <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                            <ptc-link  font-size="medium"  font-weight="w-thin" href="#" link-area="undefined" link-title="Title attribute goes here" target="_blank" theme="standard-link">Get familiar with 3D data</ptc-link>
-                        </div>
-                        </ptc-sticky-section>
-                  </div>
-          </div>
-  
-  <ptc-spacer breakpoint="small" size="xxx-large"></ptc-spacer>
-  <ptc-spacer breakpoint="x-small" size="xxx-large"></ptc-spacer>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Three Column Text/preview.stories.js

@@ -1,75 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Three Column Text'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<section id="three-column-text" class="three-column-text-section">
-    <div class="ptc-container ptc-section-standard">
-        <div class="is-grid has-col-gap-lg has-row-gap-lg column-gap-mobile">
-            <div class="is-col-12 is-col-3-xl">
-                    <ptc-title seo-compatibility-mode title-margin="margin-flush">
-                        <h2>Three Column Text - Supports up to 3 rows</h2>
-                    </ptc-title>
-            </div>
-                <div class="is-col-12 is-col-9-xl">
-                    <div class="is-grid has-col-gap-lg has-row-gap-xxl column-gap-mobile">
-                            <div class="is-col-12 is-col-6-md is-col-4-xl">
-                                    <ptc-title seo-compatibility-mode upperline="no-upperline" title-margin="margin-flush">
-                                        <h3>
-                                            Smart Factories
-                                        </h3>
-                                    </ptc-title>
-                                                                        <ptc-para para-margin="margin-3" para-line-h="line-height-p" seo-compatibility-mode><p>Manufacturers equip their assets and production lines with sensors to monitor performance. This allows them to monitor the quantity and quality of the assets they are producing. Better quality products lead to reduced costs and scrap along with better customer experiences&mdash;all of which contribute to revenue gains.</p></ptc-para>
-                                                                        <ptc-spacer size="xx-small" breakpoint="x-small"></ptc-spacer>
-                                    <ptc-spacer size="small"></ptc-spacer>
-                                    <ptc-link  href="/" link-title="PTC Home" target="_self" theme="simple" seo-compatibility-mode tracker-id="ptc-link-three-colum-text" >
-                                        <a href="/">
-                                            PTC Home
-                                        </a>
-                                    </ptc-link>
-                            </div>
-                            <div class="is-col-12 is-col-6-md is-col-4-xl">
-                                    <ptc-title seo-compatibility-mode upperline="no-upperline" title-margin="margin-flush">
-                                        <h3>
-                                            Connected Products
-                                        </h3>
-                                    </ptc-title>
-                                                                        <ptc-para para-margin="margin-3" para-line-h="line-height-p" seo-compatibility-mode><p>In addition to being able to leverage IoT data to improve factory processes, manufacturers can use IoT analytics to understand how the things they have built are performing in the real world.</p></ptc-para>
-                                                                        <ptc-spacer size="xx-small" breakpoint="x-small"></ptc-spacer>
-                                    <ptc-spacer size="small"></ptc-spacer>
-                                    <ptc-link  href="/" link-title="PTC Home" target="_self" theme="simple" seo-compatibility-mode tracker-id="ptc-link-three-colum-text" >
-                                        <a href="/">
-                                            PTC Home
-                                        </a>
-                                    </ptc-link>
-                            </div>
-                            <div class="is-col-12 is-col-6-md is-col-4-xl">
-                                    <ptc-title seo-compatibility-mode upperline="no-upperline" title-margin="margin-flush">
-                                        <h3>
-                                            New Business Models
-                                        </h3>
-                                    </ptc-title>
-                                                                        <ptc-para para-margin="margin-3" para-line-h="line-height-p" seo-compatibility-mode><p>Vendors that used to simply sell products are now able to sell those products as a service, where customers pay based on monthly usage. Manufacturers are also able to offer other value-added services such as over-the-air updates to software.</p></ptc-para>
-                                                                        <ptc-spacer size="xx-small" breakpoint="x-small"></ptc-spacer>
-                                    <ptc-spacer size="small"></ptc-spacer>
-                                    <ptc-link  href="/" link-title="PTC Home" target="_self" theme="simple" seo-compatibility-mode tracker-id="ptc-link-three-colum-text" >
-                                        <a href="/">
-                                            PTC Home
-                                        </a>
-                                    </ptc-link>
-                            </div>
-                    </div>
-                </div>
-        </div>
-    </div>
-    </section>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Three Up Text Cards/preview.stories.js

@@ -1,134 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Three Up Text Cards'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<div class="ptc-container ptc-section-standard">
-      <ptc-button id="ty-modal" type="button" color="ptc-primary"> Show Modal </ptc-button>
-      
-      <ptc-modal id="modal-example" modal-type="thank-you" keep-in-viewport border-radius="standard" close-on-blur="true" fixed="false" overlay="true" size="md" vh-center>
-        <div class="u-textAlign-ctr p-3">
-          <ptc-title type="h2" seo-compatibility-mode upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-            <h2>Thanks for signing up</h2>
-          </ptc-title>
-          <ptc-para font-size="small" para-margin="margin-flush  margin-bottom-6" seo-compatibility-mode>
-            <p>We’ll keep you up to date with the latest PTC events.</p>
-          </ptc-para>
-          <ptc-button color="ptc-quaternary" target="_self" type="button" id="close-ty-modal" tracker-id="close-ty-modal-cta"> Back to page</ptc-button>
-        </div>
-      </ptc-modal>
-
-      <script>
-        document.getElementById('ty-modal').addEventListener('click', () => {
-          document.getElementById('modal-example').show = true;
-        });
-        document.getElementById('close-ty-modal').addEventListener('click', () => {
-          document.getElementById('modal-example').show = false;
-        });
-      </script>
-    </div>
-
-    
-    <div class="ptc-container ptc-section-standard three-up-event-cards-wrapper">
-      <ptc-title type="h2" seo-compatibility-mode upperline="no-upperline" title-margin="margin-flush">
-        <h2>More ways to engage</h2>
-      </ptc-title>
-      <ptc-spacer size="xx-large"></ptc-spacer>
-      <ptc-spacer breakpoint="x-small" size="small"></ptc-spacer>
-      <div class="is-grid has-col-gap-xl has-row-gap-xl">
-        <div class="is-col-12 is-col-4-lg">
-          <ptc-title type="h3" upperline="no-upperline" title-margin="margin-flush" seo-compatibility-mode>
-            <h3>Imperdiet dolor</h3>
-          </ptc-title>
-          <ptc-spacer size="small"></ptc-spacer>
-          <ptc-spacer breakpoint="x-small" size="xx-small"></ptc-spacer>
-          <ptc-para font-size="small" para-margin="margin-bottom-6" seo-compatibility-mode>
-            <p>Vestibulum consectetur nunc ac mauris sodales aliquet non et tellus. Maecenas facilisis semper neque id lacinia.</p>
-          </ptc-para>
-          <a class="ptc-link mf-listen" href="/https://www.ptc.com/en" target="">Explore Events</a>
-        </div>
-        <div class="is-col-12 is-col-4-lg">
-          <ptc-title type="h3" upperline="no-upperline" title-margin="margin-flush" seo-compatibility-mode>
-            <h3>Fermentum risus gravida</h3>
-          </ptc-title>
-          <ptc-spacer size="small"></ptc-spacer>
-          <ptc-spacer breakpoint="x-small" size="xx-small"></ptc-spacer>
-          <ptc-para font-size="small" para-margin="margin-bottom-6" seo-compatibility-mode>
-            <p>Vestibulum consectetur nunc ac mauris sodales aliquet non et tellus. Maecenas facilisis semper neque id lacinia. Pellentesque habitant morbi tristique.</p>
-          </ptc-para>
-          <a class="ptc-link mf-listen" href="/https://www.ptc.com/en" target="">Watch Now</a>
-        </div>
-        <div class="is-col-12 is-col-4-lg">
-          <ptc-title type="h3" upperline="no-upperline" title-margin="margin-flush" seo-compatibility-mode>
-            <h3>Facilisis efficitur</h3>
-          </ptc-title>
-          <ptc-spacer size="small"></ptc-spacer>
-          <ptc-spacer breakpoint="x-small" size="xx-small"></ptc-spacer>
-          <ptc-para font-size="small" para-margin="margin-bottom-6" seo-compatibility-mode>
-            <p>Vestibulum consectetur nunc ac mauris sodales aliquet non et tellus. Maecenas facilisis semper.</p>
-          </ptc-para>
-          <a class="ptc-link mf-listen" href="/https://www.ptc.com/en" target="">Learn How</a>
-        </div>
-      </div>
-    </div>
-    
-    <div class="ptc-section-standard u-paddingBottom-flush">
-      <div class="email-sign-up-wrapper">
-          <div class="ptc-container u-flex has-col-gap-xxl has-row-gap-md">
-            <max-width-container breakpoint="992" content-align="left" max-width="768">
-              <ptc-title type="h2" seo-compatibility-mode upperline="no-upperline" title-margin="margin-flush" title-color="white">
-                <h2>Stay connected</h2>
-              </ptc-title>
-              <ptc-spacer size="xx-small"></ptc-spacer>
-              <ptc-para font-size="small" para-margin="margin-flush" para-color="white" seo-compatibility-mode>
-                <p>
-                  Aliquam erat volutpat. Integer ac placerat massa nunc aliquam libero in aliquam vestibulum.
-                </p>
-              </ptc-para>
-            </max-width-container>
-            <div class="u-flex signup-form">
-              <div class="u-flex u-align-center w-100 form-design-field u-shadow-large">
-                <ptc-textfield 
-                  field-id="contact-email"
-                  textfield-form="email-signup"
-                  label-text=""
-                  type="email"
-                  ptc-data-eloqua-name="C_EmailAddress"
-                  field-name="email"
-                  placeholder-text="Enter your email"
-                ></ptc-textfield>
-
-                <ptc-button 
-                  id="stdsubmit"
-                  type="submit"
-                  color="ptc-secondary"
-                  class="form-submit"
-                  link-href="/en/products/windchill/contact-us/thank-you"
-                  target=""
-                  button-title="Submit"
-                  tracker-id="hero-footer-form-button"
-                  styles=".ptc-secondary { border-color: transparent !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; padding: 12px 16px}"
-                >
-                  Submit
-                </ptc-button>
-
-                <ptc-textfield type="hidden" id="hdnFormGuid" input-value="{11EB9492-D544-4D6E-B8B1-002C1010A11B}"></ptc-textfield>
-                <ptc-textfield type="hidden" id="hdnElqFormName" ptc-data-eloqua-name="elqFormName" input-value="CPGALMPercContactMe"></ptc-textfield>
-                <ptc-textfield type="hidden" ptc-data-eloqua-name="blnSalesContact" id="chkContact" input-value="yes"></ptc-textfield>
-                <ptc-textfield type="hidden" id="hdnWebsite" ptc-data-eloqua-name="C_Website1" input-value=""></ptc-textfield>
-                <ptc-textfield type="hidden" id="elqHdnCID" ptc-data-eloqua-name="cid" input-value=""></ptc-textfield>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();