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

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

@@ -17,34 +17,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]);
       }
     }
   }
@@ -52,10 +52,10 @@ const PtcFilterTag = class {
     const classMap = this.getCssClassMap();
     let icon;
     switch (this.theme) {
-      case 'bubble':
+      case "bubble":
         icon = (h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
         break;
-      case 'standard':
+      case "standard":
         icon = (h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
         break;
     }
@@ -63,8 +63,8 @@ const PtcFilterTag = class {
   }
   getCssClassMap() {
     return {
-      ['ptc-filter-tag']: true,
-      [this.theme]: true
+      ["ptc-filter-tag"]: true,
+      [this.theme]: true,
     };
   }
   get el() { return getElement(this); }
@@ -191,7 +191,10 @@ 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++) {
@@ -210,7 +213,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>);
@@ -230,7 +233,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() {
@@ -301,20 +304,40 @@ const PtcPagenation = class {
     switch (this.theme) {
       case "standard":
         let allowSkip = pageCountValue > 6;
-        return (h("div", { class: "standard-filter" }, this.styles && h("style", null, this.styles), h("a", { id: "lastPageArrowId", href: "#", class: this.clickedPageNumber == 1 ? "previous-button mf-listen disabled" : "previous-button mf-listen", onClick: this.handleClickPrev }, h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" })), allowSkip && this.clickedPageNumber > pageLength ? [
-          h("a", { href: "#", id: "pagebtn1Id", "data-url": "first", "data-page": 1, class: "standard-filter-item mf-listen", onClick: (e) => this.handlePageSkip(e, 1) }, 1),
-          h("span", { class: "standard-filter-dots" }, "...")
-        ] : null, this.pageNumbers.map(anchoritem => {
-          return (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 ? [
-          h("span", { class: "standard-filter-dots" }, "..."),
-          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, h("a", { id: "nextPageArrowId", href: "#", class: this.clickedPageNumber == pageCountValue ? "next-button mf-listen disabled" : "next-button mf-listen", onClick: this.handleClick }, h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" }))));
+        return (h("div", { class: "standard-filter" }, this.styles && h("style", null, this.styles), h("a", { id: "lastPageArrowId", href: "#", class: this.clickedPageNumber == 1
+            ? "previous-button mf-listen disabled"
+            : "previous-button mf-listen", onClick: this.handleClickPrev }, h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" })), allowSkip && this.clickedPageNumber > pageLength
+          ? [
+            h("a", { href: "#", id: "pagebtn1Id", "data-url": "first", "data-page": 1, class: "standard-filter-item mf-listen", onClick: (e) => this.handlePageSkip(e, 1) }, 1),
+            h("span", { class: "standard-filter-dots" }, "..."),
+          ]
+          : null, this.pageNumbers.map((anchoritem) => {
+          return (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
+          ? [
+            h("span", { class: "standard-filter-dots" }, "..."),
+            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, h("a", { id: "nextPageArrowId", href: "#", class: this.clickedPageNumber == pageCountValue
+            ? "next-button mf-listen disabled"
+            : "next-button mf-listen", onClick: this.handleClick }, h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" }))));
       case "events":
       default:
-        return (h("div", { class: "events-filter" }, this.styles && h("style", null, this.styles), h("span", { class: this.clickedPageNumber == 1 ? "events-filter-item disabled prev-text" : "events-filter-item prev-text" }, this.previousValue), 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 (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 ? (h("span", { class: "events-filter-dots" }, ". . .")) : null, h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue ? "pagenation-arrow last-page events-disable-arrows" : "pagenation-arrow last-page" }), h("span", { class: this.clickedPageNumber == pageCountValue ? "events-filter-item disabled last-text" : "events-filter-item last-text" }, this.lastValue)));
+        return (h("div", { class: "events-filter" }, this.styles && h("style", null, this.styles), h("span", { class: this.clickedPageNumber == 1
+            ? "events-filter-item disabled prev-text"
+            : "events-filter-item prev-text" }, this.previousValue), 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 (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 ? (h("span", { class: "events-filter-dots" }, ". . .")) : null, h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue
+            ? "pagenation-arrow last-page events-disable-arrows"
+            : "pagenation-arrow last-page" }), h("span", { class: this.clickedPageNumber == pageCountValue
+            ? "events-filter-item disabled last-text"
+            : "events-filter-item last-text" }, this.lastValue)));
     }
   }
   handlePageSkip(e, clickedPage) {
@@ -353,8 +376,10 @@ 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/esm/ptc-footer.entry.js

@@ -9,14 +9,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";
       });
     }
   }
@@ -24,13 +24,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";
       });
     }
   }
@@ -39,7 +39,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) => {
@@ -54,7 +54,9 @@ const PtcFooter = class {
     });
   }
   render() {
-    return (h(Host, null, h("div", { class: "footer-bg-wrap" }, h("div", { class: 'footer-bg', style: { backgroundImage: `url(${this.backgroundImage})` } }), h("slot", null)), h("slot", { name: 'footer-bottom-slot' })));
+    return (h(Host, null, h("div", { class: "footer-bg-wrap" }, h("div", { class: "footer-bg", style: {
+        backgroundImage: `url(${this.backgroundImage})`,
+      } }), h("slot", null)), h("slot", { name: "footer-bottom-slot" })));
   }
 };
 PtcFooter.style = ptcFooterV2Css;