@ptcwebops/ptcw-design 2.8.4 → 2.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/embedded-form.cjs.entry.js +340 -0
- package/dist/cjs/footer-form.cjs.entry.js +14 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-link.cjs.entry.js +11 -15
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +6 -19
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/icon-asset/media/designer.svg +2 -2
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +24 -1
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.css +0 -4
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +14 -1
- package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.css +144 -143
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css +1 -1
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +6 -18
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +12 -16
- package/dist/collection/utils/eloqua-tracking.js +42 -0
- package/dist/collection/utils/elq-lib.js +319 -0
- package/dist/custom-elements/index.js +376 -40
- package/dist/esm/embedded-form.entry.js +340 -0
- package/dist/esm/footer-form.entry.js +14 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +11 -15
- package/dist/esm/ptc-pricing-packaging-table.entry.js +6 -19
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/media/designer.svg +2 -2
- package/dist/ptcw-design/p-270e5fdf.entry.js +1 -0
- package/dist/ptcw-design/p-61e48f01.entry.js +1 -0
- package/dist/ptcw-design/{p-048f176c.entry.js → p-e54c51b3.entry.js} +1 -1
- package/dist/ptcw-design/p-ed2cc9da.entry.js +1 -0
- package/dist/ptcw-design/p-efdf34c5.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +4 -0
- package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +1 -1
- package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +12 -12
- package/dist/types/utils/eloqua-tracking.d.ts +36 -0
- package/dist/types/utils/eloqua.d.ts +8 -0
- package/dist/types/utils/elq-lib.d.ts +49 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-28f642a0.entry.js +0 -1
- package/dist/ptcw-design/p-49d39b5f.entry.js +0 -1
- package/dist/ptcw-design/p-6d1fc569.entry.js +0 -1
- package/dist/ptcw-design/p-b2977996.entry.js +0 -1
|
@@ -379,6 +379,325 @@ const DynamicBoxBundle$1 = class extends HTMLElement$1 {
|
|
|
379
379
|
static get style() { return dynamicBoxBundleCss; }
|
|
380
380
|
};
|
|
381
381
|
|
|
382
|
+
// Define the ElqLib class
|
|
383
|
+
class ElqLib {
|
|
384
|
+
constructor(params) {
|
|
385
|
+
this.params = params;
|
|
386
|
+
this.url_vars = {};
|
|
387
|
+
this.visitor_elq_id = null;
|
|
388
|
+
this.field_mappings = [];
|
|
389
|
+
this.callback_queue = [];
|
|
390
|
+
//private fields_populated: boolean = false;
|
|
391
|
+
this.user_elq_email = '';
|
|
392
|
+
this.user_elq_firstname = '';
|
|
393
|
+
this.user_elq_lastname = '';
|
|
394
|
+
// Merge defaults with params
|
|
395
|
+
const defaults = {
|
|
396
|
+
elq_site_id: '',
|
|
397
|
+
elq_visitor_lookup_key: '',
|
|
398
|
+
elq_recipient_id_lookup_key: '',
|
|
399
|
+
elq_contact_lookup_key: '',
|
|
400
|
+
elq_field_email_rec_id: 'V_EmailRecipientID',
|
|
401
|
+
elq_field_contact_email: 'C_EmailAddress',
|
|
402
|
+
elq_field_visitor_email: 'V_Email_Address',
|
|
403
|
+
elq_field_visitor_firstname: 'V_First_Name',
|
|
404
|
+
elq_field_visitor_lastname: 'V_Last_Name',
|
|
405
|
+
notme_link_id: null,
|
|
406
|
+
notme_fields_class: null,
|
|
407
|
+
notme_message: 'Not {name}? Click here.',
|
|
408
|
+
notme_message_noname: 'Not your details below? Click here.',
|
|
409
|
+
};
|
|
410
|
+
this.params = Object.assign(Object.assign({}, defaults), this.params);
|
|
411
|
+
this.init();
|
|
412
|
+
}
|
|
413
|
+
init() {
|
|
414
|
+
// Merge defaults with user-provided params if not already done in the constructor
|
|
415
|
+
// ...
|
|
416
|
+
// Set Eloqua site ID
|
|
417
|
+
this.setEloquaSiteId();
|
|
418
|
+
// Load Eloqua scripts
|
|
419
|
+
this.async_load();
|
|
420
|
+
// Store URL variables
|
|
421
|
+
this.store_url_vars();
|
|
422
|
+
// Store visitor's Eloqua IDgit
|
|
423
|
+
this.store_visitor_elq_id();
|
|
424
|
+
// Set the global Eloqua callback function
|
|
425
|
+
window.SetElqContent = this.eloqua_callback.bind(this);
|
|
426
|
+
}
|
|
427
|
+
setEloquaSiteId() {
|
|
428
|
+
if (this.params.elq_site_id) {
|
|
429
|
+
ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
fire_pageview(url) {
|
|
433
|
+
try {
|
|
434
|
+
if (typeof url === 'undefined') {
|
|
435
|
+
ElqLib._elqQ.push(['elqTrackPageView']);
|
|
436
|
+
}
|
|
437
|
+
else {
|
|
438
|
+
ElqLib._elqQ.push(['elqTrackPageView', url]);
|
|
439
|
+
}
|
|
440
|
+
console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
|
|
441
|
+
}
|
|
442
|
+
catch (e) {
|
|
443
|
+
console.log('TRACKING: Could not fire Eloqua pageview: ', e);
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
find_eloqua_contact() {
|
|
447
|
+
console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
|
|
448
|
+
// Queue callback action for the return of lookup
|
|
449
|
+
this.callback_queue.push(this.handle_visitor_lookup.bind(this));
|
|
450
|
+
// Start with a recipient lookup if ID was supplied in URL
|
|
451
|
+
if (this.visitor_elq_id !== null) {
|
|
452
|
+
this.lookup_visitor_by_recipient_id();
|
|
453
|
+
}
|
|
454
|
+
else {
|
|
455
|
+
// If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
|
|
456
|
+
this.lookup_visitor_by_cookie();
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
|
+
add_field_mapping(mapping) {
|
|
460
|
+
this.field_mappings.push(mapping);
|
|
461
|
+
}
|
|
462
|
+
add_queue_action(action) {
|
|
463
|
+
this.callback_queue.push(action);
|
|
464
|
+
}
|
|
465
|
+
store_url_vars() {
|
|
466
|
+
// Clear the current url_vars
|
|
467
|
+
this.url_vars = {};
|
|
468
|
+
// Split the URL by the '?' to get the query string part
|
|
469
|
+
const queryString = window.location.search.substring(1);
|
|
470
|
+
// Split the query string by '&' to get each key-value pair
|
|
471
|
+
queryString.split('&').forEach(paramString => {
|
|
472
|
+
// Split the key-value pairs by '=' to separate keys and values
|
|
473
|
+
let [key, value] = paramString.split('=');
|
|
474
|
+
// Decode URI components to handle URL encoding
|
|
475
|
+
key = decodeURIComponent(key);
|
|
476
|
+
value = decodeURIComponent(value);
|
|
477
|
+
// Store the key-value pair in the url_vars object
|
|
478
|
+
this.url_vars[key] = value;
|
|
479
|
+
});
|
|
480
|
+
// Optionally, log the stored URL variables
|
|
481
|
+
console.log('URL variables stored:', this.url_vars);
|
|
482
|
+
}
|
|
483
|
+
store_visitor_elq_id() {
|
|
484
|
+
console.log("INIT: Looking for visitor's Eloqua ID in URL...");
|
|
485
|
+
const elqIdParam = this.url_vars['elq'];
|
|
486
|
+
if (elqIdParam) {
|
|
487
|
+
const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
|
|
488
|
+
this.visitor_elq_id = elqId;
|
|
489
|
+
console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
|
|
490
|
+
}
|
|
491
|
+
else {
|
|
492
|
+
this.visitor_elq_id = null;
|
|
493
|
+
console.log('INIT: ...no visitor Eloqua ID found in URL');
|
|
494
|
+
}
|
|
495
|
+
}
|
|
496
|
+
// private merge(root: any, ...sources: any[]): any {
|
|
497
|
+
// sources.forEach(source => {
|
|
498
|
+
// for (const key in source) {
|
|
499
|
+
// if (source.hasOwnProperty(key)) {
|
|
500
|
+
// root[key] = source[key];
|
|
501
|
+
// }
|
|
502
|
+
// }
|
|
503
|
+
// });
|
|
504
|
+
// return root;
|
|
505
|
+
// }
|
|
506
|
+
eloqua_callback() {
|
|
507
|
+
console.log('LOOKUP: Eloqua lookup finished');
|
|
508
|
+
// Process each action in the callback queue
|
|
509
|
+
let actionSucceeded = true;
|
|
510
|
+
while (actionSucceeded && this.callback_queue.length > 0) {
|
|
511
|
+
const action = this.callback_queue.shift();
|
|
512
|
+
if (action) {
|
|
513
|
+
console.log(`QUEUE: Executing action`);
|
|
514
|
+
actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
|
|
515
|
+
if (actionSucceeded) {
|
|
516
|
+
console.log('QUEUE: Action executed successfully, removed from queue');
|
|
517
|
+
}
|
|
518
|
+
else {
|
|
519
|
+
console.log('QUEUE: Action failed, re-adding to queue');
|
|
520
|
+
this.callback_queue.unshift(action); // Re-add the action to the front of the queue
|
|
521
|
+
break; // Break out of the loop if an action fails
|
|
522
|
+
}
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
// After processing the queue, you might want to update user details or perform other operations
|
|
526
|
+
if (actionSucceeded) {
|
|
527
|
+
this.update_user_details();
|
|
528
|
+
}
|
|
529
|
+
//this.populate_mapped_fields();
|
|
530
|
+
// ...additional code to handle the aftermath of callback processing...
|
|
531
|
+
}
|
|
532
|
+
lookup_visitor_by_cookie() {
|
|
533
|
+
if (this.params.elq_visitor_lookup_key != '') {
|
|
534
|
+
ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
|
|
535
|
+
console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
|
|
536
|
+
}
|
|
537
|
+
else {
|
|
538
|
+
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
539
|
+
}
|
|
540
|
+
}
|
|
541
|
+
lookup_visitor_by_recipient_id() {
|
|
542
|
+
if (this.params.elq_recipient_id_lookup_key != '') {
|
|
543
|
+
ElqLib._elqQ.push([
|
|
544
|
+
'elqDataLookup',
|
|
545
|
+
escape(this.params.elq_recipient_id_lookup_key),
|
|
546
|
+
'<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
|
|
547
|
+
]);
|
|
548
|
+
console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
|
|
549
|
+
}
|
|
550
|
+
else {
|
|
551
|
+
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
lookup_contact_by_email() {
|
|
555
|
+
if (this.params.elq_contact_lookup_key != '') {
|
|
556
|
+
ElqLib._elqQ.push([
|
|
557
|
+
'elqDataLookup',
|
|
558
|
+
escape(this.params.elq_contact_lookup_key),
|
|
559
|
+
'<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
|
|
560
|
+
]);
|
|
561
|
+
console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
|
|
562
|
+
}
|
|
563
|
+
else {
|
|
564
|
+
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
565
|
+
}
|
|
566
|
+
}
|
|
567
|
+
handle_visitor_lookup() {
|
|
568
|
+
const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
|
|
569
|
+
if (email) {
|
|
570
|
+
console.log(`LOOKUP: Found visitor email address: ${email}`);
|
|
571
|
+
this.user_elq_email = email.trim();
|
|
572
|
+
this.lookup_contact_by_email();
|
|
573
|
+
this.callback_queue.push(this.handle_contact_lookup.bind(this));
|
|
574
|
+
return true;
|
|
575
|
+
}
|
|
576
|
+
else {
|
|
577
|
+
return false;
|
|
578
|
+
}
|
|
579
|
+
}
|
|
580
|
+
handle_contact_lookup() {
|
|
581
|
+
if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
|
|
582
|
+
console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
|
|
583
|
+
return true;
|
|
584
|
+
}
|
|
585
|
+
else {
|
|
586
|
+
return false;
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
// private populate_mapped_fields(): void {
|
|
590
|
+
// console.log("MAPPING: Starting field mapping");
|
|
591
|
+
// // Loop through all mappings
|
|
592
|
+
// for (mapping_set in field_mappings) {
|
|
593
|
+
// for (mapping_element in field_mappings[mapping_set]) {
|
|
594
|
+
// var mapping_elq_field = field_mappings[mapping_set][mapping_element];
|
|
595
|
+
// var element = document.getElementById(mapping_element);
|
|
596
|
+
// var field_value = GetElqContentPersonalizationValue(mapping_elq_field);
|
|
597
|
+
// // Check that field exists
|
|
598
|
+
// if (element == null) {
|
|
599
|
+
// log("MAPPING: Could not populate element '" + mapping_element + "' as it does not exist");
|
|
600
|
+
// }
|
|
601
|
+
// else if (element.value != '') {
|
|
602
|
+
// log("MAPPING: Could not populate element '" + mapping_element + "' as it already contained a value");
|
|
603
|
+
// }
|
|
604
|
+
// else if (field_value == '') {
|
|
605
|
+
// log("MAPPING: Could not populate element '" + mapping_element + "' as the Eloqua field '" + mapping_elq_field + "' contained no data");
|
|
606
|
+
// }
|
|
607
|
+
// else {
|
|
608
|
+
// fields_populated = true;
|
|
609
|
+
// element.value = field_value;
|
|
610
|
+
// log("MAPPING: Mapped element '" + mapping_element + "' with Eloqua field '" + mapping_elq_field + "'");
|
|
611
|
+
// }
|
|
612
|
+
// }
|
|
613
|
+
// }
|
|
614
|
+
// console.log("MAPPING: Finished field mapping");
|
|
615
|
+
// // Update notme link
|
|
616
|
+
// //update_notme_link ();
|
|
617
|
+
// }
|
|
618
|
+
update_user_details() {
|
|
619
|
+
if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
|
|
620
|
+
this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
|
|
621
|
+
}
|
|
622
|
+
if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
|
|
623
|
+
this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
|
|
624
|
+
}
|
|
625
|
+
if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
|
|
626
|
+
this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
|
|
627
|
+
}
|
|
628
|
+
}
|
|
629
|
+
// private update_notme_link(): void {
|
|
630
|
+
// // Get link element
|
|
631
|
+
// var notme_link_element = $('#' + this.params.notme_link_id);
|
|
632
|
+
// // Get Eloqua vars
|
|
633
|
+
// var first_name = this.user_elq_firstname;
|
|
634
|
+
// var last_name = this.user_elq_lastname;
|
|
635
|
+
// var email = this.user_elq_email;
|
|
636
|
+
// // Check if we have both first name and last name
|
|
637
|
+
// if (first_name != '' && last_name !='') {
|
|
638
|
+
// name = first_name + ' ' + last_name;
|
|
639
|
+
// display_link = true;
|
|
640
|
+
// }
|
|
641
|
+
// // Check if we have first name
|
|
642
|
+
// else if (first_name != '') {
|
|
643
|
+
// name = first_name;
|
|
644
|
+
// }
|
|
645
|
+
// // Other use a generic message
|
|
646
|
+
// else {
|
|
647
|
+
// name = '';
|
|
648
|
+
// }
|
|
649
|
+
// // Check if some fields have been populated
|
|
650
|
+
// if (this.fields_populated && this.params.notme_link_id != null && this.params.notme_fields_class != null) {
|
|
651
|
+
// if (name != '') {
|
|
652
|
+
// var message = this.params.notme_message.replace("{name}", name);
|
|
653
|
+
// }
|
|
654
|
+
// else {
|
|
655
|
+
// var message = this.params.notme_message_noname;
|
|
656
|
+
// }
|
|
657
|
+
// console.log("MAPPING: Updating not me link");
|
|
658
|
+
// notme_link_element.find('*').remove();
|
|
659
|
+
// var link = $('<a href="">' + message + '</a>').appendTo(notme_link_element).click(this.remove_user_details);
|
|
660
|
+
// }
|
|
661
|
+
// }
|
|
662
|
+
// private remove_user_details(): void {
|
|
663
|
+
// this.user_elq_email = '';
|
|
664
|
+
// this.user_elq_firstname = '';
|
|
665
|
+
// this.user_elq_lastname = '';
|
|
666
|
+
// $('.' + this.params.notme_fields_class).val('');
|
|
667
|
+
// $('#' + this.params.notme_link_id)
|
|
668
|
+
// .find('a')
|
|
669
|
+
// .remove();
|
|
670
|
+
// //Flush out old user cookie
|
|
671
|
+
// ElqLib._elqQ.push(['elqVisitorGuid', ' ']);
|
|
672
|
+
// ElqLib._elqQ.push(['elqTrackPageView']);
|
|
673
|
+
// //return false;
|
|
674
|
+
// }
|
|
675
|
+
// Private Method to load Eloqua Scripts
|
|
676
|
+
async_load() {
|
|
677
|
+
const scriptUrl = 'http://img.en25.com/i/elqCfg.min.js';
|
|
678
|
+
const scriptElement = document.createElement('script');
|
|
679
|
+
scriptElement.type = 'text/javascript';
|
|
680
|
+
scriptElement.async = true;
|
|
681
|
+
scriptElement.src = scriptUrl;
|
|
682
|
+
// Error handling for script loading
|
|
683
|
+
scriptElement.onerror = errorEvent => {
|
|
684
|
+
console.log(`Error loading script: ${errorEvent}`);
|
|
685
|
+
};
|
|
686
|
+
// Append the script element to the head of the document, or before the first script tag found
|
|
687
|
+
const firstScriptTag = document.getElementsByTagName('script')[0];
|
|
688
|
+
if (firstScriptTag && firstScriptTag.parentNode) {
|
|
689
|
+
firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
|
|
690
|
+
}
|
|
691
|
+
else {
|
|
692
|
+
document.head.appendChild(scriptElement);
|
|
693
|
+
}
|
|
694
|
+
console.log(`Async loading of script ${scriptUrl} initiated.`);
|
|
695
|
+
}
|
|
696
|
+
}
|
|
697
|
+
ElqLib._elqQ = [];
|
|
698
|
+
// Static member initialization
|
|
699
|
+
//ElqLib._elqQ = window['_elqQ'] || [];
|
|
700
|
+
|
|
382
701
|
const embeddedFormCss = ":host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}";
|
|
383
702
|
|
|
384
703
|
const EmbeddedForm$1 = class extends HTMLElement$1 {
|
|
@@ -396,6 +715,27 @@ const EmbeddedForm$1 = class extends HTMLElement$1 {
|
|
|
396
715
|
howhearselfreport: '',
|
|
397
716
|
policyChecked: false,
|
|
398
717
|
};
|
|
718
|
+
this.elqLib = undefined;
|
|
719
|
+
}
|
|
720
|
+
componentWillLoad() {
|
|
721
|
+
this.initializeElqLib();
|
|
722
|
+
}
|
|
723
|
+
initializeElqLib() {
|
|
724
|
+
this.elqLib = new ElqLib({
|
|
725
|
+
elq_site_id: '2826',
|
|
726
|
+
elq_visitor_lookup_key: 'bf7df9f5b15c4b47b3c75e50c902bd53',
|
|
727
|
+
elq_recipient_id_lookup_key: '4da0a50be2db4a56a1a59d4bea5e0ea6',
|
|
728
|
+
elq_contact_lookup_key: '4da0a50be2db4a56a1a59d4bea5e0ea6',
|
|
729
|
+
elq_field_email_rec_id: 'V_EmailRecipientID',
|
|
730
|
+
elq_field_contact_email: 'C_EmailAddress',
|
|
731
|
+
elq_field_visitor_email: 'V_Email_Address',
|
|
732
|
+
elq_field_visitor_firstname: 'V_First_Name',
|
|
733
|
+
elq_field_visitor_lastname: 'V_Last_Name',
|
|
734
|
+
notme_link_id: null,
|
|
735
|
+
notme_fields_class: null,
|
|
736
|
+
notme_message: 'Not {name}? Click here.',
|
|
737
|
+
notme_message_noname: 'Not your details below? Click here.',
|
|
738
|
+
});
|
|
399
739
|
}
|
|
400
740
|
componentDidLoad() {
|
|
401
741
|
this.formButton = this.el.querySelector('.form-submit');
|
|
@@ -622,22 +962,31 @@ const FlTabImage$1 = class extends HTMLElement$1 {
|
|
|
622
962
|
static get style() { return flTabImageCss; }
|
|
623
963
|
};
|
|
624
964
|
|
|
625
|
-
const footerFormCss = ":host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}
|
|
965
|
+
const footerFormCss = ":host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}";
|
|
626
966
|
|
|
627
967
|
const FooterForm$1 = class extends HTMLElement$1 {
|
|
628
968
|
constructor() {
|
|
629
969
|
super();
|
|
630
970
|
this.__registerHost();
|
|
971
|
+
this.__attachShadow();
|
|
631
972
|
this.formData = {
|
|
632
973
|
email: '',
|
|
633
974
|
policyChecked: false,
|
|
634
975
|
};
|
|
635
976
|
}
|
|
977
|
+
// private firstNameEle: HTMLPtcTextfieldElement;
|
|
978
|
+
// private lastNameEle: HTMLPtcTextfieldElement;
|
|
979
|
+
// private companyEle: HTMLPtcTextfieldElement;
|
|
980
|
+
// private phoneEle: HTMLPtcTextfieldElement;
|
|
636
981
|
componentDidLoad() {
|
|
637
982
|
this.formButton = this.el.querySelector('.form-submit');
|
|
638
983
|
this.formButton.addEventListener('click', this.handleSubmit.bind(this));
|
|
639
984
|
//get Email
|
|
640
985
|
this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
|
|
986
|
+
// this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]')
|
|
987
|
+
// this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]')
|
|
988
|
+
// this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]')
|
|
989
|
+
// this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]')
|
|
641
990
|
}
|
|
642
991
|
handleInputChange(field, value) {
|
|
643
992
|
this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
|
|
@@ -645,6 +994,10 @@ const FooterForm$1 = class extends HTMLElement$1 {
|
|
|
645
994
|
handleSubmit(event) {
|
|
646
995
|
event.preventDefault();
|
|
647
996
|
this.formData.email = this.emailEle.inputValue;
|
|
997
|
+
// this.formData.firstName = this.firstNameEle.inputValue;
|
|
998
|
+
// this.formData.lastName = this.lastNameEle.inputValue;
|
|
999
|
+
// this.formData.company = this.companyEle.inputValue;
|
|
1000
|
+
// this.formData.phone = this.phoneEle.inputValue;
|
|
648
1001
|
if (this.isValid()) {
|
|
649
1002
|
const formSubmitEvent = new CustomEvent('formSubmit', {
|
|
650
1003
|
detail: this.formData,
|
|
@@ -664,7 +1017,7 @@ const FooterForm$1 = class extends HTMLElement$1 {
|
|
|
664
1017
|
return email !== '' && policyChecked && invalidLength === 0;
|
|
665
1018
|
}
|
|
666
1019
|
render() {
|
|
667
|
-
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-
|
|
1020
|
+
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h$1("div", { class: "form-wrapper" }, h$1("form", { onSubmit: event => this.handleSubmit(event) }, h$1("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", name: "email" }), h$1("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h$1("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
|
|
668
1021
|
}
|
|
669
1022
|
get el() { return this; }
|
|
670
1023
|
static get style() { return footerFormCss; }
|
|
@@ -8236,7 +8589,7 @@ const PtcEllipsisDropdown$1 = class extends HTMLElement$1 {
|
|
|
8236
8589
|
static get style() { return ptcEllipsisDropdownCss; }
|
|
8237
8590
|
};
|
|
8238
8591
|
|
|
8239
|
-
const ptcEmbeddedQuizCss = ":host{display:block}
|
|
8592
|
+
const ptcEmbeddedQuizCss = ":host{display:block}:host .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white;z-index:1}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(\"https://www.ptc.com/-/media/Development/Embedded-Vuforia-Quiz/vuforia-background-guide-01.svg\");background-size:cover;background-position:center;opacity:0.2;z-index:-1}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{z-index:2;margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{z-index:2;display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{margin-top:var(--ptc-element-spacing-06);padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap;z-index:2}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start;display:flex;align-items:flex-start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio{width:16px;height:16px;border-radius:var(--ptc-border-radius-circle);border:var(--color-gray-10) solid 1px;z-index:2;padding:3px;box-sizing:border-box;flex-shrink:0;margin-top:var(--ptc-element-spacing-01);background-color:white}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked{border:var(--color-blue-08) solid 1px;background:var(--color-blue-08);background-clip:content-box, padding-box}:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio{box-shadow:var(--ptc-shadow-x-small)}@media only screen and (min-width: 768px){:host .quiz-slide-container{min-height:calc(10 * var(--ptc-element-spacing-08));position:relative}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{flex-shrink:0;display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}";
|
|
8240
8593
|
|
|
8241
8594
|
const PtcEmbeddedQuiz$1 = class extends HTMLElement$1 {
|
|
8242
8595
|
constructor() {
|
|
@@ -12045,7 +12398,7 @@ const PtcNavLink$1 = class extends HTMLElement$1 {
|
|
|
12045
12398
|
this.navLinkClicked = createEvent(this, "navLinkClicked", 7);
|
|
12046
12399
|
this.href = undefined;
|
|
12047
12400
|
this.isOutsideLink = false;
|
|
12048
|
-
this.titleText =
|
|
12401
|
+
this.titleText = '';
|
|
12049
12402
|
}
|
|
12050
12403
|
handleClick(event) {
|
|
12051
12404
|
// Prevent the event from propagating to the underlying <a> element
|
|
@@ -12055,27 +12408,23 @@ const PtcNavLink$1 = class extends HTMLElement$1 {
|
|
|
12055
12408
|
// Find the corresponding section
|
|
12056
12409
|
const section = document.querySelector(this.href);
|
|
12057
12410
|
section.scrollIntoView({
|
|
12058
|
-
behavior: 'smooth'
|
|
12411
|
+
behavior: 'smooth',
|
|
12059
12412
|
});
|
|
12060
12413
|
this.navLinkClicked.emit();
|
|
12061
12414
|
}
|
|
12062
12415
|
}
|
|
12063
|
-
|
|
12064
|
-
|
|
12065
|
-
|
|
12066
|
-
|
|
12067
|
-
|
|
12068
|
-
|
|
12069
|
-
if (text.length > charLimit) {
|
|
12070
|
-
// Adding link text in title
|
|
12071
|
-
this.titleText = text;
|
|
12072
|
-
// Trim the text to the character limit and add "..."
|
|
12073
|
-
this.el.textContent = text.substring(0, charLimit) + "...";
|
|
12416
|
+
trimString(inputString, maxLength) {
|
|
12417
|
+
if (inputString.length > maxLength) {
|
|
12418
|
+
return inputString.slice(0, maxLength) + '...';
|
|
12419
|
+
}
|
|
12420
|
+
else {
|
|
12421
|
+
return inputString;
|
|
12074
12422
|
}
|
|
12075
12423
|
}
|
|
12076
12424
|
render() {
|
|
12077
|
-
return (h$1(Host, null, h$1("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick:
|
|
12078
|
-
|
|
12425
|
+
return (h$1(Host, null, h$1("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.trimString(this.titleText, 24), onClick: event => {
|
|
12426
|
+
this.handleClick(event);
|
|
12427
|
+
} }, 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" }))))));
|
|
12079
12428
|
}
|
|
12080
12429
|
get el() { return this; }
|
|
12081
12430
|
static get style() { return ptcNavLinkCss; }
|
|
@@ -12945,7 +13294,7 @@ const PtcPricingBlock$1 = class extends HTMLElement$1 {
|
|
|
12945
13294
|
static get style() { return ptcPricingBlockCss; }
|
|
12946
13295
|
};
|
|
12947
13296
|
|
|
12948
|
-
const ptcPricingPackagingTableCss = ":host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:
|
|
13297
|
+
const ptcPricingPackagingTableCss = ":host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";
|
|
12949
13298
|
|
|
12950
13299
|
const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
12951
13300
|
constructor() {
|
|
@@ -13076,26 +13425,12 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13076
13425
|
this.el.style.setProperty('--cell-width-md', `${this.cellWidthMD}px`);
|
|
13077
13426
|
}
|
|
13078
13427
|
};
|
|
13079
|
-
this.expandFillerCell = () => {
|
|
13080
|
-
let pricingTable = this.el.shadowRoot.querySelector("#pricing-table");
|
|
13081
|
-
let desktopHeaderFirstCell = this.el.shadowRoot.querySelector(".desktop-header-first-cell");
|
|
13082
|
-
let occupiedSpace;
|
|
13083
|
-
if (this.isDesktopView) {
|
|
13084
|
-
occupiedSpace = desktopHeaderFirstCell.getBoundingClientRect().width + (this.dataCols * (this.cellWidthMD + this.cellLeftRightPadding));
|
|
13085
|
-
}
|
|
13086
|
-
else {
|
|
13087
|
-
occupiedSpace = this.dataCols * (this.cellWidthXXS + this.cellLeftRightPadding);
|
|
13088
|
-
}
|
|
13089
|
-
let fillerWidth = pricingTable.getBoundingClientRect().width - occupiedSpace;
|
|
13090
|
-
this.el.style.setProperty('--filler-cell-width', `${fillerWidth - this.cellLeftRightPadding}px`);
|
|
13091
|
-
this.showFillerCells = true;
|
|
13092
|
-
};
|
|
13093
13428
|
this.handleFillEmptySpace = () => {
|
|
13094
13429
|
let pricingTable = this.el.shadowRoot.querySelector("#pricing-table");
|
|
13095
|
-
let
|
|
13096
|
-
if (
|
|
13097
|
-
|
|
13098
|
-
this.
|
|
13430
|
+
let tableHeaderPlaceholder = this.el.shadowRoot.querySelector("#table-header-placeholder");
|
|
13431
|
+
if (tableHeaderPlaceholder.getBoundingClientRect().right < pricingTable.getBoundingClientRect().right) {
|
|
13432
|
+
this.hasEmptySpace = true;
|
|
13433
|
+
this.expandTableCells();
|
|
13099
13434
|
}
|
|
13100
13435
|
};
|
|
13101
13436
|
this.resetWidthVariables = () => {
|
|
@@ -13161,6 +13496,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13161
13496
|
this.scrollLimit = 50;
|
|
13162
13497
|
this.stickyTopAt = undefined;
|
|
13163
13498
|
this.columnHeaderLinks = [];
|
|
13499
|
+
this.hasEmptySpace = false;
|
|
13164
13500
|
this.showFillerCells = false;
|
|
13165
13501
|
this.showCtaButtonsRow = undefined;
|
|
13166
13502
|
this.ctaButtons = [];
|
|
@@ -25175,12 +25511,12 @@ const BundleExample = /*@__PURE__*/proxyCustomElement(BundleExample$1, [1,"bundl
|
|
|
25175
25511
|
const BundleJumbotronExample = /*@__PURE__*/proxyCustomElement(BundleJumbotronExample$1, [1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]);
|
|
25176
25512
|
const DropdownItem = /*@__PURE__*/proxyCustomElement(DropdownItem$1, [4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]);
|
|
25177
25513
|
const DynamicBoxBundle = /*@__PURE__*/proxyCustomElement(DynamicBoxBundle$1, [1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]);
|
|
25178
|
-
const EmbeddedForm = /*@__PURE__*/proxyCustomElement(EmbeddedForm$1, [0,"embedded-form",{"formData":[32]}]);
|
|
25514
|
+
const EmbeddedForm = /*@__PURE__*/proxyCustomElement(EmbeddedForm$1, [0,"embedded-form",{"formData":[32],"elqLib":[32]}]);
|
|
25179
25515
|
const FeaturedList = /*@__PURE__*/proxyCustomElement(FeaturedList$1, [1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]);
|
|
25180
25516
|
const FlTabContent = /*@__PURE__*/proxyCustomElement(FlTabContent$1, [1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}]);
|
|
25181
25517
|
const FlTabHeader = /*@__PURE__*/proxyCustomElement(FlTabHeader$1, [6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}]);
|
|
25182
25518
|
const FlTabImage = /*@__PURE__*/proxyCustomElement(FlTabImage$1, [1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]);
|
|
25183
|
-
const FooterForm = /*@__PURE__*/proxyCustomElement(FooterForm$1, [
|
|
25519
|
+
const FooterForm = /*@__PURE__*/proxyCustomElement(FooterForm$1, [1,"footer-form",{"formData":[32]}]);
|
|
25184
25520
|
const IconAsset = /*@__PURE__*/proxyCustomElement(IconAsset$1, [2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]);
|
|
25185
25521
|
const InnovatorToggleContainer = /*@__PURE__*/proxyCustomElement(InnovatorToggleContainer$1, [1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]);
|
|
25186
25522
|
const ListItem = /*@__PURE__*/proxyCustomElement(ListItem$2, [1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]);
|
|
@@ -25244,7 +25580,7 @@ const PtcPreviousUrl = /*@__PURE__*/proxyCustomElement(PtcPreviousUrl$1, [1,"ptc
|
|
|
25244
25580
|
const PtcPricingAddOnCard = /*@__PURE__*/proxyCustomElement(PtcPricingAddOnCard$1, [1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardCtaTarget":[1,"card-cta-target"],"cardDisclaimer":[1,"card-disclaimer"]}]);
|
|
25245
25581
|
const PtcPricingAddOnSection = /*@__PURE__*/proxyCustomElement(PtcPricingAddOnSection$1, [4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]);
|
|
25246
25582
|
const PtcPricingBlock = /*@__PURE__*/proxyCustomElement(PtcPricingBlock$1, [1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]);
|
|
25247
|
-
const PtcPricingPackagingTable = /*@__PURE__*/proxyCustomElement(PtcPricingPackagingTable$1, [1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]);
|
|
25583
|
+
const PtcPricingPackagingTable = /*@__PURE__*/proxyCustomElement(PtcPricingPackagingTable$1, [1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"hasEmptySpace":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]);
|
|
25248
25584
|
const PtcPricingTable = /*@__PURE__*/proxyCustomElement(PtcPricingTable$1, [1,"ptc-pricing-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"tableDescription":[1,"table-description"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"scrollTopClipperHeight":[32],"desktopHeaderFirstCellWidth":[32],"targetElements":[32],"columnHeaderLinks":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"mobileHeaderRowColSpan":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32]}]);
|
|
25249
25585
|
const PtcPricingTabs = /*@__PURE__*/proxyCustomElement(PtcPricingTabs$1, [1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]);
|
|
25250
25586
|
const PtcProductCard = /*@__PURE__*/proxyCustomElement(PtcProductCard$1, [1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]);
|