@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
-import { d as debounce, M as MapDOM, b as generateUUID } from './utils-7c68b88a.js';
+import { d as debounce, M as MapDOM, g as generateUUID } from './utils-2f12c081.js';
 
 const info = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
     <defs>
@@ -74,14 +74,14 @@ const PtcCollapseList = class {
     this.ready.emit({
       sender: this.el,
       tree: this.data,
-      search: this.searchText,
+      search: this.searchText
     });
     let event = () => {
       this.changed.emit({
         sender: this.el,
         selectedValue: this.selectedValue,
         selectedItems: this.selectedItems,
-        search: this.searchText,
+        search: this.searchText
       });
     };
     this.debouncedUpdatedEvent = debounce(event, this.debounceUpdateDelay, this);
@@ -89,11 +89,11 @@ const PtcCollapseList = class {
   }
   openList() {
     var _a;
-    const listitem = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".listOpen");
+    const listitem = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.listOpen');
     listitem.forEach((item) => {
-      if (item.classList.contains("listOpen")) {
-        item === null || item === void 0 ? void 0 : item.classList.add("expanded");
-        const ulElement = item === null || item === void 0 ? void 0 : item.querySelector("ul");
+      if (item.classList.contains('listOpen')) {
+        item === null || item === void 0 ? void 0 : item.classList.add('expanded');
+        const ulElement = item === null || item === void 0 ? void 0 : item.querySelector('ul');
         if (ulElement) {
           ulElement.style.maxHeight = `${ulElement.scrollHeight}px`;
         }
@@ -104,7 +104,7 @@ const PtcCollapseList = class {
     this.viewUpdated.emit({
       sender: this.el,
       tree: this.data,
-      search: this.searchText,
+      search: this.searchText
     });
   }
   onItemSelectedHandler(event) {
@@ -113,7 +113,7 @@ const PtcCollapseList = class {
       sender: event ? event.target : this.el,
       selectedValue: this.selectedValue,
       selectedItems: this.selectedItems,
-      tree: this.data,
+      tree: this.data
     });
     this.fireChangedEvent();
   }
@@ -126,7 +126,7 @@ const PtcCollapseList = class {
       selectedValue: this.selectedValue,
       selectedItems: this.selectedItems,
       tree: this.data,
-      search: this.searchText,
+      search: this.searchText
     });
     this.fireChangedEvent();
   }
@@ -136,7 +136,7 @@ const PtcCollapseList = class {
       sender: event ? event.target : this.el,
       selectedValue: this.selectedValue,
       selectedItems: this.selectedItems,
-      tree: this.data,
+      tree: this.data
     });
   }
   fireChangedEvent() {
@@ -153,9 +153,7 @@ const PtcCollapseList = class {
           arr.map((z) => {
             var newItem = new CollapseListItem();
             newItem.isExternalLink = z.linkHref ? true : false;
-            newItem.trackerId = z.trackerId
-              ? z.trackerId
-              : `${this.trackerId}-list-item-${counter++}`;
+            newItem.trackerId = z.trackerId ? z.trackerId : `${this.trackerId}-list-item-${counter++}`;
             if (z.linkHref) {
               newItem.href = z.linkHref;
               newItem.target = z.linkTarget;
@@ -169,14 +167,13 @@ const PtcCollapseList = class {
               newItem.name = z.facetName;
               newItem.value = z.facetValue;
               newItem.category = z.category;
-              newItem.allowMultiSelect =
-                z.allowMultiSelect != "false";
-              newItem.enableSearch = z.enableSearch == "true";
+              newItem.allowMultiSelect = z.allowMultiSelect != 'false';
+              newItem.enableSearch = z.enableSearch == 'true';
               newItem.searchBoxPlaceholder = z.placeholderText;
               newItem.tooltip = z.tooltip;
               this.setUpCategory(newItem.category, newItem.allowMultiSelect);
               // Ensure listOpened is set based on is-list-opened attribute
-              newItem.listOpened = z.hasOwnProperty("listOpened");
+              newItem.listOpened = z.hasOwnProperty('listOpened');
             }
             if (z.collapseListItem) {
               newItem.children = new Array();
@@ -193,7 +190,7 @@ const PtcCollapseList = class {
             outArr.push(newItem);
           });
         };
-        this.setUpCategory("default", true);
+        this.setUpCategory('default', true);
         buildChildren(dom.collapseListItem, this.data);
       }
     }
@@ -206,15 +203,15 @@ const PtcCollapseList = class {
       this.selectedValue[name] = {
         name: name,
         items: new Array(),
-        allowMultiSelect: allowMultiSelect,
+        allowMultiSelect: allowMultiSelect
       };
     }
   }
   collapseAllFirstLevelItems(exclude) {
-    let items = this.el.shadowRoot.querySelectorAll(".level-1");
+    let items = this.el.shadowRoot.querySelectorAll('.level-1');
     items.forEach((z) => {
-      if (z.classList.contains("expanded") && z != exclude) {
-        z.classList.remove("expanded");
+      if (z.classList.contains('expanded') && z != exclude) {
+        z.classList.remove('expanded');
       }
     });
   }
@@ -224,13 +221,13 @@ const PtcCollapseList = class {
         this.refreshBuffer = timestamp;
       }
       const elapsed = timestamp - this.refreshBuffer;
-      let items = this.el.shadowRoot.querySelectorAll("li");
+      let items = this.el.shadowRoot.querySelectorAll('li');
       items.forEach((z) => {
-        let ul = z.querySelector(":scope > ul");
+        let ul = z.querySelector(':scope > ul');
         if (ul) {
-          if (!z.classList.contains("expanded")) {
-            ul.style.removeProperty("max-height");
-            let childAnchorItems = ul.querySelectorAll("a");
+          if (!z.classList.contains('expanded')) {
+            ul.style.removeProperty('max-height');
+            let childAnchorItems = ul.querySelectorAll('a');
             if (childAnchorItems) {
               childAnchorItems.forEach((child) => {
                 if (child) {
@@ -238,7 +235,7 @@ const PtcCollapseList = class {
                 }
               });
             }
-            let childInputsItems = ul.querySelectorAll("input");
+            let childInputsItems = ul.querySelectorAll('input');
             if (childInputsItems) {
               childInputsItems.forEach((child) => {
                 if (child) {
@@ -249,21 +246,19 @@ const PtcCollapseList = class {
           }
           else {
             ul.style.maxHeight = ul.scrollHeight + "px";
-            let level1Parent = ul.closest(".level-1");
+            let level1Parent = ul.closest('.level-1');
             if (level1Parent) {
-              if (level1Parent.classList.contains("expanded")) {
+              if (level1Parent.classList.contains('expanded')) {
                 if (ul.childNodes) {
                   ul.childNodes.forEach((child) => {
-                    if (child.children[0] &&
-                      child.children[0].tagName !=
-                        "DIV") {
-                      child.children[0].setAttribute("tabindex", "0");
+                    if (child.children[0] && child.children[0].tagName != 'DIV') {
+                      child.children[0].setAttribute('tabindex', '0');
                     }
                   });
                 }
               }
             }
-            let childInputsItems = ul.querySelectorAll("input");
+            let childInputsItems = ul.querySelectorAll('input');
             if (childInputsItems) {
               childInputsItems.forEach((child) => {
                 if (child) {
@@ -292,7 +287,7 @@ const PtcCollapseList = class {
     var _a;
     let selectedItem = this.hashMap[uuid];
     if (selectedItem && selectedItem.value) {
-      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : "default";
+      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
       if (!this.selectedValue[categoryName]) {
         this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
       }
@@ -302,20 +297,14 @@ const PtcCollapseList = class {
           items.push(selectedItem.value);
         }
         else {
-          this.selectedItems = this.selectedItems.filter((z) => {
-            return z.value != items[0];
-          });
+          this.selectedItems = this.selectedItems.filter((z) => { return z.value != items[0]; });
           items = [selectedItem.value];
         }
         this.selectedItems.push(selectedItem);
       }
       else {
-        items = items.filter((z) => {
-          return z != selectedItem.value;
-        });
-        this.selectedItems = this.selectedItems.filter((z) => {
-          return z.value != selectedItem.value;
-        });
+        items = items.filter((z) => { return z != selectedItem.value; });
+        this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
       }
       this.selectedValue[categoryName].items = items;
     }
@@ -324,18 +313,14 @@ const PtcCollapseList = class {
     var _a;
     let selectedItem = this.hashMap[uuid];
     if (selectedItem && selectedItem.value) {
-      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : "default";
+      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
       if (!this.selectedValue[categoryName]) {
         this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
       }
       let items = this.selectedValue[categoryName].items;
       if (items.indexOf(selectedItem.value) > -1) {
-        items = items.filter((z) => {
-          return z != selectedItem.value;
-        });
-        this.selectedItems = this.selectedItems.filter((z) => {
-          return z.value != selectedItem.value;
-        });
+        items = items.filter((z) => { return z != selectedItem.value; });
+        this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
       }
       this.selectedValue[categoryName].items = items;
     }
@@ -344,7 +329,7 @@ const PtcCollapseList = class {
     var _a;
     let selectedItem = this.hashMap[uuid];
     if (selectedItem && selectedItem.value) {
-      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : "default";
+      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
       if (!this.selectedValue[categoryName]) {
         this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
       }
@@ -379,9 +364,7 @@ const PtcCollapseList = class {
       let input = e.target;
       let search = input.value;
       if (input) {
-        let items = input
-          .closest("ul")
-          .querySelectorAll("li:not(.search-box-wrapper)");
+        let items = input.closest('ul').querySelectorAll('li:not(.search-box-wrapper)');
         if (search && search.length > 0) {
           items.forEach((item) => {
             var _a;
@@ -414,19 +397,17 @@ const PtcCollapseList = class {
     if (event) {
       event.preventDefault();
       let sender = event.currentTarget;
-      let root = sender.closest(".level-1");
-      let parent = sender.closest("li");
+      let root = sender.closest('.level-1');
+      let parent = sender.closest('li');
       if (collapseParents) {
         this.collapseAllFirstLevelItems(root);
       }
       if (parent) {
         parent.classList.toggle("expanded");
       }
-      if (sender.classList.contains("expander-icon")) {
-        let icon = parent.classList.contains("expanded")
-          ? "minus"
-          : "plus";
-        sender.querySelector("icon-asset").setAttribute("name", icon);
+      if (sender.classList.contains('expander-icon')) {
+        let icon = parent.classList.contains('expanded') ? 'minus' : 'plus';
+        sender.querySelector('icon-asset').setAttribute('name', icon);
       }
       this.updateExpandedItems();
     }
@@ -435,24 +416,21 @@ const PtcCollapseList = class {
   render() {
     let renderToolTip = (tooltip) => {
       if (tooltip) {
-        return (h("ptc-tooltip", { "text-display": "inline", mode: "wrapper", "z-index": "z-2", position: "bottom", description: "" }, h("div", { class: "icon-wrapper" }, h("i", { class: "active-icon", innerHTML: infoGreen }), h("i", { class: "inactive-icon", innerHTML: info })), h("span", { class: "popup", slot: "description" }, h("i", { innerHTML: infoGreen }), h("div", { class: "content", innerHTML: tooltip }))));
+        return (h("ptc-tooltip", { "text-display": "inline", mode: "wrapper", "z-index": "z-2", position: "bottom", description: '' }, h("div", { class: "icon-wrapper" }, h("i", { class: 'active-icon', innerHTML: infoGreen }), h("i", { class: 'inactive-icon', innerHTML: info })), h("span", { class: "popup", slot: "description" }, h("i", { innerHTML: infoGreen }), h("div", { class: "content", innerHTML: tooltip }))));
       }
     };
     let renderLevel = (arr, level, searchOptions) => {
       let levelClass = `level-${level} mf-listen`;
-      let tId = this.trackerId ? `${this.trackerId}-${levelClass}` : "";
-      return (h("ul", null, searchOptions && (h("li", { class: "search-box-wrapper" }, h("div", { id: tId, class: "search-box mf-listen" }, h("input", { class: "search-box", id: "searchBoxId", type: "text", placeholder: searchOptions.placeholder, tabIndex: -1, onKeyUp: (e) => {
-          this.onItemFilterSearchUpdate(e);
-        }, onBlur: (e) => {
-          this.onItemFilterSearchUpdate(e);
-        } })))), arr.map((z) => {
+      let tId = this.trackerId ? `${this.trackerId}-${levelClass}` : '';
+      return (h("ul", null, searchOptions &&
+        h("li", { class: "search-box-wrapper" }, h("div", { id: tId, class: "search-box mf-listen" }, h("input", { class: "search-box", id: "searchBoxId", type: "text", placeholder: searchOptions.placeholder, tabIndex: -1, onKeyUp: (e) => { this.onItemFilterSearchUpdate(e); }, onBlur: (e) => { this.onItemFilterSearchUpdate(e); } }))), arr.map((z) => {
         let expandable = false;
         let selectable = false;
         let icon;
         let searchOptions = undefined;
         if (z.enableSearch) {
           searchOptions = {
-            placeholder: z.searchBoxPlaceholder,
+            placeholder: z.searchBoxPlaceholder
           };
         }
         if (level == 1) {
@@ -479,10 +457,8 @@ const PtcCollapseList = class {
         }
         return (h("li", { id: z.trackerId, class: {
             [levelClass]: true,
-            listOpen: z.listOpened,
-          } }, getLink(z, icon, level, expandable, selectable), z.children
-          ? renderLevel(z.children, level + 1, searchOptions)
-          : ""));
+            listOpen: z.listOpened
+          } }, getLink(z, icon, level, expandable, selectable), z.children ? renderLevel(z.children, level + 1, searchOptions) : ''));
       })));
     };
     let getLink = (item, icon, level, expandable, selectable) => {
@@ -499,29 +475,22 @@ const PtcCollapseList = class {
       if (item.isExternalLink) {
         return (h("a", { href: item.href, id: item.id, target: item.target, title: item.title, tabindex: tabIndexValue }, icon, item.text, renderToolTip(tooltip)));
       }
-      else if ((!expandable && selectable) ||
-        (expandable && !selectable)) {
+      else if ((!expandable && selectable) || (expandable && !selectable)) {
         return (h("a", { href: "#", id: item.id, title: item.text, onClick: clickEvent, tabindex: tabIndexValue }, icon, item.text, renderToolTip(tooltip)));
       }
       else {
         return [
-          h("a", { class: "expander-icon", href: "#", id: item.id, onClick: (e) => {
-              this.onExpandClick(e, false);
-            }, tabindex: tabIndexValue }, icon),
-          h("a", { href: "#", title: item.text, id: item.id, onClick: (e) => {
-              this.onItemLinkClick(e, item.id);
-            }, tabindex: tabIndexValue }, item.text),
-          renderToolTip(tooltip),
+          h("a", { class: "expander-icon", href: "#", id: item.id, onClick: (e) => { this.onExpandClick(e, false); }, tabindex: tabIndexValue }, icon),
+          h("a", { href: "#", title: item.text, id: item.id, onClick: (e) => { this.onItemLinkClick(e, item.id); }, tabindex: tabIndexValue }, item.text),
+          renderToolTip(tooltip)
         ];
       }
     };
     // Ignore search bar if the showSearchBar is false
     if (!this.showSearchBar) {
-      return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: "h2", "title-size": "medium", "title-weight": "w-6", "text-align": "left", upperline: "no-upperline" }, this.header), renderLevel(this.data, 1))));
+      return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: 'h2', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, this.header), renderLevel(this.data, 1))));
     }
-    return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: "h2", "title-size": "medium", "title-weight": "w-6", "text-align": "left", upperline: "no-upperline" }, this.header), h("div", { id: `${this.trackerId}-search-box`, class: "search-box mf-listen" }, h("input", { type: "text", id: "searchBoxId", placeholder: this.placeholderText, onKeyUp: (e) => {
-        this.onInputUpdated(e);
-      } })), renderLevel(this.data, 1))));
+    return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: 'h2', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, this.header), h("div", { id: `${this.trackerId}-search-box`, class: "search-box mf-listen" }, h("input", { type: "text", id: "searchBoxId", placeholder: this.placeholderText, onKeyUp: (e) => { this.onInputUpdated(e); } })), renderLevel(this.data, 1))));
   }
   async removeSelectedItem(value) {
     let item = this.getItemByValue(value);

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

@@ -5,10 +5,10 @@ const ptcContainerCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-l
 const PtcContainer = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.backgroundColor = "white";
-    this.elevation = "small";
-    this.containerType = "";
-    this.spacing = "xxx-large";
+    this.backgroundColor = 'white';
+    this.elevation = 'small';
+    this.containerType = '';
+    this.spacing = 'xxx-large';
     this.styles = undefined;
   }
   render() {
@@ -17,21 +17,21 @@ const PtcContainer = class {
   }
   getContainerClass() {
     switch (this.containerType) {
-      case "large":
-        return "ptc-container-lg";
-      case "none":
+      case 'large':
+        return 'ptc-container-lg';
+      case 'none':
         return undefined;
       default:
-        return "ptc-container";
+        return 'ptc-container';
     }
   }
   getCssClassMap() {
     const spacing = `spacing-${this.spacing}`;
     return {
-      ["content-wrapper"]: true,
+      ['content-wrapper']: true,
       [this.backgroundColor]: true,
       [this.elevation]: true,
-      [spacing]: true,
+      [spacing]: true
     };
   }
 };

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

@@ -17,14 +17,14 @@ dayjs_min.extend(utc);
 const PtcCountdown = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    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,
@@ -33,11 +33,11 @@ const PtcCountdown = class {
       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();
@@ -49,48 +49,48 @@ const PtcCountdown = class {
   // 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_min(contentDate, "M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss");
+    return dayjs_min(contentDate, 'M/D/YYYY h:mm:ss A').format('YYYY-MM-DDTHH:mm:ss');
   }
   calculateTimeLeft() {
     const offset = this.getOffsetFromAbbr(this.eventTimeZone);
@@ -118,36 +118,39 @@ const PtcCountdown = class {
     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() {
@@ -155,16 +158,16 @@ const PtcCountdown = class {
     // Format the event time in 24-hour ISO 8601 style, applying the eventTimeZone offset.
     const formattedEventTime = dayjs_min(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, ")")));
   }
 };
 PtcCountdown.style = ptcCountdownCss;