@ptcwebops/ptcw-design 0.7.6 → 0.7.8

package/dist/collection/components/ptc-pagenation/ptc-pagenation.js

@@ -1,16 +1,6 @@
-import { Component, State, h, Prop, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 export class PtcPagenation {
   constructor() {
-    this.numberOfItems = 9; //page size
-    this.previousValue = "Previous";
-    this.lastValue = "Next";
-    this.pageNumbers = [];
-    this.minPageNumber = 1;
-    this.maxPageNumber = 4;
-    this.clickedPageNumber = 1;
-    this.appendArray = true;
-    this.prevArrowImg = "/dist/ptc/images/sidescroll-left-curved.svg";
-    this.nextArrowImg = "/dist/ptc/images/sidescroll-right-curved.svg";
     this.handleClick = () => {
       if (this.clickedPageNumber < this.getPageCount()) {
         if (this.clickedPageNumber + 1 <= this.maxPageNumber) {
@@ -80,19 +70,24 @@ export class PtcPagenation {
       }
       return this.pageNumbers;
     };
+    this.totalCount = undefined;
+    this.numberOfItems = 9;
+    this.previousValue = "Previous";
+    this.lastValue = "Next";
+    this.pageNumbers = [];
+    this.minPageNumber = 1;
+    this.maxPageNumber = 4;
+    this.clickedPageNumber = 1;
+    this.appendArray = true;
+    this.prevArrowImg = "/dist/ptc/images/sidescroll-left-curved.svg";
+    this.nextArrowImg = "/dist/ptc/images/sidescroll-right-curved.svg";
   }
   render() {
     let pageCountValue = this.getPageCount();
     this.pageNumbers = [...this.getIndex(this.appendArray)];
-    return (h("div", { class: "events-filter" },
-      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: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item active" : "events-filter-item", onClick: () => this.handleClickPage(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" }, 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: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item active" : "events-filter-item", onClick: () => this.handleClickPage(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)));
   }
   handleClickPage(clickedPage) {
     this.clickedPageNumber = clickedPage;
@@ -108,210 +103,220 @@ export class PtcPagenation {
   }
   static get is() { return "ptc-pagenation"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-pagenation.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-pagenation.css"]
-  }; }
-  static get properties() { return {
-    "totalCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "total-count",
-      "reflect": false
-    },
-    "numberOfItems": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "number-of-items",
-      "reflect": false,
-      "defaultValue": "9"
-    },
-    "previousValue": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "previous-value",
-      "reflect": false,
-      "defaultValue": "\"Previous\""
-    },
-    "lastValue": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "last-value",
-      "reflect": false,
-      "defaultValue": "\"Next\""
-    },
-    "minPageNumber": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "min-page-number",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "maxPageNumber": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-page-number",
-      "reflect": false,
-      "defaultValue": "4"
-    },
-    "clickedPageNumber": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-pagenation.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-pagenation.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "totalCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "total-count",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "numberOfItems": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "number-of-items",
+        "reflect": false,
+        "defaultValue": "9"
       },
-      "attribute": "clicked-page-number",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "appendArray": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "previousValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "previous-value",
+        "reflect": false,
+        "defaultValue": "\"Previous\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "lastValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "last-value",
+        "reflect": false,
+        "defaultValue": "\"Next\""
       },
-      "attribute": "append-array",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "prevArrowImg": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "minPageNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "min-page-number",
+        "reflect": false,
+        "defaultValue": "1"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "maxPageNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-page-number",
+        "reflect": false,
+        "defaultValue": "4"
       },
-      "attribute": "prev-arrow-img",
-      "reflect": false,
-      "defaultValue": "\"/dist/ptc/images/sidescroll-left-curved.svg\""
-    },
-    "nextArrowImg": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "clickedPageNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "clicked-page-number",
+        "reflect": false,
+        "defaultValue": "1"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "appendArray": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "append-array",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "next-arrow-img",
-      "reflect": false,
-      "defaultValue": "\"/dist/ptc/images/sidescroll-right-curved.svg\""
-    }
-  }; }
-  static get states() { return {
-    "pageNumbers": {}
-  }; }
-  static get events() { return [{
-      "method": "pageClicked",
-      "name": "pageClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "prevArrowImg": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prev-arrow-img",
+        "reflect": false,
+        "defaultValue": "\"/dist/ptc/images/sidescroll-left-curved.svg\""
       },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "nextArrowImg": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "next-arrow-img",
+        "reflect": false,
+        "defaultValue": "\"/dist/ptc/images/sidescroll-right-curved.svg\""
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "pageNumbers": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "pageClicked",
+        "name": "pageClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }];
+  }
 }