globuswebcomponents 1.9.5 → 1.9.7

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

@@ -34,9 +34,11 @@ export class GbPagination {
     }
     componentWillLoad() {
         this.internalTotalPages = this.totalPages;
-        if (this.internalTotalPages <= 5) {
-            // Show all pages if internalTotalPages <= 5
-            for (let i = 1; i <= this.internalTotalPages; i++) {
+        this.pages = [];
+        if (this.totalPages <= 5) {
+            // Show all pages if totalPages <= 5
+            for (let i = 1; i <= this.totalPages; i++) {
+                console.log(i);
                 this.pages.push(i);
             }
         }
@@ -75,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'd98f867f00ba1b916d4629aa7b562d8bfa9b57a8', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6c8620e7e4ff664530f84886b462547c7e903abb', 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: '2dcf8e9c72dbeeac11383e6e40ea67c7e0b86e51' }, "Previous")), h("div", { key: '43cc754dd7fcc34b30affe1d7ba8030472af289e', class: "pagination_numbers" }, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '79ecea434bc0b3ef4cb9c46b7a3978bbbdfde244', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '66cd022a4f6a71c7624e548e0616572f696dfec8', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0cf70c06987e2049d48e9d06dfe5a845b6577a62', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '62d4f683f9642aaa818f095e98f4ee5a21cd6345', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '38ffe2ae94dcdc6bd1fab483994db2e4f4fe0411', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a0d1821d890de5f1a7d18509d79af6d4770ae0a9', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '026627854c826f32dfebc9be2ce28173886a3593', shape: this.shape }, h("p", { key: '5eb3a02528bd08dc92c455574ea58cf3131bac5e', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c5330afc387e1f8f9343d8f6c2e16e23c3a19c1e', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '31329ad60b896885ff85d35fef518942f6d9c3bc', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e32eea89704205718fdab7f3ac09df02037bcfc9', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '8428bf873f993414abbb8fdb6aaafb71ff9f2560', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'c06cdb9255e65ff0887d19d1c4229bf07876860f', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '1f564078c7da964c0b31d412f7681a06cee55e20', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '516b6afc3ae7e6719254fe6a31830df3c5904c89', 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: 'e76033799608bf7893e9d1a6a6e10bedbc44fb5c' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4ef0a8943aff6429453777a3c9df89a25da21ec4', 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: 'faa2ae619cc06c87e254d17b25a507098c6ae353' }, "Previous")), h("div", { key: '7b684c9fd86d5f3c27520b29e72de762652bf429', 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.currentPage === 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: '0ef0f97f5942c3a7becde3063e16167dd847e308', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3c30cb862f3687afb76fddde1b655698f0ce24e1', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd3f91de6b0ae065d7abe6f5a6bedaeb0524c09c2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'b611d64fb086ce9a25b798f5ea22870a1ad9509b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '81bd1b9544bc743e396a6e1215ffc9cb2c362d13', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '35e30f6e2ed6b0acc5d91aab19c6c47309129f8b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c56d11ff21911102747e71d6f89687d31d7a7157', shape: this.shape }, h("p", { key: '5a0c518362f44c79a02de950a56b3279b79082e2', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '24df3864fc6d98382f56c92a7c388db4bd1a8913', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '5cd3d7b48e53f245dde9f86bd221a11a1a0da980', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '13dec14d575233c8cc95c03cebc2bebf6f8d6846', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'fac5355365a5d914698289f9b750c1df6e8135a3', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '009f29a23e3d5ac556606ccac3e273908563cce3', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd468795d6e846ad457a1e682a475d78dd0e1d910', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '16888453f1e437662311936dfb496462f82fb6e2', 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: '3804f82a7263a366b8c38f242fd4c2524363af34' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0c3d1fbc761d0afa989e49c32717eceaf47e0f38', class: "pagination_entries" }, h("div", { key: 'f17a7cd4a5f7cd8d7b980f82b2b4cd072919278f', class: "entries_text" }, h("p", { key: '9d3c86c671b7d088a91c5b2d4d42e3e5d16fbb45', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9dbd90eccd0cab9df2e6508ce0ab6fadc31caece', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '800cbd1ef168445c49b1dfdbc7e9572f310abbcb', 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: 'd2201416289ddb10a43bd382232141d64db62d23', class: "pagination_numbers" }, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '12e05cabe179cd64e8fd90d92ef7e355bb989b8d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ebec1c3ffb05ac0717c566565962f48017068bda', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '03be94253711f9a19a7e035ab6a8ca8a4f0ee747', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8fdc87d47b1ab9720b989efbd620b38d88f2d068', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8c8ba12867222a9e63f1fe0efb6a5fdea257fb2f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'be919e2fb41fa13cc6847f9b9ca59273cca0ab95', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0cd3ff0aeaf463a6a3e7856bd69e8956366e53db', shape: this.shape, state: "default" }, h("p", { key: 'e5d81aec648dbff3bd9df6952ad65798a7c89e01', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '08a9c7d5e3d91dc9b3ab4b5f3a3a2cbbdc59beff', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '93fcf6e9814e1789422eda2886c8050524de5879', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'f316669144d531f8709f4e7f2e9dac9cd7577144', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '1552c482408c1008bad291ff544de0a9e70f08a9', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '3813b693389ca641f9c9906b8f4931bb2c98f5f1', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '568228bbe4c9115477a55c5a97ed8e63834f51d7', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '6afecd81bb592149c5d368615061145e0c8b4203', class: "pagination_btns" }, h("gb-button", { key: '982e5eab7f5d49076e8a3b3562051f8c2b6a8fc8', 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: '9a74c2dde445ccca2256dd0f39222ae4f6e6f263', 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: 'ee51700e0d68e2350c50483dccc2783ced37e6e5', class: "pagination_entries" }, h("div", { key: 'fc2d5606211fbc3479d1b2cc432094cc0103f25c', class: "entries_text" }, h("p", { key: '268c698de76966521b5855e101d3ad4bc6fa7182', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2f2826ff73e4c3977f5258d464efe73417f2ed18', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f0b28a0c81a5257b88fe03fab37e2cd56d5bb5fe', 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: 'f50ce982b06013199048001f20841c26243f6da0', class: "page_number_text" }, h("p", { key: '112ea042d3b4e66d754454078d26cc5da823118c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '45c8d55271ab6698526601361b95d1aa5c0e8d80', class: "pagination_btns" }, h("gb-button", { key: '75f304bf17265fe4dfd29cbc9877dc36e06ec91d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b568d97697dbc8f26dbb61594bef193c24ae0062' }, "Previous")), h("gb-button", { key: '79c08efd8190e6e29c0024d21deebc222e0cd4ed', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f0e4c65283db1e872410504bc3f481144b7e0b26' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5afa55787cfb928140992e116385e6aced54354d', class: "pagination_btns" }, h("gb-button", { key: '8720c5bd0265accf40c4345346c4e15a0a9e08c9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c66c80e118a08635854976459710baa6506a54a8' }, "Previous")), h("gb-button", { key: '61258dc397893185e8185aa791d48618ea849a61', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2a58865d6f72906dcab6fe3624de34dae3832c30' }, "Next"))), h("div", { key: '8a5309ac5a3fadbf347a15ea5738045599dc9b55', class: "page_number_text" }, h("p", { key: '0878d9bc35fc9926e84c246836be7555a8650205', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '4762d808031729a7582ec31da70117e1146d3ae0', class: "pagination_entries" }, h("div", { key: '4b656729485d7bd7da398e51d38118bd6e6805f5', class: "entries_text" }, h("p", { key: 'e7de85a25aa6b9ff7de8b25cdbd534c0a1189fbe', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a9e915cc23ee3881122a694d5ef31d6fa7d3795a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6d819ea4ad44ca6ce5ce7e3d1a23fdb4790f42b1', 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: '00be01a0ce5dc685ffa73333ba1681acc3892809', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9530d0da8be668f00053cf221f7f56eb4deb6f4d' }, "Previous")), h("div", { key: 'e3af352a33feb23b213ae131bd3c1b02176900fc', class: "page_number_text" }, h("p", { key: '4b126ec9e77a5881cae16b98c9cc9b70f18cf922', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cd7d1f55ad9fd37e078a937a28f628f9d410999a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0ec78b660ad06c981005dc2f97633e470170a6cd' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f6947f1a2851d188ab3397ce194fcd2d4cf3bc7b', class: "pagination_entries" }, h("div", { key: '7e14c5f7beecfbd0b0ca82d4c87b524b5af5b6d7', class: "entries_text" }, h("p", { key: '207c0c1de501b70bb7db03b1a2ada11c4084d2a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3c68dc1304deda670c5d2e78ddea4268a35594fd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '35bd59ff9ad17bdae13da45a6e0297791cb5b5e4', 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: '4ea1d04146ac604b93cf565fd2a4f0c6a15400e6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '23941f447b639f0af7398c6e98c49cb48a05b76b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8670875f0bb5a244f23bc6ebcdc3c664cd3496a6' }, "Previous")), this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd843a6d4a99588ed37e789648d124ea0409192ac', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'aa2cd574f824f9026bf24b568c4ea2742b602d76' }, "1")), h("gb-pagination-button-group-base", { key: '8353bf781144ebcfda870a4a6c3aa9a3e0c8b426', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '60403866e8b2f0e022cae52825af620e49468dc6' }, "2")), h("gb-pagination-button-group-base", { key: '74abc5d193f07513e2099a3d51b530731ac70f37', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8e126af46841c42bd46bca68cbbe750aac7adbca' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2cac94e3768b817bffb799afa44d72a290a2322b', icon: "false" }, h("p", { key: 'fe59e1db91c11ce829a88ef2b4719ab5fadeb5c0' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1082c86b4753b7e78ea8e73e72bf2794206b246c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'e62c68418cc3d391d95323fd644710f94d387017' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'ddebc327aa71f267d331acbdf0b8fd1c91c48ae8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '63361ebeb41529b75671cd6b09faca74f2119496' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '521834da9a979991195f487e9e92e5f8f6a35fdf', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'af2cdad17c6f866b54141cf51f6528dfc328519f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'da41cc743c5555bb5d9d0f953df1d99919518217', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '44903ccd9c59aa2712e360a8651acaed755f5d82' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7cfd13689a86d310f2236bd8abe8bfb0b889ff7c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8c5714af1b10c5fbd365de17e1a7639d639e2a3b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '54e84bc5dd099aa3e6dc464287f9b97a1b523553' }, "Previous")), this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'f0c76ae8f6fad97c61daaef0d2a928ad788d6bc2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7e5070e684bc7e35800bc4efeb27be2d4f8e86ec' }, "1")), h("gb-pagination-button-group-base", { key: '5e92eb975ea33ae3c0b6068105ded3e0e9df6251', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6f2e9598d8bfd66147ce72641402c3067e52e1cd' }, "2")), h("gb-pagination-button-group-base", { key: 'fa1d1e7769fec298a6b7d0292ced7b22f58d6ac6', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '615415e132e7c4303d5e00aec85d325ec810e78c' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9f86f4e1ab6f8f819782112deb65749d4eb98a3a', icon: "false" }, h("p", { key: '5dfec0a92fc8dea853b69daa7da3410b334168e2' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b7b76feec8a2386e7fd7315be81d0aa3aee40999', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'adc765db0dcdf1bb2d3c2011a9da56d37783e68d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cc95de1c978e140e5107c226e2111394f8ecbd7a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ac212f39bf4902ae97c05b46d0f0fb80a4d1e25d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '34d8b5e801dacdba5d01d98313d2413355a905b0', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '05471f11db267e562868c0660ed5c1450d4981bf' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5ef84c48698ece385e209c4c21d1ce50ff241612', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6a1abb542d90f618b5d2b09c9a252924d96f04a5' }, "Next"))), h("div", { key: 'e30c279051973ff234eb169b7ba5adf87271ac98', class: "pagination_entries" }, h("div", { key: '802fabcab416c57417deeb9bf48feb675d4cea0a', class: "entries_text" }, h("p", { key: '0f27ab0b6767a90807bc49f73d82f9bba80e0c5e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8b5c7fd26fef8e6c7f213f1ee5e2753b310cd706', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '05730acacc7b5fc4bae3ead8b7520d0f9839b73e', 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: '9ff607ed4ade316de8b8b9190c36be6a34fe141a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '22f06f4dddb00f874d114b58b590dac7cae5cdde', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4f2aa44ea15003943c17a96211d0bce29361bed7' }, "Previous")), this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'ee744952e6bd0ab3afd80bf5641b456013b2e9bc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '329002c3efecbcd8dab225d927e65cb3deafceb4' }, "1")), h("gb-pagination-button-group-base", { key: '78038e26c6b3fb6c38a56396372bcf6340bf6100', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0cb1d023009a7554cd4d3c48471febe275704f78' }, "2")), h("gb-pagination-button-group-base", { key: '42b7110f352546dd1c15ad4cfb12f1a1d2bdc127', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a6b4587a2c2d66fae525405da76c8bb31c1c8d4b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a3ce1f6eda5ee6593ffd745a9c3bf49bd2b69b77', icon: "false" }, h("p", { key: 'e02d0fb84e9dfd93ff1faa2255413011018fb1d2' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '350ca617cbe1219d68033700f8845490633041a6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '08aa63d85aa279b9a6e9f00a2c5d8600ce1d0fc1' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'db3bc7af204b8c8c8ea646b055f43ce393910913', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b1ad0ffe3b15be4ee9bf7299e30dda2e21a3117f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '091e7e24d1ed160faae1e2d72ffa295aa864ed56', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '913fca4ee30b609381aa73b5d4701a638d511b8a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '0dec584491291a382ebe8b7aea8652a341955cc2', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd93b4417928f8a9ed2cdba772232435a273b5161' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5ad0d4ac1c6f885df6dd3f9ad92e7085c63ff555', 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: 'a9a73ecb34554e8def6dfd1d7ca114f2ddc9dd44', class: "page_number_text" }, h("p", { key: 'a107b5174ecb7a7478282fd14973604e329b27f5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e5d48e1a3c93f7d01264e0b1b3f0795268a7950d', 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: '41e4d6a50f995bf2cfdacd2d9e2f4cabbd4d02fd', 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: '2a7fa2eaed0c3bc194a1dca766a2338044b1355b', class: "page_number_text" }, h("p", { key: '5c0e1cf8366ebebe12e6f79764482a08da6d77d1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '50b7ac0d0b4f6956c59d681befcc98e561a0fe0e', 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: '28910396fbce2a557c41814d56213ff665fc3a37', 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: '902d20cc95e054dd235e0ceee8f98fdec17c79ce', class: "page_number_text" }, h("p", { key: '56085eea753f909afbc81e8ac1b2ee3b1bb98394', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '95d000c06938bddb481efc1f49390996528c6805', 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: 'c9507bfeda877f3b54d96ee26a3b4c2004924533', 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: '2e97cf93b2f75b7721117b60d6233e3319fb1604', class: "page_number_text" }, h("p", { key: '2b435262565f8b2a0e2e5c24cb749862e2e7dab8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '26e6c0a7d985dd74067e5322072c07e033f6622b', 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: '5fb763537591801a4f8ba79346f50c91d0056166', 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: 'a81b641088cf2692cd42c9ac205bd377c939460f', class: "page_number_text" }, h("p", { key: 'ceed4be1466237b6f6f076bddf08e187376d2571', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a295d17dc60c83aee59114575e3d54b096cfb10f', 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: '2f19942eba349205bf6d1e44c5befe81b6d5d92c', 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: '465044da3a4e612c8e32469e91fd23132cca1168', class: "page_number_text" }, h("p", { key: 'b55997d74f284c2e7130e8d58e10edd6c08648dd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'b461ef315136009b7665d75aec919a7515b0891b', 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: '346b147a3f6b326aec558d231a847945d6acfab3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8d7c96b211c1d95f9e021464face2ed01bd8ce0c', 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.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '7cfa4bf92d714f0ad872bbd6858bd9d1e8a35e0e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '84bf4534de7fd3fafd0af320eaf40c4cb870bb2f' }, "1")), h("gb-pagination-button-group-base", { key: 'd8f54a96de8f82b87f548d3a8c4e7f736fee769f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'cc6288e0e5d62eed12104f79b5269923aacda67a' }, "2")), h("gb-pagination-button-group-base", { key: '1ef6fbf71d9afca75169d9e3456ff4643f3ea265', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c2d7d218126072280912d84cef2ca8cc26ce1de2' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'aa05a24fe5388e233bb0c35bac68a8026d9a5d32', icon: "false" }, h("p", { key: 'cd2cc47333a15dc24a6548c3d0df74d29df8fe6c' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b1f961d3712a4e5f2b4c757533562f05b2484ef2', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '16eee56519a5f6c22ffe0d6cf6f2077f264d2358' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cd63f8066b981590c2dbb816dae380b4e2bdf969', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4092b1309605941001a698c3be3cc54eecf96b5b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '8260c994fb7d84492fb42379b07876c61fc0ab91', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '9032db89fe4d188fbf11b1c6501b03e82a446b80' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2cf779f43dc67a3ec7f2a4be90e4ca67966da9d0', 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: '62f7866aaf9f4021136f1695f8fd59ffbba3ae95', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b54986376814b51ffaaf8adfc8290877ad47ec3f', 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.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '53157d45c270b515590ad41602a4ab0d508405d1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '002d17a3a4296b9c80fd8a4eb5e0a245378ad1cf' }, "1")), h("gb-pagination-button-group-base", { key: 'd1fc45afa797262dcb04f028a17bf876ec61e618', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ef73ffad15eeaf4de8907e09bf731f2a513e586a' }, "2")), h("gb-pagination-button-group-base", { key: '9fdf65169222c3eaa3cb68e05d83b6933a368140', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '53cc466d19b1868786b847088504e046645f7f3a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '52559a76a7ab8a9d466f2243e7b70356da4064ab', icon: "false" }, h("p", { key: '9aff5bc5678b8a2b61dd7b73d176a98369626cae' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8b890f44ae64eafcb056fde5084940e622cbcc32', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '19aabe2020fc2df57b48d38691a2e0013d950e60' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2cd503a5764a92d2f949ab3722cbfb394e626d93', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'f43934078f1905ea98f414b73e3be43ab5839d06' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'cc1e67f1650fa560a830b0adf43edc4c3a9a4bec', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6f1a80fba01471134ec8a46fd6b38637f3d4753d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e4c291236dc8610a34f054ef14c6bbb3c3a4b868', 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: 'b2ccf27fc027eb787130f0fb2fbddb17b5e17b6e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '80ded3d0887628a27784c3e2a567a196b0457f78', 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.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4aff4b396fcd236aab36dfae43ebf11ddd17a62a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2ae8653efd2eabe19746eab9a9b412b1b56a139a' }, "1")), h("gb-pagination-button-group-base", { key: 'c6c858f1d8df8ff49e7812e954916b036996b683', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd5481cecd584b23c5e4cb2c6ee5c4dc932e9bc87' }, "2")), h("gb-pagination-button-group-base", { key: '5aca38d853dead9eb6ed518bb6229c3f3152ebe1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '511c3fd9035e27e085a20332f53083066f316444' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ab5130e7e39db4a6d585aa0d28e37a9256402cf2', icon: "false" }, h("p", { key: '7d7077f70cc99ba11ab168a1961d9c25ce7f130c' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'da2b32295c8b4ced431f93f265398c0a447ad809', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'bef72a64ccf32f2c89183db1c726fe247182ce0a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '45d93fa8f252e04a956178e823d691703ca328f6', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'c0372f9207f2e9bf9cf61dc6885cd2f1c95c7831' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '518e84eea671a4e6e3cdd6219b5626c60ba003bb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '34d9e0ef56aa2495fa2ac6ba63377a5bc608031b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'befa4ba95aad87ddc70bda264842d32a6de926ae', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'cafcb9886a502e08d800e353217135dc5e1ec2d3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '94ffa5eeffe59b8762936e9f40fb17ad1562c953', 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: '72ac3fa76b643c323901482c0bc6ddf4f2cdc1d7' }, "Previous")), h("div", { key: '7ee4e696c08e3f060cf00bec084ef4aeb25d161f', class: "pagination_numbers" }, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '23894fb3fef358cf887b338ac013ce310573af4b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '07ab4c10a8bf2bfda64455ea8bbce6d735c3812a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cc15e198439588d9fc6347c36310455b70498752', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '83f44800bb12404f07ef8426611420a3b9b8d986', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cc6cf9c966d8a3a347e3d3a9b6fef90bc931047', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '85a1c0a9fc93d1af21ece6487fd6a242ea530c9e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8736949a43413f6a14ed7ccfa4d577f979fde0ee', shape: this.shape }, h("p", { key: '92b85ddb5341fce7229924ac2989c08ebc9e9d0f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3e95c0b7d7b2564dca20fce21bd1eb8db725a47', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '36a5ba20a8583fb44592195f3724dbff1f3a555b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'aa4deeb255250ddcdeb75d4b996f7c38defb70cc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '05bbae7848ed34c5f9d768bf13860e7b2a1253b2', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0650d90e0e345abc12da0e033332adba0e47c014', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'e994b3e8029a7a223da9fab391a84001b0bc5573', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f47e2ea69d7187b5716d5199cf039095a5f56368', 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: 'ea9b6cabde5fd88aba7f82f38c54042700076c07' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e0ab74c77510a7020f1cc1689558095b5ab0da5a', 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: '60c74561788addd56f936ebcf8ba573000b60fd8' }, "Previous")), h("div", { key: '0af75b52b7b0fd17aed5b36d2d31be3544416c51', 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.currentPage === 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: '1d39474a92edaa98b1c5c26a3c97024147d1a89f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '444f8b4c77f0f9e9b0e68f51e48268cfe45a0d94', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e58890a2ba1ef6a0ef448d37172c5af4f36c02b8', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2bdbed9e01278aca7e4f66edaf47af0b0c5950a6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '55e7aa29762b6398d40768d575ba41c963cf6383', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fb2d8e48024ec04a09e757945dac29cb4d76fad2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3144d1bad4f8523634684a9f7b5de7709dd19ac', shape: this.shape }, h("p", { key: 'e46a8dda0e01a19ef7f422224530d2d90affb614', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8c9a51b1cc9e122c6c40502939a4a15fd23041d3', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9d78c7c19cd78113bbf0766b85fb0af011e26de2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'eacb191be8ba75194c74615cd42ecaead72fa72a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5929ddc72d02754bc306f221c8daa7183bb7be13', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '93068472426e37bcad31320cadc1635a94fdecd3', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd66e71d6e7d42e8590f8f7d8a660faf46f26e4e9', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f5319ad824c2c5442420b4f743eae80477ea522d', 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: '9332997903d41ecc5f6afc9acd605dd505ffe752' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '73ce7f35f87c0c9dd85f098eed9361d03c5cd301', class: "pagination_entries" }, h("div", { key: '2fd408eb99e96c4cc1d1bc4587441989f25a5069', class: "entries_text" }, h("p", { key: 'e9ee65bd9abef6094d032947f7865edf3d46dadd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8ed78b3a4f85982cbfa95d98f0ee1a0b009d6934', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a9e9562a24c1e4169192be01594f4cfecc8f79c6', 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: '358ce92dfaa364a45b5fa4b391d9ccc6aa735b0c', class: "pagination_numbers" }, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'dbcac3c3605a5985061731aa243d14b75431aac1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'eb6d0353921b8ac983a9b6cf9132d595193ad584', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1adad565d67fec6ef35b08f337c9d602dfc3c956', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '797a6f085abd2ed0f1e7357382ba4772879ee496', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'bdeb4dd76982e6e1241b9a0321fb15df47afa807', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a3f6fee6bea39c9015de51fdedfe34180b7c25f7', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1bf9cdd716c63b81aeba37bc0b85e505bc5db2b8', shape: this.shape, state: "default" }, h("p", { key: '0a07d003b02ed76486a6664b9a7d328263a1b835', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c210e79d5ceec14ebc8af11cb15a175df5dfdb26', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '52b8dd6b641b9252e0f0511cadb688cd86936350', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'd475b82b461b5617620d36a358e4ba2dd3051fb8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '9ee3d9e8ec447b8a284f25acd2e14ac8b0f62a1c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a8541a40fd4866c1f66c34879813cb41fa297bca', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3044006b9e679ee1b04bed8724e709f107b585dd', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'd7a4d658f70a9ce9296e10e99309ffee450d4943', class: "pagination_btns" }, h("gb-button", { key: '87fe72470b382d8bad3ff62a6ac9a6d766a8a4cc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'c562b7cbbcb74d5c7d3495f58df074b17fffe343', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : '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: 'd6b8fb48d7fafcd331fb5e3be3e585128f45d4ed', class: "pagination_entries" }, h("div", { key: '23aa7645b63bcfe12b5ee8f4db11f925f81fc834', class: "entries_text" }, h("p", { key: '6bbc396ffc6d67017606f81a13387789db1ea369', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b994cc5b3dcc52b13d788ffc3f8eec17a02c69f1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2cb459946dc44db842d6fc0bdb0bbd1e52f736bb', 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: '56280d128ac6c43ec1c8f10850e71802a209c7c0', class: "page_number_text" }, h("p", { key: '8b84985d1074530cc424ca063842017a07b77c23', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'db7c3fc7adb929dff50e7d000c515ee00941659f', class: "pagination_btns" }, h("gb-button", { key: '19dd10a95d824f16cc921dfb8650790bc0d42639', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '88cda8d1c53f6dd11ac315dc7fcfca34a8cab63a' }, "Previous")), h("gb-button", { key: '3bd6be9cd345ffb6b4c0e5eb39b3bf5256302e0d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c6c79d90fd8c4b34796cccc19775e2e896a21993' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3e1c254a0aef6dd0c215369b99133c560c5096e8', class: "pagination_btns" }, h("gb-button", { key: 'ee8f4eab0f36f8bdcea244dcb08e5d8132cae1a0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '822979d3289befcb0c5d708ab4e74cd3c2f471bb' }, "Previous")), h("gb-button", { key: '76e8efec7307661625712cb0296a4779ff1ae037', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd82c01ca8c395b00b095c5eaf7ba756e7a8fd98c' }, "Next"))), h("div", { key: '5aee833d96fafadf42f4578acf1510a0ae1c32a1', class: "page_number_text" }, h("p", { key: 'fbfc782aa08240994fa9949546ef481a7991c18e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '16ce01f830665daeab571eaa3b0304a0538d42cb', class: "pagination_entries" }, h("div", { key: 'fd535554a408cafc241d61b44cfc3e1c54e95adf', class: "entries_text" }, h("p", { key: 'f552ede023e0bd87293ee7d97aa95745e499aa90', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fae1f7b912785850bee522b2abb7576496e7ba19', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b0127ca58e0cff07ebbe9cefadfcb96871d69c54', 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: '524c551e1eb383ee103cd87cb9a42b95dd19aced', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '56edfe2f2410bce53c144cb7c92ef5fd97767054' }, "Previous")), h("div", { key: '533775bf39bd662e48cf4d2e0a80cff7363c0336', class: "page_number_text" }, h("p", { key: '83952d1c5651c17fbf6a13f8dbf90235b651cc1e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1f3ee09738b5f42f5afcb1320bdda4265b67dd8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bcca1fa6551314827f9f5c3007b0528fe237b469' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3268ef0675fa6b22917d58b4ab7041904cd997e1', class: "pagination_entries" }, h("div", { key: '225fc72d3809d1900d84543e1d19da3f0335df2e', class: "entries_text" }, h("p", { key: '7fde012afe87e9298c26cbe07646e0dbf277ff6f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5e571afb46b01d58a6f9c024f2a93db0709218be', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7fa23c7a03d488a1c3f715e83c4f69ef2f208956', 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: '12e76f6d102e278cf9e0751ef406caad40e24555', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cc2ba4fe0465c40cfcc88dcd1fa6d382092b2c76', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '65d72bb939729bcb36f8af5472222136eeebdcbb' }, "Previous")), this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '3c38af31415ab4d8e2f4b3d3e1b451ddc4adec5a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '27303f2f68c80d09baed47e32b02124addd9d275' }, "1")), h("gb-pagination-button-group-base", { key: '12b6f5417e5b9cc14469a03e1609665604b8c4ed', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'be2d75962e7c17fcf57851f7d01e58663c1513a0' }, "2")), h("gb-pagination-button-group-base", { key: 'ded25b783586f657db8c9bb0eb11b385dcec6cc8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31d546e13805b6bf19b3e94be1c0402816826648' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd2d307d1d091b3361a0adfe2312b221169333a67', icon: "false" }, h("p", { key: 'ae510f9665d43811f89d27e514a60d903a5f1db9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'fc300d8d46620e20e1a34a79cddda2890f73d697', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0e0d2f097a7a5776753cfdd7c4dccd284a706489' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '876a2a1f5a32f04ff6019f3178c212ae5692e0ac', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7d6be3d3cccb9fa21105d9b25032c0a4050036f5' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f7e3d12c22606e667e49d4bf83d11a950abb9187', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a88327cf99f798fb2d3ba1da74a7f069cbbb48fc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '56ec6acae2bc8617e2cc43664e251d3cb36da15b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '42dcaa27c41e372d1f9ee084560f5f22423556bc' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '88cbbe40b4c0864b310a9c7cde7d76f08789c0dc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0b50aecb6d8db4879660b9a939e9f988ba20bcc2', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '91346e148d1c16c3ae0ad8d0524027744b39a242' }, "Previous")), this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '98ab6b5d6e8b8be2a28e7808393c041caebeb534', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '74260f116d85957200c04f7b95c79b28c1663071' }, "1")), h("gb-pagination-button-group-base", { key: 'ce55f05187e3a4167467983738f2f55519e7f99e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '80189884d93bef932e9b09b744ba8358a77a3f95' }, "2")), h("gb-pagination-button-group-base", { key: 'f70d1d83622cf11a228be7cac198aef6c527ba30', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '152e3d64bd26f3a8693d5217b32d19a2d9d1e4ac' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '84df4b99fec4ec41df38272cc32cc7ab09b12411', icon: "false" }, h("p", { key: '4898d6e74d10b28deb435a1ade36726bc5e25814' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2c37ba35d331c5a0a6c8c5a3aab71c4fa24f86ae', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '93ad1000e02985d91f51ddc7603b42faff12b549' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8fb605f7ba6adec9f9f0dd17ba592eb6dfd64af7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b61491cd7e8cb33c61b50d86a27e01de381f03d6' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '954a27c63346085a23913a2d9a10d17c074f0837', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e940fdccd3bdf9a050110c53951fb28fc262d403' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '051daa9c6dd29b5334dce33d50d49ed4a4327df9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e694314fc66a85c0dff01d028abdde90e307cabf' }, "Next"))), h("div", { key: '9ec37d8265f0a17017d85c626e56de383b87f0b5', class: "pagination_entries" }, h("div", { key: 'c10c1728781967b0991ec40c5e39ecbde0eeed5a', class: "entries_text" }, h("p", { key: '834f410872c2f3d119d9e19764ada76773821b60', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '85100431a5efcc34cd7ec038c7bbb6a0e22cc4ef', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '03240f38e2ae4ddc0351074b427dd10d9ed8648d', 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: '3ef1f8c391336c08ed04da7d0af16c3d9656664c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3a86531dcea28ef2365a3602ed41d8ed85f5ebda', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8de2a10f3dede5b8d43aa7d49f48ccdb1c7dcaad' }, "Previous")), this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e8a1140a17b584163cc26c18cab0b71b11a186db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2b0edadeef0fe98916d677c0d200cc726736594d' }, "1")), h("gb-pagination-button-group-base", { key: 'a8130c346fb8905debc4e51e6bec25385d83507c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3568a309d8a0f8e86a8e0d12a33f4d8cee5400d9' }, "2")), h("gb-pagination-button-group-base", { key: '55f2a1a3e899080f23a6e0c6ac60febf3d9b4090', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '96ee3bd1be310286a4351fe082ddec59f5120981' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '98f5b8f405a934be962225658c87576d1ee8133e', icon: "false" }, h("p", { key: 'e94d8d894296207aa706a8a1e04c7d3cefa322dd' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ed4b919a81b55ca3a8120c712f6cc64ca03f5863', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b39cec04a9f155efc03a045c89c7feda4c26cb91' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0adeff081412c741ef116c3a294f957f489926cb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3da06fcf6b4751e9583527536c7c48f6858f0541' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0740d2e4e9beb06b8075efd36a329160380791a8', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3889ee7db614413d8f2978d69b1583b47202d18f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3eace013e4ffeb6291bedd9a1ab72ba05f23240f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '567b58a1faa1610fd513df614838df0aa9aa14ee' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4a5c6b805519af24286e7ccc64dbae058bea7f0d', 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: '075da81995b9b14b01877308c94c15980a634a8d', class: "page_number_text" }, h("p", { key: 'f53914efc0286e25ca29f3da5b7fac4d79ad7059', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '673c75849bdbacb91a6b19caaacb830fce86eb9e', 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: '50b9e2d8dfd19a47077cbd7ebf989c703c295083', 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: 'e1e6462ac7b0e3ba002bc03158e2e5cefa675464', class: "page_number_text" }, h("p", { key: '1f7ba2d37b72f5a85b0d7f4dc420a4bf9b2250a3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '441043ccfcf9ca6acbeaeff3b610549ba7d01eea', 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: 'a5c7e6b6fcaee9856d3d858eb02953243c7afc10', 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: '26f5d885290fa679dd6c6b0915cfe75aa8fc4284', class: "page_number_text" }, h("p", { key: '6e1ec65fdb9c513ba15a2b97dcfc60038aae7211', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f44f609c8c2190801e60ad7298d4ebf224b78a28', 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: '92a4490b0aa91f4005d763e2d689d32ff7ad2b5e', 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: '10a04c1412b31f7f10757f7e6f3651a7d198bdbe', class: "page_number_text" }, h("p", { key: 'a6ab65fa0a2cccc85569de7b7e7f86e5af68c3f2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '41f230662520d1a9b7e911876b8d522feb8b7c87', 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: '88077dc297bc492cd7433aec5575fbdf703e34f8', 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: 'd32c007db2f110a5e547f42a7d9c9656e2cd6fcf', class: "page_number_text" }, h("p", { key: '202e3ebd4b76a0da39d505dc4753d872bd433dcf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '53290dc86bbb1055394bdf8aedab63fbd40583b3', 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: '2c7f28038b2ecfd56fc24f9576445885f5dcc755', 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: '54d4996419490a628424d500c1b893a23a7a5657', class: "page_number_text" }, h("p", { key: 'ee10bbbae9450826b6b3311018d2593eb941ea16', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'dae8b061a3277dc3bbc7141f29a6d697894c053c', 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: 'dc34e9df4a8c65781061648b6f0c4e61cb607b61', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ef4b70ae5d6544b37252c464e110e831679fe796', 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.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0ff1d08a92b927f91b41dd9dbd005d3a11ac5e33', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7cdd0b1a6f61563e3780a5ff838df039e681211d' }, "1")), h("gb-pagination-button-group-base", { key: 'a1c485ec68a009b1a35b51089a1054b006f0ad1a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bcd8b6d19e52e5cbc4876eb20067a533c53deb2f' }, "2")), h("gb-pagination-button-group-base", { key: '306db2e69f5eec0562ded548aa9c70263772735b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1dbff2590d3e6037fb22f44d9469fdc344f3c6c7' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f83dbfeb1c8c55406c38f742b445c8bea21a72c5', icon: "false" }, h("p", { key: '40c49041ab94841780f1304db6452a17f742bdad' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '526037c304f21da5012d11592b148c6365586094', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2efc23eb805eae3622d7f720148430fff9f920b7' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '323bc92a4d573e02f729f25807c6c9e941237ad9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0a75f4b47e227872c9c6145cadd1665d80fac91b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '00446ab9af26593095d51ba87f81b5757a963b29', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '68178d891c63ec20be89e492cd36cb4e83d08043' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5e45cbaa8d4c3ae1b93172facadaf781c3e24c5d', 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: '9473312255d644195c44b4ccd8ba99f951de21ad', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '19dd7371a8c00a5692243016b25803a7068b0f5e', 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.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6be8aa8e92365abdde75eddc3d19b6bad866153e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9b96de3864b6c372c340b1eb922e22a896e5d2ea' }, "1")), h("gb-pagination-button-group-base", { key: 'a4b58a383d11d4cb87feb9a6d1c41ca03b3c3198', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c75a8804735fdfc266144162820ed06fdfafb7eb' }, "2")), h("gb-pagination-button-group-base", { key: 'fc9ccce9c1441f2065a89e321c79fb3bc734ad9d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a100139eaa6114e58b0f604b7da4390f7aa8d13a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'bdae4967d3e3221ad4ac4c070f2ea16fea642f87', icon: "false" }, h("p", { key: '19cf8d6c7cb9dc11293228d1252b277700c0d0a6' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '73d31e25c5b22c23fcca7a4f0830664a81457c83', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a49c7bfbabcf4049a81250542fbb1a3d9fe56d62' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '012c6bc7ed224305bca11bd11f20e1708545baea', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a39402607eddb6639624ea8735e6cd01e5f197c3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c81065a0fe6e608bcb42bac7481fb2ccc144ccb4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '53ab64fe02a4506864bfbdefdb61ab765d8ef20e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4121d65b98dd4b3c04eb6357a693f1b6832aeeef', 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: '481e60dd216a94d3c162330f728b763576d014d9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '423f0eac5bc52d3f6c6bc36bad3f4e2779aa2ac6', 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.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '522ae1486660f4de7a7619010a8dc22b4b61eded', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3d5658d0d2f38e8595d6ff9ae82f638add8f7b2a' }, "1")), h("gb-pagination-button-group-base", { key: 'f5573651fbf02d0f8526b075fd629e9897eeeb67', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '376237d1837bc83673cfcdbdfc049eade5468998' }, "2")), h("gb-pagination-button-group-base", { key: 'b5f6e897a7979b6a165eac96a263f78ea29f2720', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31f5886d68c868f01a645461ab089cc5840eaf32' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '57e57bddb9822001de3090e6cc2705eaaa3874f6', icon: "false" }, h("p", { key: '53284853ed7ca46e27c8d31ccecd5f38e6324908' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e9ff5170e5ff8825ab92685f5e8a322fac0758a4', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '98eed7b49dfa847485a2559bb37f6d892642c025' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fade7c1965c964904ad989e5a384bbe3a374b091', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ad3bbf6fe45efe011c42b7866b173e38c5c64631' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9163ba9185169164ac4e9bc946a10462677f634c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'cd13542f66477f9f7e3b7718b2c9061697dc2c97' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6b14ef3d2d634d989dcf5cbc8d862f798184f6e4', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }