@ptcwebops/ptcw-design 2.8.7 → 2.9.0

package/dist/custom-elements/index.js

@@ -379,325 +379,6 @@ const DynamicBoxBundle$1 = class extends HTMLElement$1 {
   static get style() { return dynamicBoxBundleCss; }
 };
 
-// Define the ElqLib class
-class ElqLib {
-  constructor(params) {
-    this.params = params;
-    this.url_vars = {};
-    this.visitor_elq_id = null;
-    this.field_mappings = [];
-    this.callback_queue = [];
-    //private fields_populated: boolean = false;
-    this.user_elq_email = '';
-    this.user_elq_firstname = '';
-    this.user_elq_lastname = '';
-    // Merge defaults with params
-    const defaults = {
-      elq_site_id: '',
-      elq_visitor_lookup_key: '',
-      elq_recipient_id_lookup_key: '',
-      elq_contact_lookup_key: '',
-      elq_field_email_rec_id: 'V_EmailRecipientID',
-      elq_field_contact_email: 'C_EmailAddress',
-      elq_field_visitor_email: 'V_Email_Address',
-      elq_field_visitor_firstname: 'V_First_Name',
-      elq_field_visitor_lastname: 'V_Last_Name',
-      notme_link_id: null,
-      notme_fields_class: null,
-      notme_message: 'Not {name}? Click here.',
-      notme_message_noname: 'Not your details below? Click here.',
-    };
-    this.params = Object.assign(Object.assign({}, defaults), this.params);
-    this.init();
-  }
-  init() {
-    // Merge defaults with user-provided params if not already done in the constructor
-    // ...
-    // Set Eloqua site ID
-    this.setEloquaSiteId();
-    // Load Eloqua scripts
-    this.async_load();
-    // Store URL variables
-    this.store_url_vars();
-    // Store visitor's Eloqua IDgit
-    this.store_visitor_elq_id();
-    // Set the global Eloqua callback function
-    window.SetElqContent = this.eloqua_callback.bind(this);
-  }
-  setEloquaSiteId() {
-    if (this.params.elq_site_id) {
-      ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
-    }
-  }
-  fire_pageview(url) {
-    try {
-      if (typeof url === 'undefined') {
-        ElqLib._elqQ.push(['elqTrackPageView']);
-      }
-      else {
-        ElqLib._elqQ.push(['elqTrackPageView', url]);
-      }
-      console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
-    }
-    catch (e) {
-      console.log('TRACKING: Could not fire Eloqua pageview: ', e);
-    }
-  }
-  find_eloqua_contact() {
-    console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
-    // Queue callback action for the return of lookup
-    this.callback_queue.push(this.handle_visitor_lookup.bind(this));
-    // Start with a recipient lookup if ID was supplied in URL
-    if (this.visitor_elq_id !== null) {
-      this.lookup_visitor_by_recipient_id();
-    }
-    else {
-      // If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
-      this.lookup_visitor_by_cookie();
-    }
-  }
-  add_field_mapping(mapping) {
-    this.field_mappings.push(mapping);
-  }
-  add_queue_action(action) {
-    this.callback_queue.push(action);
-  }
-  store_url_vars() {
-    // Clear the current url_vars
-    this.url_vars = {};
-    // Split the URL by the '?' to get the query string part
-    const queryString = window.location.search.substring(1);
-    // Split the query string by '&' to get each key-value pair
-    queryString.split('&').forEach(paramString => {
-      // Split the key-value pairs by '=' to separate keys and values
-      let [key, value] = paramString.split('=');
-      // Decode URI components to handle URL encoding
-      key = decodeURIComponent(key);
-      value = decodeURIComponent(value);
-      // Store the key-value pair in the url_vars object
-      this.url_vars[key] = value;
-    });
-    // Optionally, log the stored URL variables
-    console.log('URL variables stored:', this.url_vars);
-  }
-  store_visitor_elq_id() {
-    console.log("INIT: Looking for visitor's Eloqua ID in URL...");
-    const elqIdParam = this.url_vars['elq'];
-    if (elqIdParam) {
-      const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
-      this.visitor_elq_id = elqId;
-      console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
-    }
-    else {
-      this.visitor_elq_id = null;
-      console.log('INIT: ...no visitor Eloqua ID found in URL');
-    }
-  }
-  //   private merge(root: any, ...sources: any[]): any {
-  //     sources.forEach(source => {
-  //       for (const key in source) {
-  //         if (source.hasOwnProperty(key)) {
-  //           root[key] = source[key];
-  //         }
-  //       }
-  //     });
-  //     return root;
-  //   }
-  eloqua_callback() {
-    console.log('LOOKUP: Eloqua lookup finished');
-    // Process each action in the callback queue
-    let actionSucceeded = true;
-    while (actionSucceeded && this.callback_queue.length > 0) {
-      const action = this.callback_queue.shift();
-      if (action) {
-        console.log(`QUEUE: Executing action`);
-        actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
-        if (actionSucceeded) {
-          console.log('QUEUE: Action executed successfully, removed from queue');
-        }
-        else {
-          console.log('QUEUE: Action failed, re-adding to queue');
-          this.callback_queue.unshift(action); // Re-add the action to the front of the queue
-          break; // Break out of the loop if an action fails
-        }
-      }
-    }
-    // After processing the queue, you might want to update user details or perform other operations
-    if (actionSucceeded) {
-      this.update_user_details();
-    }
-    //this.populate_mapped_fields();
-    // ...additional code to handle the aftermath of callback processing...
-  }
-  lookup_visitor_by_cookie() {
-    if (this.params.elq_visitor_lookup_key != '') {
-      ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
-      console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
-    }
-    else {
-      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
-    }
-  }
-  lookup_visitor_by_recipient_id() {
-    if (this.params.elq_recipient_id_lookup_key != '') {
-      ElqLib._elqQ.push([
-        'elqDataLookup',
-        escape(this.params.elq_recipient_id_lookup_key),
-        '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
-      ]);
-      console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
-    }
-    else {
-      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
-    }
-  }
-  lookup_contact_by_email() {
-    if (this.params.elq_contact_lookup_key != '') {
-      ElqLib._elqQ.push([
-        'elqDataLookup',
-        escape(this.params.elq_contact_lookup_key),
-        '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
-      ]);
-      console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
-    }
-    else {
-      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
-    }
-  }
-  handle_visitor_lookup() {
-    const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
-    if (email) {
-      console.log(`LOOKUP: Found visitor email address: ${email}`);
-      this.user_elq_email = email.trim();
-      this.lookup_contact_by_email();
-      this.callback_queue.push(this.handle_contact_lookup.bind(this));
-      return true;
-    }
-    else {
-      return false;
-    }
-  }
-  handle_contact_lookup() {
-    if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
-      console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
-      return true;
-    }
-    else {
-      return false;
-    }
-  }
-  //   private populate_mapped_fields(): void {
-  //     console.log("MAPPING: Starting field mapping");
-  // 		// Loop through all mappings
-  // 		for (mapping_set in field_mappings) {
-  // 			for (mapping_element in field_mappings[mapping_set]) {
-  // 				var mapping_elq_field = field_mappings[mapping_set][mapping_element];
-  // 				var element = document.getElementById(mapping_element);
-  // 				var field_value = GetElqContentPersonalizationValue(mapping_elq_field);
-  // 				// Check that field exists
-  // 				if (element == null) {
-  // 					log("MAPPING: Could not populate element '" + mapping_element + "' as it does not exist");
-  // 				}
-  // 				else if (element.value != '') {
-  // 					log("MAPPING: Could not populate element '" + mapping_element + "' as it already contained a value");
-  // 				}
-  // 				else if (field_value == '') {
-  // 					log("MAPPING: Could not populate element '" + mapping_element + "' as the Eloqua field '" + mapping_elq_field + "' contained no data");
-  // 				}
-  // 				else {
-  // 					fields_populated = true;
-  // 					element.value = field_value;
-  // 					log("MAPPING: Mapped element '" + mapping_element + "' with Eloqua field '" + mapping_elq_field + "'");
-  // 				}
-  // 			}
-  // 		}
-  // 		console.log("MAPPING: Finished field mapping");
-  // 		// Update notme link
-  // 		//update_notme_link ();
-  //   }
-  update_user_details() {
-    if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
-      this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
-    }
-    if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
-      this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
-    }
-    if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
-      this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
-    }
-  }
-  //   private update_notme_link(): void {
-  //     // Get link element
-  // 		var notme_link_element = $('#' + this.params.notme_link_id);
-  // 		// Get Eloqua vars
-  // 		var first_name = this.user_elq_firstname;
-  // 		var last_name = this.user_elq_lastname;
-  // 		var email = this.user_elq_email;
-  // 		// Check if we have both first name and last name
-  // 		if (first_name != '' && last_name !='') {
-  // 			name = first_name + ' ' + last_name;
-  // 			display_link = true;
-  // 		}
-  // 		// Check if we have first name
-  // 		else if (first_name != '') {
-  // 			name = first_name;
-  // 		}
-  // 		// Other use a generic message
-  // 		else {
-  // 			name = '';
-  // 		}
-  // 		// Check if some fields have been populated
-  // 		if (this.fields_populated && this.params.notme_link_id != null && this.params.notme_fields_class != null) {
-  // 			if (name != '') {
-  // 				var message = this.params.notme_message.replace("{name}", name);
-  // 			}
-  // 			else {
-  // 				var message = this.params.notme_message_noname;
-  // 			}
-  // 			console.log("MAPPING: Updating not me link");
-  // 			notme_link_element.find('*').remove();
-  // 			var link = $('<a href="">' + message + '</a>').appendTo(notme_link_element).click(this.remove_user_details);
-  // 		}
-  //   }
-  //   private remove_user_details(): void {
-  //     this.user_elq_email = '';
-  //     this.user_elq_firstname = '';
-  //     this.user_elq_lastname = '';
-  //     $('.' + this.params.notme_fields_class).val('');
-  //     $('#' + this.params.notme_link_id)
-  //       .find('a')
-  //       .remove();
-  //     //Flush out old user cookie
-  //     ElqLib._elqQ.push(['elqVisitorGuid', ' ']);
-  //     ElqLib._elqQ.push(['elqTrackPageView']);
-  //     //return false;
-  //   }
-  // Private Method to load Eloqua Scripts
-  async_load() {
-    const scriptUrl = 'http://img.en25.com/i/elqCfg.min.js';
-    const scriptElement = document.createElement('script');
-    scriptElement.type = 'text/javascript';
-    scriptElement.async = true;
-    scriptElement.src = scriptUrl;
-    // Error handling for script loading
-    scriptElement.onerror = errorEvent => {
-      console.log(`Error loading script: ${errorEvent}`);
-    };
-    // Append the script element to the head of the document, or before the first script tag found
-    const firstScriptTag = document.getElementsByTagName('script')[0];
-    if (firstScriptTag && firstScriptTag.parentNode) {
-      firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
-    }
-    else {
-      document.head.appendChild(scriptElement);
-    }
-    console.log(`Async loading of script ${scriptUrl} initiated.`);
-  }
-}
-ElqLib._elqQ = [];
-// Static member initialization
-//ElqLib._elqQ = window['_elqQ'] || [];
-
 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}";
 
 const EmbeddedForm$1 = class extends HTMLElement$1 {
@@ -715,29 +396,9 @@ const EmbeddedForm$1 = class extends HTMLElement$1 {
       howhearselfreport: '',
       policyChecked: false,
     };
-    this.elqLib = undefined;
-  }
-  componentWillLoad() {
-    this.initializeElqLib();
-  }
-  initializeElqLib() {
-    this.elqLib = new ElqLib({
-      elq_site_id: '2826',
-      elq_visitor_lookup_key: 'bf7df9f5b15c4b47b3c75e50c902bd53',
-      elq_recipient_id_lookup_key: '4da0a50be2db4a56a1a59d4bea5e0ea6',
-      elq_contact_lookup_key: '4da0a50be2db4a56a1a59d4bea5e0ea6',
-      elq_field_email_rec_id: 'V_EmailRecipientID',
-      elq_field_contact_email: 'C_EmailAddress',
-      elq_field_visitor_email: 'V_Email_Address',
-      elq_field_visitor_firstname: 'V_First_Name',
-      elq_field_visitor_lastname: 'V_Last_Name',
-      notme_link_id: null,
-      notme_fields_class: null,
-      notme_message: 'Not {name}? Click here.',
-      notme_message_noname: 'Not your details below? Click here.',
-    });
   }
   componentDidLoad() {
+    this.onDataLookup();
     this.formButton = this.el.querySelector('.form-submit');
     this.formButton.addEventListener('click', this.handleSubmit.bind(this));
     //get Email
@@ -751,6 +412,17 @@ const EmbeddedForm$1 = class extends HTMLElement$1 {
     this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]');
     this.policy1 = this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]');
   }
+  //handle dataLookup
+  onDataLookup() {
+    const dataLookupElement = this.el.closest('ptc-data-lookup');
+    if (dataLookupElement) {
+      console.log('Perform Data Lookup...');
+      dataLookupElement.performDataLookup();
+    }
+    else {
+      console.log('No Data Lookup...');
+    }
+  }
   handleInputChange(field, value) {
     this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
   }
@@ -8286,76 +7958,449 @@ const PtcCollapseList$1 = class extends HTMLElement$1 {
           this.onExpandClick(e, level == 1);
         }
         else {
-          this.onItemLinkClick(e, item.id);
+          this.onItemLinkClick(e, item.id);
+        }
+      };
+      let tooltip = level == 1 ? item.tooltip : undefined;
+      if (item.isExternalLink) {
+        return (h$1("a", { href: item.href, target: item.target, title: item.title }, icon, item.text, renderToolTip(tooltip)));
+      }
+      else if ((!expandable && selectable) || (expandable && !selectable)) {
+        return (h$1("a", { href: "#", title: item.text, onClick: clickEvent }, icon, item.text, renderToolTip(tooltip)));
+      }
+      else {
+        return [
+          h$1("a", { class: "expander-icon", href: "#", onClick: (e) => { this.onExpandClick(e, false); } }, icon),
+          h$1("a", { href: "#", title: item.text, onClick: (e) => { this.onItemLinkClick(e, item.id); } }, item.text),
+          renderToolTip(tooltip)
+        ];
+      }
+    };
+    return (h$1(Host, null, h$1("div", { class: "container" }, h$1("ptc-title", { type: 'h2', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, this.header), h$1("div", { class: "search-box" }, h$1("input", { type: "text", placeholder: this.placeholderText, onKeyUp: (e) => { this.onInputUpdated(e); } })), renderLevel(this.data, 1))));
+  }
+  async removeSelectedItem(value) {
+    let item = this.getItemByValue(value);
+    this.unSelectItem(item.id);
+    this.fireChangedEvent();
+  }
+  async addSelectedItem(value) {
+    let item = this.getItemByValue(value);
+    this.selectItem(item.id);
+  }
+  get el() { return this; }
+  static get style() { return ptcCollapseListCss; }
+};
+
+const ptcContainerCss = ":host{display:block;position:relative}.white{border-radius:4px;background-color:var(--color-white)}.gray{border-radius:4px;background-color:var(--color-white-gray)}.content-wrapper{font-family:Raleway;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}.content-wrapper.x-small{box-shadow:var(--ptc-shadow-x-small)}.content-wrapper.small{box-shadow:var(--ptc-shadow-small)}.content-wrapper.medium{box-shadow:var(--ptc-shadow-medium)}.content-wrapper.large{box-shadow:var(--ptc-shadow-large)}.content-wrapper.x-large{box-shadow:var(--ptc-shadow-x-large)}.content-wrapper.spacing-xx-small{padding:var(--ptc-element-spacing-01)}.content-wrapper.spacing-x-small{padding:var(--ptc-element-spacing-02)}.content-wrapper.spacing-small{padding:var(--ptc-element-spacing-03)}.content-wrapper.spacing-medium{padding:var(--ptc-element-spacing-04)}.content-wrapper.spacing-large{padding:var(--ptc-element-spacing-05)}.content-wrapper.spacing-x-large{padding:var(--ptc-element-spacing-06)}.content-wrapper.spacing-xx-large{padding:var(--ptc-element-spacing-07)}.content-wrapper.spacing-xxx-large{padding:var(--ptc-element-spacing-08)}";
+
+const PtcContainer$1 = class extends HTMLElement$1 {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.backgroundColor = 'white';
+    this.elevation = 'small';
+    this.containerType = '';
+    this.spacing = 'xxx-large';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h$1(Host, { class: this.getContainerClass() }, this.styles && h$1("style", null, this.styles), h$1("div", { class: classMap }, h$1("slot", null))));
+  }
+  getContainerClass() {
+    switch (this.containerType) {
+      case 'large':
+        return 'ptc-container-lg';
+      case 'none':
+        return undefined;
+      default:
+        return 'ptc-container';
+    }
+  }
+  getCssClassMap() {
+    const spacing = `spacing-${this.spacing}`;
+    return {
+      ['content-wrapper']: true,
+      [this.backgroundColor]: true,
+      [this.elevation]: true,
+      [spacing]: true
+    };
+  }
+  static get style() { return ptcContainerCss; }
+};
+
+// Define the ElqLib class
+class ElqLib {
+  constructor(params) {
+    this.params = params;
+    this.url_vars = {};
+    this.visitor_elq_id = null;
+    this.field_mappings = [];
+    this.callback_queue = [];
+    //private fields_populated: boolean = false;
+    this.user_elq_email = '';
+    this.user_elq_firstname = '';
+    this.user_elq_lastname = '';
+    // Merge defaults with params
+    const defaults = {
+      elq_site_id: '',
+      elq_visitor_lookup_key: '',
+      elq_recipient_id_lookup_key: '',
+      elq_contact_lookup_key: '',
+      elq_field_email_rec_id: 'V_EmailRecipientID',
+      elq_field_contact_email: 'C_EmailAddress',
+      elq_field_visitor_email: 'V_Email_Address',
+      elq_field_visitor_firstname: 'V_First_Name',
+      elq_field_visitor_lastname: 'V_Last_Name',
+      notme_link_id: null,
+      notme_fields_class: null,
+      notme_message: 'Not {name}? Click here.',
+      notme_message_noname: 'Not your details below? Click here.',
+    };
+    this.params = Object.assign(Object.assign({}, defaults), this.params);
+    this.init();
+  }
+  init() {
+    // Merge defaults with user-provided params if not already done in the constructor
+    // ...
+    // Set Eloqua site ID
+    this.setEloquaSiteId();
+    // Load Eloqua scripts
+    this.async_load();
+    // Store URL variables
+    this.store_url_vars();
+    // Store visitor's Eloqua IDgit
+    this.store_visitor_elq_id();
+    // Set the global Eloqua callback function
+    window.SetElqContent = this.eloqua_callback.bind(this);
+  }
+  setEloquaSiteId() {
+    if (this.params.elq_site_id) {
+      ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
+    }
+  }
+  fire_pageview(url) {
+    try {
+      if (typeof url === 'undefined') {
+        ElqLib._elqQ.push(['elqTrackPageView']);
+      }
+      else {
+        ElqLib._elqQ.push(['elqTrackPageView', url]);
+      }
+      console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
+    }
+    catch (e) {
+      console.log('TRACKING: Could not fire Eloqua pageview: ', e);
+    }
+  }
+  find_eloqua_contact() {
+    console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
+    // Queue callback action for the return of lookup
+    this.callback_queue.push(this.handle_visitor_lookup.bind(this));
+    // Start with a recipient lookup if ID was supplied in URL
+    if (this.visitor_elq_id !== null) {
+      this.lookup_visitor_by_recipient_id();
+    }
+    else {
+      // If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
+      this.lookup_visitor_by_cookie();
+    }
+  }
+  add_field_mapping(mapping) {
+    this.field_mappings.push(mapping);
+  }
+  add_queue_action(action) {
+    this.callback_queue.push(action);
+  }
+  store_url_vars() {
+    // Clear the current url_vars
+    this.url_vars = {};
+    // Split the URL by the '?' to get the query string part
+    const queryString = window.location.search.substring(1);
+    // Split the query string by '&' to get each key-value pair
+    queryString.split('&').forEach(paramString => {
+      // Split the key-value pairs by '=' to separate keys and values
+      let [key, value] = paramString.split('=');
+      // Decode URI components to handle URL encoding
+      key = decodeURIComponent(key);
+      value = decodeURIComponent(value);
+      // Store the key-value pair in the url_vars object
+      this.url_vars[key] = value;
+    });
+    // Optionally, log the stored URL variables
+    console.log('URL variables stored:', this.url_vars);
+  }
+  store_visitor_elq_id() {
+    console.log("INIT: Looking for visitor's Eloqua ID in URL...");
+    const elqIdParam = this.url_vars['elq'];
+    if (elqIdParam) {
+      const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
+      this.visitor_elq_id = elqId;
+      console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
+    }
+    else {
+      this.visitor_elq_id = null;
+      console.log('INIT: ...no visitor Eloqua ID found in URL');
+    }
+  }
+  //   private merge(root: any, ...sources: any[]): any {
+  //     sources.forEach(source => {
+  //       for (const key in source) {
+  //         if (source.hasOwnProperty(key)) {
+  //           root[key] = source[key];
+  //         }
+  //       }
+  //     });
+  //     return root;
+  //   }
+  eloqua_callback() {
+    console.log('LOOKUP: Eloqua lookup finished');
+    // Process each action in the callback queue
+    let actionSucceeded = true;
+    while (actionSucceeded && this.callback_queue.length > 0) {
+      const action = this.callback_queue.shift();
+      if (action) {
+        console.log(`QUEUE: Executing action`);
+        actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
+        if (actionSucceeded) {
+          console.log('QUEUE: Action executed successfully, removed from queue');
+        }
+        else {
+          console.log('QUEUE: Action failed, re-adding to queue');
+          this.callback_queue.unshift(action); // Re-add the action to the front of the queue
+          break; // Break out of the loop if an action fails
         }
-      };
-      let tooltip = level == 1 ? item.tooltip : undefined;
-      if (item.isExternalLink) {
-        return (h$1("a", { href: item.href, target: item.target, title: item.title }, icon, item.text, renderToolTip(tooltip)));
-      }
-      else if ((!expandable && selectable) || (expandable && !selectable)) {
-        return (h$1("a", { href: "#", title: item.text, onClick: clickEvent }, icon, item.text, renderToolTip(tooltip)));
-      }
-      else {
-        return [
-          h$1("a", { class: "expander-icon", href: "#", onClick: (e) => { this.onExpandClick(e, false); } }, icon),
-          h$1("a", { href: "#", title: item.text, onClick: (e) => { this.onItemLinkClick(e, item.id); } }, item.text),
-          renderToolTip(tooltip)
-        ];
       }
-    };
-    return (h$1(Host, null, h$1("div", { class: "container" }, h$1("ptc-title", { type: 'h2', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, this.header), h$1("div", { class: "search-box" }, h$1("input", { type: "text", placeholder: this.placeholderText, onKeyUp: (e) => { this.onInputUpdated(e); } })), renderLevel(this.data, 1))));
+    }
+    // After processing the queue, you might want to update user details or perform other operations
+    if (actionSucceeded) {
+      this.update_user_details();
+    }
+    //this.populate_mapped_fields();
+    // ...additional code to handle the aftermath of callback processing...
   }
-  async removeSelectedItem(value) {
-    let item = this.getItemByValue(value);
-    this.unSelectItem(item.id);
-    this.fireChangedEvent();
+  lookup_visitor_by_cookie() {
+    if (this.params.elq_visitor_lookup_key != '') {
+      ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
+      console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
+    }
+    else {
+      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
+    }
   }
-  async addSelectedItem(value) {
-    let item = this.getItemByValue(value);
-    this.selectItem(item.id);
+  lookup_visitor_by_recipient_id() {
+    if (this.params.elq_recipient_id_lookup_key != '') {
+      ElqLib._elqQ.push([
+        'elqDataLookup',
+        escape(this.params.elq_recipient_id_lookup_key),
+        '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
+      ]);
+      console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
+    }
+    else {
+      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
+    }
   }
-  get el() { return this; }
-  static get style() { return ptcCollapseListCss; }
-};
+  lookup_contact_by_email() {
+    if (this.params.elq_contact_lookup_key != '') {
+      ElqLib._elqQ.push([
+        'elqDataLookup',
+        escape(this.params.elq_contact_lookup_key),
+        '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
+      ]);
+      console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
+    }
+    else {
+      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
+    }
+  }
+  handle_visitor_lookup() {
+    const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
+    if (email) {
+      console.log(`LOOKUP: Found visitor email address: ${email}`);
+      this.user_elq_email = email.trim();
+      this.lookup_contact_by_email();
+      this.callback_queue.push(this.handle_contact_lookup.bind(this));
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+  handle_contact_lookup() {
+    if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
+      console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+  //   private populate_mapped_fields(): void {
+  //     console.log("MAPPING: Starting field mapping");
+  // 		// Loop through all mappings
+  // 		for (mapping_set in field_mappings) {
+  // 			for (mapping_element in field_mappings[mapping_set]) {
+  // 				var mapping_elq_field = field_mappings[mapping_set][mapping_element];
+  // 				var element = document.getElementById(mapping_element);
+  // 				var field_value = GetElqContentPersonalizationValue(mapping_elq_field);
+  // 				// Check that field exists
+  // 				if (element == null) {
+  // 					log("MAPPING: Could not populate element '" + mapping_element + "' as it does not exist");
+  // 				}
+  // 				else if (element.value != '') {
+  // 					log("MAPPING: Could not populate element '" + mapping_element + "' as it already contained a value");
+  // 				}
+  // 				else if (field_value == '') {
+  // 					log("MAPPING: Could not populate element '" + mapping_element + "' as the Eloqua field '" + mapping_elq_field + "' contained no data");
+  // 				}
+  // 				else {
+  // 					fields_populated = true;
+  // 					element.value = field_value;
+  // 					log("MAPPING: Mapped element '" + mapping_element + "' with Eloqua field '" + mapping_elq_field + "'");
+  // 				}
+  // 			}
+  // 		}
+  // 		console.log("MAPPING: Finished field mapping");
+  // 		// Update notme link
+  // 		//update_notme_link ();
+  //   }
+  update_user_details() {
+    if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
+      this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
+    }
+    if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
+      this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
+    }
+    if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
+      this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
+    }
+  }
+  //   private update_notme_link(): void {
+  //     // Get link element
+  // 		var notme_link_element = $('#' + this.params.notme_link_id);
+  // 		// Get Eloqua vars
+  // 		var first_name = this.user_elq_firstname;
+  // 		var last_name = this.user_elq_lastname;
+  // 		var email = this.user_elq_email;
+  // 		// Check if we have both first name and last name
+  // 		if (first_name != '' && last_name !='') {
+  // 			name = first_name + ' ' + last_name;
+  // 			display_link = true;
+  // 		}
+  // 		// Check if we have first name
+  // 		else if (first_name != '') {
+  // 			name = first_name;
+  // 		}
+  // 		// Other use a generic message
+  // 		else {
+  // 			name = '';
+  // 		}
+  // 		// Check if some fields have been populated
+  // 		if (this.fields_populated && this.params.notme_link_id != null && this.params.notme_fields_class != null) {
+  // 			if (name != '') {
+  // 				var message = this.params.notme_message.replace("{name}", name);
+  // 			}
+  // 			else {
+  // 				var message = this.params.notme_message_noname;
+  // 			}
+  // 			console.log("MAPPING: Updating not me link");
+  // 			notme_link_element.find('*').remove();
+  // 			var link = $('<a href="">' + message + '</a>').appendTo(notme_link_element).click(this.remove_user_details);
+  // 		}
+  //   }
+  //   private remove_user_details(): void {
+  //     this.user_elq_email = '';
+  //     this.user_elq_firstname = '';
+  //     this.user_elq_lastname = '';
+  //     $('.' + this.params.notme_fields_class).val('');
+  //     $('#' + this.params.notme_link_id)
+  //       .find('a')
+  //       .remove();
+  //     //Flush out old user cookie
+  //     ElqLib._elqQ.push(['elqVisitorGuid', ' ']);
+  //     ElqLib._elqQ.push(['elqTrackPageView']);
+  //     //return false;
+  //   }
+  // Private Method to load Eloqua Scripts
+  async_load() {
+    const scriptUrl = 'http://img.en25.com/i/elqCfg.min.js';
+    const scriptElement = document.createElement('script');
+    scriptElement.type = 'text/javascript';
+    scriptElement.async = true;
+    scriptElement.src = scriptUrl;
+    // Error handling for script loading
+    scriptElement.onerror = errorEvent => {
+      console.log(`Error loading script: ${errorEvent}`);
+    };
+    // Append the script element to the head of the document, or before the first script tag found
+    const firstScriptTag = document.getElementsByTagName('script')[0];
+    if (firstScriptTag && firstScriptTag.parentNode) {
+      firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
+    }
+    else {
+      document.head.appendChild(scriptElement);
+    }
+    console.log(`Async loading of script ${scriptUrl} initiated.`);
+  }
+}
+ElqLib._elqQ = [];
+// Static member initialization
+//ElqLib._elqQ = window['_elqQ'] || [];
 
-const ptcContainerCss = ":host{display:block;position:relative}.white{border-radius:4px;background-color:var(--color-white)}.gray{border-radius:4px;background-color:var(--color-white-gray)}.content-wrapper{font-family:Raleway;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}.content-wrapper.x-small{box-shadow:var(--ptc-shadow-x-small)}.content-wrapper.small{box-shadow:var(--ptc-shadow-small)}.content-wrapper.medium{box-shadow:var(--ptc-shadow-medium)}.content-wrapper.large{box-shadow:var(--ptc-shadow-large)}.content-wrapper.x-large{box-shadow:var(--ptc-shadow-x-large)}.content-wrapper.spacing-xx-small{padding:var(--ptc-element-spacing-01)}.content-wrapper.spacing-x-small{padding:var(--ptc-element-spacing-02)}.content-wrapper.spacing-small{padding:var(--ptc-element-spacing-03)}.content-wrapper.spacing-medium{padding:var(--ptc-element-spacing-04)}.content-wrapper.spacing-large{padding:var(--ptc-element-spacing-05)}.content-wrapper.spacing-x-large{padding:var(--ptc-element-spacing-06)}.content-wrapper.spacing-xx-large{padding:var(--ptc-element-spacing-07)}.content-wrapper.spacing-xxx-large{padding:var(--ptc-element-spacing-08)}";
+const ptcDataLookupCss = ":host{display:block}";
 
-const PtcContainer$1 = class extends HTMLElement$1 {
+const PtcDataLookup$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.backgroundColor = 'white';
-    this.elevation = 'small';
-    this.containerType = '';
-    this.spacing = 'xxx-large';
-    this.styles = undefined;
+    this.elqSiteId = undefined;
+    this.elqVisitorLookupKey = undefined;
+    this.elqRecipientIdLookupKey = undefined;
+    this.elqContactLookupKey = undefined;
+    this.elqFieldEmailRecId = "V_EmailRecipientID";
+    this.elqFieldContactEmail = "C_EmailAddress";
+    this.elqFieldVisitorEmail = 'V_Email_Address';
+    this.elqFieldVisitorFirstname = 'C_FirstName';
+    this.elqFieldVisitorLastname = 'C_LastName';
+    this.notmeLinkId = undefined;
+    this.notmeFieldsClass = undefined;
+    this.notmeMessage = undefined;
+    this.notmeMessageNoname = undefined;
+    this.isInitialized = false;
   }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h$1(Host, { class: this.getContainerClass() }, this.styles && h$1("style", null, this.styles), h$1("div", { class: classMap }, h$1("slot", null))));
+  componentWillLoad() {
+    this.initializeElqLib();
   }
-  getContainerClass() {
-    switch (this.containerType) {
-      case 'large':
-        return 'ptc-container-lg';
-      case 'none':
-        return undefined;
-      default:
-        return 'ptc-container';
+  initializeElqLib() {
+    this.elqLib = new ElqLib({
+      elq_site_id: this.elqSiteId,
+      elq_visitor_lookup_key: this.elqVisitorLookupKey,
+      elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
+      elq_contact_lookup_key: this.elqContactLookupKey,
+      elq_field_email_rec_id: this.elqFieldEmailRecId,
+      elq_field_contact_email: this.elqFieldContactEmail,
+      elq_field_visitor_email: this.elqFieldVisitorEmail,
+      elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
+      elq_field_visitor_lastname: this.elqFieldVisitorLastname,
+      notme_link_id: this.notmeLinkId,
+      notme_fields_class: this.notmeFieldsClass,
+      notme_message: this.notmeMessage,
+      notme_message_noname: this.notmeMessageNoname,
+    });
+    this.isInitialized = true;
+  }
+  async performDataLookup() {
+    if (this.isInitialized) {
+      this.elqLib.find_eloqua_contact();
     }
   }
-  getCssClassMap() {
-    const spacing = `spacing-${this.spacing}`;
-    return {
-      ['content-wrapper']: true,
-      [this.backgroundColor]: true,
-      [this.elevation]: true,
-      [spacing]: true
-    };
+  render() {
+    return (h$1("slot", null));
   }
-  static get style() { return ptcContainerCss; }
+  static get style() { return ptcDataLookupCss; }
 };
 
 const ptcDateCss = ":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";
@@ -8842,7 +8887,7 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
     });
     this.toggleDropdown();
   }
-  componentWillLoad() {
+  componentWillRender() {
     this.parseOptions();
   }
   render() {
@@ -13355,15 +13400,10 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
       }
       this.lastScrollTop = scrollTopPosition <= 0 ? 0 : scrollTopPosition;
     };
-    this.handleHorizontalScroll = (element) => {
+    this.handleHorizontalScroll = () => {
       let tableHeader = this.el.shadowRoot.querySelector("#table-header");
       let tableBody = this.el.shadowRoot.querySelector("#table-body");
-      if (element === "body") {
-        tableHeader.scrollLeft = tableBody.scrollLeft;
-      }
-      else if (element === "header") {
-        tableBody.scrollLeft = tableHeader.scrollLeft;
-      }
+      tableHeader.scrollLeft = tableBody.scrollLeft;
       this.handleScrollButtonsVisibility();
     };
     this.handleScrollButtonsVisibility = () => {
@@ -13572,7 +13612,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
         h$1("ptc-readmore", { "more-text": "More", "less-text": "Less" }, h$1("slot", { name: "table-description" }))))));
     };
     const TableHeader = () => {
-      return h$1("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll("header") }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
+      return h$1("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: "desktop-header-first-cell" }))
         : null, h$1("div", { class: "scroll-button", id: "previous-scroll-button" }, h$1("div", { onClick: () => this.handleBackwardScroll() }, h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"))), h$1("div", { class: "scroll-button", id: "next-scroll-button" }, h$1("div", { onClick: () => this.handleForwardScroll() }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"), h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), ([...Array(this.dataCols).keys()]).map(col => {
         return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
@@ -13612,7 +13652,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
         return h$1(Fragment, null, h$1("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: `disclaimer-${ind + 1}` })), (ind != (this.disclaimerCount - 1)) ? h$1("ptc-spacer", { size: "xx-small" }) : null);
       })));
     };
-    return (h$1(Host, null, h$1("div", { id: "pricing-table" }, h$1(TableTitle, null), h$1(TableSubTitle, null), h$1(TableDescription, null), h$1("ptc-spacer", { breakpoint: "small", size: "xx-large" }), h$1("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xxx-large" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h$1("div", { id: "vertical-scroll-content-clipper", class: this.headerType }), h$1("div", { id: "table-container" }, h$1("div", { id: "horizontal-scroll-shadow" }), h$1("div", { id: "table-body", onScroll: () => this.handleHorizontalScroll("body") }, h$1(TableHeader, null), h$1(TableHeaderPlaceholder, null), h$1(TableDataRows, null), h$1(TableCtaRow, null))), h$1(TableDisclaimers, null))));
+    return (h$1(Host, null, h$1("div", { id: "pricing-table" }, h$1(TableTitle, null), h$1(TableSubTitle, null), h$1(TableDescription, null), h$1("ptc-spacer", { breakpoint: "small", size: "xx-large" }), h$1("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xxx-large" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h$1("div", { id: "vertical-scroll-content-clipper", class: this.headerType }), h$1("div", { id: "table-container" }, h$1("div", { id: "horizontal-scroll-shadow" }), h$1("div", { id: "table-body", onScroll: () => this.handleHorizontalScroll() }, h$1(TableHeader, null), h$1(TableHeaderPlaceholder, null), h$1(TableDataRows, null), h$1(TableCtaRow, null))), h$1(TableDisclaimers, null))));
   }
   get el() { return this; }
   static get style() { return ptcPricingPackagingTableCss; }
@@ -24629,7 +24669,16 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
     }, 100);
   }
   componentDidLoad() {
-    this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
+    if (this.type !== 'hidden') {
+      this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
+    }
+    // try{
+    //   // debugger;
+    //   this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
+    // }catch(error){
+    //   debugger;
+    //   console.error('An error found here!', error.message);
+    // }
     if (this.fieldId === 'contact-phone' && this.name === 'phone') {
       this.iti = intlTelInput(this.customInput, {
         separateDialCode: true,
@@ -25512,7 +25561,7 @@ const BundleExample = /*@__PURE__*/proxyCustomElement(BundleExample$1, [1,"bundl
 const BundleJumbotronExample = /*@__PURE__*/proxyCustomElement(BundleJumbotronExample$1, [1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]);
 const DropdownItem = /*@__PURE__*/proxyCustomElement(DropdownItem$1, [4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]);
 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"]]]);
-const EmbeddedForm = /*@__PURE__*/proxyCustomElement(EmbeddedForm$1, [0,"embedded-form",{"formData":[32],"elqLib":[32]}]);
+const EmbeddedForm = /*@__PURE__*/proxyCustomElement(EmbeddedForm$1, [0,"embedded-form",{"formData":[32]}]);
 const FeaturedList = /*@__PURE__*/proxyCustomElement(FeaturedList$1, [1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]);
 const FlTabContent = /*@__PURE__*/proxyCustomElement(FlTabContent$1, [1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}]);
 const FlTabHeader = /*@__PURE__*/proxyCustomElement(FlTabHeader$1, [6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}]);
@@ -25540,6 +25589,7 @@ const PtcCaseStudiesSlider = /*@__PURE__*/proxyCustomElement(PtcCaseStudiesSlide
 const PtcCheckbox = /*@__PURE__*/proxyCustomElement(PtcCheckbox$1, [1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]);
 const PtcCollapseList = /*@__PURE__*/proxyCustomElement(PtcCollapseList$1, [1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32]}]);
 const PtcContainer = /*@__PURE__*/proxyCustomElement(PtcContainer$1, [1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]);
+const PtcDataLookup = /*@__PURE__*/proxyCustomElement(PtcDataLookup$1, [1,"ptc-data-lookup",{"elqSiteId":[1,"elq-site-id"],"elqVisitorLookupKey":[1,"elq-visitor-lookup-key"],"elqRecipientIdLookupKey":[1,"elq-recipient-id-lookup-key"],"elqContactLookupKey":[1,"elq-contact-lookup-key"],"elqFieldEmailRecId":[1,"elq-field-email-rec-id"],"elqFieldContactEmail":[1,"elq-field-contact-email"],"elqFieldVisitorEmail":[1,"elq-field-visitor-email"],"elqFieldVisitorFirstname":[1,"elq-field-visitor-firstname"],"elqFieldVisitorLastname":[1,"elq-field-visitor-lastname"],"notmeLinkId":[1,"notme-link-id"],"notmeFieldsClass":[1,"notme-fields-class"],"notmeMessage":[1,"notme-message"],"notmeMessageNoname":[1,"notme-message-noname"],"isInitialized":[32]}]);
 const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$1, [1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]);
 const PtcDropdown = /*@__PURE__*/proxyCustomElement(PtcDropdown$1, [1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]);
 const PtcDynamicCard = /*@__PURE__*/proxyCustomElement(PtcDynamicCard$1, [1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"styles":[1],"overlayExists":[32]}]);
@@ -25663,6 +25713,7 @@ const defineCustomElements = (opts) => {
   PtcCheckbox,
   PtcCollapseList,
   PtcContainer,
+  PtcDataLookup,
   PtcDate,
   PtcDropdown,
   PtcDynamicCard,
@@ -25758,4 +25809,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
+export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };