@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/cjs/ptc-filter-tag_2.cjs.entry.js

@@ -21,34 +21,34 @@ const PtcFilterTag = class {
         }
       }
     };
-    this.theme = "bubble";
+    this.theme = 'bubble';
     this.iconColorMap = undefined;
     this.styles = undefined;
     this.trackerID = undefined;
   }
   componentWillLoad() {
     this.iconColorMap = {
-      bubble: {
-        hover: "black",
-        standard: "light-gray",
+      'bubble': {
+        'hover': 'black',
+        'standard': 'light-gray'
       },
-      standard: {
-        hover: "ptc-green",
-        standard: "black",
+      'standard': {
+        'hover': 'ptc-green',
+        'standard': 'black'
       },
     };
   }
   handleMouseEnter() {
-    this.updateIconColor("hover");
+    this.updateIconColor('hover');
   }
   handleMouseLeave() {
-    this.updateIconColor("standard");
+    this.updateIconColor('standard');
   }
   updateIconColor(state) {
-    let icon = this.el.shadowRoot.querySelector("icon-asset");
+    let icon = this.el.shadowRoot.querySelector('icon-asset');
     if (icon) {
       if (this.iconColorMap[this.theme]) {
-        icon.setAttribute("color", this.iconColorMap[this.theme][state]);
+        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
       }
     }
   }
@@ -56,10 +56,10 @@ const PtcFilterTag = class {
     const classMap = this.getCssClassMap();
     let icon;
     switch (this.theme) {
-      case "bubble":
+      case 'bubble':
         icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
         break;
-      case "standard":
+      case 'standard':
         icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
         break;
     }
@@ -67,8 +67,8 @@ const PtcFilterTag = class {
   }
   getCssClassMap() {
     return {
-      ["ptc-filter-tag"]: true,
-      [this.theme]: true,
+      ['ptc-filter-tag']: true,
+      [this.theme]: true
     };
   }
   get el() { return index.getElement(this); }
@@ -195,10 +195,7 @@ const PtcPagenation = class {
           }
         }
         else {
-          this.maxPageNumber =
-            pageCountVal >= this.minPageNumber + pageLength
-              ? this.minPageNumber + pageLength
-              : pageCountVal;
+          this.maxPageNumber = pageCountVal >= this.minPageNumber + pageLength ? this.minPageNumber + pageLength : pageCountVal;
         }
         this.pageNumbers = [];
         for (let i = this.minPageNumber; i <= this.maxPageNumber; i++) {
@@ -217,7 +214,7 @@ const PtcPagenation = class {
           const newPageItem = {
             id: id,
             isActive: isItemActive,
-            dataPage: i,
+            dataPage: i
           };
           this.pageNumbers = [...this.pageNumbers, newPageItem];
           //games.push(<a href="#" data-url={id} data-page={i} class={classValue}>i</a>);
@@ -237,7 +234,7 @@ const PtcPagenation = class {
     this.appendArray = true;
     this.prevArrowImg = "/dist/ptc/images/sidescroll-left-curved.svg";
     this.nextArrowImg = "/dist/ptc/images/sidescroll-right-curved.svg";
-    this.theme = "events";
+    this.theme = 'events';
     this.styles = undefined;
   }
   componentWillLoad() {
@@ -308,40 +305,20 @@ const PtcPagenation = class {
     switch (this.theme) {
       case "standard":
         let allowSkip = pageCountValue > 6;
-        return (index.h("div", { class: "standard-filter" }, this.styles && index.h("style", null, this.styles), index.h("a", { id: "lastPageArrowId", href: "#", class: this.clickedPageNumber == 1
-            ? "previous-button mf-listen disabled"
-            : "previous-button mf-listen", onClick: this.handleClickPrev }, index.h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" })), allowSkip && this.clickedPageNumber > pageLength
-          ? [
-            index.h("a", { href: "#", id: "pagebtn1Id", "data-url": "first", "data-page": 1, class: "standard-filter-item mf-listen", onClick: (e) => this.handlePageSkip(e, 1) }, 1),
-            index.h("span", { class: "standard-filter-dots" }, "..."),
-          ]
-          : null, this.pageNumbers.map((anchoritem) => {
-          return (index.h("a", { href: "#", id: `pagebtn` + anchoritem.dataPage + `id`, "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive
-              ? "standard-filter-item  mf-listen active"
-              : "standard-filter-item mf-listen", onClick: (e) => this.handleClickPage(e, anchoritem.dataPage) }, anchoritem.dataPage));
-        }), allowSkip && pageCountValue > this.maxPageNumber
-          ? [
-            index.h("span", { class: "standard-filter-dots" }, "..."),
-            index.h("a", { href: "#", "data-url": "last", id: `pagebtn` + pageCountValue + `id`, "data-page": pageCountValue, class: "mf-listen standard-filter-item", onClick: (e) => this.handlePageSkip(e, pageCountValue) }, pageCountValue),
-          ]
-          : null, index.h("a", { id: "nextPageArrowId", href: "#", class: this.clickedPageNumber == pageCountValue
-            ? "next-button mf-listen disabled"
-            : "next-button mf-listen", onClick: this.handleClick }, index.h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" }))));
+        return (index.h("div", { class: "standard-filter" }, this.styles && index.h("style", null, this.styles), index.h("a", { id: "lastPageArrowId", href: "#", class: this.clickedPageNumber == 1 ? "previous-button mf-listen disabled" : "previous-button mf-listen", onClick: this.handleClickPrev }, index.h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" })), allowSkip && this.clickedPageNumber > pageLength ? [
+          index.h("a", { href: "#", id: "pagebtn1Id", "data-url": "first", "data-page": 1, class: "standard-filter-item mf-listen", onClick: (e) => this.handlePageSkip(e, 1) }, 1),
+          index.h("span", { class: "standard-filter-dots" }, "...")
+        ] : null, this.pageNumbers.map(anchoritem => {
+          return (index.h("a", { href: "#", id: `pagebtn` + anchoritem.dataPage + `id`, "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "standard-filter-item  mf-listen active" : "standard-filter-item mf-listen", onClick: (e) => this.handleClickPage(e, anchoritem.dataPage) }, anchoritem.dataPage));
+        }), allowSkip && pageCountValue > this.maxPageNumber ? [
+          index.h("span", { class: "standard-filter-dots" }, "..."),
+          index.h("a", { href: "#", "data-url": "last", id: `pagebtn` + pageCountValue + `id`, "data-page": pageCountValue, class: "mf-listen standard-filter-item", onClick: (e) => this.handlePageSkip(e, pageCountValue) }, pageCountValue)
+        ] : null, index.h("a", { id: "nextPageArrowId", href: "#", class: this.clickedPageNumber == pageCountValue ? "next-button mf-listen disabled" : "next-button mf-listen", onClick: this.handleClick }, index.h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" }))));
       case "events":
       default:
-        return (index.h("div", { class: "events-filter" }, this.styles && index.h("style", null, this.styles), index.h("span", { class: this.clickedPageNumber == 1
-            ? "events-filter-item disabled prev-text"
-            : "events-filter-item prev-text" }, this.previousValue), index.h("img", { src: this.prevArrowImg, onClick: this.handleClickPrev, class: this.clickedPageNumber == 1
-            ? "pagenation-arrow prev-page events-disable-arrows"
-            : "pagenation-arrow prev-page" }), this.pageNumbers.map((anchoritem) => {
-          return (index.h("a", { href: "#", id: `pagebtn` + anchoritem.dataPage + `id`, "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive
-              ? "events-filter-item mf-listen active"
-              : "events-filter-item mf-listen", onClick: (e) => this.handleClickPage(e, anchoritem.dataPage) }, anchoritem.dataPage));
-        }), pageCountValue > this.maxPageNumber ? (index.h("span", { class: "events-filter-dots" }, ". . .")) : null, index.h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue
-            ? "pagenation-arrow last-page events-disable-arrows"
-            : "pagenation-arrow last-page" }), index.h("span", { class: this.clickedPageNumber == pageCountValue
-            ? "events-filter-item disabled last-text"
-            : "events-filter-item last-text" }, this.lastValue)));
+        return (index.h("div", { class: "events-filter" }, this.styles && index.h("style", null, this.styles), index.h("span", { class: this.clickedPageNumber == 1 ? "events-filter-item disabled prev-text" : "events-filter-item prev-text" }, this.previousValue), index.h("img", { src: this.prevArrowImg, onClick: this.handleClickPrev, class: this.clickedPageNumber == 1 ? "pagenation-arrow prev-page events-disable-arrows" : "pagenation-arrow prev-page" }), this.pageNumbers.map(anchoritem => {
+          return (index.h("a", { href: "#", id: `pagebtn` + anchoritem.dataPage + `id`, "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item mf-listen active" : "events-filter-item mf-listen", onClick: (e) => this.handleClickPage(e, anchoritem.dataPage) }, anchoritem.dataPage));
+        }), pageCountValue > this.maxPageNumber ? (index.h("span", { class: "events-filter-dots" }, ". . .")) : null, index.h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue ? "pagenation-arrow last-page events-disable-arrows" : "pagenation-arrow last-page" }), index.h("span", { class: this.clickedPageNumber == pageCountValue ? "events-filter-item disabled last-text" : "events-filter-item last-text" }, this.lastValue)));
     }
   }
   handlePageSkip(e, clickedPage) {
@@ -380,10 +357,8 @@ const PtcPagenation = class {
     let newArray = [];
     this.appendArray = false;
     newArray = [...this.pageNumbers];
-    newArray.map((item) => {
-      item.dataPage == clickedPage
-        ? (item.isActive = true)
-        : (item.isActive = false);
+    newArray.map(item => {
+      item.dataPage == clickedPage ? item.isActive = true : item.isActive = false;
     });
     this.pageNumbers = null;
     this.pageNumbers = [...newArray];

package/dist/cjs/ptc-footer.cjs.entry.js

@@ -13,14 +13,14 @@ const PtcFooter = class {
     this.backgroundImage = undefined;
   }
   handleWindowResize() {
-    this.setEqualHeights("ptc-icon-card");
+    this.setEqualHeights('ptc-icon-card');
     this.isTabMob = window.innerWidth < 1200;
     if (!this.isTabMob) {
-      this.setEqualHeights(".ft-col");
+      this.setEqualHeights('.ft-col');
     }
     else {
-      document.querySelectorAll(".ft-col").forEach((col) => {
-        col.style.height = "auto";
+      document.querySelectorAll('.ft-col').forEach((col) => {
+        col.style.height = 'auto';
       });
     }
   }
@@ -28,13 +28,13 @@ const PtcFooter = class {
     this.isTabMob = window.innerWidth < 1200;
   }
   componentDidLoad() {
-    this.setEqualHeights("ptc-icon-card");
+    this.setEqualHeights('ptc-icon-card');
     if (!this.isTabMob) {
-      this.setEqualHeights(".ft-col");
+      this.setEqualHeights('.ft-col');
     }
     else {
-      document.querySelectorAll(".ft-col").forEach((col) => {
-        col.style.height = "auto";
+      document.querySelectorAll('.ft-col').forEach((col) => {
+        col.style.height = 'auto';
       });
     }
   }
@@ -43,7 +43,7 @@ const PtcFooter = class {
     let maxHeight = 0;
     // Reset all heights to auto to properly recalculate the tallest one
     cards.forEach((card) => {
-      card.style.height = "auto";
+      card.style.height = 'auto';
     });
     // Calculate the maximum height
     cards.forEach((card) => {
@@ -58,9 +58,7 @@ const PtcFooter = class {
     });
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "footer-bg-wrap" }, index.h("div", { class: "footer-bg", style: {
-        backgroundImage: `url(${this.backgroundImage})`,
-      } }), index.h("slot", null)), index.h("slot", { name: "footer-bottom-slot" })));
+    return (index.h(index.Host, null, index.h("div", { class: "footer-bg-wrap" }, index.h("div", { class: 'footer-bg', style: { backgroundImage: `url(${this.backgroundImage})` } }), index.h("slot", null)), index.h("slot", { name: 'footer-bottom-slot' })));
   }
 };
 PtcFooter.style = ptcFooterV2Css;