globuswebcomponents 1.8.7 → 1.8.8
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.
- package/dist/cjs/{gb-avatar_22.cjs.entry.js → gb-avatar_20.cjs.entry.js} +34 -68
- package/dist/cjs/gb-avatar_20.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-card-icon.cjs.entry.js +31 -0
- package/dist/cjs/gb-card-icon.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-card-icon.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-quick-action-card.cjs.entry.js +22 -0
- package/dist/cjs/gb-quick-action-card.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-quick-action-card.entry.cjs.js.map +1 -0
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gb-pagination/gb-pagination.js +33 -31
- package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
- package/dist/components/gb-pagination.js +34 -31
- package/dist/components/gb-pagination.js.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/{gb-avatar_22.entry.js → gb-avatar_20.entry.js} +35 -67
- package/dist/esm/gb-avatar_20.entry.js.map +1 -0
- package/dist/esm/gb-card-icon.entry.js +29 -0
- package/dist/esm/gb-card-icon.entry.js.map +1 -0
- package/dist/esm/gb-quick-action-card.entry.js +20 -0
- package/dist/esm/gb-quick-action-card.entry.js.map +1 -0
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/gb-card-icon.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-quick-action-card.entry.esm.js.map +1 -0
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/p-5c566f9f.entry.js +2 -0
- package/dist/globuscomponents/p-5c566f9f.entry.js.map +1 -0
- package/dist/globuscomponents/p-9ed89197.entry.js +2 -0
- package/dist/globuscomponents/p-9ed89197.entry.js.map +1 -0
- package/dist/globuscomponents/p-b3cddf74.entry.js +2 -0
- package/dist/globuscomponents/p-b3cddf74.entry.js.map +1 -0
- package/dist/types/components/gb-pagination/gb-pagination.d.ts +1 -3
- package/package.json +1 -1
- package/dist/cjs/gb-avatar_22.cjs.entry.js.map +0 -1
- package/dist/esm/gb-avatar_22.entry.js.map +0 -1
- package/dist/globuscomponents/p-a85860b1.entry.js +0 -2
- package/dist/globuscomponents/p-a85860b1.entry.js.map +0 -1
|
@@ -31,6 +31,7 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
|
|
|
31
31
|
this.selectedPageSize = 10;
|
|
32
32
|
this.pages = [];
|
|
33
33
|
this.width = window.innerWidth;
|
|
34
|
+
this.internalTotalPages = 1;
|
|
34
35
|
this.handleResize = () => {
|
|
35
36
|
this.width = window.innerWidth;
|
|
36
37
|
this.updatePaginationSize();
|
|
@@ -40,60 +41,64 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
|
|
|
40
41
|
this.breakpoint = this.width < 730 ? 'mobile' : 'desktop';
|
|
41
42
|
}
|
|
42
43
|
onPreviousButtonClicked() {
|
|
43
|
-
if (this.
|
|
44
|
-
this.currentPage
|
|
44
|
+
if (this.totalPages > 1) {
|
|
45
|
+
if (this.currentPage === this.totalPages || this.currentPage > 1) {
|
|
46
|
+
this.currentPage = this.currentPage - 1;
|
|
47
|
+
console.log(this.currentPage);
|
|
48
|
+
}
|
|
49
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
45
50
|
}
|
|
46
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
47
51
|
}
|
|
48
52
|
onNextButtonClicked() {
|
|
49
|
-
if (this.
|
|
50
|
-
this.currentPage
|
|
53
|
+
if (this.totalPages > 1) {
|
|
54
|
+
if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {
|
|
55
|
+
this.currentPage = this.currentPage + 1;
|
|
56
|
+
console.log(this.currentPage);
|
|
57
|
+
}
|
|
58
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
51
59
|
}
|
|
52
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
53
|
-
}
|
|
54
|
-
onCurrentPageChange(newValue) {
|
|
55
|
-
this.internalCurrentPage = newValue;
|
|
56
|
-
}
|
|
57
|
-
onTotalPageNumberChange(newValue) {
|
|
58
|
-
this.internalTotalPages = newValue;
|
|
59
60
|
}
|
|
60
61
|
componentWillLoad() {
|
|
61
|
-
this.
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
// Show all pages if totalPages <= 5
|
|
65
|
-
for (let i = 1; i <= this.internalTotalPages; i++) {
|
|
62
|
+
if (this.totalPages <= 5) {
|
|
63
|
+
// Show all pages if internalTotalPages <= 5
|
|
64
|
+
for (let i = 1; i <= this.totalPages; i++) {
|
|
66
65
|
this.pages.push(i);
|
|
67
66
|
}
|
|
68
67
|
}
|
|
68
|
+
// setTimeout(() => {
|
|
69
|
+
// this.totalPages = 5;
|
|
70
|
+
// }, 2000);
|
|
69
71
|
this.updatePaginationSize(); // Set initial variant
|
|
70
72
|
window.addEventListener('resize', this.handleResize);
|
|
71
73
|
this.defaultSelected = [this.selectedPageSize];
|
|
72
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.
|
|
74
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
75
|
+
}
|
|
76
|
+
onTotalPagesChange(newValue, oldValue) {
|
|
77
|
+
console.log('totalPages changed from', oldValue, 'to', newValue);
|
|
78
|
+
this.totalPages = newValue;
|
|
73
79
|
}
|
|
74
80
|
handlePageSizeSelect(item) {
|
|
75
81
|
this.selectedPageSize = item.detail;
|
|
76
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.
|
|
82
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
77
83
|
}
|
|
78
84
|
setCurrentPage(number) {
|
|
79
|
-
this.
|
|
80
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.
|
|
85
|
+
this.currentPage = number;
|
|
86
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
81
87
|
}
|
|
82
88
|
render() {
|
|
83
|
-
return (h("div", { key: '
|
|
84
|
-
this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.
|
|
85
|
-
this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.
|
|
86
|
-
this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '770b080639ba56394af55524829ea25bb49b61bd', shape: this.shape, state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a61dbf731aaf59fa249c58e6bdc24bf163800fc6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'baac39e34e09e12a7fd42ec156d1e6f7b4c5bd68', shape: this.shape, state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '74b1e7e4cb157a2f2ba0ef7c42b4f7732c37b55f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9f3d1e03e6068a34f08f353da255b0fed12aed57', shape: this.shape, state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f647b91a1e3710195e4f1b1b2cae9254ab9ab716', slot: "page_number" }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: '0ff799ee7c52e0d49c9593e907e1c5d18e390254', shape: this.shape, state: "default" }, h("p", { key: 'f5ec3bcbb5d6668d31b9f5aee613bc5e9b516425', slot: "page_number" }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.internalCurrentPage))) : null, h("gb-pagination-number-base", { key: '21eb97cf12e15b4cb155a3d1db685d77391cf523', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'c527f318f167520c490b6bd7a2be01afe25fda70', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '09fe95712efdca90097f579b934472a82dc4561a', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e4c1a51d359f572aee8476c6c42145aa1b1df647', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '7986f6f125b37d2f34a20f407e3e20ef6da6b605', shape: this.shape, state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'dd863b581d46b1d4febcf2bc6a0b3a500e47bdcd', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'c08222aa28a2db71d7a8184fa3b42359e9d8c357', class: "pagination_btns" }, h("gb-button", { key: 'f66d484dea8aacfe72bb8194245417f842cd746c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'd829565c1adb25493a3ccf0d6f39b1e353e0c118', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5a2ee6e2b8cb0052b02bdbc4e59a77cadbda713d', class: "pagination_entries" }, h("div", { key: '08903b51fe4432007c07bef09320421deb90bb49', class: "entries_text" }, h("p", { key: 'bf0b2e14350ab151b9c85b51592ff093473412a2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '29290337d36aabcb419c23dc756d1bc1bd45f06f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'cb9ea2f30b989b148ece06811adc4370c4405343', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '96aedc111c6dbbf78a3c784b05541299592230e1', class: "page_number_text" }, h("p", { key: 'dbb39138155c09a32d039960df37aa65e83d23c5', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("div", { key: '3ff58f7c5651b0bb18249a2af11ccd224f2bcd56', class: "pagination_btns" }, h("gb-button", { key: 'ed298a640ee0df5d2cb8b24c014c044f60dfd701', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2bd1bf0b11eb0815948de8f8556d4cd2467bd2b5' }, "Previous")), h("gb-button", { key: 'daf21bfed72826c173ed5350ba66e6ff78f27ae3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '60bc3383d3dab494c480c9d4ee3543242172e8f6' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bcf7593ee2f4dd606989d7a79545773d00519179', class: "pagination_btns" }, h("gb-button", { key: '8482b16c5b5d37c3d1b538d2df2f6ce833002daf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b6fd452907554d9e382f39393abf1fe2e0ac66e4' }, "Previous")), h("gb-button", { key: '4af09e35f6e081b8661ae9f1f7ec92670b0dc5e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e051ef3e911e17a0f3fc7a7d4625089939c673ec' }, "Next"))), h("div", { key: 'e21b9fae7f5699821d8a0ef5d314b04c935743f7', class: "page_number_text" }, h("p", { key: '70c875afa820e7de52b6ac913c60e542bd72cf97', class: "text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("div", { key: '47a1179aaa0c3f47e04f160b52d94230b1ee18d9', class: "pagination_entries" }, h("div", { key: '72d982299e6b1547eeae9559253a09f123cd153c', class: "entries_text" }, h("p", { key: '0e3ed57c4eb982b20fbaeb037148d10ee908b3ea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '885171920fd9b36c9d758edb4184bb4da71ff775', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0c234e194e06e0fe5f43e528d729f9be4079e6a7', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '208043bc2daf0acc740d8347e15e4a7b1a41c8f4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1261cd4aaf758cd2ecbd43bd5df6f8f02c60ae25' }, "Previous")), h("div", { key: 'c36fb99c259fc35d230cab0ec7dd8e5dfdcc8453', class: "page_number_text" }, h("p", { key: 'f370e4723274788862766dc11df705f09d3dc938', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '64df1087bf34adaede4fb4da4b35846ecd460b87', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '60483ace75782923f53bf220d3c260ddcb50484e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '195e5c8fce3441205285b6ba15b64f27b014216d', class: "pagination_entries" }, h("div", { key: 'ca6373dda68b4fd431e74b86835ab24c2a7fb26a', class: "entries_text" }, h("p", { key: '129f7ef8d6190064cea3cdfcb01f6be0058eaa38', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c17e1a99cc06173142c8f1dbea36752e24549583', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '9d52f48b9eb688f8c8da57205dc407e1af99e498', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'b8980b1732aa9420c8007aca2b41789f006b37ed', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'be2c974f5927033b54addf9708761b54737ca8cb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'de0b38e43597aacc585bea520b4ab4feaef898d8' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6d4f3053bdaa75f340c158866c959e36cbcbcd2c', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '973a48ba6eb9b4690db2f288a32125021f93f067' }, "1")), h("gb-pagination-button-group-base", { key: '625473273799606dd7ebca950e4fe9a88a2bcf2a', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '28a2a929e8806d9da9611f6a9583fc65ae7d09ca' }, "2")), h("gb-pagination-button-group-base", { key: 'cdac8729b5024103f41876cd8640389ab05288ae', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'e10bfe6e09d066d038f2be1b2e474b029aa3d5ed' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: 'f990014dc517e9ca72aed337cca44fce9dd5668f', icon: "false" }, h("p", { key: '28832ec9458eec919ed4c615eb81188c879d0c84' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '6cdbd220e80cb4aa70ee9ae9cab62e67c247466f', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: 'ac2f09e5e246b5f218e40032b80c829ef97736f8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '6578e18f5ee041507b0a87d6b1897bf87af539dd', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '14ecd4b1dfe4f3e3979a6a6f5085e2f7cac39a2b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1fd1aa07415e91f975ddbbed42e1fdfd24b9b13e', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '09bdcdf302a0ef678d731c587533aa0fa65e925c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e2aa08402842d901ff0a48d748dde4f33543dd7c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '85d7bf1bf61e8f85b757b76d057af72e3c17f477' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a32b1468c11464bed054840c1dcb370abe8bdc9a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7c385163b1707171312c95ddd6b030919315af85', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '76195076ed2727db0af08acb48071b27e8ab74b9' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '64b00364de2cf423b1659de4153d26bfc2eb57d8', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '12f7816ba6de938e379be9b11c7cce1ab896b0b8' }, "1")), h("gb-pagination-button-group-base", { key: '6de234635f3b690a24d318d3ec32e395bd330123', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '70622b0b4a0e49552eba4a3c291912fd6c2346d4' }, "2")), h("gb-pagination-button-group-base", { key: 'eac19fa82f0b4011621359ac3ffa9eebdd8138f9', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'cdec6748168871d27aa8886a892455f2e4f7de47' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '0cd96f233361cc2e80fb44b45fbf59171c054f55', icon: "false" }, h("p", { key: 'dc1a3dbf3c304e8d2c1297ccfb77f486ddf5e7fe' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '8f30187ef58efeaa5f2e9dc78ebda77e05ba0a55', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: 'e4270dcfb6c431a0c46f613997547576134842fa' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8d3284461a97398bc832e821d4d31f3c9aa70433', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '8db7e5c6107baa9da7340b80f47614acfad8d6ad' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4d47e4c028a82fbd473925eeaeec161a9fec005f', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '05f0e1ad208e927c39c4d313b3665a5aa77e9339' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '332089b320f255a65645d06ad1305086e2529702', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3a1455d44c6ee8a1ed7c52c24c14cd57bd347920' }, "Next"))), h("div", { key: '026b295eb5797192daad1981d17c300f70981725', class: "pagination_entries" }, h("div", { key: '3759ef6f77cec870b84bbd32f7a9687f24aac1a1', class: "entries_text" }, h("p", { key: 'b82812d5ab20f1c78fe3b15b593008ccb90b4c99', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '862e1fb44d347c38972d5d64d614384f4d05fde5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '690fd061f28a1e6fbddf5ca166aedc002bd8d8fc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '28bcdb2cfea23977e9b387f6a3d731c337da6660', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '03cbf506cda148698f96b68000473e073e8a1fed', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9761f854082e1755d370deb38a6fac32295cbc55' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'cff3d17557dfcd0520a1ebb84029b3f76149a1c9', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '4f429f94b66c8967ce567f3b44edcf1ffd322778' }, "1")), h("gb-pagination-button-group-base", { key: '8e37fe5453718435396d1588ba9f93eb05e4f67d', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '3fc8c5c571500a2b07c6f340ad8b384217fa402c' }, "2")), h("gb-pagination-button-group-base", { key: 'e8033d125d58926cb393bff3b5972260871291b6', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'd4571b7300d5804e734ec4d807b6ac909db659e8' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '4ec2598715d282ec0f71e16257c0fcf6ed005343', icon: "false" }, h("p", { key: '6723891041b37f9d38c5b710d9960f9c6f91fc5a' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '4dafa935d332c706aa848070fb01467b8d370af6', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: '38978c56b0db35ab8d463051c90a4d9f2e98cdba' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b30d017e036db4999c1c146db7a6af55b643bc10', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: 'de9b27a97b3dae71f0a6c06de4dde87bbf3a7b35' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '38e312ecf51c010fb134b1372e17b9c5492a292f', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '90a27e0fc3069dea2f528b81a48a9a7f023d3903' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ace3212a21985c596a6be610e53a8932ff900363', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fd647ab215052adccea0f430851ec5c312aeeb54' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '8c09559d770719170edcbf20c63d9ba6b706897e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'd96179eff61c5200e76c0940d32979e860803c58', class: "page_number_text" }, h("p", { key: 'cd488316970409cadefd3ecbcad25bbb891eba76', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7959f2277c11d2f451ed9b88aa8709b501bfa902', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '1f88abf9d626165649b9046897920b28e650872f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0cd672db6c503fdb7c432e874cddc4434e562705', class: "page_number_text" }, h("p", { key: 'fa6be02e8d9febebad5eb4aa4132a0c8e4268821', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a82e49b057b22c6419002e2de891d61f70d9627d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2c2711edd91f82cc99f086e8d0b1d85cdcb696c3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ce419b883255d8dd225861cda18ad060a3412054', class: "page_number_text" }, h("p", { key: '00da6014bfc8470756e19555482d085be677d403', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f4e7ad80c81e02272231450bb328a886d365992b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '29dc60cca30187eb911c215dba08dede26652011', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '78e4bead6c5a215a3359c3b59ad3be7991bb6e75', class: "page_number_text" }, h("p", { key: '8ab03ac7020a772ce5f7b758b0c5f4c6593c1f6f', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fb0197dacb839e762c2a10f59f7ba877430514e0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '56c0978cb6b1aba795d73ede7c123227e9933a3b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '7ccddfe4a6bce9aa6472a36568d6a683d18a4c1b', class: "page_number_text" }, h("p", { key: '6a973bd0c48b1ea7b8894cbfe9013c0d2b3357c2', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3b6c7ee17be76da3cb5a56ba4f4b82924bd13849', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '8ebf0710aaf8d26d6d77b843b38db0b97b354358', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ce6c0e4f4336c76ca3c8bc40f8ff37c978513606', class: "page_number_text" }, h("p", { key: 'b3fb85ac12bb314bfdedc709ecdd4564fd97c4d2', class: "page_numbers text-sm-medium" }, "Page ", this.internalCurrentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '2bad122604b872064d40f07e507f6d1428d22727', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '1d5a1ae479786600bed8e9fd19da4aa5f7dae2b4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0d50db1382b11196ceabff31212865228e7bc83e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd577a9d2d3fe0ee32ac7f7b65c8ae231a08fcdde', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '201fcef822eab41a33ab7c0acd0bd2696cf4e1d1' }, "1")), h("gb-pagination-button-group-base", { key: '2ee1fa2b5246340aad9e8ef21f33fcdc262c0805', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: '7072b337d7fd32c22553be4f4a814177d478919a' }, "2")), h("gb-pagination-button-group-base", { key: '6eccdc77c66714bec2df4f42a4f8c2d120f05f53', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'bb2248ce893e8b9c68529c51e1a634b7d9befbdd' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '5c778e70ab3b07fee8a660f20d72e6caf9366241', icon: "false" }, h("p", { key: '1698e01033183b58fa3d68f228aee89c397f0bbd' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '4276bc82c4b984d8caa15dc3a56c8c4c8ee3b9fb', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: 'd297ba44254f4a46696bbc31318a412875b226a8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'ec8925be1e8084caab15346dcb83230a3c71f57d', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '3ea5513189f2a1cc00af1818ee38519989da8948' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1caff6c7ea66f53bac1e828e9c70c5ef326ea7c3', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '5831673655e25b569b562f0fbcd28e6905de5a9c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bbea376e2a5dec50e9ea0fdb64a785589de006bd', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b2c070028d18e0b5b2e42ccf932d56a0337e1729', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e42cc12749c05e66137b25c1e39c774d35adecfc', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e1448c4dde71c71d13d87ad8d47045330d33f768', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: 'edca938aac6e6b6bc7dd0b4306e5987d327eecb8' }, "1")), h("gb-pagination-button-group-base", { key: '0ea200142f6ad8a5b4e0748d3f49d78c246d31bb', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: 'dffd127a75026a1a45b81319016e34dc57bd1822' }, "2")), h("gb-pagination-button-group-base", { key: '86fa6b0f95fb71f4abc5f75aa5f3f55257256a70', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: '820deafe9947c03d2ec93caa2009110bf48b1d87' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '792575f650b9f0a20645e4312c78dcd034db1361', icon: "false" }, h("p", { key: 'c6342333f6fc7f5ee2d6e95786cb112b4c090b11' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '9ae16efb4b714365eb54cbeb312b8ceed8596300', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: '3f666d724951080f3b9dd9fb85c76c9b391430f2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0b2e3f3a43b147820056b03b425b70c3e976602e', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: 'fd93dfc04082ecb03e034b098852903a165d0c16' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4c1df007c65439fe2590ae12feff9ff25d172046', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '7652c12087d18a40f00fd799c405b36f8964635b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6bc038d41fd0bc17d72756ddea42ee29c76ecb92', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b6222cd0b4d8aa2095cb1fb25e1ca99b55190583', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '16bb7db2a8100b277b365c9f739b7dc28d191bd9', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage === page ? 'active' : 'default', onClick: () => (this.internalCurrentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'fa44610c31a7c2665a828d46fe0ed06acbba0046', icon: "false", state: this.internalCurrentPage === 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 1) }, h("p", { key: '98ef9f976248db498ed059adc4135847e380dd29' }, "1")), h("gb-pagination-button-group-base", { key: 'c29aadb3769181829e1506ce9bbe23996b871db4', icon: "false", state: this.internalCurrentPage === 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 2) }, h("p", { key: 'b886d04537e1a56a547d13f603a1f005dbaf3a56' }, "2")), h("gb-pagination-button-group-base", { key: 'b037a282a4f8f66fa43123035b1f3491ff996603', icon: "false", state: this.internalCurrentPage === 3 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = 3) }, h("p", { key: 'bf3c0faca7a32127ced7dfacb08eece88dd5ab5d' }, "3")), this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > 3 && this.internalCurrentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: 'f70a389ebaca90975df80eb01d72dfaa6fbc18ec', icon: "false" }, h("p", { key: '5922cae7953b338e54ecc667aefc7c6ec9c0a434' }, "...")), this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.internalCurrentPage > this.internalTotalPages / 2 && this.internalCurrentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.internalCurrentPage))) : null, h("gb-pagination-button-group-base", { key: '9e2db63ecdf3330d640aa87bde3e622fbc9b601b', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 2) }, h("p", { key: '78423f75e61837e6cb1030aae6e894a2dd392053' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cc0a20e7291c85d4b261876de1b4d39ea92a8756', icon: "false", state: this.internalCurrentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages - 1) }, h("p", { key: '6e85c1d27f8a5d24cf88f4630b8ff00e89754bd2' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '97e1a7dd5d4aef6da4ebfee2a343b365f3f66183', icon: "false", state: this.internalCurrentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.internalCurrentPage = this.internalTotalPages) }, h("p", { key: '7a2a9a431d3c7a28dab19de8e06d0a1af8c481ae' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3b368e8b15ae96b4a57a5af00c194db7d23ac823', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
|
|
89
|
+
return (h("div", { key: '788452dc94218f6c68de04eacab7ae67f56661b7', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9ca95f35cb2b4522899e4c988525710cb348e933', 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: '6be37c9edb36dba65933ba2bbccf0e4edbd75275' }, "Previous")), h("div", { key: '6b705a380ade7b239427b2a5652821e64b4bd878', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
|
|
90
|
+
this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'd81b5c3339e0ba926fb28d7db51f6fd273f07982', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '47c20c25777db4c24524e23af28802e79de420fa', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'bf1feb4a5547427e2e9eca9c39b17ca456065007', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8cc6aa9d3af97e3f4ebf4d16718c50c84bf6b4b7', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9860d0de087bfd365f6d318e6bc11680cf185942', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '14fa81058f0bfe8f93cebb4c4e369c8aa2ab2b77', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'bed354cf3dd10de9c151633e44744c62b0a46348', shape: this.shape }, h("p", { key: '0d7a4bdc4b7ce4b81d614b46fc11fb87cf2c8ce8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ca01be9dbe32a0ecfacee46b8771642b98361ea5', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'e35122475cd0477f9db4f8fe0b25e5770c266432', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '5fe9eca1c7e846902b29b5f3aab8b6048885ef60', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'd5f04efa7a38dcfa960935d554383c2a9bd083eb', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'fc758fbeb753559e3242ac73000bc72c85e56d1d', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'f183c29988fc8730c0cb3229006272a4fc285093', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: '173a5492cb0b72ad70d038d8987da67c261d932e', 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: '16e3f88d6633080b7a0b137733b3e61e7122282d' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0f510f32805ee6689ed485627823d50f10e767a0', 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: '039c47e22ea26f7dcec404aa33ce7c084ae43cca' }, "Previous")), h("div", { key: 'de50c112afa5a9de810d7a3a8cfb12b77e6ade35', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
|
|
91
|
+
this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '0299f289a5b30ec85d01df7d0f4518f62b3a10dd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '26508f9d1b7e43262b84bad2b1e46d1d13f43c80', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '409c6025d9dfbd32cf7c9e577857343feb600011', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4da7d2efe3e1e7d3f08f986e131cb22866253349', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '438569da426b941e3c00c046336cb59b0c5c67ad', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e36869f0a0c429c4a32253e09ceccffa4ae3621c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0423e2e4548505b4daa95b7734a06d3c614d566e', shape: this.shape }, h("p", { key: '72472af8ccecfa6ae73059976de282fbe8d166ce', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '20541b7ff226d201966822c2f04954495b37bdba', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '43bbafeb23459922e62abae744534a04c2dfaa07', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'e5b976e79a6ae1d56fde8bac62c5378ecf96112d', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '90c1bc4fd4dd7d0655608e75d50cc6b302da680d', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'dd59655dc1c7fafa3ceb85c5c6c33efdc94cf2af', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '7bc43de8fb5d7d38e2dc6e911832272cb6cb8e85', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'fe6281d8d348144588ba39e347c359530a079b17', 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: 'a9b8beb8602c1aa2efbb6f83d8381e15e92a0a98' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'be1395e58b9110ef8ee23ecd94417ab6b215fdca', class: "pagination_entries" }, h("div", { key: 'a21eabbae274f26d412f60041faeb9d7615c0d1d', class: "entries_text" }, h("p", { key: '16bb089c86aa3b029df453f048a210b2955ef334', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4ab1cae6f5bc51173459534c0b4f9e07f36aa36b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '17c490744fa5cc9d2cf6fa739e5c307587992e3b', 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: '227df97ae057effec79cbdc0f81bde8b2e061206', class: "pagination_numbers" }, this.totalPages <= 5 &&
|
|
92
|
+
this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'b9e721de78ca772db07c9b210c128f122ebd47df', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0823ae0bb382cf55a4076cf7f2acd2aa582b020a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b6399c7622dffa74dbd72a3c416f52936a2d99b7', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'bfd8ba3a9100f106da87b642f50b9c6effce6bee', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e7c2228b1557a38cfd5e0fdd421df62a1c3a4776', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '27894bde42f8422002eac7d3744bc0b779690f10', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '2139fa1b064d68dd70d4d93193b20903bd4229d3', shape: this.shape, state: "default" }, h("p", { key: '0f1de2a64d6c3778a29f2ce1112845232a29266f', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1715979c20b97c3061cebd4a10c40fff0977bd48', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '21c74eecec4e0941eb3b1f12542e4aa713cb77b9', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '6def7f39e44fa3294cca2ba4acc21c1efb7d06d1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'ade952928a96dfcf736a2dcb89b06b55506c93af', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '643db07901109043cb0709a2e4949b6d66f37b71', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '9506f9e8ef93d189cba2ad04437fe9b387fe00be', slot: "page_number" }, this.totalPages))))), h("div", { key: '4d04d9731dd49111098d21d884fd5e05eb2a9588', class: "pagination_btns" }, h("gb-button", { key: '2c153372063efd9adc42e6088f58ba205619b8ae', 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: '2474826446f57f7c3ade8e284ff6c6bf9db42256', 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: '2a72b490816d97725e458e3455770e869f0cbb06', class: "pagination_entries" }, h("div", { key: '5aeb7d16ad1a9c02335eea36a8a7f7cbe5ee5def', class: "entries_text" }, h("p", { key: '9365f037610ffde557000aa948bf0f6296758e12', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3540e366aa3ed9a9021d2e4af1e830c83a7b8f9c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f76d8d0b2181afe31c8ce32ab85d2189d739cb62', 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: '75af4a209bcd7eefd00a969f8206fcf8b95220ea', class: "page_number_text" }, h("p", { key: '89a42c640196e5bcf2219320e9467fbe56b28821', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'b3eda24ea7dfb583d2af5866ed7d96bd2ad8eea5', class: "pagination_btns" }, h("gb-button", { key: '1751b87b5405a02035af7d13baa3ce546a1072bb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c8ddb8b6de8367b05646fce4f8121d4d9bfc342c' }, "Previous")), h("gb-button", { key: '39a1e3f5c8d31c053d409424110df9d4259674b5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c28a06aa839649147c08b61a8b51c9cd815933b1' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '33b6a741ff9cb62f857317792cbd5a7f9fc70ffe', class: "pagination_btns" }, h("gb-button", { key: 'd512fd8a40f5905bd45217fa673885b2dd4cbe96', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'bd106f1aa1aa840c06e112ec18f905bd1bc71765' }, "Previous")), h("gb-button", { key: 'e7c52cd68c13bd79c39a037723548f6bfe4f16f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '03f2695347a633c768214bd83768e638552169d4' }, "Next"))), h("div", { key: 'ee87c6e29c6085feb5240d5b3b8c2579c9b1a47a', class: "page_number_text" }, h("p", { key: '389da87b3806d36717a4e748ae5304512ca8793f', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'a0770213befc41f8bca84ee8503bbeb2d7b9c7f6', class: "pagination_entries" }, h("div", { key: '667a00f3d0408b8c6f954aeaef3e9edad96d6d13', class: "entries_text" }, h("p", { key: '9c3e539863b3371cc0dbff8cf256e0269016ff08', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7149366a299915f9fa7b7f8618b0e6d359ba2319', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '9b3e68df7966d534233c546c3dd250f65025c54f', 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: 'a3366b7e60e31dca71606780c08abb36e3c7c652', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5d37793a8fa4bf5083771dab5041d74e22620295' }, "Previous")), h("div", { key: '4be01033945588aacea4e23719a0941aff7721fc', class: "page_number_text" }, h("p", { key: '454a485e6586af114d3953fa3fb6724e02ce309f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bb877b537af1c5f44be542c886f5483a4214520f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '18163a6f45b04ad467491d7ef0bf329544b421ea' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '468548ee52cf8fdd14f422f8fd782a3141308d3a', class: "pagination_entries" }, h("div", { key: 'ae4674cfef4ed1127db8d90a161031a677b77a97', class: "entries_text" }, h("p", { key: 'c4010364b3a9805bf3376e9959fffcc611b8cc16', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c7f29c00291dd9996c095e5319b4cd4600a73399', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '017cb26a60a70139f484b6dc7dc889830c157060', 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: 'ace9279ce7d4d80f53b609f9f26dc8fad1d7e1b2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'f8388fafff2d003d42291eef894b97fa831ac761', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e7efc73f68662385d734d4df4e95fda52442ce2c' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4eab630a9caf72f32af74ef1012d2787d187585a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'fe88ec1482890c964075c2986e79e94faa61714c' }, "1")), h("gb-pagination-button-group-base", { key: '3ad90423746a9754b135d312fa6895959922e5df', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2e7350dc99f563ad5af50501f25a7cf75f12fd5f' }, "2")), h("gb-pagination-button-group-base", { key: '926e3251901b9622b89bbb3915d7adfbc89c518d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c768a0452aa0c1a49cb343a9252b0f4df3bf965c' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9a2f015326344546f7da55b85d7c8ab937850457', icon: "false" }, h("p", { key: '46d70a24691a79d588477e40284cbd25c5b174df' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9bd67dbd63f72cbe5cfb156a5350d6538ccba97b', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '17c1dead98b36e25dca1be562696ddbad9a0c00b' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '1a99804d3c0239e50ee78a7d3ccc93e608e537bf', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'fd3f83e01fd49f07fc69a22f7a37c8bc1559333e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4e379b82decec0080fc25a1700271be8a5dbcfc7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'af511972b618ca25ab7e60ea8824ec46158ef50b' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '8a9b447ec76c374bc043ef3bae095452afbec6bd', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'db234ef4c6487af40cc361eda3b67da15acd43d1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e46adebb41ed204e45c3f462754ee1d632dbb319', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b15811fe42b0d0c174b4e5b5715baa81facf38e0', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '57fafbaf63c24c8a617552295a9d1a5e36c8f2ea' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '1c6832224253e079254714c9c70938c1fc8ce723', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1c1b90ae7d8fa3201acbc8de5caed123432d4225' }, "1")), h("gb-pagination-button-group-base", { key: 'bba3ffa0768400ceae3b237ab4fd0562c8f3bc3e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c5c6d0a972f63ff01b4c37516c434835a1f92cc4' }, "2")), h("gb-pagination-button-group-base", { key: '9a85290d5f7d3738ccb03546d19338733881fc3a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dc8fbba9b29808d5810da8ae42e23cd14dc0acc5' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '29ed8fb8f01ee5c2512fb822174db7d2007ac29c', icon: "false" }, h("p", { key: 'c3a62bd3cbc383ae1680c4a059d2883cb1c346d0' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c55560cee49d57d452e06fdd33a48c87f04cccb2', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '37e7700bde42f13f1741cd3f1f393fca68088d3e' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'eef27accb238ed9455cde3d5e1918e17c0b2e4d7', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd123878c0a8239342879d51afdf5b47750985254' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd498e0cb8bc9178bb4182ae6bc7e2ac31b64f531', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5f0bfa74fb87ec7a2d7dcbfe91a549ae246ab6a2' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'e017ac9b251b348579f55b3c8fef9f0811092e0f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f54593cca34549089f806aa3d7cc0d6636235e0c' }, "Next"))), h("div", { key: '97493b7840c0ec4e961401e3e8447a03d29c9a8d', class: "pagination_entries" }, h("div", { key: '607e42eebd1f990e9c92c869f89e83066924e50d', class: "entries_text" }, h("p", { key: '7468fa7d3781440c3151b6fc44fddb16f473c349', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '65341cc3396a80eca2217a5382b4148fb6772926', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '66c56b9f21ebeeac985301e365f08d363ca84bd7', 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: '7ded4751d1e714878f055140338937d042437cf6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd673d6f4aac385bf3e1d9d1d793d4570c3e2e97c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '51c8729fa7c42ce9860af6ab3ca84f404a2701b0' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '24f9fe0e8c8a2b879db28d5de2b0a44c6740938a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f996771c322d587d2aa4ab2ae70d2655fe309ea0' }, "1")), h("gb-pagination-button-group-base", { key: '0084c12f755a60007253b2aa4bea8200437737e5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5203098f381f481f463be959bc01885399717973' }, "2")), h("gb-pagination-button-group-base", { key: '49bd4674e77421678f5ea7a6547747c3756aee5c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bae6d95d0648538cdbb2d5977d222c562ffe3245' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '72e76df346ce6ed53e2e6e26024a2c2360dc5d91', icon: "false" }, h("p", { key: '27f2f891d94cd2a4258788c8fccdac161a9b3c1b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'fbd0ca6ad0d36c5fc03249e1225e07ea34c57d2c', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e3fc882c8c27aa7e5e447ca005c766b6b49de78e' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '70760700123c4cad5e1b367648ddf161eef2c77a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '738821e4e0512e0ebde44643ce0b1e99e67a9247' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '580bf454408735da1e926f33a8335935ea0a26bd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1e9b968321dfd940e0d3c80eb5134d9ca301cde0' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'a5fbc4c76ac9804a85da32f6b3187cd76549ac03', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '20dac2fa0d9a495919a50b5e5302c4c772d3d7a4' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '829dd3de4265961ff3d6b2f07485c2c7f8ae90cf', 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: '12ec4dd590d9d169c771f508eb7b9f24ca46d67a', class: "page_number_text" }, h("p", { key: 'dab514a7472eb935af97d0bec9066eabd5c16e39', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5674ae1abe7a403d5ed8e80b00e92facfe03b24d', 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: '00af0929aed7f3b5d0c29e0b6c9e557316113891', 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: '7cd2b7633faad95ca27d14ea0c3b5e1b7fa6fe9b', class: "page_number_text" }, h("p", { key: '6edde9e0d046b2a2ecf55bfcb356a42b4d394085', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '468b70cc32f3c2bac65f5d0189728917cf0dad29', 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: 'f997b38d05ad1de15fb8c5fad128e2b23281c66e', 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: '45ebc0f1d45ca14e2b224433a4f25cf7afef18cd', class: "page_number_text" }, h("p", { key: 'e0b53e7f51712b2ce5fb811cd0f2ef15e8e3305f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '251f949ecacaeed7825b35418b22f1120f589483', 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: '7124a46d1a77178331ece4d6113a6a48e95416e8', 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: '0d06b3633fd9dabd521c178a8ad1a36fa3550fca', class: "page_number_text" }, h("p", { key: 'bae4192551af812229ffc3886b83463dfda8a5fe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8b53130ddde06507325a7360b0350de21ff56cc4', 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: '032851522f87baa15bed10db1a11099d2a63da44', 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: '43b49baee42069c1b299f9d7a1b367d637172fe7', class: "page_number_text" }, h("p", { key: '8b994ac427dfd10c042c86c28b2a6c0a9c2be8e3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ea544d887175249cdc668527992c66a58661758a', 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: '7ec7e197e6c54810548bcb31205f37f8720682d8', 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: '762cd0a0b2ff6c5c577f4c57df5bd12d347a86b2', class: "page_number_text" }, h("p", { key: 'fc8e4cd477c7e3486d85da1a3371eda993c9dfb4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '86f7d853c427420f64a2a282b1414e76b837cd32', 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: 'd4b7bf9b3bec76409115aa2c9612565df997ebd9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '13b4f8b66789164ac17c89eaa6185e6fca07f568', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'eef04b213e0a0fd1645080560107115f3db278eb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ae6112f68a430d7413959261decf35567bf489bd' }, "1")), h("gb-pagination-button-group-base", { key: '49b6f07bb6c44f8d6f7311efc838d6d8bd307986', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b0e9632807befcfdcabc8c76cb63a080a1f51bdc' }, "2")), h("gb-pagination-button-group-base", { key: '15f8712cbd2cf9894f685d178459af89f2089360', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bb89a85ad63d043ee7182ac5436d0c9a03f6e483' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7952ab5ce62f9ce852126b9a3a085c0b731ad1c4', icon: "false" }, h("p", { key: 'd169dc8abf53c620336f29605aebf3daf718ba59' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '552ea7789f67b68a4553bc8efbd02f15f3f86fab', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'aeb765ac14d7c4b8cc9d7dbeba803a575babbacb' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'ac8582d29694f93d413ffcc920effbb7acd731bd', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '38d127173ee23033352f3c39403a66580ab31b51' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '00cfa28ca6c1b1196aedf532a842217b76264107', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ecd6c5b77bcf74a4a1db412e1f45783833860dd7' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'a9fe0ea1336329c9987be72ee316bd7f6f885ae5', 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: '8f4c06c85df23deff43f184d72180e143b116f08', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '40986631f3c74f9210fddf311f19e81d64fe7ce9', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '830aa036350e22c66c994a75f38df6b85fb71cb4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f6fbf8870b2f5f22ca818127524a9580ca03a505' }, "1")), h("gb-pagination-button-group-base", { key: 'c1850908ac9b8ca217ffa532890ec83c73295f26', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'fd3e5df944cb1cb401d92a0be91e134ec73352f6' }, "2")), h("gb-pagination-button-group-base", { key: '71c569458c84f12e2edb9a489d8241c5f3dd5047', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6a1fc708bff90474af4a60be93f63df9e90d088c' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a20ae4ea331d7b2deca31204acc7efdd1dccf892', icon: "false" }, h("p", { key: 'ef39e90c3626ab434263b4eb7946f3e4a9926942' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '90ddb4e10a45e411076275ca78a4dae12ca3a897', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '09ea34c18040d2f1593264a285b1f10a75587e79' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'd2b04468a133813832bac149408994c141529dab', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '58afb4f6c896926aeb6ef62dcba4a332a5ccec11' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '34697419e1d88ded8c5f24c2cc702952cbb4d404', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'eccb165fa65c3a4b542a5088fe0db037f025c4e7' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '6fd2b1f043dbe1ab4013b872ac1b7530f2bd8239', 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: '08778df74ac28241a8541ffbe9767c51007138a7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '94596e99129584b6f1406b951d61eb77ca8f9812', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '22b7df0b9f0f57b9e9e9b482f2fcbac510b1d462', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '80e1f1ee6caee4ba69701efb7e0c36f85fac8d9b' }, "1")), h("gb-pagination-button-group-base", { key: '5b9cc84de6e4fae5e28b365e39d8057ef487d0f7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '33b69d7c7cd24b5e7643329af89634b579f1afe3' }, "2")), h("gb-pagination-button-group-base", { key: '0a04539025950f95ed421c490f332162913c003c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c4714fa98f8ef951f713a41627fef76c554ecdcc' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a740c43a465c73c57c15b07260dafaf7ec31b1eb', icon: "false" }, h("p", { key: 'c843fe6dea45e452898e4ac9ce24cd3366fd2052' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b432f49cb7733fee686b0a46c67748d82664f886', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '3d0129beffda5f92b4dc6615a47624be65689621' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'c59af4462a72ad858c9c0443f4254680492b535e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '95f62f73618c21bc0673a9059b994b30917b846d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '855e58fe9085633fdae4b779fdd381356a4b0f68', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ad185d35cca8a2ce975ae5f4a10b60f8a34dc681' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '5ae743f43479fb5f19b4340601a6175a47c5f4b9', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
|
|
87
93
|
}
|
|
88
94
|
static get watchers() { return {
|
|
89
|
-
"
|
|
90
|
-
"totalPages": ["onTotalPageNumberChange"]
|
|
95
|
+
"totalPages": ["onTotalPagesChange"]
|
|
91
96
|
}; }
|
|
92
97
|
static get style() { return gbPaginationCss; }
|
|
93
98
|
}, [1, "gb-pagination", {
|
|
94
99
|
"type": [1],
|
|
95
100
|
"shape": [1],
|
|
96
|
-
"breakpoint": [
|
|
101
|
+
"breakpoint": [1025],
|
|
97
102
|
"currentPage": [1026, "current-page"],
|
|
98
103
|
"totalPages": [1026, "total-pages"],
|
|
99
104
|
"entries": [1040],
|
|
@@ -101,11 +106,9 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
|
|
|
101
106
|
"defaultSelected": [32],
|
|
102
107
|
"pages": [32],
|
|
103
108
|
"width": [32],
|
|
104
|
-
"internalCurrentPage": [32],
|
|
105
109
|
"internalTotalPages": [32]
|
|
106
110
|
}, undefined, {
|
|
107
|
-
"
|
|
108
|
-
"totalPages": ["onTotalPageNumberChange"]
|
|
111
|
+
"totalPages": ["onTotalPagesChange"]
|
|
109
112
|
}]);
|
|
110
113
|
function defineCustomElement$1() {
|
|
111
114
|
if (typeof customElements === "undefined") {
|