globuswebcomponents 1.8.6 → 1.8.7

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

@@ -4,9 +4,14 @@ export class GbPagination {
         this.entries = [10, 20, 50, 80, 100];
         this.selectedPageSize = 10;
         this.pages = [];
+        this.width = window.innerWidth;
+        this.handleResize = () => {
+            this.width = window.innerWidth;
+            this.updatePaginationSize();
+        };
     }
-    connectedCallback() {
-        // console.log(this.pages)
+    updatePaginationSize() {
+        this.breakpoint = this.width < 730 ? 'mobile' : 'desktop';
     }
     onPreviousButtonClicked() {
         if (this.currentPage === this.totalPages || this.currentPage > 1) {
@@ -20,29 +25,39 @@ export class GbPagination {
         }
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
+    onCurrentPageChange(newValue) {
+        this.internalCurrentPage = newValue;
+    }
+    onTotalPageNumberChange(newValue) {
+        this.internalTotalPages = newValue;
+    }
     componentWillLoad() {
-        if (this.totalPages <= 5) {
+        this.internalCurrentPage = this.currentPage;
+        this.internalTotalPages = this.totalPages;
+        if (this.internalTotalPages <= 5) {
             // Show all pages if totalPages <= 5
-            for (let i = 1; i <= this.totalPages; i++) {
+            for (let i = 1; i <= this.internalTotalPages; i++) {
                 this.pages.push(i);
             }
         }
+        this.updatePaginationSize(); // Set initial variant
+        window.addEventListener('resize', this.handleResize);
         this.defaultSelected = [this.selectedPageSize];
-        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.internalCurrentPage });
     }
     handlePageSizeSelect(item) {
         this.selectedPageSize = item.detail;
-        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.internalCurrentPage });
     }
     setCurrentPage(number) {
-        this.currentPage = number;
-        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        this.internalCurrentPage = number;
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.internalCurrentPage });
     }
     render() {
-        return (h("div", { key: '019c75985107f7528b594570d55293f4459dd350', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '70e7f13a80ec6520900ca4ee4ac33546b2aa8994', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '22a9dda335cfb7a7782f1f95e15859f2f3a16f4c' }, "Previous")), h("div", { key: '6eab069287da9c097aaa9488b249a9c619d4e444', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '83aee104a013375e4947e782bf6e80b54964e051', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a6c5ff666cc729ba5b1fee81af6f2d51a481f015', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c192f8b8d457c38b80bf119e52136df2d683ff2b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '6c6c61d229ee396afeec49250a89598924053ceb', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ca0e5b9646b1f3e47086350b5e027eb5db468fda', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '2b7d50ed7f1922abd268d157e2b198a2b8310e9f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '20ad93ae44a6785291e463373505b6e76a0ee448', shape: this.shape }, h("p", { key: 'd61766eda8f4676f88953502072f60ebe846dc97', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fa783ecbe6d2b5b683662c9965c83f5f7622e90a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '799f61190864980755e9309d6e9cb6f1f790a7cf', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '75eab11ca6bba5645c124931eecc6d85afccb7b1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'd9dea4b31156911bdbf2c486b274dcb9d40ece56', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f45a61b0d8bdca6e90c76ffd03c1c1f1dd473838', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'b421dfed6419e35909a332e8beee85f0a9d75279', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'a30757b87b8c94e35b53539ebca55f907fe4aedc', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '89dfe588bee27941d5e2751535247e0b3e3c768f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cd4f70ba04ba17129ad3dde9abff887fabe50649', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '60885bfc4de42a633c2783fbb442c6b4617d2d6a' }, "Previous")), h("div", { key: '4fc89faa11fcac10082f9a9155efc6b5564e754c', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'f637fd0dbb5248a72fd31f6419ead14c4608d139', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '4ac6863c911c7e1eceb1b375aa4286f7a1d404a4', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c3beea03801f87ae62a91ef61def83e92e8a695e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ae347e8f36b60abeaa547d96961423ce0ef7756c', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd09ea6e67a19b4f4b50ad1680cc87ec97223cd93', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c3c2bf1c0a4cd8a36325cec3b7f4268656ff3e88', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '467d06c984441df19911f820b35316d3d5735b6c', shape: this.shape }, h("p", { key: 'cb66aefc03f5c467ff6cd0c4bc5ec28c93f58fb2', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '03e12bce3949676b7e5bba5310d0f20e425040ef', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '8656fb4876abb0de18baf90b151fc98f7dcae7b6', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '5a942f1f8caa3bf81421f5862bcf1018828cb541', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '474f3b0716188f6601ba59eeb051ab54f74aca1b', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '5dfbd53fdf500db03fcc97ffc3bf75b56fab835a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '41f12996f60bdf5854315b694f57885ed1165c7b', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'da00a9e987f8b8e6e1f3bdbba990f96723c851fc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cb629d590cb61fdc16dcfd9d35fcb50162fbd701' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c30bc51b3a53e95e1dc087c4b31f7901a8d6cafd', class: "pagination_entries" }, h("div", { key: 'e41e74218ba5807753c4f518a5aff1b30f22190e', class: "entries_text" }, h("p", { key: '5cebb9783733d1fc980e5dc4bdfaeff85edafaac', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '11877d106e8ac14fc8256078f79f870f01ffda39', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '1c6e1e0ce2d49b68bfc10be34d23c5fe919cb210', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '595ab09211d5c95b36819fc52b442690137f7e53', class: "pagination_numbers" }, this.totalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '6c2158a57068645cbcb422884117b00b60e3e809', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'cb36a3eda7cfec7ecdf25fdfaa7b6f4d206843c0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '99c8044509ecab895db1725659889587716c8296', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '873f564415d8a3820380f3540a9badac6df1d802', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2fb8e5046afa8788857a4cd83f41927c7e82ce90', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '2b2664a0ce86be35d6c72b34c8292601fe0540fe', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8b7b8110e6b01acdb034b3d9880d784f1b033120', shape: this.shape, state: "default" }, h("p", { key: 'a5ba73c9308b059bf6d3b6ccdf5bc82187813e16', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ed43202ac8fd74619d9c46a20cd745f02ceefb8a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '7b660abdac188ebc014d49587800aadbfd75cc3e', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'c06cec74f0a56243d5961088d662a50d707cde04', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f56a099f7e9384e99f4c39f2997325b99bb7c9da', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '851abdeff628163a474625efa84095c7c8a7179a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '4d0b10240bf83996c00c08f5e27410f2ff1fec20', slot: "page_number" }, this.totalPages))))), h("div", { key: '54f0d6cca59e0052e253b47a68480c69c1f1fb0b', class: "pagination_btns" }, h("gb-button", { key: 'e093d7375636852709db2dbdbeec7eabe84c2235', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'f6702c28ffb79c0aebf45af6063a750737968a66', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7a6d76843e55d253068f8427ef50ee3c056584d2', class: "pagination_entries" }, h("div", { key: '90dbb91981ff47e1f7bc5a3ac981bcc49a6cac46', class: "entries_text" }, h("p", { key: 'c79d3d0493ff79b2698ee463de5e009574a59576', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'cb57574609ef35d460760568c31b5f8879db04cd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a270ad99f8d3ffc0e26020a2aa8d17b6afca056d', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '869a8b9c166e2790ee8cb0a0513e68c9ced82e6a', class: "page_number_text" }, h("p", { key: 'e2193e861f9efab08c0a997fe54bd4984da5de8f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '34825c8624af5b55d176a06d03d8d7923efdadde', class: "pagination_btns" }, h("gb-button", { key: '6ae50cec13df38c30feaa832e1392f454cfc5237', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '038dca176fa5510f31ae6bd8194950da1e45c50c' }, "Previous")), h("gb-button", { key: '6995b28773795c754472b7af9a847292123eed61', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b912d73dfb968805fc5d1882fe06a0a48603194b' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '27ab9e0b618b8daa6a7c3c9678c68aa2b3be2538', class: "pagination_btns" }, h("gb-button", { key: '737ef2907f2939f413b01a4cb290afca0a6be359', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6c903fc202cdf1c38c0e927b4cff89556bc7900a' }, "Previous")), h("gb-button", { key: '01d062c97e0dd261ddb450bbc5708824768ecb44', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '597f2e9c82b27531a74f90714f1ee40e2b0409bf' }, "Next"))), h("div", { key: '337e7b5c54f9acf88bc7334d504bb5c955df99cc', class: "page_number_text" }, h("p", { key: '92c0a255ef0a4b07b5cfcfdb9d23abba638ae493', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '25ef757fdec54c82cd5024d498f2ebbd3c6dd4c7', class: "pagination_entries" }, h("div", { key: 'baf042626bc838cd32035a2a86e28e47ea97463b', class: "entries_text" }, h("p", { key: 'f9c72636a5fba51a02bfbce817a483c908c4362d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '36c814668e695d167b05cbddb1dbe6507b1cf26e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a84c39aaf41f38eccc3f5d5b9456b94dc390e360', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a79141cfb1c5977af1e4d29eec705dd7d7f580b8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c3b9cda3e43fc9cd1d92663740c343570d487ecd' }, "Previous")), h("div", { key: 'a1fa6dc7eb23ca04d9ff3432bdcfe24c27ce561b', class: "page_number_text" }, h("p", { key: '723cbd2decb39852d0ec6a53382c93ec7ede12ed', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '60f1f7bbba3c4ced1e29777b11b01e1d44b92931', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '71016513c6c6f409a152d68cbb808a5293c5c577' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd696a15c800d2910c33ae07f076535d03fabbc9c', class: "pagination_entries" }, h("div", { key: '0ef09ba814c5460bbd90542eca16342e26c69750', class: "entries_text" }, h("p", { key: '8ea35a3fcd1049c7f93e865dbc75d25e72660b3e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9b9d27515839c5e93ac5e62d6a9aa11a37fd4dc9', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '905c6fadea1966c355e550fe286b483fb59360de', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'ddfec3aff870aab042bbea4ba44526d2bcce45ae', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dbf08ea191593f1eb8e691b621badd136b62a53d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '03204c75586e3fb096fb7a577a114b0e30d6b832' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4e7a13eb5fffdfb5f6c1aa90e2217b096fe304cc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e254785d1496730d7b9881fc76d6496ec2af96a3' }, "1")), h("gb-pagination-button-group-base", { key: '9f89cd94bef3952b700a6dfe038eb4ae61aa5b4a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '74d162147701dd1a996877bf9547a889e8c01259' }, "2")), h("gb-pagination-button-group-base", { key: '4b260a0e684d3ee3e2149b3d42dab2558754e89d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c90c49f8352b0e2ccd066c6358b44a1a1053f60' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e5bf5197115b52852fb1dbe3d51428806a8ae615', icon: "false" }, h("p", { key: 'c6b49aed3e70e71e7beb1c45ce461af8cf109dce' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f1208d1c5b6095f77da6fd872978d1b6557ddad9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a8876f1dec3aba661abf0026750213c2db9f1b84' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'a671840924f3f3b562e863c410781c8da0ed09c6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'fa4c343810700e110aad6540c69ffd5c97492e2d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '6d98409ba001289aedc9a97f17f789fad807a9ae', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'bd0c2649d480b5591b20c89d395c6f147ad3e4a4' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '416a1b336c373f312b898f34db972ac8a921c2ee', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b894379cfb41b7a5b0e2b90633f2e37fba0697cd' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd30cf5741c49408a3a66a814d9bb846253d67f7b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd115d1e4ef34daf2dd4b447a816dc1c2c96b9766', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0e3cfcb877821fe2e9ad018800ce3efaf986aaa2' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '9ca71d786aefb121e585dfa7239de084bd11fa52', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0ec41f4edd4574423c5f5311dba74cc84ef71710' }, "1")), h("gb-pagination-button-group-base", { key: 'caeb83ef102d146f7d6f87afc8d7a23cc2d534fb', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7d7244c111146d687622e0e6dbbfe510c15f11a7' }, "2")), h("gb-pagination-button-group-base", { key: '153ce749f0584266d538d87206339dfc03ab8562', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cf64381d3f1a70a49b1bf89d3acbc68037421b18' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'adab6574c2a87d88b34fbd42417c75976ca75f83', icon: "false" }, h("p", { key: '0f7bafb23270d728983779ebfe7e2bdde4366e84' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0af3a07cd549332a1506ec4432805fcea1f74e68', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '91febaecfc7c9159ff311dca6ff7f23ac3fe1aeb' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'eb5cbcc2fb7d4c032fc7042c0ec99111b00e5822', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '21de2ab826d3b3048fc97d1f16f80dc790516338' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e738201f3a4bfb1a1582fa43aceda17868de2f3c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '9232479947f4fcb56ded2bf422c3f0007187af47' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '4c7ef550caf7f141b43d44105ca32426e9f0c269', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '71f6f280addba7a64b9f86aec81bb55d1e7cabb1' }, "Next"))), h("div", { key: '52dc8920a99b51b69e06a96bf1c595f5a59e9fe5', class: "pagination_entries" }, h("div", { key: 'ec8e910e2f3b0cae112475d3578202d41cd6f147', class: "entries_text" }, h("p", { key: 'ef061efce734eff1cd0d70e4783f222f77aa5b73', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '84d65a65de42e64aea56c144d08e82137b35cc13', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4478253e04df8c2b3cf5e78bc8750c85c379478b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c62787ba23b4dfa162f5403c0c8dcd2081d33aeb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4cc527e6b5f2f027a8d3b387c8be82ab523132ba', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6f3bc7cddb456045c9b56a2cd963832467bb7942' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'fa547125e2b9da97a9abd667400b1c4fa8f589bf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '70d674564fdcd4314bccbe66592b53bea142cd62' }, "1")), h("gb-pagination-button-group-base", { key: 'ff2c8c0aaf7f13e4fd72170ee320016ddb068e48', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c0d29af2e66b77b67256b507b52f55bc7348e1de' }, "2")), h("gb-pagination-button-group-base", { key: '169fe15d9fafb04989323c284b5815b868fc3bc1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fc90a7daac5fc10c4653223b439aad4e6604973d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '60d8d50c84dffaafb26e6918afd44e07f9dccc12', icon: "false" }, h("p", { key: '02bddfd0b091eafc9a0a0f5de996f8f259dfdba1' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1f0dfa458fcaa5076c52c3235a22ab690d7c1607', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0b57ccd993d7d4bf808701bf556a32e444ec4580' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '2f1e40a8a9faed531442de732e50e46e0384ee91', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '87e221f6b08e07d64bb3aac3d7a8d82fb25eb888' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'eb46a1f769741937cf0c8066364614c774c10a2d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '455db40b9636a63eea29264ddb5eaeb01b6d6c6a' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'ec2c3d735f864b6060ff376bd4a1c5da8b391ab6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a7ccc4c614b4cbbc040c10cfcce408547a71124' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7a12662319c816bfd136c4fe1554c841d2948e86', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1abec9e5b7ab2b08701fb1fe59c4be35c83c0f80', class: "page_number_text" }, h("p", { key: 'f7815434afedeb5e17a1e1c711411128d1ff4b4d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5aa1e35319670b38287b6bcbd3848940d99559af', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c2e380b0de19bfa2a9f091ee7673f8fed949397a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5b0e10a7af2cb23590ba51d5f73a6a8795b53b6e', class: "page_number_text" }, h("p", { key: '802352fd732c15b5291a1cff8e0593288a253bd4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '15ab57bab2710e54e133034a6aad60d042ab13d3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '75d7525f3e256dabc1c2c94c360773ca420d7f5b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '4dc6b98e48e69a34092eb8291963ee87c1c92a5a', class: "page_number_text" }, h("p", { key: 'd78c13bc55a830f7cc88963e6704a5fd89553f71', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '77e90f7daa12f43aece78757725434b2cd4809ef', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7b2c7d71d799584209b6971e0cae7cf27e068d2f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e5c04b5b6365f0fb3d290fc5d943ef965a157c06', class: "page_number_text" }, h("p", { key: 'a172b731ee5ed35faaabc02e45d45f7c7214372f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'fa0962e21b0e276d29deb059f4de174b071ff67a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c4b28d686f3ff8d7a93f557bdadd8679b86b2829', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0052ea7e82de2077235db8f8849dd2badb901b8b', class: "page_number_text" }, h("p", { key: 'b0006959f6286fe5d28250216e8c3455f44238e7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1d15bf1c40810b88ab4d5888e5fbe005329cf5e9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '1f93668bec78cbbe4a9e16b38a54d22d757cedc7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c8acdba70391ec498c87ede858e283a77fdef0e0', class: "page_number_text" }, h("p", { key: 'a8054c534f6cf1f5453d9fe20a002dd26f397a8a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'e708e11453c05adf884e27ce2acfcddc54ae62e7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '84243b5eb1911991ed85896e10cf3f65ce136da1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '84b2e0ac8c6cae3cdcf79e121cce4e40a7f13786', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2c037a984f8dcf1fa9acf81f6ad77f270577dd95', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '52c46e0c3911b9e4a87b255360056c793c923d32', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd7c6c5500adae787367600e3995c324c996d96cd' }, "1"))), h("gb-pagination-button-group-base", { key: 'd7a4ff9949349e6871c81ccc18b5825acad045da', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4f915bd040a89a593ddc669b4203ae292e4013cd' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8abbcefb375b6adbe0ce1083d2c85225004196c4', icon: "false" }, h("p", { key: '18cdc37145c5b3f8d77782bcc4a40d6db511925d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f84978ae27bc008d7dc807cb7a74aa28c396a715', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2b64f90dcf1e17149fa53be583952a47e31b3c4a' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd9bad0c8fe316d2d3cd3d4d840ea81b307a2503a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '422931982333524eb4ecb420de87aa32f6bb0090' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '92dce4f205a52594f7a0f8bd882afdc35ea6ab9e', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'd688b6e8514d3603ed84638ab7e5f78da2912c07', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9f243e611b29d828f8266b8fb59ae392f41eb7da', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bdb83a158621bbf3f2794547b639a4f82f8f2119', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '0ace48238cbc59b38f4e4140190a2166a42e94f6', icon: "false", state: "active" }, h("p", { key: 'd21a0d94a8020583efd9dce4e3837bd2d75bf35a' }, "1"))), h("gb-pagination-button-group-base", { key: '114ad25665882bb42187c14e5cf8bf804e399e6a', icon: "false" }, h("p", { key: 'ea93877dab3424e75fb9b93ecb49b76baaf8130b' }, "2")), h("gb-pagination-button-group-base", { key: '2731a879d420bb1c1c0f5dac54ad57fd345c6120', icon: "false" }, h("p", { key: '994a9e8faed6513adc26e162d08f30ec6f99f002' }, "...")), h("gb-pagination-button-group-base", { key: 'f87bccc42b31eaff47eb4c8c99f652bc1c5f7fa4', icon: "false" }, h("p", { key: 'e9118ab248603fe7117b6b4725444f361289e4df' }, "9")), h("gb-pagination-button-group-base", { key: '90603b750fd4b284aaf575add4c819952ea98852', icon: "false" }, h("p", { key: '37843a201b5cc2d478a77ae5134e20cbcbc5716d' }, "10")), h("gb-pagination-button-group-base", { key: '81c1fc99959f2bdbdca341c4bbcc37d02a0d134f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '95d095c7974884ea25431714c32e4d599743d0a7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0e71dc58c4b7fe01c757417de4b80b506ace836b', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5694b544a46594aab2c6ff8ec8385a84b3d35a5b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'fbb405ad38f669531d4f6faf394f253f4ea63f75', icon: "false", state: "active" }, h("p", { key: '7e14b7c0126968e13bab39fdd03c07cd880a8d28' }, "1"))), h("gb-pagination-button-group-base", { key: '87ecf251dac8a981d05c355780abc6fe7c806670', icon: "false" }, h("p", { key: '8f6691b2b844a17ed99c5af46270ac90c14d2da3' }, "2")), h("gb-pagination-button-group-base", { key: '946572174e5805a3460fb4c64908761cf24d42a8', icon: "false" }, h("p", { key: 'cf84f4b8ee19e8fde1763f5c84ad7e855ada683f' }, "...")), h("gb-pagination-button-group-base", { key: '119995fbe8e417be2f7eb5ad664c487ca9dc32c9', icon: "false" }, h("p", { key: 'cf22eba8ad4094a5eaef426e5f18e99a442ba3d6' }, "9")), h("gb-pagination-button-group-base", { key: '2707b477f67ac66dcb4a846c6ca34e06472a3f6c', icon: "false" }, h("p", { key: '99ad9b256d738a45ce8fe703232ee2177f52857b' }, "10")), h("gb-pagination-button-group-base", { key: '17dfcd66183bb7b518c4b5aa4e7b2eee6335372c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '8d23c5217b50733a1183f1194595a4439ff80d3b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '89ca5656ba6640f139aae1247c2b162c4607b296', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f23899b9cf96e1d7fbd70f3ae4e56005be18fd3a' }, "Previous")), h("div", { key: '6ae013c00468c5c44eb52541d81e825fb099c373', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'ffcd18c6e7e0daa7dca0dba90dadfc22cbffece8', shape: this.shape, state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f18a70aafa8a052d3ce20c5bc0c36fb8f84ba642', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9aaa921b0ab18f9968dc11c57effacea2cf91bef', shape: this.shape, state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '7ad23e2a322ca593a2c48283621574d19ce6bb28', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8d89d4b03f9d9e362cc92d9ad93bf4d537c7233d', shape: this.shape, state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '49b9d4a4772569100a74d5df9479d233ad48a89f', slot: "page_number" }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: 'ac39c3528dd7e56f2b492dc0524bc140ff8f3624', shape: this.shape }, h("p", { key: 'e014d17bdbad59f7b5a1839145d2b91912376ab7', slot: "page_number" }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: '66a25f798070955d004a3b9dcaf4bb3ee9e7fe84', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'bd0fa774d5e9965fd200894dd228e14ab4d589e8', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '73d008696c20f3c77ec9fb3281f4e22c7c2e0bac', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '503fe235bf0616eb8c574c60ed067c8675da37f4', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '030db797795c49fa6b550f58b44fdb7d9bcaf88b', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '09829a0d01170d61d505aca6656f59a3e4036030', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'ff92cb58f225f448ce9fffe0c94359204bff42de', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '04834cb300e4042bb8029dc9346a7dcedeb8333c' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '8bfbfbf91711ac8729b8091d0a7ed01e59e9be7f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1a7299f5df64b4ceebda5c4cc804cac31ccfe444' }, "Previous")), h("div", { key: '8f2d600d87657e0992f698e9b775c54f602944fb', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '02525efd0e7f9b49781df98c6642b50e0202e6ec', shape: this.shape, state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '93fa1d182cddad049b9517d4c5581e24c3a4ae6c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ce96c5ccf583f795716fdd28306079a5d2e07e30', shape: this.shape, state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'cac46fff56e9cfc6624ad908e72927e3d72374b2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '33f0f51bab3d8d8ce78d8a300031f2b70d9a0327', shape: this.shape, state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '7d15a4531ffae9fa1942dbf9364f22c92cf92de8', slot: "page_number" }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: '5d56ba776119bbf408a9de9d56b36471067fbfb3', shape: this.shape }, h("p", { key: '13a59f61c1ffb4e8c110e9fb1b39c179207c563e', slot: "page_number" }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: 'd1d8dc4c1b650a340f502a41967a1d89dc36c3f5', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '05a7ec9beb0e0484eabfd49dfc799955dd906df8', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '469065356e466e976c9e76fe26b4d21f01fe6874', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5a3168d7b6a615def99806409b9b7f11ceb08401', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '95d8d42f8fc85c7a4fe304716dfc9f64dfeb628b', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'bd48f76c27679abd88a7ac3b864f76cbb9f26028', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '1e393ea33d72972547b53b2cd950f0ece65c3c21', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e04c4d7f5939aca7f49f9178b51aab358d405566' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4e54b2332f451c292469a440503ae78837e73b84', class: "pagination_entries" }, h("div", { key: 'aa1b5647a951f5cc9dc0e4d7aecedb888758a5c4', class: "entries_text" }, h("p", { key: '7d379dca768f72473a6e40aca53ec3f40f94fe18', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e48c846d259e80931a276147aaaefe1ea5771965', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'cf475b9836fad3ce0dc16238be0c17eda0b63d34', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'b45f78bf8600fcbd34f4340f4467f1610dc29fa2', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '770b080639ba56394af55524829ea25bb49b61bd', shape: this.shape, state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a61dbf731aaf59fa249c58e6bdc24bf163800fc6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'baac39e34e09e12a7fd42ec156d1e6f7b4c5bd68', shape: this.shape, state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '74b1e7e4cb157a2f2ba0ef7c42b4f7732c37b55f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9f3d1e03e6068a34f08f353da255b0fed12aed57', shape: this.shape, state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f647b91a1e3710195e4f1b1b2cae9254ab9ab716', slot: "page_number" }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: '0ff799ee7c52e0d49c9593e907e1c5d18e390254', shape: this.shape, state: "default" }, h("p", { key: 'f5ec3bcbb5d6668d31b9f5aee613bc5e9b516425', slot: "page_number" }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: '21eb97cf12e15b4cb155a3d1db685d77391cf523', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'c527f318f167520c490b6bd7a2be01afe25fda70', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '09fe95712efdca90097f579b934472a82dc4561a', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e4c1a51d359f572aee8476c6c42145aa1b1df647', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '7986f6f125b37d2f34a20f407e3e20ef6da6b605', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'dd863b581d46b1d4febcf2bc6a0b3a500e47bdcd', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'c08222aa28a2db71d7a8184fa3b42359e9d8c357', class: "pagination_btns" }, h("gb-button", { key: 'f66d484dea8aacfe72bb8194245417f842cd746c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'd829565c1adb25493a3ccf0d6f39b1e353e0c118', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5a2ee6e2b8cb0052b02bdbc4e59a77cadbda713d', class: "pagination_entries" }, h("div", { key: '08903b51fe4432007c07bef09320421deb90bb49', class: "entries_text" }, h("p", { key: 'bf0b2e14350ab151b9c85b51592ff093473412a2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '29290337d36aabcb419c23dc756d1bc1bd45f06f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'cb9ea2f30b989b148ece06811adc4370c4405343', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '96aedc111c6dbbf78a3c784b05541299592230e1', class: "page_number_text" }, h("p", { key: 'dbb39138155c09a32d039960df37aa65e83d23c5', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("div", { key: '3ff58f7c5651b0bb18249a2af11ccd224f2bcd56', class: "pagination_btns" }, h("gb-button", { key: 'ed298a640ee0df5d2cb8b24c014c044f60dfd701', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2bd1bf0b11eb0815948de8f8556d4cd2467bd2b5' }, "Previous")), h("gb-button", { key: 'daf21bfed72826c173ed5350ba66e6ff78f27ae3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '60bc3383d3dab494c480c9d4ee3543242172e8f6' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bcf7593ee2f4dd606989d7a79545773d00519179', class: "pagination_btns" }, h("gb-button", { key: '8482b16c5b5d37c3d1b538d2df2f6ce833002daf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b6fd452907554d9e382f39393abf1fe2e0ac66e4' }, "Previous")), h("gb-button", { key: '4af09e35f6e081b8661ae9f1f7ec92670b0dc5e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e051ef3e911e17a0f3fc7a7d4625089939c673ec' }, "Next"))), h("div", { key: 'e21b9fae7f5699821d8a0ef5d314b04c935743f7', class: "page_number_text" }, h("p", { key: '70c875afa820e7de52b6ac913c60e542bd72cf97', class: "text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("div", { key: '47a1179aaa0c3f47e04f160b52d94230b1ee18d9', class: "pagination_entries" }, h("div", { key: '72d982299e6b1547eeae9559253a09f123cd153c', class: "entries_text" }, h("p", { key: '0e3ed57c4eb982b20fbaeb037148d10ee908b3ea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '885171920fd9b36c9d758edb4184bb4da71ff775', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0c234e194e06e0fe5f43e528d729f9be4079e6a7', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '208043bc2daf0acc740d8347e15e4a7b1a41c8f4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1261cd4aaf758cd2ecbd43bd5df6f8f02c60ae25' }, "Previous")), h("div", { key: 'c36fb99c259fc35d230cab0ec7dd8e5dfdcc8453', class: "page_number_text" }, h("p", { key: 'f370e4723274788862766dc11df705f09d3dc938', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '64df1087bf34adaede4fb4da4b35846ecd460b87', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '60483ace75782923f53bf220d3c260ddcb50484e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '195e5c8fce3441205285b6ba15b64f27b014216d', class: "pagination_entries" }, h("div", { key: 'ca6373dda68b4fd431e74b86835ab24c2a7fb26a', class: "entries_text" }, h("p", { key: '129f7ef8d6190064cea3cdfcb01f6be0058eaa38', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c17e1a99cc06173142c8f1dbea36752e24549583', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '9d52f48b9eb688f8c8da57205dc407e1af99e498', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'b8980b1732aa9420c8007aca2b41789f006b37ed', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'be2c974f5927033b54addf9708761b54737ca8cb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'de0b38e43597aacc585bea520b4ab4feaef898d8' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6d4f3053bdaa75f340c158866c959e36cbcbcd2c', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '973a48ba6eb9b4690db2f288a32125021f93f067' }, "1")), h("gb-pagination-button-group-base", { key: '625473273799606dd7ebca950e4fe9a88a2bcf2a', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '28a2a929e8806d9da9611f6a9583fc65ae7d09ca' }, "2")), h("gb-pagination-button-group-base", { key: 'cdac8729b5024103f41876cd8640389ab05288ae', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'e10bfe6e09d066d038f2be1b2e474b029aa3d5ed' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: 'f990014dc517e9ca72aed337cca44fce9dd5668f', icon: "false" }, h("p", { key: '28832ec9458eec919ed4c615eb81188c879d0c84' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '6cdbd220e80cb4aa70ee9ae9cab62e67c247466f', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: 'ac2f09e5e246b5f218e40032b80c829ef97736f8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '6578e18f5ee041507b0a87d6b1897bf87af539dd', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '14ecd4b1dfe4f3e3979a6a6f5085e2f7cac39a2b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1fd1aa07415e91f975ddbbed42e1fdfd24b9b13e', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '09bdcdf302a0ef678d731c587533aa0fa65e925c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e2aa08402842d901ff0a48d748dde4f33543dd7c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '85d7bf1bf61e8f85b757b76d057af72e3c17f477' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a32b1468c11464bed054840c1dcb370abe8bdc9a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7c385163b1707171312c95ddd6b030919315af85', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '76195076ed2727db0af08acb48071b27e8ab74b9' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '64b00364de2cf423b1659de4153d26bfc2eb57d8', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '12f7816ba6de938e379be9b11c7cce1ab896b0b8' }, "1")), h("gb-pagination-button-group-base", { key: '6de234635f3b690a24d318d3ec32e395bd330123', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '70622b0b4a0e49552eba4a3c291912fd6c2346d4' }, "2")), h("gb-pagination-button-group-base", { key: 'eac19fa82f0b4011621359ac3ffa9eebdd8138f9', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'cdec6748168871d27aa8886a892455f2e4f7de47' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '0cd96f233361cc2e80fb44b45fbf59171c054f55', icon: "false" }, h("p", { key: 'dc1a3dbf3c304e8d2c1297ccfb77f486ddf5e7fe' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '8f30187ef58efeaa5f2e9dc78ebda77e05ba0a55', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: 'e4270dcfb6c431a0c46f613997547576134842fa' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8d3284461a97398bc832e821d4d31f3c9aa70433', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '8db7e5c6107baa9da7340b80f47614acfad8d6ad' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4d47e4c028a82fbd473925eeaeec161a9fec005f', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '05f0e1ad208e927c39c4d313b3665a5aa77e9339' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '332089b320f255a65645d06ad1305086e2529702', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3a1455d44c6ee8a1ed7c52c24c14cd57bd347920' }, "Next"))), h("div", { key: '026b295eb5797192daad1981d17c300f70981725', class: "pagination_entries" }, h("div", { key: '3759ef6f77cec870b84bbd32f7a9687f24aac1a1', class: "entries_text" }, h("p", { key: 'b82812d5ab20f1c78fe3b15b593008ccb90b4c99', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '862e1fb44d347c38972d5d64d614384f4d05fde5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '690fd061f28a1e6fbddf5ca166aedc002bd8d8fc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '28bcdb2cfea23977e9b387f6a3d731c337da6660', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '03cbf506cda148698f96b68000473e073e8a1fed', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9761f854082e1755d370deb38a6fac32295cbc55' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'cff3d17557dfcd0520a1ebb84029b3f76149a1c9', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '4f429f94b66c8967ce567f3b44edcf1ffd322778' }, "1")), h("gb-pagination-button-group-base", { key: '8e37fe5453718435396d1588ba9f93eb05e4f67d', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '3fc8c5c571500a2b07c6f340ad8b384217fa402c' }, "2")), h("gb-pagination-button-group-base", { key: 'e8033d125d58926cb393bff3b5972260871291b6', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'd4571b7300d5804e734ec4d807b6ac909db659e8' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '4ec2598715d282ec0f71e16257c0fcf6ed005343', icon: "false" }, h("p", { key: '6723891041b37f9d38c5b710d9960f9c6f91fc5a' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '4dafa935d332c706aa848070fb01467b8d370af6', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: '38978c56b0db35ab8d463051c90a4d9f2e98cdba' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b30d017e036db4999c1c146db7a6af55b643bc10', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: 'de9b27a97b3dae71f0a6c06de4dde87bbf3a7b35' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '38e312ecf51c010fb134b1372e17b9c5492a292f', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '90a27e0fc3069dea2f528b81a48a9a7f023d3903' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ace3212a21985c596a6be610e53a8932ff900363', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fd647ab215052adccea0f430851ec5c312aeeb54' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '8c09559d770719170edcbf20c63d9ba6b706897e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'd96179eff61c5200e76c0940d32979e860803c58', class: "page_number_text" }, h("p", { key: 'cd488316970409cadefd3ecbcad25bbb891eba76', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7959f2277c11d2f451ed9b88aa8709b501bfa902', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '1f88abf9d626165649b9046897920b28e650872f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0cd672db6c503fdb7c432e874cddc4434e562705', class: "page_number_text" }, h("p", { key: 'fa6be02e8d9febebad5eb4aa4132a0c8e4268821', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a82e49b057b22c6419002e2de891d61f70d9627d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2c2711edd91f82cc99f086e8d0b1d85cdcb696c3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ce419b883255d8dd225861cda18ad060a3412054', class: "page_number_text" }, h("p", { key: '00da6014bfc8470756e19555482d085be677d403', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f4e7ad80c81e02272231450bb328a886d365992b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '29dc60cca30187eb911c215dba08dede26652011', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '78e4bead6c5a215a3359c3b59ad3be7991bb6e75', class: "page_number_text" }, h("p", { key: '8ab03ac7020a772ce5f7b758b0c5f4c6593c1f6f', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fb0197dacb839e762c2a10f59f7ba877430514e0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '56c0978cb6b1aba795d73ede7c123227e9933a3b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '7ccddfe4a6bce9aa6472a36568d6a683d18a4c1b', class: "page_number_text" }, h("p", { key: '6a973bd0c48b1ea7b8894cbfe9013c0d2b3357c2', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3b6c7ee17be76da3cb5a56ba4f4b82924bd13849', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '8ebf0710aaf8d26d6d77b843b38db0b97b354358', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ce6c0e4f4336c76ca3c8bc40f8ff37c978513606', class: "page_number_text" }, h("p", { key: 'b3fb85ac12bb314bfdedc709ecdd4564fd97c4d2', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '2bad122604b872064d40f07e507f6d1428d22727', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '1d5a1ae479786600bed8e9fd19da4aa5f7dae2b4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0d50db1382b11196ceabff31212865228e7bc83e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd577a9d2d3fe0ee32ac7f7b65c8ae231a08fcdde', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '201fcef822eab41a33ab7c0acd0bd2696cf4e1d1' }, "1")), h("gb-pagination-button-group-base", { key: '2ee1fa2b5246340aad9e8ef21f33fcdc262c0805', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '7072b337d7fd32c22553be4f4a814177d478919a' }, "2")), h("gb-pagination-button-group-base", { key: '6eccdc77c66714bec2df4f42a4f8c2d120f05f53', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'bb2248ce893e8b9c68529c51e1a634b7d9befbdd' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '5c778e70ab3b07fee8a660f20d72e6caf9366241', icon: "false" }, h("p", { key: '1698e01033183b58fa3d68f228aee89c397f0bbd' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '4276bc82c4b984d8caa15dc3a56c8c4c8ee3b9fb', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: 'd297ba44254f4a46696bbc31318a412875b226a8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'ec8925be1e8084caab15346dcb83230a3c71f57d', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '3ea5513189f2a1cc00af1818ee38519989da8948' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1caff6c7ea66f53bac1e828e9c70c5ef326ea7c3', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '5831673655e25b569b562f0fbcd28e6905de5a9c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bbea376e2a5dec50e9ea0fdb64a785589de006bd', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b2c070028d18e0b5b2e42ccf932d56a0337e1729', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e42cc12749c05e66137b25c1e39c774d35adecfc', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e1448c4dde71c71d13d87ad8d47045330d33f768', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: 'edca938aac6e6b6bc7dd0b4306e5987d327eecb8' }, "1")), h("gb-pagination-button-group-base", { key: '0ea200142f6ad8a5b4e0748d3f49d78c246d31bb', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: 'dffd127a75026a1a45b81319016e34dc57bd1822' }, "2")), h("gb-pagination-button-group-base", { key: '86fa6b0f95fb71f4abc5f75aa5f3f55257256a70', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: '820deafe9947c03d2ec93caa2009110bf48b1d87' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '792575f650b9f0a20645e4312c78dcd034db1361', icon: "false" }, h("p", { key: 'c6342333f6fc7f5ee2d6e95786cb112b4c090b11' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '9ae16efb4b714365eb54cbeb312b8ceed8596300', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: '3f666d724951080f3b9dd9fb85c76c9b391430f2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0b2e3f3a43b147820056b03b425b70c3e976602e', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: 'fd93dfc04082ecb03e034b098852903a165d0c16' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4c1df007c65439fe2590ae12feff9ff25d172046', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '7652c12087d18a40f00fd799c405b36f8964635b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6bc038d41fd0bc17d72756ddea42ee29c76ecb92', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b6222cd0b4d8aa2095cb1fb25e1ca99b55190583', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '16bb7db2a8100b277b365c9f739b7dc28d191bd9', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'fa44610c31a7c2665a828d46fe0ed06acbba0046', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '98ef9f976248db498ed059adc4135847e380dd29' }, "1")), h("gb-pagination-button-group-base", { key: 'c29aadb3769181829e1506ce9bbe23996b871db4', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: 'b886d04537e1a56a547d13f603a1f005dbaf3a56' }, "2")), h("gb-pagination-button-group-base", { key: 'b037a282a4f8f66fa43123035b1f3491ff996603', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'bf3c0faca7a32127ced7dfacb08eece88dd5ab5d' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: 'f70a389ebaca90975df80eb01d72dfaa6fbc18ec', icon: "false" }, h("p", { key: '5922cae7953b338e54ecc667aefc7c6ec9c0a434' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '9e2db63ecdf3330d640aa87bde3e622fbc9b601b', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: '78423f75e61837e6cb1030aae6e894a2dd392053' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cc0a20e7291c85d4b261876de1b4d39ea92a8756', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '6e85c1d27f8a5d24cf88f4630b8ff00e89754bd2' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '97e1a7dd5d4aef6da4ebfee2a343b365f3f66183', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '7a2a9a431d3c7a28dab19de8e06d0a1af8c481ae' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3b368e8b15ae96b4a57a5af00c194db7d23ac823', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }
@@ -195,7 +210,10 @@ export class GbPagination {
         return {
             "selectedPageSize": {},
             "defaultSelected": {},
-            "pages": {}
+            "pages": {},
+            "width": {},
+            "internalCurrentPage": {},
+            "internalTotalPages": {}
         };
     }
     static get events() {
@@ -216,5 +234,14 @@ export class GbPagination {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "currentPage",
+                "methodName": "onCurrentPageChange"
+            }, {
+                "propName": "totalPages",
+                "methodName": "onTotalPageNumberChange"
+            }];
+    }
 }
 //# sourceMappingURL=gb-pagination.js.map