@ptcwebops/ptcw-design 6.3.32-beta → 6.3.32

package/dist/collection/stories/organisms/ptc/Clq Modal Quiz/preview.stories.js

@@ -0,0 +1,100 @@
+import { html } from 'lit';
+
+export default {
+  title: 'Organisms/ptc/Clq Modal Quiz'
+};
+
+const AlertsPage = args => {
+  return html`
+    
+
+<div style="padding:20px">
+          <ptc-button id="modal-quiz-example-btn" tracker-id="modal-quiz-example-btn" type="button" color="ptc-secondary">
+            Get Started
+          </ptc-button>
+        </div>
+
+        <ptc-modal id="modal-quiz-example" size="xl" show-header-footer="false">
+          <ptc-modal-quiz total-questions=3 modal-id="modal-quiz-example">
+            <span slot="question-text">Question</span>
+            <span slot="of-text">of</span>
+            <span slot="low-level-label">Low (1-30%)</span>
+            <span slot="medium-level-label">Medium (31-60%)</span>
+            <span slot="high-level-label">High (61-100%)</span>
+            <span slot="question-1-title">Scrap and Rework</span>
+            <span slot="question-1-subtitle">At what level would you like to reduce costs due to poor designs reaching manufacturing, faulty components, and/or process related errors?</span>
+            <img slot="question-1-image" alt="" src="https://www.ptc.com/-/media/Images/new-org/280X400/clq-scrap-and-rework-280x400.jpg">
+            <span slot="question-1-low-short-answer">
+              You indicated that you have low expectations for reducing scrap and rework. CIMdata's abbreviated recommendation is to further reduce scrap and rework by standardizing product development, embracing document management best practices, and implementing an ISO 9001 quality governance process. You can also use a standard closed-loop <a class="inlinks" href="https://www.ptc.com/en/blogs/plm/what-is-capa">CAPA</a> process and provide R&amp;D with real-time visibility into product performance and design issues.
+            </span>
+            <span slot="question-1-medium-short-answer">
+              You indicated that you have medium expectations for reducing scrap and rework. CIMdata's abbreviated recommendation is to look at CLQ to automate quality processes and incorporate predictive quality, risk and reliability into engineering. Identify and predict potential product failures and impacts and make real-world failures in manufacturing and the field immediately visible.
+            </span>
+            <span slot="question-1-high-short-answer">
+              You indicated that you have high expectations for reducing scrap and rework. CIMdata's abbreviated recommendation is to embed core product development and quality management processes in one system, define your product requirements electronically, and perform risk and reliability analysis. Then create validation tests and Critical Quality Characteristics, monitor product performance, and identify improvements and corrective actions.
+            </span>
+
+            <span slot="question-2-title">Field Rejections, Returns, and/or Allowances</span>
+            <span slot="question-2-subtitle">At what level would you like to reduce costs that occur due to delivery of poor-quality products to customers, resulting in product returns and/or in-field fixes?</span>
+            <img slot="question-2-image" alt="" src="https://www.ptc.com/-/media/Images/new-org/280X400/clq-field-rejections-280x400.jpg">
+            <span slot="question-2-low-short-answer">
+              You indicated that you have low expectations for reducing product returns and/or in-field fixes. CIMdata's abbreviated recommendation is to assure post-manufacturing data is brought back to the product design organization by automatically recording changes and issues that arise in manufacturing and the field. Capture both as-built and as-maintained <a class="inlinks" href="https://www.ptc.com/en/technologies/plm/bill-of-materials">BOMs in your PLM environment</a>, and Implement FMEA and Failure Reporting, Analysis and Corrective Action System (FRACAS) capabilities.
+            </span>
+            <span slot="question-2-medium-short-answer">
+              You indicated that you have medium expectations for reducing product returns and/or in-field fixes. CIMdata's abbreviated recommendation is to improve the quality of information flow to and from manufacturing by integrating comprehensive change management across product development and manufacturing. Assure complete BOMs, enable BOM variations to be easily transmitted, and provide manufacturing engineers with an early view into product design, along with supplier access to product definitions and quality processes.
+            </span>
+            <span slot="question-2-high-short-answer">
+              You indicated that you have high expectations for reducing product returns and/or in-field fixes. CIMdata's abbreviated recommendation is to improve your product lifecycle management environment by controlling product design data, and granting manufacturing personnel direct, online access to all design data. You can also enable all manufacturing and field errors to be reported, and take measures to anticipate and mitigate failures before production.
+            </span>
+
+            <span slot="question-3-title">Scrap and Rework</span>
+            <span slot="question-3-subtitle">At what level would you like to reduce costs due to poor designs reaching manufacturing, faulty components, and/or process related errors?</span>
+            <img slot="question-3-image" alt="" src="https://www.ptc.com/-/media/Images/new-org/280X400/clq-scrap-and-rework-280x400.jpg">
+            <span slot="question-3-low-short-answer">
+              You indicated that you have low expectations for decreasing the cost and amount of time it takes to gain regulatory approval and/or submit a response to an audit. At this level, CIMdata's abbreviated recommendation is that you use PLM to manage regulatory conformance documents and link them directly to data sources that help maintain data in reports. Automatically link to and update governing regulations and make them available online, while linking regulations to product data and processes, and requirements to regulations, product elements and product testing.
+            </span>
+            <span slot="question-3-medium-short-answer">
+              You indicated that you have medium expectations for decreasing the cost and amount of time it takes to gain regulatory approval and/or submit a response to an audit. CIMdata's abbreviated recommendation is to consider linking product requirements to conformance reports, automatically downloading the newest governing regulations, and making regulation documents available online.
+            </span>
+            <span slot="question-3-high-short-answer">
+              You indicated that you have high expectations for decreasing the cost and amount of time it takes to gain regulatory approval and/or submit a response to an audit. CIMdata's abbreviated recommendation is to use CLQ to manage conformance documents and link them directly to data sources that help maintain data in reports. Create and track nonconformance reports and link them to product design data and items, or manufacturing processes, and manage product data in a common repository.
+            </span>
+            <span slot="previous-ques-text">Previous</span>
+            <span slot="next-ques-text">Next</span>
+            <span slot="email-results-text">Email Results</span>
+          </ptc-modal-quiz>
+        </ptc-modal>
+
+        <script>
+          let modalQuizExample = document.getElementById('modal-quiz-example');
+          let modalQuizExampleBtn = document.getElementById('modal-quiz-example-btn');
+          modalQuizExample.focusBackElement = modalQuizExampleBtn;
+
+
+          modalQuizExample.addEventListener('emailReportClick', (e) => {
+            modalQuizExample.show = false;
+            let answers = e.detail;
+            console.log(answers);
+          });
+
+          modalQuizExampleBtn.addEventListener('click', () => {
+            modalQuizExample.show = true;
+          });
+
+          modalQuizExampleBtn.addEventListener('keydown', e => {
+            if (e.key === "Enter") {
+              let modalQuizExample = document.getElementById('modal-quiz-example');
+              let ptcModalQuiz = modalQuizExample?.querySelector('ptc-modal-quiz');
+              if (ptcModalQuiz) {
+                modalQuizExample.show = true;
+                modalQuizExampleBtn.blur();
+                ptcModalQuiz.focusIn();
+              }
+            }
+          });
+        </script>
+
+  `;
+};
+
+export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Contact Free Trial Form/preview.stories.js

@@ -0,0 +1,22 @@
+import { html } from 'lit';
+
+export default {
+  title: 'Organisms/ptc/Contact Free Trial Form'
+};
+
+const AlertsPage = args => {
+  return html`
+    
+
+<ptc-form id="myForm"></ptc-form>
+<script>
+      const myForm = document.getElementById('myForm');
+      myForm.addEventListener('formSubmit', (event) => {
+        const formData = event.detail;
+        console.olog('Form submitted: ', formData)
+      })
+    </script>
+  `;
+};
+
+export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Countdown Example/preview.stories.js

@@ -0,0 +1,29 @@
+import { html } from 'lit';
+
+export default {
+  title: 'Organisms/ptc/Countdown Example'
+};
+
+const AlertsPage = args => {
+  return html`
+    
+
+<div class="ptc-container is-centered">
+        <section class="ptc-section">
+            <ptc-countdown slot="countdown" countdown-title="Boston Event" event-time="3/20/2025 18:00:00" use-hour-format="true">
+            </ptc-countdown>
+            <br>
+            <ptc-countdown slot="countdown" countdown-title="China Event" event-time="3/20/2025 18:00:00"
+                event-time-zone="CST_CN" days-text="天" hours-text="时" minutes-text="分" seconds-text="秒" use-hour-format="false">
+            </ptc-countdown>
+            <br>
+            <ptc-countdown slot="countdown" countdown-title="Korea Event" event-time="4/30/2025 18:00:00" use-hour-format="true"
+                event-time-zone="KST">
+            </ptc-countdown>
+        </section>
+    </div>
+
+  `;
+};
+
+export const Preview = AlertsPage.bind();