@ptcwebops/ptcw-design 6.3.58-beta → 6.3.60-beta

package/dist/collection/stories/organisms/ptc/White Paper/preview.stories.js

@@ -0,0 +1,174 @@
+import { html } from 'lit';
+
+export default {
+  title: 'Organisms/ptc/White Paper'
+};
+
+const AlertsPage = args => {
+  return html`
+    
+
+<ptc-white-paper items-per-page='1'
+  top-background-image="https://www.ptc.com/-/media/Images/new-org/1366x500/success-guide-cover-1366x500.jpg?h=500&w=1366&la=en&hash=B6A5F14E464ED4843ABB1CA090223BB8"
+  top-background-image-alt="image alt attribute name"
+  items='[
+    [
+      {
+        "componentType": "fullspan-text",
+        "heading": "The State of Industrial Digital Transformation",
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": null,
+        "mainContentChartHeight": "",
+        "isCenterText": false,
+        "isStyledHeading": false
+      },
+      {
+        "componentType": "fullspan-text",
+        "heading": null,
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": null,
+        "mainContentChartHeight": "",
+        "isCenterText": false,
+        "isStyledHeading": false
+      }
+    ],
+    [
+      {
+        "componentType": "fullspan-text",
+        "heading": "Methodology and Firmographics",
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": "https://www-test.ptc.com/charts/Animations/Methodology-and-firmographics/methodology-and-firmographics2.html",
+        "mainContentChartHeight": "500",
+        "isCenterText": false,
+        "isStyledHeading": false
+      }
+    ],
+    [
+      {
+        "componentType": "fullspan-text",
+        "heading": "The State of Industrial DX",
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "<h3>Key Takeaway #1: DX is a million (or more) dollar\nannual investment</h3>",
+        "mainContentMultiLine": "",
+        "mainContentChart": "https://www-test.ptc.com/charts/Animations/The-State-of-Industrial-DX/Spend-by-company-size-combined.html",
+        "mainContentChartHeight": "380",
+        "isCenterText": false,
+        "isStyledHeading": false
+      },
+      {
+        "componentType": "fullspan-text",
+        "heading": null,
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": null,
+        "mainContentChartHeight": "",
+        "isCenterText": false,
+        "isStyledHeading": false
+      },
+      {
+        "componentType": "fullspan-text",
+        "heading": null,
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": null,
+        "mainContentChartHeight": "",
+        "isCenterText": false,
+        "isStyledHeading": false
+      }
+    ],
+    [
+      {
+        "componentType": "fullspan-text",
+        "heading": "The State of Industrial DX",
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "<h3>Key Takeaway #1: DX is a million (or more) dollar\nannual investment</h3>",
+        "mainContentMultiLine": "",
+        "mainContentChart": "https://www-test.ptc.com/charts/Animations/The-State-of-Industrial-DX/Spend-by-company-size-combined.html",
+        "mainContentChartHeight": "380",
+        "isCenterText": false,
+        "isStyledHeading": false
+      },
+      {
+        "componentType": "fullspan-text",
+        "heading": null,
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": null,
+        "mainContentChartHeight": "",
+        "isCenterText": false,
+        "isStyledHeading": false
+      },
+      {
+        "componentType": "fullspan-text",
+        "heading": null,
+        "subHeading": null,
+        "leftColumnContent": null,
+        "rightColumnContent": null,
+        "mainImage": null,
+        "mainImageAlt": null,
+        "mainImageDescription": null,
+        "mainContent": "Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually. Industrial products (heavy-equipment, machinery) and other discrete manufacturers (medical devices, durable goods, apparel) have the highest number of respondents spending over $1m and $5m annually.", 
+        "mainContentMultiLine": "",
+        "mainContentChart": null,
+        "mainContentChartHeight": "",
+        "isCenterText": false,
+        "isStyledHeading": false
+      }
+    ]
+  ]'
+>
+</ptc-white-paper>
+
+  `;
+};
+
+export const Preview = AlertsPage.bind();

package/dist/custom-elements/index.js

@@ -22447,6 +22447,11 @@ const PtcImg$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
+    /**
+     * Lazy Load Transforms array
+     **/
+    this.transformParameters = ['t=ptcjumbdesklq', 't=ptcjumbdeskmq', 't=ptcjumbdeskhq'];
+    this.transformIndex = 0;
     this.sizeXs = '510x340';
     this.sizeSm = '1240x496';
     this.sizeMd = '1366x500';
@@ -22456,6 +22461,9 @@ const PtcImg$1 = class extends HTMLElement$1 {
     this.borderRadius = '';
     this.loadMode = 'lazy-bg';
     this.styles = undefined;
+    this.enableLazyLoad = false;
+    this.delay = 2000;
+    this.bgSrcLazy = undefined;
   }
   /**
    * Image Z Index
@@ -22466,16 +22474,52 @@ const PtcImg$1 = class extends HTMLElement$1 {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("div", { class: classMap, "data-xs": `${this.imgUrl}`, "data-sm": `${this.imgUrl}`, "data-md": `${this.imgUrl}`, "data-lg": `${this.imgUrl}` }, this.imageType == 'smart-bg' ? h$1("slot", null) : null)));
+    return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("div", { class: classMap, "data-xs": `${this.bgSrcLazy ? this.bgSrcLazy : this.imgUrl}`, "data-sm": `${this.bgSrcLazy ? this.bgSrcLazy : this.imgUrl}`, "data-md": `${this.bgSrcLazy ? this.bgSrcLazy : this.imgUrl}`, "data-lg": `${this.bgSrcLazy ? this.bgSrcLazy : this.imgUrl}` }, this.imageType == 'smart-bg' ? h$1("slot", null) : null)));
+  }
+  componentWillLoad() {
+    if (this.enableLazyLoad) {
+      if (this.imgUrl && this.imgUrl.includes('?')) {
+        this.bgSrcLazy = `${this.imgUrl}&t=ptcjumbdesklq`;
+      }
+      else {
+        this.bgSrcLazy = `${this.imgUrl}?t=ptcjumbdesklq`;
+      }
+    }
+    console.log(this.bgSrcLazy);
   }
   componentDidLoad() {
     this.addIntersectionObserver();
     this.setResponsiveBg();
+    if (this.enableLazyLoad) {
+      const that = this;
+      setTimeout(() => {
+        that.upgradeImageQuality();
+      }, that.delay);
+    }
   }
   componentWillUpdate() {
     this.addIntersectionObserver();
     this.setResponsiveBg();
   }
+  upgradeImageQuality() {
+    const that = this;
+    that.transformIndex++;
+    if (that.transformIndex < that.transformParameters.length) {
+      if (this.imgUrl && this.imgUrl.includes('?')) {
+        this.bgSrcLazy = `${this.imgUrl}&${that.transformParameters[that.transformIndex]}`;
+      }
+      else {
+        this.bgSrcLazy = `${this.imgUrl}?${that.transformParameters[that.transformIndex]}`;
+      }
+      setTimeout(() => {
+        console.log(this.bgSrcLazy);
+        that.upgradeImageQuality();
+      }, that.delay);
+    }
+    else {
+      that.bgSrcLazy = that.imgUrl;
+    }
+  }
   //responsive image
   setResponsiveBg() {
     // Define local variables
@@ -22771,6 +22815,7 @@ const PtcJumbotron$1 = class extends HTMLElement$1 {
     this.hasCountdown = false;
     this.logo = "";
     this.styles = undefined;
+    this.enableLazy = false;
     this.defer = undefined;
     this.hasCtaSlot = undefined;
   }
@@ -22806,10 +22851,10 @@ const PtcJumbotron$1 = class extends HTMLElement$1 {
         break;
       case 'dark':
       case 'light':
-        mediaElement = (h$1("div", { class: 'dl-img-wrap' }, h$1("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h$1("div", { class: "mobile-modal-play-btn" }, ' ', h$1("slot", { name: "video" }))) : null));
+        mediaElement = (h$1("div", { class: 'dl-img-wrap' }, h$1("ptc-img", { "img-url": this.bgSrc, "enable-lazy-load": this.enableLazy, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h$1("div", { class: "mobile-modal-play-btn" }, ' ', h$1("slot", { name: "video" }))) : null));
         break;
       default:
-        mediaElement = h$1("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" });
+        mediaElement = h$1("ptc-img", { "img-url": this.bgSrc, "enable-lazy-load": this.enableLazy, styles: ".smart-bg{background-position:right !important;}" });
     }
     return (h$1(Host, { class: classMap }, this.styles && h$1("style", null, this.styles), h$1("div", { class: { 'parent': true, 'light-links': this.jumbotronType === 'dark' || this.jumbotronType === 'dark-video', 'hp-adjustments': this.isHomepage, 'transitioning': this.isTransitioning } }, h$1("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), h$1("div", { class: "div2 content-container" }, h$1("div", { class: "bg-overlay", style: { background: this.contentBackground } }), h$1("div", { class: { "ptc-container": true, "content-layout": true, 'hp-container': this.isHomepage, 'blog-container': (this.jumbotronType === "blog") } }, h$1("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, h$1("slot", { name: "breadcrumb" }), !!this.logo && h$1("div", { class: "logo-frame" }, h$1("img", { alt: "Logo", src: this.logo })), h$1("span", { class: "main-content-items" }, h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("slot", { name: "main-title" }), h$1("slot", { name: "hp-sub-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (!this.isHomepage) && (h$1("div", null, h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h$1("ptc-para", { styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": "w-4", "para-margin": `${this.jumbotronType === 'text' || this.jumbotronType === 'blog' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left', "seo-compatibility-mode": true }, h$1("p", { innerHTML: this.subTitle, style: { margin: '0' } }), h$1("p", { style: { margin: '0' } }, h$1("slot", { name: "blog-date" })), this.jumbotronType === 'blog' && h$1("div", null, h$1("ptc-spacer", { breakpoint: 'x-small', size: 'medium' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'small' }), h$1("div", { id: "header-blog-author", slot: "blog-author" }, h$1("div", { class: "image" }, h$1("img", { alt: this.blogAuthorImageAlt, src: this.blogAuthorImage })), h$1("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("a", { class: "blog-author-name mf-listen", tabindex: "0", href: this.blogAuthorQueryHref, target: this.blogAuthorQueryTarget, "aria-label": "Other blogs by author" }, this.blogAuthorName)))))), this.hasCtaSlot && (h$1("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, h$1("slot", { name: "j-cta" }))))), this.hasPopupVideo && this.jumbotronType !== 'png' ? h$1("slot", { name: "video" }) : null, this.hasCountdown ? h$1("slot", { name: "countdown" }) : null, this.jumbotronType === 'png' ? (h$1("div", { class: "desktop-media-image" }, h$1("div", { class: "media-image-wrapper" }, h$1("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: `img {${this.pngImgStyles}}` }), this.hasPopupVideo ? h$1("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (h$1("div", { class: "desktop-media-image desk-gif-adjustment" }, h$1("img", { src: this.gifSrc }))) : null, this.jumbotronType === 'blog' ? (h$1("div", { class: "desktop-media-image" }, h$1("div", { class: "media-image-wrapper" }, h$1("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" })))) : null)))));
   }
@@ -24491,7 +24536,7 @@ const PtcNavLink$1 = class extends HTMLElement$1 {
     }
   }
   render() {
-    return (h$1(Host, null, h$1("div", { class: "tracker-div mf-listen" }, h$1("a", { id: this.trackerId, href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: event => {
+    return (h$1(Host, null, h$1("div", { class: "tracker-div" }, h$1("a", { id: this.trackerId, class: "mf-listen", href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: event => {
         this.handleClick(event);
       } }, h$1("slot", null), !this.href.startsWith('#') && (h$1("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h$1("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))))));
   }
@@ -35382,10 +35427,10 @@ const PtcIconComponent = /*@__PURE__*/proxyCustomElement(PtcIconComponent$1, [1,
 const PtcIconList = /*@__PURE__*/proxyCustomElement(PtcIconList$1, [1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"],"noBottomSpace":[4,"no-bottom-space"],"styles":[1]}]);
 const PtcIconMinimize = /*@__PURE__*/proxyCustomElement(PtcIconMinimize$1, [1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"listType":[1,"list-type"],"dataRefineValue":[1,"data-refine-value"],"trackerId":[1,"tracker-id"],"tabIndexValue":[2,"tab-index-value"],"timeStamp":[32]}]);
 const PtcImageDownloadStrip = /*@__PURE__*/proxyCustomElement(PtcImageDownloadStrip$1, [1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"],"trackerId":[1,"tracker-id"]}]);
-const PtcImg = /*@__PURE__*/proxyCustomElement(PtcImg$1, [4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]);
+const PtcImg = /*@__PURE__*/proxyCustomElement(PtcImg$1, [4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1],"enableLazyLoad":[4,"enable-lazy-load"],"delay":[2],"bgSrcLazy":[32]},[[9,"resize","WindowResize"]]]);
 const PtcInfoTile = /*@__PURE__*/proxyCustomElement(PtcInfoTile$1, [1,"ptc-info-tile",{"link":[1],"variant":[1],"styles":[1],"trackerId":[1,"tracker-id"],"accessibilityIndex":[2,"accessibility-index"],"target":[1]}]);
 const PtcInlineCta = /*@__PURE__*/proxyCustomElement(PtcInlineCta$1, [1,"ptc-inline-cta",{"type":[1],"containerSelector":[1,"container-selector"],"containerIsShadow":[4,"container-is-shadow"],"trackerId":[1,"tracker-id"],"rte":[1],"image":[32],"heading":[32],"description":[32],"cta":[32]}]);
-const PtcJumbotron = /*@__PURE__*/proxyCustomElement(PtcJumbotron$1, [1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"pngImgStyles":[1,"png-img-styles"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgVideoPosterSrc":[1,"bg-video-poster-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"isHomepage":[4,"is-homepage"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"buttonLocation":[1,"button-location"],"buttonTabIndex":[2,"button-tab-index"],"isTransitioning":[4,"is-transitioning"],"blogAuthorImage":[1,"blog-author-image"],"blogAuthorImageAlt":[1,"blog-author-image-alt"],"blogAuthorName":[1,"blog-author-name"],"blogAuthorQueryHref":[1,"blog-author-query-href"],"blogAuthorQueryTarget":[1,"blog-author-query-target"],"hasCountdown":[4,"has-countdown"],"logo":[1],"styles":[1],"defer":[4],"hasCtaSlot":[1028,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
+const PtcJumbotron = /*@__PURE__*/proxyCustomElement(PtcJumbotron$1, [1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"pngImgStyles":[1,"png-img-styles"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgVideoPosterSrc":[1,"bg-video-poster-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"isHomepage":[4,"is-homepage"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"buttonLocation":[1,"button-location"],"buttonTabIndex":[2,"button-tab-index"],"isTransitioning":[4,"is-transitioning"],"blogAuthorImage":[1,"blog-author-image"],"blogAuthorImageAlt":[1,"blog-author-image-alt"],"blogAuthorName":[1,"blog-author-name"],"blogAuthorQueryHref":[1,"blog-author-query-href"],"blogAuthorQueryTarget":[1,"blog-author-query-target"],"hasCountdown":[4,"has-countdown"],"logo":[1],"styles":[1],"enableLazy":[4,"enable-lazy"],"defer":[4],"hasCtaSlot":[1028,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
 const PtcLink = /*@__PURE__*/proxyCustomElement(PtcLink$1, [1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"seoCompatibilityMode":[4,"seo-compatibility-mode"],"styles":[1],"trackerId":[1,"tracker-id"],"tabNav":[2,"tab-nav"],"darkFocusState":[4,"dark-focus-state"]}]);
 const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
 const PtcMediaCard = /*@__PURE__*/proxyCustomElement(PtcMediaCard$1, [1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"activeBackgroundImageAlt":[1025,"active-background-image-alt"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"ariaLabel":[1,"aria-label"],"iconImage":[1025,"icon-image"],"iconImageAlt":[1025,"icon-image-alt"],"trackerId":[1,"tracker-id"],"isHovered":[32],"isTabNavigated":[32]}]);