@ptcwebops/ptcw-design 3.3.8 → 3.4.0

package/dist/esm/ptc-data-lookup.entry.js

@@ -0,0 +1,518 @@
+import { r as registerInstance, h, a as getElement } from './index-4025d85a.js';
+
+// 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 = [];
+    this.fields_populated = 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: 'not-me-link-id',
+      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();
+    // init noteme link;
+    // this.init_notme();
+    // 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]);
+      ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
+      ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
+    }
+  }
+  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(); //preference center
+      this.lookup_contact_by_email();
+    }
+  }
+  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, 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() {
+    //console.log('Contact Email: ' + this.params.elq_field_contact_email)
+    const email = window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email); //it was elq_field_visitor_email ( V_Email_Address)
+    if (email) {
+      console.log(`LOOKUP: Found contact 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;
+    }
+  }
+  populate_mapped_fields() {
+    console.log('MAPPING: Starting field mapping');
+    //debugger;
+    this.field_mappings.forEach(({ elementId, elqFieldName }) => {
+      const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
+      if (elementId !== 'contact-country') {
+        const element = document.getElementById(elementId);
+        console.log('element ID of field mappings: ' + elementId);
+        console.log('fieldValue ID of field mappings: ' + fieldValue);
+        if (element && fieldValue) {
+          element.value = fieldValue;
+          //element.style.display = 'none'; // Hide the field.
+          if (element.closest('ptc-textfield')) {
+            element.closest('ptc-textfield').style.display = 'none';
+            element.closest('ptc-textfield').inputValue = fieldValue;
+          }
+          else if (element.closest('ptc-select')) {
+            element.closest('ptc-select').style.display = 'none';
+            element.closest("ptc-select").selectedValue = fieldValue;
+          }
+          this.fields_populated = true;
+        }
+      }
+      else {
+        const countryEle = document.getElementById(elementId);
+        if (countryEle && fieldValue) {
+          countryEle.textContent = fieldValue;
+          countryEle.closest("ptc-select").selectedValue = fieldValue;
+        }
+        // debugger;
+        if (countryEle.closest('ptc-select')) {
+          countryEle.closest('ptc-select').style.display = 'none';
+        }
+      }
+    });
+    console.log('MAPPING: Finished ');
+    if (this.fields_populated) {
+      this.update_notme_link();
+    }
+  }
+  update_user_details() {
+    console.log('displaying user info...');
+    if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
+      document
+        .querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
+        .forEach((element) => {
+        if (element.tagName === 'SPAN') {
+          const spanText = element;
+          const spanEloquaName = spanText.getAttribute('data-eloqua-name');
+          if (spanEloquaName !== null) {
+            const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
+            if (spanElqValue !== '' && spanElqValue.length > 0) {
+              spanText.textContent = spanElqValue;
+              spanText.closest('ptc-select').selectedValue = spanElqValue;
+            }
+          }
+        }
+        else if (element.className.includes('intl-tel-input')) {
+          const telInput = element;
+          const eloquaName = telInput.getAttribute('data-eloqua-name');
+          if (eloquaName !== null) {
+            const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
+            if (elqValue !== '' && elqValue.length > 0) {
+              setTimeout(() => {
+                telInput.placeholder = elqValue;
+                telInput.value = elqValue;
+                telInput.closest('ptc-textfield').inputValue = elqValue;
+              }, 1000);
+            }
+          }
+        }
+        else {
+          const input = element;
+          const eloquaName = input.getAttribute('data-eloqua-name');
+          if (eloquaName !== null) {
+            const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
+            if (elqValue !== '' && elqValue.length > 0) {
+              input.value = elqValue;
+              input.closest('ptc-textfield').inputValue = elqValue;
+            }
+          }
+        }
+      });
+    }
+    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);
+    }
+  }
+  update_notme_link() {
+    // Assuming the user's first and last name are available from Eloqua fields
+    const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
+    const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
+    const topAdditional = document.getElementById('not-me-additional-top');
+    const bottomAdditional = document.getElementById('not-me-additional-bottom');
+    if (topAdditional) {
+      let message = topAdditional.innerHTML;
+      console.log('first name: ' + firstName);
+      if (firstName && lastName) {
+        message = message.replace('{name}', lastName + ' ' + firstName);
+      }
+      else {
+        message = this.params.notme_message_noname;
+      }
+      topAdditional.innerHTML = message;
+      topAdditional.style.display = 'block';
+    }
+    if (bottomAdditional) {
+      //bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
+      bottomAdditional.style.display = 'block';
+    }
+    const notMeLinkElement = document.getElementById(this.params.notme_link_id);
+    if (notMeLinkElement) {
+      notMeLinkElement.style.display = 'block';
+      notMeLinkElement.onclick = this.remove_user_details.bind(this);
+    }
+  }
+  // private init_notme(): void{
+  //   const topAdditional = document.getElementById('not-me-additional-top');
+  //   const bottomAdditional = document.getElementById('not-me-additional-bottom');
+  //   console.log("top: " + topAdditional)
+  //   if(topAdditional) topAdditional.style.display = 'none';
+  //   if(bottomAdditional) bottomAdditional.style.display = 'none';
+  // }
+  remove_user_details(e) {
+    e.preventDefault();
+    this.user_elq_email = '';
+    this.user_elq_firstname = '';
+    this.user_elq_lastname = '';
+    // $('.' + this.params.notme_fields_class).val('');
+    //const linkDiv = document.getElementById(this.params.notme_link_id);
+    const topAdditional = document.getElementById('not-me-additional-top');
+    const bottomAdditional = document.getElementById('not-me-additional-bottom');
+    //linkDiv.querySelector('a').remove();
+    topAdditional.style.display = 'none';
+    bottomAdditional.style.display = 'none';
+    this.refreshForm();
+    return false;
+  }
+  refreshForm() {
+    this.field_mappings.forEach(({ elementId }) => {
+      if (elementId !== 'contact-country') {
+        const element = document.getElementById(elementId);
+        if (element) {
+          console.log('element: ' + element);
+          element.value = ''; // Reset the value
+          if (element.closest('ptc-textfield')) {
+            element.closest('ptc-textfield').style.display = '';
+          }
+          else if (element.closest('ptc-select')) {
+            element.closest('ptc-select').style.display = '';
+          }
+        }
+      }
+      else {
+        const countryEle = document.getElementById(elementId);
+        if (countryEle) {
+          countryEle.textContent = '';
+        }
+        // debugger;
+        if (countryEle.closest('ptc-select')) {
+          countryEle.closest('ptc-select').style.display = '';
+        }
+      }
+    });
+    this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
+    this.fields_populated = false;
+    //this.update_notme_link(); // Update the 'Not Me' link if necessary
+  }
+  clearEloquaCookie(name) {
+    document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+    console.log('cookie cleared');
+  }
+  // Private Method to load Eloqua Scripts
+  async_load() {
+    const scriptUrl = 'https://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 = window['_elqQ'] || [];
+// Static member initialization
+//ElqLib._elqQ = window['_elqQ'] || [];
+
+const ptcDataLookupCss = ":host{display:block}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-blue-07);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";
+
+const PtcDataLookup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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.isBlindSubmit = true;
+    this.isInitialized = false;
+  }
+  componentWillLoad() {
+    this.initializeElqLib();
+    if (this.isBlindSubmit) {
+      this.populateBlindField();
+    }
+  }
+  componentDidLoad() {
+    this.init_notme();
+  }
+  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;
+  }
+  populateBlindField() {
+    this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-email', elqFieldName: 'C_EmailAddress' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-firstname', elqFieldName: 'C_FirstName' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-lastname', elqFieldName: 'C_LastName' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-country', elqFieldName: 'C_Country' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
+    this.elqLib.add_field_mapping({ elementId: 'company', elqFieldName: 'C_Company' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-state', elqFieldName: 'C_State_Prov' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-zipcode', elqFieldName: 'C_Zip_Postal' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-job-category', elqFieldName: 'C_Job_Role1' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-job-function', elqFieldName: 'C_Job_Function1' });
+    this.elqLib.add_field_mapping({ elementId: 'contact-jp-job-title', elqFieldName: 'C_Title' });
+  }
+  getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie) {
+      const cookies = document.cookie.split(';');
+      for (let cookie of cookies) {
+        const [key, value] = cookie.trim().split('=');
+        if (key === name) {
+          cookieValue = decodeURIComponent(value);
+          break;
+        }
+      }
+    }
+    return cookieValue;
+  }
+  init_notme() {
+    const topAdditional = document.getElementById('not-me-additional-top');
+    const bottomAdditional = document.getElementById('not-me-additional-bottom');
+    console.log("top: " + topAdditional);
+    if (topAdditional)
+      topAdditional.style.display = 'none';
+    if (bottomAdditional)
+      bottomAdditional.style.display = 'none';
+  }
+  async performDataLookup() {
+    if (this.isInitialized) {
+      this.elqLib.user_elq_email = this.getCookie('elq-uid');
+      this.elqLib.find_eloqua_contact();
+    }
+  }
+  render() {
+    return h("slot", null);
+  }
+  get el() { return getElement(this); }
+};
+PtcDataLookup.style = ptcDataLookupCss;
+
+export { PtcDataLookup as ptc_data_lookup };

package/dist/esm/ptc-date.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
+import { r as registerInstance, h, H as Host } from './index-4025d85a.js';
 
 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)}";
 

package/dist/esm/ptc-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-62587d0b.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-4025d85a.js';
 
 const ptcDropdownCss = "@charset \"UTF-8\";:host{display:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:\"✓\";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}";
 

package/dist/esm/ptc-dynamic-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getAssetPath, h, H as Host, g as getElement } from './index-62587d0b.js';
+import { r as registerInstance, g as getAssetPath, h, H as Host, a as getElement } from './index-4025d85a.js';
 
 const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-mobile ptc-card-content{align-items:flex-start}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03);word-break:break-word;hyphens:auto}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;max-width:790px;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
 

package/dist/esm/ptc-ellipsis-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-62587d0b.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-4025d85a.js';
 
 const ptcEllipsisDropdownCss = ".ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:\"\";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:\"Raleway\";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 8px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:\"\";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}";
 

package/dist/esm/ptc-embedded-quiz.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-62587d0b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-4025d85a.js';
 
-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}}";
+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}}::slotted([slot=seo-content]){display:none}";
 
 const PtcEmbeddedQuiz = class {
   constructor(hostRef) {
@@ -87,7 +87,7 @@ const PtcEmbeddedQuiz = class {
         default: return null;
       }
     };
-    return (h(Host, null, this.quiz && h("div", { class: "quiz-slide-container" }, h("div", { class: "quiz-slide-background" }), getQuizSlide())));
+    return (h(Host, null, this.quiz && h("div", { class: "quiz-slide-container" }, h("div", { class: "quiz-slide-background" }), h("slot", { name: "seo-content" }), getQuizSlide())));
   }
   get el() { return getElement(this); }
 };

package/dist/esm/ptc-featured-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-62587d0b.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-4025d85a.js';
 
 const ptcFeaturedListCss = "a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-blue-07);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a):active,.light-links a:not(.hero-footer-form-wrapper a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a):hover,.light-links a:not(.hero-footer-form-wrapper a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block;box-sizing:border-box}:host ptc-background-video{height:240px}@media only screen and (min-width: 480px){:host ptc-background-video{height:320px}}@media only screen and (min-width: 768px){:host ptc-background-video{height:450px}}@media only screen and (min-width: 992px){:host ptc-background-video{height:500px}}:host .fl-header{cursor:pointer}:host .non-mobile-wrapper{box-sizing:border-box}@media only screen and (min-width: 992px){:host .non-mobile-wrapper{margin:-40px auto 0 auto;display:flex;align-items:center;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:24px 32px;z-index:1;position:relative;min-height:350px}}@media only screen and (min-width: 1200px){:host .non-mobile-wrapper{max-width:1136px}}@media (min-width: 1300px){:host .non-mobile-wrapper{margin:-75px auto 0 auto}}@media only screen and (min-width: 1440px){:host .non-mobile-wrapper{max-width:1200px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .header-list-wrap{padding-right:16px;margin-right:64px;min-width:270px;max-width:270px;box-sizing:border-box;display:flex;flex-direction:column;align-items:baseline}:host .non-mobile-wrapper .header-list-wrap::after{content:\"\";width:1px;height:calc(100% - 48px);background-color:var(--color-gray-05);position:absolute;left:297px;top:24px;bottom:24px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .content-wrap{padding-right:72px}}:host .non-mobile-wrapper .fl-header{margin:0;padding:12px 0;width:100%}:host .mobile-wrapper .acc-item{border-bottom:1px solid var(--color-gray-03);padding:14px 30px}:host .mobile-wrapper .acc-item fl-tab-header{padding-left:34px;position:relative}:host .mobile-wrapper .acc-item fl-tab-header::before{content:\"\";display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_91_790)\"><path d=\"M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z\" fill=\"%23006E09\"/></g><defs><clipPath id=\"clip0_91_790\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>');vertical-align:middle;position:absolute;left:0;top:4.5px}:host .mobile-wrapper .acc-item fl-tab-header.selected::before,:host .mobile-wrapper .acc-item fl-tab-header.init-active::before{background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_113_741)\"><path d=\"M0 7.05566V10.8637H13.913V7.05566H0Z\" fill=\"%23323B42\"/></g><defs><clipPath id=\"clip0_113_741\"><rect width=\"13.913\" height=\"17.92\" fill=\"white\"/></clipPath></defs></svg>')}:host .mobile-wrapper .acc-item fl-tab-content{padding-left:34px;padding-bottom:18px}";
 

package/dist/esm/ptc-filter-dropdown_4.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-62587d0b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-4025d85a.js';
 
 const ptcFilterDropdownCss = ":host{display:block;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;border-radius:4px}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .radio-label input{margin-right:10px}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:\"\";height:20px;width:20px;position:absolute;left:0;top:0;display:none}";