globuswebcomponents 0.3.3 → 0.3.4

package/dist/collection/components/gb-pagination/gb-pagination.js

@@ -0,0 +1,135 @@
+import { h, Fragment } from "@stencil/core";
+export class GbPagination {
+    constructor() {
+        this.type = undefined;
+        this.shape = undefined;
+        this.breakpoint = undefined;
+        this.currentPage = '1';
+        this.totalPages = '10';
+    }
+    render() {
+        return (h("div", { key: '9097b0db5a20250da94b6d7a745760da7324daa9', class: `pagination_div` }, this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0a65f7cc0974a09e1ffd3f3522b9903c33347bfd', class: "entries" }, h("p", { key: 'be419f8783c3eef70027fd1c16afc4c9b94c9673' }, "Entries"), h("input", { key: '4bda90978e4066187d24e42a2711595d0522203a', type: "text" })), h("div", { key: '8987354c40bb05ae448865d813618a57a0ca1d4d', class: "pages" }, "Page ", this.currentPage, " of ", this.totalPages), h("div", { key: '1df19559976015da19dbaab1b236ca5d087346a7', class: "buttons" }, h("gb-button", { key: '56d99f9cc5340e948de50327f3e4ef2c98d76166', size: "sm", hierarchy: "secondary_gray", icon: "default" }, h("p", { key: 'f25809d0c6bdb9901061e981cc7786ce2a47bb8d' }, "Previous")), h("gb-button", { key: 'cbee2e2a9f4674ca70c8923aca5196541659114d', size: "sm", hierarchy: "secondary_gray", icon: "default" }, h("p", { key: '1fa4bae10a038f38f628eb517ebf6e6c5861a1ad' }, "Next"))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5752bcbf3411367cc38e1b1dea094af3d8b0739b', class: "prev" }, h("gb-button", { key: '7f5d1dc3177a1da465ea3e9fcf033a92e882c7af', size: "sm", hierarchy: "secondary_gray", icon: "default" }, h("p", { key: '9896b39f91bee7d39ad92b432efe25bc52a4858a' }, "Previous"))), h("div", { key: '65d7ca48ccc6b131ab4927c8f2ccaf8844b0e31c', class: "pages" }, "Page ", this.currentPage, " of ", this.totalPages), h("div", { key: '2bdc155ef65e8c521d64b2be18866b406a49f6f2', class: "next" }, h("gb-button", { key: '4377773556f96720402e8ada7bcc50697ad4f195', size: "sm", hierarchy: "secondary_gray", icon: "default" }, h("p", { key: '5fd9853a4b6219f8f47ea1c0d65ad7a986b4303e' }, "Next")))))));
+    }
+    static get is() { return "gb-pagination"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-pagination.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-pagination.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationTypes",
+                    "resolved": "\"card_button_group_center_aligned\" | \"card_button_group_left_aligned\" | \"card_button_group_right_aligned\" | \"card_default\" | \"card_minimal_center_aligned\" | \"card_minimal_left_aligned\" | \"card_minimal_right_aligned\" | \"page_default\" | \"page_minimal_center_aligned\"",
+                    "references": {
+                        "PaginationTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::PaginationTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "shape": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "PaginationNumberShapes",
+                    "resolved": "\"circle\" | \"square\"",
+                    "references": {
+                        "PaginationNumberShapes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::PaginationNumberShapes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "shape",
+                "reflect": false
+            },
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BreakPoints",
+                    "resolved": "\"desktop\" | \"mobile\"",
+                    "references": {
+                        "BreakPoints": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::BreakPoints"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "breakpoint",
+                "reflect": false
+            },
+            "currentPage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "current-page",
+                "reflect": false,
+                "defaultValue": "'1'"
+            },
+            "totalPages": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "total-pages",
+                "reflect": false,
+                "defaultValue": "'10'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-pagination.js.map

package/dist/collection/components/gb-pagination/gb-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ7D,MAAM,OAAO,YAAY;;;;;2BAIO,GAAG;0BACJ,IAAI;;IAEjC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB;YACzB,IAAI,CAAC,IAAI,KAAK,4BAA4B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC9E;gBACE,4DAAK,KAAK,EAAC,SAAS;oBAClB,sEAAc;oBACd,8DAAO,IAAI,EAAC,MAAM,GAAG,CACjB;gBACN,4DAAK,KAAK,EAAC,OAAO;;oBACV,IAAI,CAAC,WAAW;;oBAAM,IAAI,CAAC,UAAU,CACvC;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS;wBAC5D,uEAAe,CACL;oBACZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS;wBAC5D,mEAAW,CACD,CACR,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,4DAAK,KAAK,EAAC,MAAM;oBACf,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS;wBAC5D,uEAAe,CACL,CACR;gBACN,4DAAK,KAAK,EAAC,OAAO;;oBACV,IAAI,CAAC,WAAW;;oBAAM,IAAI,CAAC,UAAU,CACvC;gBACN,4DAAK,KAAK,EAAC,MAAM;oBACf,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS;wBAC5D,mEAAW,CACD,CACR,CACL,CACJ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: true,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() currentPage: string = '1';\r\n  @Prop() totalPages: string = '10';\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div`}>\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"entries\">\r\n              <p>Entries</p>\r\n              <input type=\"text\" />\r\n            </div>\r\n            <div class=\"pages\">\r\n              Page {this.currentPage} of {this.totalPages}\r\n            </div>\r\n            <div class=\"buttons\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\">\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\">\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"prev\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\">\r\n                <p>Previous</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"pages\">\r\n              Page {this.currentPage} of {this.totalPages}\r\n            </div>\r\n            <div class=\"next\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\">\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}