globuswebcomponents 1.8.7 → 1.8.9
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} +46 -66
- 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 +48 -29
- package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
- package/dist/components/gb-pagination.js +46 -29
- 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} +47 -65
- 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-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/globuscomponents/p-cfba078f.entry.js +2 -0
- package/dist/globuscomponents/p-cfba078f.entry.js.map +1 -0
- package/dist/types/components/gb-pagination/gb-pagination.d.ts +3 -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,78 @@ 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.internalCurrentPage = this.currentPage;
|
|
62
|
-
this.internalTotalPages = this.totalPages;
|
|
63
62
|
if (this.internalTotalPages <= 5) {
|
|
64
|
-
// Show all pages if
|
|
63
|
+
// Show all pages if internalTotalPages <= 5
|
|
65
64
|
for (let i = 1; i <= this.internalTotalPages; i++) {
|
|
66
65
|
this.pages.push(i);
|
|
66
|
+
console.log(this.pages);
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
this.updatePaginationSize(); // Set initial variant
|
|
70
70
|
window.addEventListener('resize', this.handleResize);
|
|
71
71
|
this.defaultSelected = [this.selectedPageSize];
|
|
72
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.
|
|
72
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
73
|
+
}
|
|
74
|
+
generatePages() {
|
|
75
|
+
const tempPages = [];
|
|
76
|
+
if (this.internalTotalPages <= 5) {
|
|
77
|
+
for (let i = 1; i <= this.internalTotalPages; i++) {
|
|
78
|
+
tempPages.push(i);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
this.pages = tempPages;
|
|
82
|
+
}
|
|
83
|
+
componentWillRender() {
|
|
84
|
+
setTimeout(() => {
|
|
85
|
+
this.totalPages = 5;
|
|
86
|
+
}, 2000);
|
|
87
|
+
}
|
|
88
|
+
onTotalPagesChange(newValue, oldValue) {
|
|
89
|
+
console.log('totalPages changed from', oldValue, 'to', newValue);
|
|
90
|
+
this.internalTotalPages = newValue;
|
|
91
|
+
this.generatePages();
|
|
92
|
+
// console.log(this.internalTotalPages);
|
|
73
93
|
}
|
|
74
94
|
handlePageSizeSelect(item) {
|
|
75
95
|
this.selectedPageSize = item.detail;
|
|
76
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.
|
|
96
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
77
97
|
}
|
|
78
98
|
setCurrentPage(number) {
|
|
79
|
-
this.
|
|
80
|
-
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.
|
|
99
|
+
this.currentPage = number;
|
|
100
|
+
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
81
101
|
}
|
|
82
102
|
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() })))));
|
|
103
|
+
return (h("div", { key: '42894f492125bdee8f5cafb4fd9fd22735e828bc', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'bc48c493f1cde2784bce1861bedb8f885874833f', 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: '66808a6d1bfb2e9169ac893bd04389a34041b388' }, "Previous")), h("div", { key: 'f842b277d01e4b6873d58e96fdcc069c046d4127', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 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.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'a7d95e70ce202b7533b123f6fc557846b6bc7354', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '94a9063b32c673bcce373348c6a57537b2d4b5ae', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '68aad6737e20699505b8a39e8089355d264d07c1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'aaf3d3a5a5159efe531b84f6268544763e44369c', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2b7c85db1cfa3eb295176d255412bc6cdfe636b7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6a7194c026bc264e735e667f84e4232872c99132', 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: '0241278b4f655b9db9fa07e0358172e19d8c0acf', shape: this.shape }, h("p", { key: '1bdcf2da712ddab6c7f784e00646f12c76337210', 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: 'd860d61d080a410d8df5da681d8ee3a443d3be5f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'f0ed52b5a9cb7fbb2bf27fc4181f1fd15673d3ca', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '6f6ad9ca3092c3ca067da77b861c01d641ee97a9', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f5b5cd159f93a8a79cae5a4068c23d8772cefc23', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '1deff3f5db9b91b47825c089417aca73390fd128', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'a030606db12987a7648668c6b902c38840233b6b', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: '7aa68668ba1066f57cd96f2c5d86497895b28bc0', 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: 'c0d96b7bb56829ecad4f8804fad939a918596b51' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e33471acea842c4b92760ed70ab682f441282c8c', 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: '1638787bc22d5bb2726567330b08e0f31633d945' }, "Previous")), h("div", { key: 'e499ac26f072cfe409ddefaffd09e511e610b1ba', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 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.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'e0a158c2a4ddaf07c24834f5a756e049960e46b4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8f3381867304347669b1cb6c5bf7c8a60b5702d2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '92179ac5549dec47ff321b45f7b124e9d8e83292', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd66ebf810c0020908559abae0b6dc1db74fe1a69', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9fd8041e82488bb0356f61ff36cdd29f8fd3f28c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'cbd3aa1307d3e6fc7f55052013a782a75a9fbbb2', 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: '462364296ff9ef877a241e1f0417369f610cd799', shape: this.shape }, h("p", { key: '80e7577aa262754110de98aca4313eb03c7ff79e', 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: '358e00446a17597e9ea874405b5f84c80ee06cee', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '33d2200c8d329fb66f85e4bf7920426c1e40fd34', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7c275fd63fb604000860017f5195ef069cfab4d2', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f3ae28e78b570dfd60f8226c3c68c29031a4c2e9', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '6a128cb0be2533c1b3b894e70e2e2496965f3242', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '5aa6f65d514658e81c345166f6693d0c9877e38d', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'ec4d9eecab239a26818e33ee925299bba61ab71a', 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: '3c09bc2ee8c9b0fbb34a971ff2b0918e92da00c9' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f24bbebee7c06139092fe9fe50553730a4ad407f', class: "pagination_entries" }, h("div", { key: '0698d181430145d0fb321afc5bb0e13a5195400d', class: "entries_text" }, h("p", { key: 'bbca7ae03805b756af92078bf98ea597d7260167', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '32560ae6f13703c09f1e32bc3f7da8e91d6dd04d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '88b9b026547cfe33edc1aa43f5f94a06cf5c23fb', 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: 'd0a8fcbd86ecc8b58b2235950febada01229a504', 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: '73556a11b388d593ac43629a0b3870cd1ceb6f0f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '83ccdf055da0792d5be50de6ebba2c670f84fa80', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '08b37dc35bba0ac322675d7b7e8fd3f3f25933b8', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '34b87bc6b86bf1b31e88883ca7b6c9154bc8823c', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0efa5bc62791e548aefe311898f83c5a31c0103a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3bcf88fe8cc859411115520be8160ef46084a98e', 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: '1040109e176fd89661370f47c8afef3fa1cc8487', shape: this.shape, state: "default" }, h("p", { key: '2643da0a1d064bfeb6186b8ad8bede51d7d47be8', 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: 'd4f0767f0aed735a7581d590420d63e5c44f87e3', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '21e139cc0f64d332c30549e965bed127efdba6f2', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '128872ed75e24eed40cc86e288e263802e1471c1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '82c82dc6987fda7486e3d23f2c3bd7ecd915a972', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '2af18789b7a15f3c02326143363639a49eeb257e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '356f38410bd71efafe1fcd2192d6c5c98709e618', slot: "page_number" }, this.totalPages))))), h("div", { key: '675b669ea3eea1bdf222a419d0988bbc06678266', class: "pagination_btns" }, h("gb-button", { key: '4480c2c14353560060c05b14a203ba7710217837', 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: '3050cb886a4de76c455b2c6e0909728ea9ea3e9e', 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: '020ed53614050866a6795e66e4e63732190bb970', class: "pagination_entries" }, h("div", { key: 'e47d7fd43628a09ed789dcf6d9591705e342c24b', class: "entries_text" }, h("p", { key: '0b70e298cf505aad41ba1720697dbd6a34aa97b9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a6d428f2703d31956888ab3ed7051675d4e65c83', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0cb4f8964a0bfdf9e87ca7f0cf8c49db0e08f5c4', 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: '9967c3f4eeb09ac42cdec64111b5a1ef29b09ed0', class: "page_number_text" }, h("p", { key: '30bff3d60e8f93921ed0cf71b85ae7159dd89bc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'd54c7ab2ee37d3a1781603a182da254e0f23310b', class: "pagination_btns" }, h("gb-button", { key: 'd0fa7ab00d4e16580578df1e7c5fcfb914646467', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3b94e6088c25103541ef142f49ccc66da268950f' }, "Previous")), h("gb-button", { key: 'c809ea19994b7a7f20917ef83a8604603baab2ec', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5a9cb855a313b4132c89b01d6a1b6db321e5b24e' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b883e2668b489f1834462194a5729a1cf6aa65c6', class: "pagination_btns" }, h("gb-button", { key: 'aaf4adade30ad649c0bddf3bfb081dc7687646f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c7ec48f12b87762f33fd927bcfd3d622cc1d64bd' }, "Previous")), h("gb-button", { key: 'b375994d42ac67092d49a98e3101e0d4970195e7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cf2811559077dec13fc75773d2438dbd6c4c859b' }, "Next"))), h("div", { key: 'e089849f54f06e1c39012d299f54af5ecf580a01', class: "page_number_text" }, h("p", { key: '5b02d803cc43c70e0be4a50298d25d3c38bac0bd', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'f9d7ee55ed0f25725741279a572006d9789c0b76', class: "pagination_entries" }, h("div", { key: '30c9defa71c7fdf14ed4a8bd2183557e91a58872', class: "entries_text" }, h("p", { key: '0673ea61cb464867d014bab7b4ff7fb247a2fbc0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd34e63823a8ac2366260f22060aae78af0efbe51', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a6d744a0f504fcc1ddbe48a3f096d8661c0fb714', 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: 'c81eb72a85a2c55e727cc1b556e1c644ba930d42', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a9e6b68a53e0f8051402752f7344f218047da404' }, "Previous")), h("div", { key: 'd2ee96c28ee385e091265aa4d627eff0e4ce0bc2', class: "page_number_text" }, h("p", { key: '7b4067bc09458016cb4f04e8c7dab51410e23b8e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4f5561e7758db0258456d07c4fcf4519d68f8396', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a2ea7f51c2f90a0d1528b92c572bdb13a8890a8' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '03506b71c8e79e4aaf8b91878a0127dcb19e6ff2', class: "pagination_entries" }, h("div", { key: 'a19a4fb4ad709e4363e5e063b7d652fc1263aba4', class: "entries_text" }, h("p", { key: '6212f4ffa07c83f30770e9e3ca8a0cec22ff1788', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '956a949587eaaa70fca1a0d520004968c3c11e67', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a29d499d0faaaa94c4fad9544b9262e53495ad71', 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: '92e7291676d9bcb154a13062b0b85ab6c99d2ce5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '27acd487f71e739a79e6a0b2145ab10773156332', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3c78451f09796ceb2a48562af25effccb642f0b7' }, "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: '0e364b0754d732dee81e648e6114f4962e251762', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e556935155c5f26608b2a174249ba9534670a8e8' }, "1")), h("gb-pagination-button-group-base", { key: '0bec468b4d75a47ef01d6c8ba582ec3de6a8315a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '23d55153993a8536122e770eeb0243578f4e7194' }, "2")), h("gb-pagination-button-group-base", { key: 'd341b749dab78a35f47185231b0336c45d92d8bd', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1f34893f6dda7be2dde5988b9831b03582db8ff3' }, "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: '1790ef96b2788335654520bda8eeaa06d7e37226', icon: "false" }, h("p", { key: 'fc3d6be37715ddc7520ef2aabda14e0f4a90b4f7' }, "...")), 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: '183f42e0da4348ba46ca46d9024b5f872e2d3917', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a5cf98f4d8ec852e7a68879de14bc4f1d84e7854' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '9dfc0e3a876e91bf933f2574ba802ceed1847255', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4c82dfe34c0a6c45a867a80dd684520e8fbdd647' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '66cb9ba12265d84d2108713cc11c8490b8abed50', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '7435934af830ad64f6a9719911bb99ae38ac9a17' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '3de4fae2d1570d3b508bd1e76f2ccc2171637238', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a62b2c0e617a990c2b1b66a53c9b5bf6654b3d06' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '390ceecaaa86d24264b8c25ad8503bf324cedff8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '11b3026e73704eed2f70ba64798bb546b2bf9560', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '595eb2e6bcb3a916374f96479bd9243ffcfc0820' }, "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: 'f574832c08672d7feeee22045ea8747f7a0b213a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '00ae156e1f029493f63df9b3d0bad62b7b49f499' }, "1")), h("gb-pagination-button-group-base", { key: 'fa74f9647c56003baaa24b3c0eaf64906f8ba8cd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b67f7a7978e3f2733805c43f0f864044cad9d49e' }, "2")), h("gb-pagination-button-group-base", { key: 'e7128a91661a92928ad9376b2da30f6946e5d09c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f43a120d1613136b81e75eda27203010da605c48' }, "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: '2a209637bcd0b018e48dfc47602b247d787be075', icon: "false" }, h("p", { key: '7f33549831747fee92cff952289ff537ec6116db' }, "...")), 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: 'a5b1ee081329da7b946ac81f7b54757f3c0dd0b6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '63d2422485193b8d1abbc9048e75c745e3e6019d' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '2d5b435e11bd736947888748c4affc3e5f6412fa', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8250eaaa1389c16fd518feee536deeb431d94b75' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'aa2d47ab55960e6aebaaae22efe5e4f9ece05483', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '0db76365a0d3b0c7b6a59c0ae9e270d87059dc68' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'f4f97f006b6b9bb287cb59eaa2de9fc6893cbec8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '22c906bad33f05a2a2277bd8d0d687fc98348627' }, "Next"))), h("div", { key: 'c99268081ac677184b006e6fca5bc3e698ef4975', class: "pagination_entries" }, h("div", { key: '0d1ae9a2f2d8844a40ba190f3c6220bd95461d68', class: "entries_text" }, h("p", { key: '42d9ffab3c4a3fd2709496dcb79c655b4b1f8385', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b81dfa980228f693097fcb232ac1ccc053c73f1e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6d5dc2d71c17579fab023323066270c60d65d18b', 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: 'ca1ceedb08cbcbbc348c588cde1bb6c7eaea2712', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '67b84d5439c162b2d8b8bc2093fc4d92a3304078', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '407a443957596bce5449db85e2d37f24fe528bda' }, "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: '6f17ce8d9b060adffa2eedc0b714a52642e57229', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b5c831ce6ae8a7b0e122f3031bcbf334ddfecb10' }, "1")), h("gb-pagination-button-group-base", { key: 'e56c53dd5dc4434ac58d330fbc57e2c5f4a3bc6f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ec0019707fac5d1f9e9ea413c9646de4af6e5d15' }, "2")), h("gb-pagination-button-group-base", { key: 'b9aba3e8d6048fa71626344757f467ea584ce58d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e4e713dacfc5dab211f562eaf0ee7941ba8bf912' }, "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: '63dfda4d786061adf080d2ae55f9be3ca05a2e31', icon: "false" }, h("p", { key: 'a04411a812fa20fb896ccd836e1b5a5046c763a6' }, "...")), 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: '5dc73900da3b54d7e8d0870c5580b00428a953ef', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f7ed79c58b6ec6f90b07a819d6ee3a3c120597c0' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'cfd35c1c9a7470034fb3906124135bcf1cd77b34', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd0c9672659e285683f35b01af1e26e7d408ac369' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '48664a191309685f1831ac138615ed3521e3cfe2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '623257224921b93be1fdfe88dfa520e215ad12d5' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '76ac7e54b3484d83045567a9b11248f84b91b0b2', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fa86883c4f24de8b48240e3c435e389ff0882330' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f5b6671256e7511af65760e355cabc0ddce04b17', 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: 'c3aa97161fe907acedf996d2409a1bff935c0e4f', class: "page_number_text" }, h("p", { key: '40ffcd3c315743dc97076df6fe44c13429729740', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8201a5a5d4af24fd9dc10af0139fee6233b20d2d', 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: '2d6794542b183d9443773aa5e18671693f7ce92e', 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: 'a01b851580f6bb2bcfb8d5082c52cb77463112e6', class: "page_number_text" }, h("p", { key: '242c1f667b5153b8526780e1acf165056278aea4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1248dc10f672cc081e08d81105655ff605b55eae', 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: '4e6fcd730c069997ee0fd573a6908f26d11ee8a9', 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: '6d244d751ab6593fa220894a3fd1197c8fc67c56', class: "page_number_text" }, h("p", { key: '0b560aa598d5b638c0df04dcf047496df8308541', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '98075c1e04c964d9d3ea0267e95a6eed7a75f87e', 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: '5f526b7b5f9cfabf9374f3520eb9836599ecb80c', 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: '226a36ebff26b76c2160a89b883962c6dc829a38', class: "page_number_text" }, h("p", { key: 'd8afbb3a232415f3ab67c9e30acd9fd963216166', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '970d2cdf6b59ef5d23da603361f34c4a684f6a3c', 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: 'd65ab666ccc374c733bcb0455d220162510e68dd', 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: '80ce6608aceacd1a14d37d2f85ff1754da815a46', class: "page_number_text" }, h("p", { key: '722bf896e719280bfb62b99c152d3b37ce8001a6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'b93fed8da469172fa52403acf2de80d522f5e70c', 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: '858b37075901497bda2d36d9bffe944c440e298f', 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: '385db25c9e52ecb5c4460af2151fa2b1b82e0cc8', class: "page_number_text" }, h("p", { key: '45ce7800b14e17401be6ca13973bae869a242f0c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9a66b6f2af6ce0baf29833ba8b9981a1b3d204b0', 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: '970ce15350c3efed82c4b8a53ddc4c808461b066', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '279c595b2ee6bf331433facce82a833cd71873c6', 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: '4543e3394e38a53c1294ee5162b83625bf19dd93', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e613bbaa606e2c70e2bbcbc337eea7cfc20193ec' }, "1")), h("gb-pagination-button-group-base", { key: 'b76d13b2d8ebaf129e1de95b1a6d99be1a17bf7f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3babdcec097a0930f6c05859c391ad0aef6d35bd' }, "2")), h("gb-pagination-button-group-base", { key: '62fb1c5c06655329878e7dd88acd6d6573e7174c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c3e81af44aed7bf9c3b7dac8e8df9a1e072d3542' }, "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: '036559d282c776dd39d353c71366ef6059f86861', icon: "false" }, h("p", { key: '065df3bbefd9081c18015cdd22f9600ec7f3c4af' }, "...")), 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: '4f57b3d6e6e269feb43e5c36d48b35a3baee74f9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '6025673d2a1199c90a5dabbe62266acdb1e2a001' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '449eee4e75fc496e9133c2068e1460b39b91dfb1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '81f9b33471406dcdff5bf5a7a908bb64aaa4a0a4' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c55a52931302b5761b12a7b20453dda428c9ef0e', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '88fbbb3326268c19d5daa5c04975503d0e7ec7b3' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '183e505604d5fef4b5c009c28f2dedf57eb5bb11', 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: 'b0ddd0e4cd8bc0be03f457bdb03903db2c36efba', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '34b255bcb67df2cf87ec460d0c110cc9ef2dd0a3', 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: '602a185ddc062a7098fa2c868a8cb07d698b8b2f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '29f990ba700e37ed82fb330638bef82f0179c057' }, "1")), h("gb-pagination-button-group-base", { key: 'cefe45f37d7364aee8cf0009c2d7a4e46ebb79b9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '24f797d32ce95298a506afe78f7b558815fce0a1' }, "2")), h("gb-pagination-button-group-base", { key: '574fecb3fccc1729f56727ebddbcf11df18c29d8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '62a109cac0f68c5b452d1e22607c3b9d0bc708ce' }, "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: 'd0a07c12575734e3a1f20e0f2127405722e48776', icon: "false" }, h("p", { key: 'ee39ef297fc99235a4214bd0a5c81b8f9fc5f17f' }, "...")), 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: '18f1e6e9dd23a64560bd6ec3631dd3d99c3c3462', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '2f78e30ced444905062a88095d38e776ac765385' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7236eef9913636eb8c72f1858e6fd2bc29200e84', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8b872aaab87c6653b4abe80b2cd24103cbd32e29' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c2a22fd15a3fef03a5d45b70881306be270ccd5c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'c970fe52f6df2fa94470f132c335aaf6abcf0f78' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'ef49cd503dbebe685f2c7733d0e71b40e89b8239', 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: '82575cb36e5262611062d7db28781bd36966f2c0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9834038f057543531e7a6fc8e3130cb50ee16c70', 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: 'fbfacd0eb631cf70d5c74cd42915c784d9853a41', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '839c1aac5fa491470bdd420abbca8d9ecf4b340f' }, "1")), h("gb-pagination-button-group-base", { key: 'e9eb586b3274d1a5a868364ecda973d745ab8a6b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ec8e8ca3d68fcf37b1fbffce935d351e4fcc0d11' }, "2")), h("gb-pagination-button-group-base", { key: '940ea65dc68f441620f3a7c71b6891f70d73fae9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6ce675a16bfea466c23e1eb08389db459a8c9386' }, "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: '2dd05160a100a3a99bd6f9266f1eb143516e929c', icon: "false" }, h("p", { key: '15f8734f2ff03389039f7c8cef355e87ac6cde20' }, "...")), 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: '0f6cee89da5e8d5ab681c2ec5c618576c9743fd9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e49ccb3f83aabc5c904de16abdd0a49f35725405' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '5fe93c08ec9cb59c6a108f81be622b749a0c86de', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '875610138a824097fc7a2d62d055e2744bce54b8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e0d899a505bf1c7fea994566a4c0da5e3153e4c1', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8e288cbf1da6959a77f2eb121469a9bb44ceee58' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '1db3c949146a5404b28358e5679f583c9811959c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
|
|
87
107
|
}
|
|
88
108
|
static get watchers() { return {
|
|
89
|
-
"
|
|
90
|
-
"totalPages": ["onTotalPageNumberChange"]
|
|
109
|
+
"totalPages": ["onTotalPagesChange"]
|
|
91
110
|
}; }
|
|
92
111
|
static get style() { return gbPaginationCss; }
|
|
93
112
|
}, [1, "gb-pagination", {
|
|
94
113
|
"type": [1],
|
|
95
114
|
"shape": [1],
|
|
96
|
-
"breakpoint": [
|
|
115
|
+
"breakpoint": [1025],
|
|
97
116
|
"currentPage": [1026, "current-page"],
|
|
98
117
|
"totalPages": [1026, "total-pages"],
|
|
99
118
|
"entries": [1040],
|
|
@@ -101,11 +120,9 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
|
|
|
101
120
|
"defaultSelected": [32],
|
|
102
121
|
"pages": [32],
|
|
103
122
|
"width": [32],
|
|
104
|
-
"internalCurrentPage": [32],
|
|
105
123
|
"internalTotalPages": [32]
|
|
106
124
|
}, undefined, {
|
|
107
|
-
"
|
|
108
|
-
"totalPages": ["onTotalPageNumberChange"]
|
|
125
|
+
"totalPages": ["onTotalPagesChange"]
|
|
109
126
|
}]);
|
|
110
127
|
function defineCustomElement$1() {
|
|
111
128
|
if (typeof customElements === "undefined") {
|