@ptcwebops/ptcw-design 6.3.38 → 6.3.40-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);
@@ -108,36 +108,39 @@ export class PtcCountdown {
     this.calculateTimeLeft();
     this.timer = window.setInterval(() => this.calculateTimeLeft(), 1000);
   }
-  // private shouldUse12HourFormat() : boolean {
-  //   if(this.useHourFormat !== undefined){
-  //     return this.useHourFormat
-  //   }
-  // }
+  shouldUse12HourFormat() {
+    if (this.displayLocale === 'en') {
+      return true;
+    }
+    else if (this.useHourFormat !== undefined) {
+      return this.useHourFormat;
+    }
+  }
   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 +148,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");
-    //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",
-      hour12: this.useHourFormat,
-    }), " ", "(", this.eventTimeZone, ")")));
+      .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',
+      hour12: hour12,
+    }), ' ', "(", this.eventTimeZone, ")")));
   }
   static get is() { return "ptc-countdown"; }
   static get encapsulation() { return "shadow"; }
@@ -186,7 +189,7 @@ export class PtcCountdown {
         },
         "attribute": "countdown-title",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "eventTime": {
         "type": "string",
@@ -204,7 +207,7 @@ export class PtcCountdown {
         },
         "attribute": "event-time",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "eventTimeZone": {
         "type": "string",
@@ -222,7 +225,7 @@ export class PtcCountdown {
         },
         "attribute": "event-time-zone",
         "reflect": false,
-        "defaultValue": "\"EST\""
+        "defaultValue": "'EST'"
       },
       "expiredText": {
         "type": "string",
@@ -240,7 +243,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 +261,7 @@ export class PtcCountdown {
         },
         "attribute": "days-text",
         "reflect": false,
-        "defaultValue": "\"days\""
+        "defaultValue": "'days'"
       },
       "hoursText": {
         "type": "string",
@@ -276,7 +279,7 @@ export class PtcCountdown {
         },
         "attribute": "hours-text",
         "reflect": false,
-        "defaultValue": "\"hours\""
+        "defaultValue": "'hours'"
       },
       "minutesText": {
         "type": "string",
@@ -294,7 +297,7 @@ export class PtcCountdown {
         },
         "attribute": "minutes-text",
         "reflect": false,
-        "defaultValue": "\"minutes\""
+        "defaultValue": "'minutes'"
       },
       "secondsText": {
         "type": "string",
@@ -312,7 +315,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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,61 +48,25 @@ 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;
@@ -112,22 +76,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();
     }
   }
@@ -248,7 +212,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-email-rec-id",
         "reflect": false,
-        "defaultValue": "\"V_EmailRecipientID\""
+        "defaultValue": "'V_EmailRecipientID'"
       },
       "elqFieldContactEmail": {
         "type": "string",
@@ -266,7 +230,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-contact-email",
         "reflect": false,
-        "defaultValue": "\"C_EmailAddress\""
+        "defaultValue": "'C_EmailAddress'"
       },
       "elqFieldVisitorEmail": {
         "type": "string",
@@ -284,7 +248,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-visitor-email",
         "reflect": false,
-        "defaultValue": "\"V_Email_Address\""
+        "defaultValue": "'V_Email_Address'"
       },
       "elqFieldVisitorFirstname": {
         "type": "string",
@@ -302,7 +266,7 @@ export class PtcDataLookup {
         },
         "attribute": "elq-field-visitor-firstname",
         "reflect": false,
-        "defaultValue": "\"C_FirstName\""
+        "defaultValue": "'C_FirstName'"
       },
       "elqFieldVisitorLastname": {
         "type": "string",
@@ -320,7 +284,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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,10 +10,8 @@ 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;
@@ -32,10 +30,8 @@ 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 */