@ptcwebops/ptcw-design 6.3.36 → 6.3.37-beta

package/dist/collection/stories/organisms/ptc/E Store Build Product/preview.stories.js

@@ -1,427 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/E Store Build Product'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<section>
-        <ptc-hero hero-type="jumbotron" class="ptc-jumbotron" bg-url="https://www.ptc.com/-/media/Images/new-org/1920x500/Digital-Manufacturing/Header-Increase-OEE-1920x500.jpg?h=500&w=1920&la=en&hash=EBD7026CF9A9186AFD98050BF2055750">
-            <div class="ptc-container">
-                <div class="is-grid product-banner">
-                    <div class="is-col-6">
-                        <span class="back-link">
-                            <ptc-previous-url href="www.ptc.com" text="Back to Listing" styles="a.back-to-videos {line-height: 16.22px}"></ptc-previous-url>
-                        </span>
-                    </div>
-                    <div class="is-col-6">
-                        <span class="shopping-cart">
-                            <ptc-shopping-cart cart-count="2"></ptc-shopping-cart>
-                        </span>
-                    </div>
-                </div>
-            </div>
-        </ptc-hero>
-        <div class="pricing-block">
-            <ptc-container elevation="x-large">
-                <ptc-pricing-tabs id="pricing-tabs" product-tag="Advanced Plug-In"
-                                tab-label="Pricing Options:" filter-tag="subscription"
-                                styles=".subscript-tab { font-size: 14px; } .year { font-size: 16px; }">
-                    <ptc-title slot="header" type='h1' text-align='left' title-height="densest" upperline="no-upperline" title-size="xxxx-large" title-margin="margin-flush"
-                    styles="div.gray.sc-ptc-title h1.sc-ptc-title { word-break: break-word; color: var(--color-gray-12); }">AutomationDirect DirectNet</ptc-title>
-                    <ptc-dropdown id="pricing-changer" theme="support" slot="attached">
-                        <item label="Subscription" value="subscription" selected></item>
-                        <item label="Perpetual" value="perpetual"></item>
-                    </ptc-dropdown>
-                    <pricing-tab header="1-500 Tags" product-label="$500&lt;span class=&quot;subscript-tab&quot;&gt;/yr&lt;/span&gt;" html="true" tag="subscription" active="true">
-
-                        <ptc-title type="h2" text-align="center" upperline="no-upperline" title-size="xxx-large" title-weight="w-8" styles="H2 { margin-top:0!important; margin-bottom:0; line-height: normal!important;}" class="sc-ptc-title-h sc-ptc-title-s hydrated"><style class="sc-ptc-title">H2 { margin-top:0!important; margin-bottom:0; line-height: normal!important;}</style><div class="center no-upperline is-standard w-8 xxx-large paragraph gray inline-block sc-ptc-title"><h2 class="sc-ptc-title sc-ptc-title-s">Manufacturing Suite</h2></div></ptc-title>
-                        <ptc-para font-size="xx-small" font-weight="w-6" para-margin="margin-2" para-style="main" para-line-h="line-height-denser" class="undefined hydrated">
-                            Get AutomationDirect K Sequence as a part of this suite.
-                        </ptc-para>
-                        <ptc-button type="link" color="ptc-quaternary" link-href="http://www-dev.ptc.com/en/store/kepware/suites/manufacturing-suite" target="_blank" class="hydrated">
-                            Learn More
-                        </ptc-button>
-                    </pricing-tab>
-                    <pricing-tab header="1-1000 Tags" product-label="$1000<span class='subscript-tab'>/yr</span>" html="true" tag="subscription">
-                        <ptc-para font-size="small" font-weight="w-5" para-margin="margin-flush" para-style="main">1-1000 Tags</ptc-para>
-                        <ptc-title type='h2' text-align='center' upperline="no-upperline" title-size="xxx-large" title-weight="w-8" styles="H2 { margin-top:0 !important}">$1,000<span class="year">/yr</span></ptc-title>
-                        <ptc-para font-size="xx-small" font-weight="w-6" para-margin="margin-2" para-style="main" para-line-h="line-height-denser">
-                            Pay an annual fee to use the software. Support & Maintenance is included.
-                        </ptc-para>
-                        
-                        <ptc-quantity-counter add-to-cart-label="Add to Cart" added-label="Added"></ptc-quantity-counter>
-                    </pricing-tab>
-                    <pricing-tab header="1-1500 Tags" product-label="$2,968/yr" html="true" tag="subscription" >
-                        <ptc-para font-size="small" font-weight="w-5" para-margin="margin-flush" para-style="main">1-1500 Tags</ptc-para>
-                        <ptc-title type='h2' text-align='center' upperline="no-upperline" title-size="xxx-large" title-weight="w-8" styles="H2 { margin-top:0 !important}">$2,968/yr</ptc-title>
-                        <ptc-para font-size="xx-small" font-weight="w-6" para-margin="margin-2" para-style="main" para-line-h="line-height-denser">
-                            Pay an annual fee to use the software. Support & Maintenance is included.
-                        </ptc-para>
-                        <ptc-tooltip mode="wrapper" max-length="160" z-index="z-2" position="bottom" theme="danger" description=""
-                                     styles=".tooltip.bottom.danger { transform: translateY(100%) translateX(-25%)!important; } ">
-                            <p style="width: 253px; margin: 0; padding-bottom: 1rem;" slot="description">Your cart cannot contain both a Subscription and a Perpetual product.</p>
-                            <p style="width: 253px; margin: 0;" slot="description">Please <a href="#">modify your cart</a> to add this license type.</p>
-                            <div>
-                                <ptc-button type="button" disabled color="ptc-quaternary" >
-                                    Add to Cart
-                                </ptc-button>
-                            </div>
-                        </ptc-tooltip>
-                    </pricing-tab>
-                    <pricing-tab header="1-800 Tags" product-label="$250" html="true" tag="perpetual">
-                        <ptc-para font-size="small" font-weight="w-5" para-margin="margin-flush" para-style="main">1-800 Tags</ptc-para>
-                        <ptc-title type='h2' text-align='center' upperline="no-upperline" title-size="xxx-large" title-weight="w-8" styles="H2 { margin-top:0 !important}">$250</ptc-title>
-                        <ptc-para font-size="xx-small" font-weight="w-6" para-margin="margin-2" para-style="main" para-line-h="line-height-denser">
-                            Pay an annual fee to use the software. Support & Maintenance is included.
-                        </ptc-para>
-                        <ptc-button type="button" color="ptc-quaternary" >
-                            Add to Cart
-                        </ptc-button>
-                    </pricing-tab>
-                    <pricing-tab header="1-600 Tags" product-label="$1,650" html="true" tag="perpetual">
-                        <ptc-para font-size="small" font-weight="w-5" para-margin="margin-flush" para-style="main">1-600 Tags</ptc-para>
-                        <ptc-title type='h2' text-align='center' upperline="no-upperline" title-size="xxx-large" title-weight="w-8" styles="H2 { margin-top:0 !important}">$1,675</ptc-title>
-                        <ptc-para font-size="xx-small" font-weight="w-6" para-margin="margin-2" para-style="main" para-line-h="line-height-denser">
-                            Pay an annual fee to use the software. Support & Maintenance is included.
-                        </ptc-para>
-                        <ptc-button type="button" color="ptc-quaternary" >
-                            Add to Cart
-                        </ptc-button>
-                    </pricing-tab>
-                </ptc-pricing-tabs>
-            </ptc-container>
-            <ptc-spacer size="xx-large"></ptc-spacer>
-            <ptc-spacer size="xx-large"></ptc-spacer>
-            <ptc-spacer size="xx-large"></ptc-spacer>
-            <ptc-spacer size="xx-large"></ptc-spacer>
-        </div>
-
-        <ptc-container spacing="large">
-            <div class="is-grid">
-                <div class="is-col-12">
-                    <ptc-tab-list id="tab-content">
-                        <tab-header slot="header" name="tab1"
-                        tab-header-text="Overview"></tab-header>
-                        <tab-header slot="header" name="tab2" tooltip="New Features"
-                        tab-header-text="New Features"></tab-header>
-                        <tab-header slot="header" name="tab3" tooltip="Included With Your Subscription"
-                        tab-header-text="Included With Your Subscription"></tab-header>
-                        <tab-header slot="header" name="tab4" tooltip="PTC Global Support Information"
-                        tab-header-text="PTC Global Support Information"></tab-header>
-                        <tab-header slot="header" name="tab5" tooltip="Engineering Solutions"
-                        tab-header-text="Engineering Solutions"></tab-header>
-                        <tab-header slot="header" name="tab6" tooltip="Technical Requirements"
-                        tab-header-text="Technical Requirements"></tab-header>
-                        <tab-header slot="header" name="tab7" tooltip="Inputs/Outputs"
-                        tab-header-text="Inputs/Outputs"></tab-header>
-                        <tab-header slot="header" name="tab8" tooltip="Whitepapers"
-                        tab-header-text="Whitepapers"></tab-header>
-
-                        <tab-content slot="content" name="tab1">
-                            <h3>Fast and Easy Visual Collaboration Throughout the Product Lifecycle</h3>
-                            <p>
-                                PTC Mathcad Prime is purpose-built software for engineering math. Engineering calculations are too important and complex to entrust to a spreadsheet. That’s why engineers choose PTC Mathcad Prime as their calculation tool.
-                            </p>
-
-                            <p>
-                                PTC Mathcad allows you to solve, analyze, and share your most vital engineering calculations. The live mathematical notation, units intelligence, and powerful calculation capabilities, presented within an easy-to-use interface, allow engineers and design teams to capture and communicate their design and engineering knowledge.
-                            </p>
-
-                            <p>
-                                And those outside of engineering will appreciate that interactive calculations, graphs, and images fit in one worksheet that everybody is able to read.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab2">
-                            <h3>Title 2</h3>
-                            <p>
-                                PTC Mathcad Prime is the industry standard for engineering mathematics software, enabling you to solve your most complex problems, and share your engineering calculations. And with PTC Mathcad Prime 8, engineering calculations just got better. This release introduces key application, symbolic engine, numeric engine, and usability enhancements.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab3">
-                            <h3>Title 3</h3>
-                            <p>
-                                PTC's smart subscription choices allow you to gain access to industry-leading software and support without the significant upfront cost of a perpetual software license.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab4">
-                            <h3>Title 4</h3>
-                            <p>
-                                PTC offers a variety of support options, from the Gold support package to Platinum Plus, including our new product, Smart Connected Support.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab5">
-                            <h3>Title 5</h3>
-                            <p>
-                                PTC offers a variety of support options, from the Gold support package to Platinum Plus, including our new product, Smart Connected Support.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab6">
-                            <h3>Title 6</h3>
-                            <p>
-                                PTC offers a variety of support options, from the Gold support package to Platinum Plus, including our new product, Smart Connected Support.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab7">
-                            <h3>Title 7</h3>
-                            <p>
-                                PTC offers a variety of support options, from the Gold support package to Platinum Plus, including our new product, Smart Connected Support.
-                            </p>
-                        </tab-content>
-
-                        <tab-content slot="content" name="tab8">
-                            <h3>Title 8</h3>
-                            <p>
-                                PTC offers a variety of support options, from the Gold support package to Platinum Plus, including our new product, Smart Connected Support.
-                            </p>
-                        </tab-content>
-                    </ptc-tab-list>
-                </div>
-            </div>
-        </ptc-container>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-
-        <div class="ptc-container">
-            <div class="is-grid grid-large-col-gap-sm">
-                <div class="is-col-12 is-col-6-md">
-                    <ptc-container container-type="none">
-                        <h4 class="u-marginTop-flush">KepserverEX Demo Download</h4>
-                        <ptc-para font-size="small" font-weight="w-5" para-margin="margin-5" para-style="main">
-                            Try KEPServerEX for free today and explore the opportunities of truly scalable industrial connectivity.
-                        </ptc-para>
-                        <ptc-button type="link" color="ptc-quaternary" >
-                            Try for Free
-                        </ptc-button>
-                    </ptc-container>
-                </div>
-                <div class="is-col-12 is-col-6-md">
-                    <ptc-container container-type="none">
-                        <h4 class="u-marginTop-flush">Featured Video</h4>
-                        <div class="video-preview">
-                            <ptc-card-content id="video-thumb" class="thumb" card-type="thumbnail-video-preview">
-                                <ptc-picture alt="image-test" src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"></ptc-picture>
-                            </ptc-card-content>
-                            <ptc-para font-size="small" font-weight="w-5" para-margin="margin-flush" para-style="main">
-                                Three Ways Enterprise Connectivity Builds a Foundation for Digital Transformation
-                            </ptc-para>
-                        </div>
-                    </ptc-container>
-                </div>
-            </div>
-        </div>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-        <ptc-spacer size="xx-large"></ptc-spacer>
-    </section>
-    <ptc-modal id="modal-example" show="false" size="xl" fixed border-radius="standard">
-        <div class="is-grid has-col has-col-gap-lg has-row-gap-md has-m has-p has-col-gap-lg">
-            <div class="is-col-12 grid-order-1-md">
-                <div style="position: relative;">
-                    <div style="padding-top: 56.25%;">
-                        <video-js id="bcPlayer"
-                                data-account="1532789042001"
-                                data-player="dNyUv9zZ6"
-                                data-embed="default"
-                                data-video-id="6307196876112"
-                                controls=""
-                                data-application-id=""
-                                class="vjs-fill"
-                                style="top:0; position:absolute;">
-                        </video-js>
-                    </div>
-                    <script src="//players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js"></script>
-                </div>
-            </div>
-        </div>
-    </ptc-modal>
-    <style>
-        .video-preview {
-            display: block;
-            margin-bottom: 1rem;
-        }
-
-        .video-preview .thumb {
-            width: 167px;
-            min-height: 94px;
-            margin: var(--ptc-element-spacing-03) var(--ptc-element-spacing-05) var(--ptc-element-spacing-03) 0;
-        }
-
-        .video-preview ptc-para {
-            flex: 1;
-        }
-
-        @media only screen and (min-width: 1200px) {
-            .video-preview {
-                display: flex;
-            }
-
-            .video-preview .thumb {
-                width: 207px;
-            }
-        }
-
-        .product-detail-header ptc-container {
-            padding: 30px;
-        }
-
-        .product-image-header {
-            background-image: url(https://www.ptc.com/-/media/Images/new-org/1920x500/Digital-Manufacturing/Header-Increase-OEE-1920x500.jpg?h=500&w=1920&la=en&hash=EBD7026CF9A9186AFD98050BF2055750);
-            height: 300px;
-        }
-
-        .product-detail-header {
-            margin-top: -300px;
-        }
-
-        .commerce-top-nar .right {
-            float: right;
-        }
-
-        .commerce-top-nar .left {
-            float: left;
-        }
-
-        .panel-right {
-            text-align: center;
-            background: #FFFFFF;
-            border: 1px solid #E4E7E9;
-            border-radius: 4px;
-            padding: 32px 50px;
-            min-height: 267px;
-            display: flex;
-            align-content: center;
-            align-items: center;
-        }
-
-        .panel-content {
-            display: block;
-        }
-
-        .shopping-cart {
-            float: right;
-            margin: 16px;
-        }
-
-        .back-link {
-            float: left;
-            text-decoration: none;
-            color: #FFF;
-        }
-
-        .commerce-top-bar-container {
-            max-width: 1200px;
-            margin-right: auto;
-            margin-left: auto;
-            padding-top: 20px;
-        }
-
-        .product-banner {
-            min-height: 262px;
-        }
-
-        .pricing-block {
-            margin: auto;
-            max-width: 844px;
-            margin-top: -150px;
-            position: relative;
-            z-index: 100;
-        }
-
-        @media only screen and (max-width: 767px) {
-            .mobile-pblock {
-                display: block;
-            }
-
-            .desktop-pblock {
-                display: none;
-            }
-
-            .panel-right {
-                padding: 32px;
-            }
-        }
-
-        @media only screen and (min-width: 768px) {
-            .mobile-pblock {
-                display: none;
-            }
-
-            .desktop-pblock {
-                display: block;
-            }
-            .panel-right {
-                padding: 32px 50px;
-            }
-        }
-    </style>
-    <script>
-        let videoBtn = document.querySelector('#video-thumb');
-        let modal = document.querySelector('#modal-example');
-        let tabs = document.querySelector('#pricing-tabs');
-        let tabContent = document.querySelector('#tab-content');
-        let ddl = document.querySelector('#pricing-changer');
-
-        if(videoBtn && modal) {
-            videoBtn.addEventListener('click', function() {
-                modal.show = true;
-            });
-
-            videojs.getPlayer('bcPlayer').ready(function () {
-                var bcPlayer = this;
-                modal.addEventListener('closed', function() {
-                    bcPlayer.pause();
-                });
-            });
-        }
-
-        if(tabs) {
-            tabs.addEventListener('tabChanged', function(e) {
-                //console.log(e);
-            });
-            tabs.addEventListener('update', function(e) {
-                var buttons = e.detail.element.querySelectorAll('ptc-button');
-                buttons.forEach(button => {
-                    if(!button.classList.contains('bound')) {
-                        button.addEventListener('click', () => {
-                            if(!button.disabled) {
-                                alert('add to cart');
-                            }
-                        });
-
-                        button.classList.add('bound');
-                    }
-                });
-            });
-        }
-
-        if(tabContent) {
-            tabContent.addEventListener('tabChange', function(e) {
-                console.log(e.detail.value);
-            });
-        }
-
-        if(ddl) {
-            ddl.addEventListener('clickedItem', function(e) {
-                tabs.setAttribute('filter-tag', e.detail.value);
-            });
-        }
-
-    </script>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Eloqua Library Contact Info/preview.stories.js

@@ -1,168 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Eloqua Library Contact Info'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<div class="embedded-form-container">
-        <div id="contactinfo">
-            
-        </div>
-    </div>
-    <script type="text/javascript">
-        var _elqQ = _elqQ || [];
-        _elqQ.push(['elqSetSiteId', '2826']);
-        _elqQ.push(['elqTrackPageView']);//It's using third-party for testing purpose only
-        (function () {
-            function async_load() {
-                var s = document.createElement('script'); s.type = 'text/javascript'; s.async
-                    = true;
-                s.src = '//img.en25.com/i/elqCfg.min.js';
-                var x = document.getElementsByTagName('script')[0];
-                x.parentNode.insertBefore(s, x);
-            }
-            if (window.attachEvent) { window.attachEvent('onload', async_load); }
-            else { window.addEventListener('DOMContentLoaded', async_load, false); }
-        })();
-        function CreateRow(label, value) {
-            var p = document.createElement('p');
-            var b = document.createElement('b');
-            var label = document.createTextNode(label);
-            var value = document.createTextNode(value);
-            p.appendChild(b);
-            b.appendChild(label);
-            p.appendChild(value);
-            document.getElementById('contactinfo').appendChild(p);
-        }
-        function SetElqContent() {
-            if (this.GetElqContentPersonalizationValue) {
-                CreateRow('ContactIDExt: ', GetElqContentPersonalizationValue('ContactIDExt'));
-                CreateRow('Contact EmailAddress: ', GetElqContentPersonalizationValue('C_EmailAddress'));
-                CreateRow('EmailAddressDomain: ', GetElqContentPersonalizationValue('C_EmailAddressDomain'));
-                CreateRow('Salutation: ', GetElqContentPersonalizationValue('C_Salutation'));
-                CreateRow('FirstName: ', GetElqContentPersonalizationValue('C_FirstName'));
-                CreateRow('LastName: ', GetElqContentPersonalizationValue('C_LastName'));
-                CreateRow('Title: ', GetElqContentPersonalizationValue('C_Title'));
-                CreateRow('Job_Role1: ', GetElqContentPersonalizationValue('C_Job_Role1'));
-                CreateRow('Job_Function1: ', GetElqContentPersonalizationValue('C_Job_Function1'));
-                CreateRow('Company: ', GetElqContentPersonalizationValue('C_Company'));
-                CreateRow('BusPhone: ', GetElqContentPersonalizationValue('C_BusPhone'));
-                CreateRow('MobilePhone: ', GetElqContentPersonalizationValue('C_MobilePhone'));
-                CreateRow('Fax: ', GetElqContentPersonalizationValue('C_Fax'));
-                CreateRow('Department1: ', GetElqContentPersonalizationValue('C_Department1'));
-                CreateRow('Address1: ', GetElqContentPersonalizationValue('C_Address1'));
-                CreateRow('Address2: ', GetElqContentPersonalizationValue('C_Address2'));
-                CreateRow('Address3: ', GetElqContentPersonalizationValue('C_Address3'));
-                CreateRow('City: ', GetElqContentPersonalizationValue('C_City'));
-                CreateRow('State_Prov: ', GetElqContentPersonalizationValue('C_State_Prov'));
-                CreateRow('Zip_Postal: ', GetElqContentPersonalizationValue('C_Zip_Postal'));
-                CreateRow('Country: ', GetElqContentPersonalizationValue('C_Country'));
-                CreateRow('Region1: ', GetElqContentPersonalizationValue('C_Region1'));
-                CreateRow('Province1: ', GetElqContentPersonalizationValue('C_Province1'));
-                CreateRow('Target_Accounts1: ', GetElqContentPersonalizationValue('C_Target_Accounts1'));
-                CreateRow('Lead_Source___Original1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original1'));
-                CreateRow('Relationship_Type1: ', GetElqContentPersonalizationValue('C_Relationship_Type1'));
-                CreateRow('Account_Type1: ', GetElqContentPersonalizationValue('C_Account_Type1'));
-                CreateRow('Language_Preference1: ', GetElqContentPersonalizationValue('C_Language_Preference1'));
-                CreateRow('Annual_Revenue1: ', GetElqContentPersonalizationValue('C_Annual_Revenue1'));
-                CreateRow('Contact_Role1: ', GetElqContentPersonalizationValue('C_Contact_Role1'));
-                CreateRow('Contact_Status1: ', GetElqContentPersonalizationValue('C_Contact_Status1'));
-                CreateRow('Contact_Type1: ', GetElqContentPersonalizationValue('C_Contact_Type1'));
-                CreateRow('DateCreated: ', GetElqContentPersonalizationValue('C_DateCreated'));
-                CreateRow('DateModified: ', GetElqContentPersonalizationValue('C_DateModified'));
-                CreateRow('Industry1: ', GetElqContentPersonalizationValue('C_Industry1'));
-                CreateRow('Industry_Class11: ', GetElqContentPersonalizationValue('C_Industry_Class11'));
-                CreateRow('SFDCLastCampaignID: ', GetElqContentPersonalizationValue('C_SFDCLastCampaignID'));
-                CreateRow('Primary_Language1: ', GetElqContentPersonalizationValue('C_Primary_Language1'));
-                CreateRow('Product_Solution_of_Interest1: ', GetElqContentPersonalizationValue('C_Product_Solution_of_Interest1'));
-                CreateRow('Salesperson: ', GetElqContentPersonalizationValue('C_Salesperson'));
-                CreateRow('TS_Account_Name1: ', GetElqContentPersonalizationValue('C_TS_Account_Name1'));
-                CreateRow('Web_Account_Status1: ', GetElqContentPersonalizationValue('C_Web_Account_Status1'));
-                CreateRow('DB_Account_Status1: ', GetElqContentPersonalizationValue('C_DB_Account_Status1'));
-                CreateRow('DB_Audience1: ', GetElqContentPersonalizationValue('C_DB_Audience1'));
-                CreateRow('DB_Company_Phone1: ', GetElqContentPersonalizationValue('C_DB_Company_Phone1'));
-                CreateRow('DB_Country_Code1: ', GetElqContentPersonalizationValue('C_DB_Country_Code1'));
-                CreateRow('DB_Demandbase_ID1: ', GetElqContentPersonalizationValue('C_DB_Demandbase_ID1'));
-                CreateRow('DB_Employee_Band1: ', GetElqContentPersonalizationValue('C_DB_Employee_Band1'));
-                CreateRow('DB_Primary_SIC_Code1: ', GetElqContentPersonalizationValue('C_DB_Primary_SIC_Code1'));
-                CreateRow('DB_Revenue_Band1: ', GetElqContentPersonalizationValue('C_DB_Revenue_Band1'));
-                CreateRow('DB_Sub_Industry1: ', GetElqContentPersonalizationValue('C_DB_Sub_Industry1'));
-                CreateRow('LastModifiedByExtIntegrateSystem: ', GetElqContentPersonalizationValue('C_LastModifiedByExtIntegrateSystem'));
-                CreateRow('Last_SFDC_Campaign_ID___ALM1: ', GetElqContentPersonalizationValue('C_Last_SFDC_Campaign_ID___ALM1'));
-                CreateRow('Program___Training1: ', GetElqContentPersonalizationValue('C_Program___Training1'));
-                CreateRow('SFDC_LeadID___Training1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___Training1'));
-                CreateRow('Website1: ', GetElqContentPersonalizationValue('C_Website1'));
-                CreateRow('SFDCAccountID: ', GetElqContentPersonalizationValue('C_SFDCAccountID'));
-                CreateRow('SFDCContactID: ', GetElqContentPersonalizationValue('C_SFDCContactID'));
-                CreateRow('Industry_Class1: ', GetElqContentPersonalizationValue('M_Industry_Class1'));
-                CreateRow('Account_Name__Local_1: ', GetElqContentPersonalizationValue('M_Account_Name__Local_1'));
-                CreateRow('Created_Date1: ', GetElqContentPersonalizationValue('C_Created_Date1'));
-                CreateRow('SFDC_EmailOptOut1: ', GetElqContentPersonalizationValue('C_SFDC_EmailOptOut1'));
-                CreateRow('SFDC_FaxOptOut1: ', GetElqContentPersonalizationValue('C_SFDC_FaxOptOut1'));
-                CreateRow('SFDC_MailOptOut1: ', GetElqContentPersonalizationValue('C_SFDC_MailOptOut1'));
-                CreateRow('SFDC_PhoneOptOut1: ', GetElqContentPersonalizationValue('C_SFDC_PhoneOptOut1'));
-                CreateRow('SFDC_Record_Type1: ', GetElqContentPersonalizationValue('C_SFDC_Record_Type1'));
-                CreateRow('SFDCLeadID: ', GetElqContentPersonalizationValue('C_SFDCLeadID'));
-                CreateRow('Sales_Contact_Roles1: ', GetElqContentPersonalizationValue('C_Sales_Contact_Roles1'));
-                CreateRow('SFDC_Siebel_Contact_ID1: ', GetElqContentPersonalizationValue('C_SFDC_Siebel_Contact_ID1'));
-                CreateRow('SFDC_Sync_to_Eloqua1: ', GetElqContentPersonalizationValue('C_SFDC_Sync_to_Eloqua1'));
-                CreateRow('Lead_Source___Most_Recent___ALM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___ALM1'));
-                CreateRow('Lead_Source___Original___ALM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original___ALM1'));
-                CreateRow('Program___ALM1: ', GetElqContentPersonalizationValue('C_Program___ALM1'));
-                CreateRow('Lead_Status___ALM1: ', GetElqContentPersonalizationValue('C_Lead_Status___ALM1'));
-                CreateRow('SFDC_LeadID___ALM1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___ALM1'));
-                CreateRow('Contact_Me_Lead___CAD1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead___CAD1'));
-                CreateRow('Lead_Source___Most_Recent1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent1'));
-                CreateRow('Lead_Source___Original11: ', GetElqContentPersonalizationValue('C_Lead_Source___Original11'));
-                CreateRow('Program___Creo1: ', GetElqContentPersonalizationValue('C_Program___Creo1'));
-                CreateRow('Lead_Status___CAD1: ', GetElqContentPersonalizationValue('C_Lead_Status___CAD1'));
-                CreateRow('SFDC_LeadID___CAD1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___CAD1'));
-                CreateRow('Contact_Me_Lead___Mathcad1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead___Mathcad1'));
-                CreateRow('Lead_Source___Most_Recent___Mathcad1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___Mathcad1'));
-                CreateRow('Lead_Source___Original___Mathcad1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original___Mathcad1'));
-                CreateRow('Program___Mathcad1: ', GetElqContentPersonalizationValue('C_Program___Mathcad1'));
-                CreateRow('Lead_Status___Mathcad1: ', GetElqContentPersonalizationValue('C_Lead_Status___Mathcad1'));
-                CreateRow('SFDC_LeadID___Mathcad1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___Mathcad1'));
-                CreateRow('Contact_Me_Lead1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead1'));
-                CreateRow('Lead_Source___Most_Recent___PLM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___PLM1'));
-                CreateRow('Lead_Source___Original___PLM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original___PLM1'));
-                CreateRow('Lead_Status___PLM1: ', GetElqContentPersonalizationValue('C_Lead_Status___PLM1'));
-                CreateRow('SFDC_LeadID___PLM1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___PLM1'));
-                CreateRow('Program___PLM1: ', GetElqContentPersonalizationValue('C_Program___PLM1'));
-                CreateRow('Contact_Me_Lead___SCM1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead___SCM1'));
-                CreateRow('Lead_Source___Most_Recent___SCM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___SCM1'));
-                CreateRow('Lead_Source___Original___SCM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original___SCM1'));
-                CreateRow('Lead_Status___SCM1: ', GetElqContentPersonalizationValue('C_Lead_Status___SCM1'));
-                CreateRow('SFDC_LeadID___SCM1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___SCM1'));
-                CreateRow('Program___SCM1: ', GetElqContentPersonalizationValue('C_Program___SCM1'));
-                CreateRow('Contact_Me_Lead___SLM1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead___SLM1'));
-                CreateRow('Lead_Source___Most_Recent___SLM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___SLM1'));
-                CreateRow('Lead_Source___Original___SLM1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original___SLM1'));
-                CreateRow('Lead_Status___SLM1: ', GetElqContentPersonalizationValue('C_Lead_Status___SLM1'));
-                CreateRow('SFDC_LeadID___SLM1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___SLM1'));
-                CreateRow('Program___SLM1: ', GetElqContentPersonalizationValue('C_Program___SLM1'));
-                CreateRow('Contact_Me_Lead___IoT1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead___IoT1'));
-                CreateRow('Lead_Source___Most_Recent___IoT1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___IoT1'));
-                CreateRow('Lead_Source___Original___IoT1: ', GetElqContentPersonalizationValue('C_Lead_Source___Original___IoT1'));
-                CreateRow('Lead_Status___IoT1: ', GetElqContentPersonalizationValue('C_Lead_Status___IoT1'));
-                CreateRow('SFDC_LeadID___IoT1: ', GetElqContentPersonalizationValue('C_SFDC_LeadID___IoT1'));
-                CreateRow('Program___IoT1: ', GetElqContentPersonalizationValue('C_Program___IoT1'));
-                CreateRow('Contact_Me_Lead___Training1: ', GetElqContentPersonalizationValue('C_Contact_Me_Lead___Training1'));
-                CreateRow('Lead_Source___Most_Recent___Training1: ', GetElqContentPersonalizationValue('C_Lead_Source___Most_Recent___Training1'));
-                CreateRow('Industry_Class12: ', GetElqContentPersonalizationValue('C_Industry_Class12'));
-            } else {
-                CreateRow('Personalization functions not found', '');
-            }
-        }
-        _elqQ.push(['elqDataLookup', escape
-            ('4da0a50be2db4a56a1a59d4bea5e0ea6'), '<C_EmailAddress>yqian@ptc.com</C_EmailAddress>']);
-    </script>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();