@ptcwebops/ptcw-design 6.3.66-beta → 6.3.68-beta

package/dist/collection/components/ptc-countdown/ptc-countdown.js

@@ -1,20 +1,20 @@
-import { h } from '@stencil/core';
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
+import { h } from "@stencil/core";
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
 // import timezone from 'dayjs/plugin/timezone';
 // Extend dayjs with timezone support
 dayjs.extend(utc);
 // dayjs.extend(timezone);
 export class PtcCountdown {
   constructor() {
-    this.countdownTitle = '';
-    this.eventTime = '';
-    this.eventTimeZone = 'EST';
-    this.expiredText = 'This event has started on';
-    this.daysText = 'days';
-    this.hoursText = 'hours';
-    this.minutesText = 'minutes';
-    this.secondsText = 'seconds';
+    this.countdownTitle = "";
+    this.eventTime = "";
+    this.eventTimeZone = "EST";
+    this.expiredText = "This event has started on";
+    this.daysText = "days";
+    this.hoursText = "hours";
+    this.minutesText = "minutes";
+    this.secondsText = "seconds";
     this.useHourFormat = true;
     this.timeLeft = {
       days: 0,
@@ -23,11 +23,11 @@ export class PtcCountdown {
       seconds: 0,
     };
     this.isExpired = false;
-    this.displayLocale = 'en';
+    this.displayLocale = "en";
   }
   componentWillLoad() {
     if (!this.eventTime || !this.eventTimeZone) {
-      console.error('Both eventTime and eventTimeZone are required.');
+      console.error("Both eventTime and eventTimeZone are required.");
       return;
     }
     this.detectLocaleFromURL();
@@ -39,48 +39,48 @@ export class PtcCountdown {
   // Map time zone abbreviations to their offset in minutes.
   getOffsetFromAbbr(abbr) {
     const tzMapping = {
-      'PST': -480,
-      'PDT': -420,
-      'MST': -420,
-      'MDT': -360,
-      'CST': -360,
-      'CDT': -300,
-      'UTC': 0,
-      'BST': 60,
-      'GST': 240,
-      'KST': 540,
-      'ACST': 570,
-      'ACDT': 630,
-      'EST': -300,
-      'EDT': -240,
-      'CET': 60,
-      'CEST': 120,
-      'IST': 330,
-      'CST_CN': 480,
-      'JST': 540,
+      PST: -480,
+      PDT: -420,
+      MST: -420,
+      MDT: -360,
+      CST: -360,
+      CDT: -300,
+      UTC: 0,
+      BST: 60,
+      GST: 240,
+      KST: 540,
+      ACST: 570,
+      ACDT: 630,
+      EST: -300,
+      EDT: -240,
+      CET: 60,
+      CEST: 120,
+      IST: 330,
+      CST_CN: 480,
+      JST: 540,
       //Above shows the existing timezones in SC
-      'ADT': -180,
-      'AEDT': 660,
-      'AEST': 600,
-      'AKDT': -480,
-      'AKST': -540,
-      'AST': -240,
-      'AWST': 480,
-      'EEST': 180,
-      'EET': 120,
-      'GMT': 0,
-      'HKT': 480,
+      ADT: -180,
+      AEDT: 660,
+      AEST: 600,
+      AKDT: -480,
+      AKST: -540,
+      AST: -240,
+      AWST: 480,
+      EEST: 180,
+      EET: 120,
+      GMT: 0,
+      HKT: 480,
     };
     return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
   }
   // Convert the provided date to ISO 8601 if needed.
   transformDate(contentDate) {
     // If contentDate includes a 'T', assume it’s ISO 8601.
-    if (contentDate.includes('T')) {
+    if (contentDate.includes("T")) {
       return contentDate;
     }
     // Otherwise, assume the original format "M/D/YYYY h:mm:ss A"
-    return dayjs(contentDate, 'M/D/YYYY h:mm:ss A').format('YYYY-MM-DDTHH:mm:ss');
+    return dayjs(contentDate, "M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss");
   }
   calculateTimeLeft() {
     const offset = this.getOffsetFromAbbr(this.eventTimeZone);
@@ -115,29 +115,29 @@ export class PtcCountdown {
   // }
   detectLocaleFromURL() {
     const url = window.location.href;
-    if (url.includes('/cn/')) {
-      this.displayLocale = 'zh-CN';
+    if (url.includes("/cn/")) {
+      this.displayLocale = "zh-CN";
     }
-    else if (url.includes('/tw/')) {
-      this.displayLocale = 'zh-TW';
+    else if (url.includes("/tw/")) {
+      this.displayLocale = "zh-TW";
     }
-    else if (url.includes('/fr/')) {
-      this.displayLocale = 'fr';
+    else if (url.includes("/fr/")) {
+      this.displayLocale = "fr";
     }
-    else if (url.includes('/de/')) {
-      this.displayLocale = 'de';
+    else if (url.includes("/de/")) {
+      this.displayLocale = "de";
     }
-    else if (url.includes('/it/')) {
-      this.displayLocale = 'it';
+    else if (url.includes("/it/")) {
+      this.displayLocale = "it";
     }
-    else if (url.includes('/ja/')) {
-      this.displayLocale = 'ja';
+    else if (url.includes("/ja/")) {
+      this.displayLocale = "ja";
     }
-    else if (url.includes('/ko/')) {
-      this.displayLocale = 'ko';
+    else if (url.includes("/ko/")) {
+      this.displayLocale = "ko";
     }
     else {
-      this.displayLocale = 'en';
+      this.displayLocale = "en";
     }
   }
   render() {
@@ -145,16 +145,16 @@ export class PtcCountdown {
     // Format the event time in 24-hour ISO 8601 style, applying the eventTimeZone offset.
     const formattedEventTime = dayjs(this.transformDate(this.eventTime))
       .utcOffset(this.getOffsetFromAbbr(this.eventTimeZone), true)
-      .format('YYYY-MM-DD HH:mm');
+      .format("YYYY-MM-DD HH:mm");
     //const hour12 = this.shouldUse12HourFormat();
-    return (h("div", { class: "countdown-outer" }, this.countdownTitle && h("div", { class: "event-name" }, this.countdownTitle), !this.isExpired ? (h("div", { id: "CDOutput", class: "countdown" }, h("div", { class: "day" }, h("div", null, days), h("span", null, this.daysText)), h("div", { class: "hours" }, h("div", null, hours), h("span", null, this.hoursText)), h("div", { class: "minutes" }, h("div", null, minutes), h("span", null, this.minutesText)), h("div", { class: "seconds" }, h("div", null, seconds), h("span", null, this.secondsText)))) : (h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), h("div", { class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
-      month: 'long',
-      day: 'numeric',
-      year: 'numeric',
-      hour: '2-digit',
-      minute: '2-digit',
+    return (h("div", { class: "countdown-outer" }, this.countdownTitle && (h("div", { class: "event-name" }, this.countdownTitle)), !this.isExpired ? (h("div", { id: "CDOutput", class: "countdown" }, h("div", { class: "day" }, h("div", null, days), h("span", null, this.daysText)), h("div", { class: "hours" }, h("div", null, hours), h("span", null, this.hoursText)), h("div", { class: "minutes" }, h("div", null, minutes), h("span", null, this.minutesText)), h("div", { class: "seconds" }, h("div", null, seconds), h("span", null, this.secondsText)))) : (h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), h("div", { class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
+      month: "long",
+      day: "numeric",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
       hour12: this.useHourFormat,
-    }), ' ', "(", this.eventTimeZone, ")")));
+    }), " ", "(", this.eventTimeZone, ")")));
   }
   static get is() { return "ptc-countdown"; }
   static get encapsulation() { return "shadow"; }
@@ -186,7 +186,7 @@ export class PtcCountdown {
         },
         "attribute": "countdown-title",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "eventTime": {
         "type": "string",
@@ -204,7 +204,7 @@ export class PtcCountdown {
         },
         "attribute": "event-time",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "eventTimeZone": {
         "type": "string",
@@ -222,7 +222,7 @@ export class PtcCountdown {
         },
         "attribute": "event-time-zone",
         "reflect": false,
-        "defaultValue": "'EST'"
+        "defaultValue": "\"EST\""
       },
       "expiredText": {
         "type": "string",
@@ -240,7 +240,7 @@ export class PtcCountdown {
         },
         "attribute": "expired-text",
         "reflect": false,
-        "defaultValue": "'This event has started on'"
+        "defaultValue": "\"This event has started on\""
       },
       "daysText": {
         "type": "string",
@@ -258,7 +258,7 @@ export class PtcCountdown {
         },
         "attribute": "days-text",
         "reflect": false,
-        "defaultValue": "'days'"
+        "defaultValue": "\"days\""
       },
       "hoursText": {
         "type": "string",
@@ -276,7 +276,7 @@ export class PtcCountdown {
         },
         "attribute": "hours-text",
         "reflect": false,
-        "defaultValue": "'hours'"
+        "defaultValue": "\"hours\""
       },
       "minutesText": {
         "type": "string",
@@ -294,7 +294,7 @@ export class PtcCountdown {
         },
         "attribute": "minutes-text",
         "reflect": false,
-        "defaultValue": "'minutes'"
+        "defaultValue": "\"minutes\""
       },
       "secondsText": {
         "type": "string",
@@ -312,7 +312,7 @@ export class PtcCountdown {
         },
         "attribute": "seconds-text",
         "reflect": false,
-        "defaultValue": "'seconds'"
+        "defaultValue": "\"seconds\""
       },
       "useHourFormat": {
         "type": "boolean",

package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { ElqLib } from '../../utils/elq-lib';
+import { h } from "@stencil/core";
+import { ElqLib } from "../../utils/elq-lib";
 export class PtcDataLookup {
   constructor() {
     this.elqSiteId = undefined;
@@ -7,11 +7,11 @@ export class PtcDataLookup {
     this.elqRecipientIdLookupKey = undefined;
     this.elqContactLookupKey = undefined;
     this.elqSubscriptionLookupKey = undefined;
-    this.elqFieldEmailRecId = 'V_EmailRecipientID';
-    this.elqFieldContactEmail = 'C_EmailAddress';
-    this.elqFieldVisitorEmail = 'V_Email_Address';
-    this.elqFieldVisitorFirstname = 'C_FirstName';
-    this.elqFieldVisitorLastname = 'C_LastName';
+    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;
@@ -48,25 +48,61 @@ export class PtcDataLookup {
     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' });
+    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(';');
+      const cookies = document.cookie.split(";");
       for (let cookie of cookies) {
-        const [key, value] = cookie.trim().split('=');
+        const [key, value] = cookie.trim().split("=");
         if (key === name) {
           cookieValue = decodeURIComponent(value);
           break;
@@ -76,22 +112,22 @@ export class PtcDataLookup {
     return cookieValue;
   }
   init_notme() {
-    const topAdditional = document.getElementById('not-me-additional-top');
-    const bottomAdditional = document.getElementById('not-me-additional-bottom');
+    const topAdditional = document.getElementById("not-me-additional-top");
+    const bottomAdditional = document.getElementById("not-me-additional-bottom");
     if (topAdditional)
-      topAdditional.style.display = 'none';
+      topAdditional.style.display = "none";
     if (bottomAdditional)
-      bottomAdditional.style.display = 'none';
+      bottomAdditional.style.display = "none";
   }
   async performDataLookup() {
     if (this.isInitialized) {
-      this.elqLib.user_elq_email = this.getCookie('elq-uid');
+      this.elqLib.user_elq_email = this.getCookie("elq-uid");
       this.elqLib.find_eloqua_contact();
     }
   }
   async performSubscriptionLookup() {
     if (this.isInitialized) {
-      this.elqLib.user_elq_email = this.getCookie('elq-uid');
+      this.elqLib.user_elq_email = this.getCookie("elq-uid");
       this.elqLib.find_eloqua_subscription_info();
     }
   }
@@ -212,7 +248,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-email-rec-id",
         "reflect": false,
-        "defaultValue": "'V_EmailRecipientID'"
+        "defaultValue": "\"V_EmailRecipientID\""
       },
       "elqFieldContactEmail": {
         "type": "string",
@@ -230,7 +266,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-contact-email",
         "reflect": false,
-        "defaultValue": "'C_EmailAddress'"
+        "defaultValue": "\"C_EmailAddress\""
       },
       "elqFieldVisitorEmail": {
         "type": "string",
@@ -248,7 +284,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-visitor-email",
         "reflect": false,
-        "defaultValue": "'V_Email_Address'"
+        "defaultValue": "\"V_Email_Address\""
       },
       "elqFieldVisitorFirstname": {
         "type": "string",
@@ -266,7 +302,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-visitor-firstname",
         "reflect": false,
-        "defaultValue": "'C_FirstName'"
+        "defaultValue": "\"C_FirstName\""
       },
       "elqFieldVisitorLastname": {
         "type": "string",
@@ -284,7 +320,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-visitor-lastname",
         "reflect": false,
-        "defaultValue": "'C_LastName'"
+        "defaultValue": "\"C_LastName\""
       },
       "notmeLinkId": {
         "type": "string",

package/dist/collection/components/ptc-date/ptc-date.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-date/ptc-date.js

@@ -1,14 +1,14 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcDate {
   constructor() {
     this.year = 1900;
     this.month = 0;
     this.day = 1;
-    this.country = 'en-US';
+    this.country = "en-US";
     this.dateString = undefined;
     this.dateColor = undefined;
     this.dateStyles = undefined;
-    this.dataSize = 'small';
+    this.dataSize = "small";
     this.formatOptions = undefined;
   }
   render() {
@@ -23,7 +23,7 @@ export class PtcDate {
     };
   }
   getOptions() {
-    let result = { year: 'numeric', month: 'short', day: 'numeric' };
+    let result = { year: "numeric", month: "short", day: "numeric" };
     if (this.formatOptions) {
       try {
         var json = JSON.parse(this.formatOptions);
@@ -40,7 +40,7 @@ export class PtcDate {
   }
   getDate() {
     if (this.dateString) {
-      let newDate = new Date(this.dateString.replace(/-/g, '/'));
+      let newDate = new Date(this.dateString.replace(/-/g, "/"));
       return newDate;
     }
     else {
@@ -131,7 +131,7 @@ export class PtcDate {
         },
         "attribute": "country",
         "reflect": false,
-        "defaultValue": "'en-US'"
+        "defaultValue": "\"en-US\""
       },
       "dateString": {
         "type": "string",
@@ -154,7 +154,7 @@ export class PtcDate {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'white' | 'primary-grey'",
+          "original": "\"white\" | \"primary-grey\"",
           "resolved": "\"primary-grey\" | \"white\"",
           "references": {}
         },
@@ -188,7 +188,7 @@ export class PtcDate {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'medium' | 'small'",
+          "original": "\"medium\" | \"small\"",
           "resolved": "\"medium\" | \"small\"",
           "references": {}
         },
@@ -200,7 +200,7 @@ export class PtcDate {
         },
         "attribute": "data-size",
         "reflect": false,
-        "defaultValue": "'small'"
+        "defaultValue": "\"small\""
       },
       "formatOptions": {
         "type": "string",

package/dist/collection/components/ptc-dropdown/ptc-dropdown.css

@@ -10,8 +10,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -30,8 +32,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */