globuswebcomponents 1.9.5 → 1.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/gb-avatar_24.cjs.entry.js +9 -7
  2. package/dist/cjs/gb-avatar_24.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/gb-pagination/gb-pagination.js +9 -7
  4. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  5. package/dist/components/gb-pagination.js +9 -7
  6. package/dist/components/gb-pagination.js.map +1 -1
  7. package/dist/docs.json +1 -1
  8. package/dist/esm/gb-avatar_24.entry.js +9 -7
  9. package/dist/esm/gb-avatar_24.entry.js.map +1 -1
  10. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  11. package/dist/globuscomponents/{p-2a6556b6.entry.js → p-24d2b06a.entry.js} +2 -2
  12. package/dist/globuscomponents/{p-2a6556b6.entry.js.map → p-24d2b06a.entry.js.map} +1 -1
  13. package/package.json +1 -1
package/dist/components/gb-pagination.js CHANGED
@@ -60,9 +60,11 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
60
60
  }
61
61
  componentWillLoad() {
62
62
  this.internalTotalPages = this.totalPages;
63
- if (this.internalTotalPages <= 5) {
64
- // Show all pages if internalTotalPages <= 5
65
- for (let i = 1; i <= this.internalTotalPages; i++) {
63
+ this.pages = [];
64
+ if (this.totalPages <= 5) {
65
+ // Show all pages if totalPages <= 5
66
+ for (let i = 1; i <= this.totalPages; i++) {
67
+ console.log(i);
66
68
  this.pages.push(i);
67
69
  }
68
70
  }
@@ -98,10 +100,10 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
98
100
  this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
99
101
  }
100
102
  render() {
101
- 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 &&
102
- 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 &&
103
- 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 &&
104
- 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() })))));
103
+ 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 &&
104
+ 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: '3629ac4adeb27d6c3a22078c1b7d93c49fba5ef2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'e3d854e62d6b410332d39ba1568b14493c83f33d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'fdea94d0f3ca851619d09fa7890389fa73e25cf6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'de4c9498288e8b4b886baa6b5093fe94c81dcef9', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'dde243f3cd86b1d0d1618bdfeb9d6969287afaa7', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3c3a6e312e805df524f3debfd99b5987cfe41b2f', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'fdd6b46eb857eec8ec6e89dce00a718a4852e4f4', 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: 'a789653fd7b43176d62ade490963e131ba260e58' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f5dffede65511a20959c81404b21da4687264ff6', 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: 'f8c6767308353f670da04d75bf42fdeb328f2c08' }, "Previous")), h("div", { key: '4b9cd6bb3dfcb856abc520981a14cab5ae8df366', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
105
+ 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: 'e7c2c6a1e19e8c47d49f9f139bd7244d9f0161fd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f5f2ee887972a100b50ca2c35c94d0b863b51ef0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cf15f69c921cd4ea824b69d86a6d8669f050128b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd0f2e90d0177e9b79260610d0a91da28342058b2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2247708bc5d5475a266a821f21a1c5bcd372f740', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'bd5e70c9356ee457755113498c9dca23708a4c6f', 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: 'ac3a55ff33c9e6bbb0cb1b6ecf476d1f9dc2d287', shape: this.shape }, h("p", { key: '5b242f0504924c76ae6eca67f2af7166220298d1', 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: '042cb651810dfee9ef767e86bbbb2a738ca245d8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ded3082de0062b6a6ed1d645440dcda4e442dbb7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'cd842101779d69803a04d31d8a6782a121e1fb45', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b7d420f972e77ac053f3d331fe00b3d56d9f9b87', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '5b66896898d4c35d97419702e5a4f8db8db5cbae', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b0945125490e4db890e48351b19f1d74f67eb24d', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f768ca4a1b2250a0a0050aff18776a08eb94e2a7', 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: 'ce5c5e4b04d3362e85fdcb7ae0135878ab4c3c4c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '36415bdfd41545de90e6ea9844035438ab0e5984', class: "pagination_entries" }, h("div", { key: '57730487583c90be7253472928541c15eb27bb8d', class: "entries_text" }, h("p", { key: '712aa0bf6e6f4b36baaadd57dab4b6b8f0c5019f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3f9ef5bc9c99e4f80f2bd4d699bdc4e3ebf1d638', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '35556b59bbd1958d1f687c9289e65254b52ff723', 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: 'd206099b23444d6a27ddb5f54b0f3a09bbf895e6', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
106
+ 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: 'e4e3147057ca060349c92b95e74a1ffc3846e62d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'fa6133b04f907724fff755c8ec295dcd64e41b5e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '356cc9c7ff65056d9afe9c2002ef2e2b2496d588', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'af98a920c87b6d0138518db23e825e98506a769b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0842809418a1864f4299a3914638b33d3aab988b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1821ffe76537c5612fb25cb69bb5c3a4880ee87b', 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: '785cae765037128042e0318448891bb9ed19f8a0', shape: this.shape, state: "default" }, h("p", { key: '2de3a633950fdb71945ed1f2cb12ed98c840a085', 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: 'b88c310c83f221f0bbbbe888960f2d370f5542b2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'bdad4e61237181e49f095e47f1dda0c4e2081e23', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '8e0d76372a8f36e96da39f815f672426ae803d0a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd8d0ed6147e2e38d17e4e4dbf271f60010347032', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '201710eef44fd7cc201c8695edc8ce7e210486dd', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '91cea05cd53eaf477fdb9c78d5f05d4d1d85e93c', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'f7872dd09576e58b594b8616ec4d5830f7a9f60b', class: "pagination_btns" }, h("gb-button", { key: 'dcbaccb0d9386c4f20cc58636b6d9f373b84fc4f', 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: '3bac05ecf85095daf8a689b9e4faf258ae4119aa', 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: '446868acb2a5d3de47884253a71b3f14db1ac7fa', class: "pagination_entries" }, h("div", { key: 'c89ef2745b97efa7c08c18c9f8d7a156cb6f2c02', class: "entries_text" }, h("p", { key: 'b9d6f528f55b31ef1b090968917b7e223d5ad0d8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4de82b3763c8fe85997b3a77fecc544c90bd87ff', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '75f4170d28ecb6e040f39218f6524e713c960b96', 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: 'e3dd6abfc810a1fd5ff9c0bbe53228ad345c6fb6', class: "page_number_text" }, h("p", { key: '76d436bb92016c9d9fa873f022b40fae22d98bf6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '75ab3fbf8e0b8fa274c398f24343b3af4330f602', class: "pagination_btns" }, h("gb-button", { key: '707f47e0e8fb50f843889ca3b101cad542cf1e0b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a4d1fddc1ed59631acd13855cc03710d3c99be61' }, "Previous")), h("gb-button", { key: '415a08e89b56ff5cb1423d0c847afc17920253ee', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3cc39c0dc473efdeffad4e3ca5f4e81b32a821b5' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '77583667c83c9039ddad929b540d0e42a912fe2d', class: "pagination_btns" }, h("gb-button", { key: '0acb34a0fbb9b03e4b661fcf162a72fc09f88855', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e1b039f72fd141ac0a4ae46c5ad7dd2cda8a8b06' }, "Previous")), h("gb-button", { key: '7086283805084184832ab87c3cea2e25fbd36c20', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0bdaec188938ee69036a4eeef477c0be83dafa7d' }, "Next"))), h("div", { key: '3cae3775bef831d6534718fe99c26797b8305d3f', class: "page_number_text" }, h("p", { key: 'f986644c6c92a6e315000a0254ea73bdc60759bc', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0bd2e22c097885166e41929c12cee78ad271af91', class: "pagination_entries" }, h("div", { key: '5506a0c6473497ff00f723b7f75b11e891b26f38', class: "entries_text" }, h("p", { key: 'fdb6bf00d13f507c871069eccb70acc1b41a902e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9fdb8fa89dbfe2c4e40410ae49a3bd1400a8ab43', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '59dda156a712aecbea185f66131fd6465f533c28', 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: '16403d797a392449adf7e88114686fc33b804088', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd14f0de23ae52ba06ede2bc018589e0e02e686e2' }, "Previous")), h("div", { key: '5f22e6bf5fb75c832bf33fe91880fe71456362dd', class: "page_number_text" }, h("p", { key: '162e4810940ecef9f9390ad3fdda761ea71a96fa', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cdf6b7a35f05ed0f570ff0d5d77623478665bdd7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '634c8487b8a9de26fef7b0f475bd2fdaa99e0ff5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8253baa47f8134ee1aea4880690323d3bc20dc14', class: "pagination_entries" }, h("div", { key: '0aa8d463703d9b06c61184b8cf1c8a0a56c205d6', class: "entries_text" }, h("p", { key: '72157bb4ea365e319ac41bf3ab122832be5e598e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '88b0c366593bea3424d25453d57cdb8c51efd932', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0cdc444e62c3b6a6d75681803bbf2c3d4e82f378', 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: '08da07e8d59bd3271d882f12b5a2353d5eadb528', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '83b9821cc2b795b231fb96ebbaa35500573ddeab', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4bbea33e213dc3762503aa38710e5bb88a1c88a2' }, "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: 'a820ded4dc6665fa06dc5672dad8b31fe77e27d8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e03fa45715b5c26c279a222d7e810dfe10edf520' }, "1")), h("gb-pagination-button-group-base", { key: '26417fcb0af25a2b018d866322dbcf81c15cdcac', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5882a82cafc0f040f8302fb577f098ad5ac40a92' }, "2")), h("gb-pagination-button-group-base", { key: 'bea7b871c377e6996e2184850a9ddfed1bd966f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4dd18a28e17cb1e483beb61042a58d6914fd3ed0' }, "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: '0217c4f1a5e64b0b85bc088b3c86cf2a8f05f6e0', icon: "false" }, h("p", { key: '5290da5f6e611f2b9e4649bc854ebf1539cc4254' }, "...")), 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: 'cd82678655b976e73454d9a68c413f0e51f23871', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0d59bf20a75a59e012341ac35666864a14927398' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cf613dc923adbd02fd3a24604c61085972527656', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd9212bc92e3082c95b90dc6e6a03494f07ebc082' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '07192ffca079ba6ba913a94cc95dd33db1715caf', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'bd08dcad0af7653f6783eb911078aa399b941d50' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fd43bc8b063d8fdf67702df43152bc87783635cb', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '61e2f427c4e55903d25a0b74c9497ab0b4a40d34' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '45b83c9b9b89f25f8dea1541720a89fb085b0d66', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a74f434a614483181e9bfd18fd6ef821c898dd80', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fd7b78175727249b493baf5a0bda3e61700d3585' }, "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: '3d6d15d658f93fe321e3e65e4093f6c6ff6e6240', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '38008873bca210c55c3f07c764ed4f0299076cf0' }, "1")), h("gb-pagination-button-group-base", { key: 'a64f98374cdf58c7e1934840640a9916f7e0bf55', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6a965f9cf62d8083ce944f3f25fbe845fd1eee11' }, "2")), h("gb-pagination-button-group-base", { key: '9f44c66f8ddeed785c0baeb4329014c0431a07b5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0f12200ff8e5d122c29f21dfae1dcf4573f4052' }, "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: '924e098f9d047ff02cf973bd86e00d508d03bd7c', icon: "false" }, h("p", { key: '594049de25c58744e84640cedd749ceeda8da91d' }, "...")), 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: '3949844887650062e1c37e048607cdb002fc8205', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8951e8b3d355c992c89015a612680a37750c4f55' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'af2547148854b92ccee6faadc6a2eee771fff54b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '02b111d47b358b92293103976f8a06ea6743dc7d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'de269226b7fcb690701a5822535b93c8a218f19b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0a563238c2aeb11faebb9a7bbeda8058d2471d11' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '014908836c1db4e2884ca9230c473205f7f89aa5', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '228ced636ee808f627326eeb4c2a825a41d7d7e5' }, "Next"))), h("div", { key: 'c61491689dfa2f1ffc809af32f36946a4056e930', class: "pagination_entries" }, h("div", { key: '5379eda5b0816a8e84b9563cb0c350479c589f91', class: "entries_text" }, h("p", { key: 'c411ed9496680e2da72bf13e08c263be8dbf33ec', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b24fdd38384e4f00ed59c67b27b4617bba6a1c7c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '858aff7a79d0298ca59e3ed1f387323fa73385be', 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: '25cda353ef61d9928cc62f4b83c9af7dc8c9d1fc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1de8a7543a3a61b985a2bf371cfd3d94e01ae1bb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6c00dbe263d4e1f16f75d4284d284c9ce9fe2410' }, "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: 'b761fa5bb948e15003644a9f3c39df6bb08e39db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a5669031d92c815f2a3494c1de85c7f211660df5' }, "1")), h("gb-pagination-button-group-base", { key: 'dc38a8197c0bcc19927bf16c509e3da56e083ce3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '59122bff3b8fd70c6bec5d1723a89d169451b723' }, "2")), h("gb-pagination-button-group-base", { key: '116ca26cbe596edafb55cc14c4abea13ec427162', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '488eaba5107c6908320e921588a322770dbd44e3' }, "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: '6116ff0a321907c7d0ac408af8b2f44e22646f86', icon: "false" }, h("p", { key: 'f8aa32a7d963eae5639ed33c0c9d4c0643c3c3d6' }, "...")), 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: 'f3cc6fa691cb28508e0415e900743e99e1d992ac', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'be7224fec1c27e8fee2d256fcb1ccb23ca15405d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a53b775b734dbdbc8a8c99fff9329fd1e9857e2c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'bbf43b4e5ec06bba8521768546bc70deac30d486' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e3cc92d6bb3ad4d92eda918d09a29b778fc441b9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f4188afa2db452800fd5a0c76e64012632dd4786' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'eb35ae415635740f93ab927294dd7624918bb947', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f3b74e785f1a5920e262aa1113fa1efb1e17804d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '056281d63119b321830a115554019bd2c1325c93', 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: '418cd4d5c6f07793349456ea1a5f4690aff36992', class: "page_number_text" }, h("p", { key: 'd84ff7318350dcc4d7b7f06565918f83bd62db8a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bc93767b11195276a1333501ac2eee19197ec832', 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: '3abc40e91bde28c7c5e499ee8307e4468f2c10ec', 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: 'e44766dcfec98940d27eb1558e844cb76baa0dbe', class: "page_number_text" }, h("p", { key: '07fc9322a19aab4800548443f2d52b50e7c30ec3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '71c0a4ec917b2f4857731f6be96d330eea9279e1', 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: 'a2b3a25b612a10e3cecd98ac5009118feec3b291', 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: '97eeea52fa8fce30e87586cfa406615ebaec4ed3', class: "page_number_text" }, h("p", { key: 'de6156bf9a37aee7b60b3a61f9d2f79a9b46f9dc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7a499ba04b70351be42bacb6d818a39c79748629', 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: '7efa67a987d99f0b0454ee0e423c55ddb32b85fe', 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: '915fb71fa94e9f0671d7a1181bb944392539fe8b', class: "page_number_text" }, h("p", { key: '4d2d70f0a217c13c3cc3d850f1aacb2c5bcf560e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fc56ff5aaa666405885a954f13fd39f546572152', 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: 'cfd938d939e264cad472421c824b9e2526349368', 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: '665da93346a28384f8c897756ddbb83733c02027', class: "page_number_text" }, h("p", { key: '6027f65f0202db0fae616d59f2d5a1d4b3bac217', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fd85c9b64605978deb460e5762df9c9d37f38786', 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: '0e787d84aa94e0fc51eaed789afa8e83852d4ae0', 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: 'cc7f703329e29da818e254ff768683845f5a29a8', class: "page_number_text" }, h("p", { key: 'cc4f02db0eb8f7a689ca9443ffb7a71140a4849f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '63ef007a488b29e1bdf167265e60da14a50b33b1', 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: '3a19305132d3bf4a812cca075b3da42f7faf861b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a8a0278e3f793a239decdbe71ccb83e882787774', 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: '8c39dbf3c01b682a2dbd2235fdece8c848d15e44', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4005a2a52af9b32b7c4a3a487fda411e71b2bf9f' }, "1")), h("gb-pagination-button-group-base", { key: '57a57ec644d27d9812bc13fd2f69825d84899bc4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6490f915fba75829826f2c10ba4b19eab82ce02d' }, "2")), h("gb-pagination-button-group-base", { key: '47e7d6d74a435b8220f4b31d073f798447df6026', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f64b0ace29a72c0f3b043ff7368770accee0051a' }, "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: '4dd942910cfb8b7dc7b8fd1bd00ba3e03420ccd4', icon: "false" }, h("p", { key: 'bba787b13f1491ee3c34be3bd73cb8daad6ead2d' }, "...")), 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: '334a54efc0c0a0ecf4a262a0a397e8bc454ea266', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '648482ee2cc3d80b4b3be524e012c65a0f79b6dd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd000830143a1dafd29bdfaa3977f0ea619ee73ba', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '305d2469d8562ff460f33aecedd79e2c07328bad' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c58cc715cd7fe876dddeaa5a5c3d5e57fd7e137b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd5992a5d53ca72d072068e9fed4a2998d30697f0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '584ef72b4b3e8553092c9140dc05d7d41b7b4863', 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: '5c9b2c8c789f8a638f24e65f37c26822dddc7975', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3191a7a54a6668f932ad278bd44d02b487f1e20d', 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: 'bcf62ecc22d4027fcb86c710cbf7cf84e3a29e7b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '222fdda25153f390cb11d7f3cd8ee0fc6f16d35a' }, "1")), h("gb-pagination-button-group-base", { key: 'af0973b4fe625e1c322ea51bc8bf1ac0b893c55f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '95752d457c6048797d080e3faec59fff5c2106e8' }, "2")), h("gb-pagination-button-group-base", { key: '41ec396b3f76b4bbe526679699a1470d352c79a6', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '152d227027b1998d12c5dd90523b5c8c78b72264' }, "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: '10c6fa0671001c05575021f457c6819a83c157bc', icon: "false" }, h("p", { key: '623d7ba8c71275c21e9a8faa450af890ed77d4de' }, "...")), 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: '4b9fc6aa64c775f9240eb7889b8add66274e18b5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fd570f9fc260b7972c16655672e998840a2e8dae' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2fdcd7885e93cf864e0e043ba6d02a45d8d50517', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e1522bc93e3f99b7b7e9bf195ceae3ec03c9d1ff' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2643d2db5d0d1622a9f0b896835c0edcec2c9062', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '54d82e13cc7e0ae7f9fdc33cdf77f89bc1026eae' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '51657ceae2ac25626988c22c108b1f5e0020be9f', 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: '2b2d77339a8517daa292870af78e4face9b2d36f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1d6b4586fbe311b762eb4a7479d2c9957da518cb', 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: '501c669c56fd70e5f23fdc63dd1c19d31eb52499', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f4af327c6a93b3ab4293ab8cae9f0c4e1df978cb' }, "1")), h("gb-pagination-button-group-base", { key: '1a0e4e1ba8192e1d1a85ca69db41193d55e9330e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5e84d834185fddc2b49ad3ac1f3c4484b5c9ffa4' }, "2")), h("gb-pagination-button-group-base", { key: '3bad8871c41cbb95574b5682cbad1d7f3359ac6a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5ced591ee0d9093ce32921043fe72ac5569ba0e8' }, "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: '59ab614b65dc86ae302abbb97080146d05a09c10', icon: "false" }, h("p", { key: '7cce2cdc8a2161695a2604745c65d6dfd0d807e4' }, "...")), 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: '5b26f07ebe660c16940721826f85ed36a8be86e3', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '75d34d305aedaf646ef516992606b0c4a18244d3' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'be1981afbceb0ed91782a530e73b434f40465cf7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a5b440bcb45001452361509fb1a8ce68ae91d744' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '49a6f39b624c2b59c97e0064a918081a56e9a681', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c7b727c54f9df30d4f0c14b8d2bedeb9c2bec891' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7aa7d937217d96be41ecfc20ae477d0e73aa8540', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
105
107
  }
106
108
  static get watchers() { return {
107
109
  "totalPages": ["onTotalPagesChange"]