@ptcwebops/ptcw-design 1.4.7 → 1.4.8

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

@@ -69,27 +69,55 @@ const PtcPagenation = class {
       if (this.appendArray) {
         let pageCountVal = this.getPageCount();
         if (this.theme == "standard") {
-          if (this.getPageCount() <= 6) {
-            this.minPageNumber = 1;
-            this.maxPageNumber = this.getPageCount();
-          }
-          else {
-            if (pageLength == 2) {
-              this.minPageNumber = this.clickedPageNumber - 1;
-              this.maxPageNumber = this.clickedPageNumber + 1;
+          if (this.isSmallScreen) {
+            if (this.getPageCount() <= 5) {
+              this.minPageNumber = 1;
+              this.maxPageNumber = this.getPageCount();
             }
             else {
-              if (this.clickedPageNumber < pageLength) {
-                this.minPageNumber = 1;
+              if (pageLength == 1) {
+                this.minPageNumber = this.clickedPageNumber;
+                this.maxPageNumber = this.clickedPageNumber;
               }
-              if (this.clickedPageNumber < pageCountVal - 2) {
-                this.maxPageNumber = this.minPageNumber + 3;
-                if (this.maxPageNumber > pageCountVal) {
+              else {
+                if (this.clickedPageNumber < pageLength) {
+                  this.minPageNumber = 1;
+                }
+                if (this.clickedPageNumber < pageCountVal - 2) {
+                  this.maxPageNumber = this.minPageNumber + 1;
+                  if (this.maxPageNumber > pageCountVal) {
+                    this.maxPageNumber = pageCountVal;
+                  }
+                }
+                else {
                   this.maxPageNumber = pageCountVal;
                 }
               }
+            }
+          }
+          else {
+            if (this.getPageCount() <= 6) {
+              this.minPageNumber = 1;
+              this.maxPageNumber = this.getPageCount();
+            }
+            else {
+              if (pageLength == 2) {
+                this.minPageNumber = this.clickedPageNumber - 1;
+                this.maxPageNumber = this.clickedPageNumber + 1;
+              }
               else {
-                this.maxPageNumber = pageCountVal;
+                if (this.clickedPageNumber < pageLength) {
+                  this.minPageNumber = 1;
+                }
+                if (this.clickedPageNumber < pageCountVal - 2) {
+                  this.maxPageNumber = this.minPageNumber + 3;
+                  if (this.maxPageNumber > pageCountVal) {
+                    this.maxPageNumber = pageCountVal;
+                  }
+                }
+                else {
+                  this.maxPageNumber = pageCountVal;
+                }
               }
             }
           }
@@ -127,6 +155,7 @@ const PtcPagenation = class {
     this.previousValue = "Previous";
     this.lastValue = "Next";
     this.pageNumbers = [];
+    this.isSmallScreen = undefined;
     this.minPageNumber = 1;
     this.maxPageNumber = 4;
     this.clickedPageNumber = 1;
@@ -137,6 +166,41 @@ const PtcPagenation = class {
     this.styles = undefined;
   }
   componentWillLoad() {
+    this.verifiyScreenSize();
+    if (this.theme == "standard") {
+      this.setupStandardPresets();
+    }
+    else {
+      this.setupEventPresets();
+    }
+  }
+  setupStandardPresets() {
+    if (this.clickedPageNumber < 1) ;
+    else if (this.clickedPageNumber > this.getPageCount()) {
+      this.clickedPageNumber = this.getPageCount();
+    }
+    if (this.isSmallScreen) {
+      if (this.clickedPageNumber == 1) {
+        this.minPageNumber = 1;
+        this.maxPageNumber = this.maxPageNumber + 1;
+      }
+      else {
+        this.maxPageNumber = this.clickedPageNumber;
+        this.minPageNumber = this.maxPageNumber - 1;
+      }
+    }
+    else {
+      if (this.clickedPageNumber == 1) {
+        this.minPageNumber = 1;
+        this.maxPageNumber = this.maxPageNumber + 3;
+      }
+      else {
+        this.maxPageNumber = this.clickedPageNumber;
+        this.minPageNumber = this.maxPageNumber - 3;
+      }
+    }
+  }
+  setupEventPresets() {
     if (this.clickedPageNumber > 1) {
       if (this.clickedPageNumber > this.getPageCount()) {
         this.clickedPageNumber = this.getPageCount();
@@ -176,13 +240,25 @@ const PtcPagenation = class {
     if (e) {
       e.preventDefault();
     }
-    if (clickedPage == 1) {
-      this.minPageNumber = 1;
-      this.maxPageNumber = this.maxPageNumber + 3;
+    if (this.isSmallScreen) {
+      if (clickedPage == 1) {
+        this.minPageNumber = 1;
+        this.maxPageNumber = this.maxPageNumber + 1;
+      }
+      else {
+        this.maxPageNumber = clickedPage;
+        this.minPageNumber = this.maxPageNumber - 1;
+      }
     }
     else {
-      this.maxPageNumber = clickedPage;
-      this.minPageNumber = this.maxPageNumber - 3;
+      if (clickedPage == 1) {
+        this.minPageNumber = 1;
+        this.maxPageNumber = this.maxPageNumber + 3;
+      }
+      else {
+        this.maxPageNumber = clickedPage;
+        this.minPageNumber = this.maxPageNumber - 3;
+      }
     }
     this.clickedPageNumber = clickedPage;
     this.appendArray = true;
@@ -206,18 +282,35 @@ const PtcPagenation = class {
   getPageLength() {
     if (this.theme == "standard") {
       this.appendArray = true;
-      if (this.clickedPageNumber > 3 &&
-        this.clickedPageNumber < this.getPageCount() - 1) {
-        return 2;
+      if (this.isSmallScreen) {
+        if (this.clickedPageNumber > 2 &&
+          this.clickedPageNumber < this.getPageCount() - 1) {
+          return 1;
+        }
+        else {
+          return 2;
+        }
       }
       else {
-        return 4;
+        if (this.clickedPageNumber > 3 &&
+          this.clickedPageNumber < this.getPageCount() - 1) {
+          return 2;
+        }
+        else {
+          return 4;
+        }
       }
     }
     else {
       return 3;
     }
   }
+  windowResize() {
+    this.verifiyScreenSize();
+  }
+  verifiyScreenSize() {
+    this.isSmallScreen = window.innerWidth <= 479;
+  }
 };
 PtcPagenation.style = ptcPagenationCss;
 

package/dist/cjs/ptc-pricing-block.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-88135a6b.js');
 
-const ptcPricingBlockCss = ":host{display:block;color:var(--color-gray-12);margin-top:var(--ptc-element-spacing-03)}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border:1px solid var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium), border-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);border-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){border-color:var(--color-gray-12)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:left;margin:0px 20px 15px 15px;display:block}@media (min-width: 400px){:host .right-text{text-align:right;float:right;margin-top:15px}}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:block}@media (min-width: 400px){:host .left-text{text-align:left;display:inline-block}}";
+const ptcPricingBlockCss = ":host{display:block;color:var(--color-gray-12);margin-top:var(--ptc-element-spacing-03)}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border:1px solid var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium), border-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);border-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){border-color:var(--color-gray-12)}@media (min-width: 400px){:host .ptc-pricing-block{display:flex;justify-content:space-between;align-items:center}}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:left;margin:0px 20px 15px 15px;display:block}@media (min-width: 400px){:host .right-text{text-align:right;float:right;margin-top:15px}}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:block}@media (min-width: 400px){:host .left-text{text-align:left;display:inline-block}}";
 
 const PtcPricingBlock = class {
   constructor(hostRef) {