globuswebcomponents 1.8.8 → 1.9.0
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_20.cjs.entry.js +22 -10
- package/dist/cjs/gb-avatar_20.cjs.entry.js.map +1 -1
- package/dist/collection/components/gb-pagination/gb-pagination.js +25 -10
- package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
- package/dist/components/gb-pagination.js +22 -10
- package/dist/components/gb-pagination.js.map +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/gb-avatar_20.entry.js +22 -10
- package/dist/esm/gb-avatar_20.entry.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-5c566f9f.entry.js → p-52e14bdf.entry.js} +2 -2
- package/dist/globuscomponents/p-52e14bdf.entry.js.map +1 -0
- package/dist/types/components/gb-pagination/gb-pagination.d.ts +2 -0
- package/package.json +1 -1
- package/dist/globuscomponents/p-5c566f9f.entry.js.map +0 -1
|
@@ -33,23 +33,38 @@ export class GbPagination {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
componentWillLoad() {
|
|
36
|
-
if (this.
|
|
36
|
+
if (this.internalTotalPages <= 5) {
|
|
37
37
|
// Show all pages if internalTotalPages <= 5
|
|
38
|
-
for (let i = 1; i <= this.
|
|
38
|
+
for (let i = 1; i <= this.internalTotalPages; i++) {
|
|
39
39
|
this.pages.push(i);
|
|
40
|
+
console.log(this.pages);
|
|
40
41
|
}
|
|
41
42
|
}
|
|
42
|
-
// setTimeout(() => {
|
|
43
|
-
// this.totalPages = 5;
|
|
44
|
-
// }, 2000);
|
|
45
43
|
this.updatePaginationSize(); // Set initial variant
|
|
46
44
|
window.addEventListener('resize', this.handleResize);
|
|
47
45
|
this.defaultSelected = [this.selectedPageSize];
|
|
48
46
|
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
49
47
|
}
|
|
48
|
+
generatePages() {
|
|
49
|
+
const tempPages = [];
|
|
50
|
+
if (this.internalTotalPages <= 5) {
|
|
51
|
+
for (let i = 1; i <= this.internalTotalPages; i++) {
|
|
52
|
+
tempPages.push(i);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
// Optional: logic for > 5 pages if needed
|
|
57
|
+
}
|
|
58
|
+
this.pages = tempPages;
|
|
59
|
+
}
|
|
60
|
+
componentWillRender() {
|
|
61
|
+
this.internalTotalPages = this.totalPages;
|
|
62
|
+
}
|
|
50
63
|
onTotalPagesChange(newValue, oldValue) {
|
|
51
64
|
console.log('totalPages changed from', oldValue, 'to', newValue);
|
|
52
|
-
this.
|
|
65
|
+
this.internalTotalPages = newValue;
|
|
66
|
+
this.generatePages();
|
|
67
|
+
// console.log(this.internalTotalPages);
|
|
53
68
|
}
|
|
54
69
|
handlePageSizeSelect(item) {
|
|
55
70
|
this.selectedPageSize = item.detail;
|
|
@@ -60,10 +75,10 @@ export class GbPagination {
|
|
|
60
75
|
this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
|
|
61
76
|
}
|
|
62
77
|
render() {
|
|
63
|
-
return (h("div", { key: '
|
|
64
|
-
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: '
|
|
65
|
-
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: '
|
|
66
|
-
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() })))));
|
|
78
|
+
return (h("div", { key: 'b45d047b325782568d1a53c98d3a859332502ba0', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '22735c6934c4d206cc9e4802955d08e16c117fa7', 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: '060388e23025aafc19590db3b08900c29a1a572a' }, "Previous")), h("div", { key: '0e28f347caeadd102e79833f5e09a610457158fe', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
|
|
79
|
+
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: 'c78ccf26c90ee5fff0d43dfdb7c5c911c6eacbf5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7c94208c87e1d2bd272e43ece7ab8883b565e918', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9a9be2fd4c51e9bc85e9d69b3f1122c5ff2dd63c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '34eaf01be4e77302d242cb58d080edbf9827ea66', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a81c843d0ce5a3fb4c67c32ef08051a8d21a08ae', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '806da30a34dfcab8f84f660a5c91b75ab4dd507d', 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: 'cd8f46cbcfa5c7be34a452e7b31372a73427a661', shape: this.shape }, h("p", { key: '1178462167fda9a8a9f0c98f0ac277c844633de8', 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: 'ba4a359d43c4eb55253220093f3b1d083c82f6cb', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '7adc76c9df74a6ae83a83a18d4c79e74ca79253c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '464ec531dd1a90141701aeae0650997b1af47e3b', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b4c836aaf89473ec6050a61d6978d1df404050fc', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'eb8212ad978b921fc2f30b132d4b00e6e9c547fd', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'fff5b80626df1a1c8fe636dfda783cdd5117c35b', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'bf28fab76bd81196ea50a0b8ec924a202b2387c7', 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: '0ee64a2585702567bf60230cca6fec2c0412a06f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '38430772310dffc109571e1d499ad5d4c6747460', 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: '6bc517c73993e3e06be56e4e0ffb8d22c9f71c65' }, "Previous")), h("div", { key: '731d3f1494cc760de54839cd6d214e9329e0533e', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
|
|
80
|
+
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: '09c06eb1829b7e1e3f085c88514bf2683536b11a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0defed6d3d1e7c6ed0efeb0bd8e47c5356f9248c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b529fab53fe4188951f3818c453bc02f6b3ba627', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd98ed75e995dcee950e2a63476a944dbce1c435e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '10756c882ed9543afe755cc0bb21d36738281ac4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6a8639c42f6b1fe8d70ab55fea355cf5394f2806', 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: '182df8a4dec1938b13ea79e6bb812234f3fd72b2', shape: this.shape }, h("p", { key: '6cecda39d5734bcd3689ba46926ddf5580acac0e', 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: '6c1ed202aadbd74ffe73d4d321ee2b4de6dfbefc', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '95b937a44066449e42e7f157faae161e9a0c3e0b', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '99add35e76bdbbdcf5c92ec9ee374fd262ceeb48', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '60dedf7ed771b25f9b52604015c06dd1daa69ab1', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '07e86fdcebb860a2abba6958ad426e4e612e1006', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0c75f6f36a2f298c7b76307a05d9f432343d96e3', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: '60635c2026c0e395b480d67a47aa5fb0f31c9844', 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: '6b2b83298390fa76be23dbb8f468c6db7069c276' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '364462b8558890ba5b02606e7fc8124a4cb0f322', class: "pagination_entries" }, h("div", { key: 'd0ad16ee53985b45626025ac0cb0cfcf72974f69', class: "entries_text" }, h("p", { key: 'cd3566575f649b9ab2e11a252e67e0d6708b60d0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e69c7e2d2e93250d2a152c426a5395a13f0dc7ca', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2be989e7e5aac8eeeb21f40145ab9c75b291553a', 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: '8434acec8c08f97254690e012cd39f613e787f94', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
|
|
81
|
+
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: '3d9a2a6ea63d554d5b3231adb130aa4574c7a9bd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a448cd904e230f88be83f7807d789cbf0e9a1c1d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '64d511855092718b21820193f0811a4851b881e5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a805fddfaa8dab1f730b18d994713fdb1b496019', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b5bbc038d5f895e6ae3579b3d4b3bdcdbcccfe86', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b3b742612b9ff06b3cace31abe2781cec84b26cd', 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: '74357295c4b59fa2af5cfc9439e8ffb76d9d05e4', shape: this.shape, state: "default" }, h("p", { key: 'fafb8a76d16fde6d62ad676622deabaf7cd24918', 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: 'd478e04d6dcc92f8948203c264aa930e8f5ca96b', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'd4e8bf25babd001e246ec0ae9a159060bd54ed25', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '084239f80a5ba6bc788d915685df5f8cd5f7567e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '3d2d5be90e631dfb45ed92980ef96a2de6450f0c', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '8b9c77ff995ca2aa93a6d879456151aa328e9175', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0700ccea7ec6d50763ec9744eea1236a2c787369', slot: "page_number" }, this.totalPages))))), h("div", { key: '1dd73b258579d585c9177149c89fe4604a4deee8', class: "pagination_btns" }, h("gb-button", { key: '7c767c78821c8710ac34b7f1dcae2dbe2789b97c', 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: '53d1dddadde6b1ad45fa2b60c889053d22144405', 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: 'c3ab689dceacef7bc3a32b01e449943d1885fb78', class: "pagination_entries" }, h("div", { key: 'cf9e0b70ebc97cab146b22767cca304c70c4d5a1', class: "entries_text" }, h("p", { key: 'e9acacdb97c0dc442d06aa306614a1f3ac074264', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '63f9cd83e396bc5bd22a62e95e41e1e1a784e77f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '070f0d8629179edb6c78e15e37754acca68d46da', 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: 'c594d48ff555ffb187a3b3c915b1c1a0984e266c', class: "page_number_text" }, h("p", { key: '673cbde3f9fe43f05adcbef82105deea81a6d948', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '1b346cba5787fb9ad457c8a70546e4e5056b4b1e', class: "pagination_btns" }, h("gb-button", { key: '50c481bb1714a4f74976bc0ee95050989136cc73', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b79a9ed4badd061b3d783a1a9cd2263077f3b633' }, "Previous")), h("gb-button", { key: '9e8c00a4ec002fbcf9ec8af0996ef7f66ea11aa2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ea9873932046c84c6371a0fa619e44cad8d69c9b' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2981ae48a1924478bf7544ba8dd5251d83e7d1e1', class: "pagination_btns" }, h("gb-button", { key: '5b409624e3f62b5cdc6b336afe14403ae7e3e0bb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8f967a8dfe1fddb0b15170f73f90c96c677cf11f' }, "Previous")), h("gb-button", { key: '57e99105e29b1066de9be327d82e81bb6fc0fc01', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '87c902583311f3d6b02f4f68dfb65cb52efe8942' }, "Next"))), h("div", { key: '25c1f55662449d47608fdc2d51b126aff03839eb', class: "page_number_text" }, h("p", { key: '389b0b93839d2ad7cb55ef41ba4091966278941a', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '0aebfeeab7c84c680fec43d8f22cbe18336a7a28', class: "pagination_entries" }, h("div", { key: 'c76ffd63e9ea8a097dc0f8a982a66ea572b61823', class: "entries_text" }, h("p", { key: 'e795a079fde12c6a33df4ccd15a8a149d31dd78a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '36540c6aff0c10c9151e665f3eebf0c363a305b2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'eb3c66fa5802c6e0cc474fe015943eab2a9de709', 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: '67ec1bcc166f500e3eff748d10d1af1bdfa43359', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8ec71bf916394ab0690cb125394ba67ae45ab4ec' }, "Previous")), h("div", { key: '1dac8e7b8e3ec1fa57d1a937e5a597b21807b70e', class: "page_number_text" }, h("p", { key: '726669a16f726874100717a7c0f5f9cf4cbfbdb8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '44f52ac2acff092118dd73e74cc0ff71f52e079e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a2f9d255c96035c9ccf1be1f2dae7611a4213ea1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd19f3832640f55b9b13ef375ad10612725c1f103', class: "pagination_entries" }, h("div", { key: '0e10f5c97a874c7f5d194610610db127ad231d9c', class: "entries_text" }, h("p", { key: '9ccb162e3c94972350f530a5253f16a6b8457c70', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '928bcdf9fcf0dbb26bf504ea88f43da80d27bfea', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6cb6fe9c8519bf4c263ca840cfb914bc04e54395', 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: '2fce82a20d15e15d302886fac10d56318ef42b65', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '635e8caf21b9d9ffc2363c79922b33cc0c4c1084', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7370c3a067f1983a65555e70bcc39f8be26c6491' }, "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: '475fb6e8eed032e3e517f255c90a323988d7609a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '293907b69d068d36128ac3a936791f693a364b4b' }, "1")), h("gb-pagination-button-group-base", { key: '7bdf618d174c49df429cb1de1ec600e7eddc7b46', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '312b77e8498a51f62d04f06bf7cc067b0d0c9b16' }, "2")), h("gb-pagination-button-group-base", { key: '55e67329e36755e34fec4ede0e40b0b4c1aac680', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a471507eacf58804dd1c6a3544d8c5af3508a807' }, "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: 'f5fb053aad4733389124e277aac007370a600318', icon: "false" }, h("p", { key: '3db2cc57736f9b441450da06cee8d9ac2dc3030d' }, "...")), 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: '3f5de210a07d3a416f8184456dd442a7d674c36e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '6e2533f46cc0841d1a87bc5d98c7ddced4a27c67' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b64b3ca712b00c5273e816961c93aec9215fa1a9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '06235a40a420bdabfcf3adad53a119c791453d7b' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4d88791dd3ec4609268e8b00ee7fb524acbb630d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '59d6711a231378a1d7f731a4d5138542523cfa46' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '9f14b62ea33684a7d302ce3eb9446646bd63ded6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '52ee540ea22e99a07722f54f3846a088af1cb7d9' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '63c71b8caba5660ddb3f3bf38ccacba847c828b5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0d6fb9788a05ae355891f732a3e679935b186749', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '50a5758e4552b82eced1707be8a3a08b011fc314' }, "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: '720625e41981a93968e5f0f5e627211e144bf257', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9585ed74ed0e70b3fb406c3d6c36a12b6602ac3c' }, "1")), h("gb-pagination-button-group-base", { key: 'a99d3cd84b7a5b342af088b499e19277643f3ad1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '05256259f13d0cd895e5895b4e35c773f150dd39' }, "2")), h("gb-pagination-button-group-base", { key: 'de689626d8579fff56ada8dcc786f6d156b9325f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4a87ee7ddf28d5e10061e323974a66ca6ea9186d' }, "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: 'ee56e17cacffde6cc1daada2b0ac5b8dba955afd', icon: "false" }, h("p", { key: '55f333a5307b6b02c083a4b4df6e20deacf630c6' }, "...")), 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: 'b12268773f2d20eb8cdca45e5acd8044bba12366', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c370975a2525c1bf9ee5639f33122a9af74a2922' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'cd21543f1ecae68abb14f79d0a61627ef21a2ca6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '73e8f6b2f71a7bd7ca8180ddc816cfff6a47f3d3' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c359a24da6fb338ce00d2635f87e9489080dcd69', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '64ecb807a94843cbde88febf8c19d7deee7867a2' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '27dfb0197791443e26e5dbd4ade0e85a519951fd', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6c3c55bacbdde72516d4aa695cab127ef77c0d8a' }, "Next"))), h("div", { key: '03d9ad645a36f1d79e1d693069e636f6d9297f6d', class: "pagination_entries" }, h("div", { key: '168f6dc106c75cb25054622f8531e10f85dbb68c', class: "entries_text" }, h("p", { key: '7141d9a1c05731013ff2a7ec583d5839e3a30064', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c1d5e83509abd974c85571a84a46f82736caf714', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '9db04d4fcaab202c209e71536b118ca52e08c134', 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: 'a42a7cf8a68da9d492d7703c40ead23c98db05bd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '675a7fbf70fa4b271cbea769895af771929df9d9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3a9af32f79ea121d588c06fa7351b0332ae7fbd4' }, "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: 'f9ec4ea2cd885be96bef415ea14c86a28e3a6c5b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8e9a9f3efd16666a9989bfeffee2c2afbf8efb91' }, "1")), h("gb-pagination-button-group-base", { key: '7ec5b84cf3f30a6f1295fcd0148e867f1cf9a721', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '53c1070c3a93ce2df23928eed1708b4396a8f899' }, "2")), h("gb-pagination-button-group-base", { key: '5ae57556e66784f45378744d12e557b9a68f679f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '96fe04fbe93ffc577ab2c224321f255ea29e6402' }, "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: '95ebd260cb3a0e7a614976e763563b49fecb2b95', icon: "false" }, h("p", { key: 'e0a84f0de647463db519094f21e4e68d4382146b' }, "...")), 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: '2af48c5612ec4562200b08d42596b1413b4570be', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'eb6d1e90346444371eacbbe1a5b2f9fd1e67db73' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '69d41f95cdc4b864cd0f8dc16cdf061f7e7d461a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '091ceaf3ff3f015054a83094c0eb57041d87cec8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c244d740fc365edb50c644afdbede4ff953fe5b4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8cbae6cf0f6ccb3b6caf6ac434fe9ef1b462ffd4' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'ed057df532927c5b8009c6616442da8275476f44', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'edfd456a0abc7b9c7b90f0f87a1676a345152491' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cb6be7c73a8c494b62334db9afe41f85eeb36e92', 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: '8231f912b6c4f4b4b326aa69a24a7fb56f6060f4', class: "page_number_text" }, h("p", { key: '5bc2f61543387c43c7f3b343ba85cc6ca7e129b5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6f05465421342a2059156d02180138bcc1e6a648', 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: '663d5f0168e5556b0746c0b90776325453a555e7', 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: 'bf80ec323a954187b09df864b1dfaf8874d05a4e', class: "page_number_text" }, h("p", { key: 'c171db6debf770d81a859cadb3ac6dacc7b73ab3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9f21d5fab5db7e87c1bcc0a0c987ec4b7a796055', 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: '6aa5f8030daa8aa08ba0709771b992ad7423ee75', 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: 'c5ec8af554f5c50d7f13cbc7bb6aae97a6328161', class: "page_number_text" }, h("p", { key: '2aa4a42b7e2275679838f2d08efda898ba5fac9a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ec8d1409870786587e0776c24ddc463d4b4d9594', 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: '6b8ad23acfc4b861f3f9cf75ad19df1250fa0fb1', 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: 'f9012a270418b2347846f26c7aac81d39d809c0a', class: "page_number_text" }, h("p", { key: 'd3045425320a7ef4fede2d3812b6e78ad1197c45', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '36cad310e96add08c48a1fc6cef7cc2fc9ebc20e', 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: 'd74be8460e76f0dcc75226cbfe166bb6e2c86197', 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: '013c1752a748f983cce6005732779bacdb24baa2', class: "page_number_text" }, h("p", { key: 'bb30a1c46cebe0714ec2a2ff8542b4cdbd212896', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '10890055e3395c1427af911977c2c97a54681e15', 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: 'b8d7a469b2448a0da69d8a70fb82062edb49955d', 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: '49186a1c823e7353d505c72c99015b3dc115de2d', class: "page_number_text" }, h("p", { key: '31fe15935661218975e87822884576217c7e9cdc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '94f1597dc6080d398eadf0a59e38eb0b5c23cbee', 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: 'b75920209079b2e6baf1d1c9ba6fe12b9b4b1434', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c65f895771db627eba4755db97ec3b34007fc362', 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: '276ac1643043251f5db4764985649a95e57d3fe6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7b5fe1a8430e626a6ee4ead66a93294961fafdc1' }, "1")), h("gb-pagination-button-group-base", { key: 'f40f75dd63d9e8a576883b6777cc84c60bd8147a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f7339dccb72bdd95e879d9b46c6be85e483011f3' }, "2")), h("gb-pagination-button-group-base", { key: '9406820ceaad7b3fe8f17e336f2c012615e60a4c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e23a96ca314f6fbae69f665187b9f5ce3c23ae30' }, "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: '520ac023165b35b6dd02cfc7014669911c48fcdb', icon: "false" }, h("p", { key: '0b51891344f7fe83dad730e21a1302d6c1bbc776' }, "...")), 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: '855c8568e09e7e79a65bef1541439b2e3c6ba5db', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e99e6fd202b749d0dcf56374ceb33848657c777f' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '38a4c9fd16ae2ed0d76f1eaa57b5a213093a3d1e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '736c4a6e7929c7f4e6abdad0e764e2658318a836' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '265a17c2d103584396c043c4e27cd79b09ec897f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'e7c91066abff6c641a4967d1aeea5c166cf4c68f' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '62d6ecfa92ba70ff3a313845b764db743d3aa758', 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: 'bd44f87d800587ff3293e1292e73f4d888c5062b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '597455312bffa16ee778b91a07154b086163bb1a', 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: 'dde6e17f02b2a8df1427505a569085d47120be9a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'aa20cb8714db2bcfc7b7ff67c509fb53c27d0152' }, "1")), h("gb-pagination-button-group-base", { key: 'ff5ffc1d829258a2c469823ae9b9178529d272ef', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6cce48b0ba98e9232946beac65f53a4fa551b6b9' }, "2")), h("gb-pagination-button-group-base", { key: '51e9ce431d3352111fd869287940f8f5587de997', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '664e2bc2de987ee048b6c8801d9d89983d89ed7f' }, "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: '140e65ef489636a858792f19465cfc39bd55a93d', icon: "false" }, h("p", { key: '5690850b3687d18d722f866df40ce8c0d43f4ab4' }, "...")), 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: 'b026a9212718b88120ae836fd459b864e1c8dd8f', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '373dfe5844d6bc00d0d68a8148b0dcc1a59f16b9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '3a3465426cdc6f3079df3ea8e9464033909b0abf', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '3c3d7977290a3126950f1e576034618cac9674af' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b65e475658456b83dcf473ff6de81601028dd780', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '437ccaf5ae3aac05c0361b067d0a78a26de5ed9c' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '226c8eaf25d4d92391853b0dbacea97e47a5928e', 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: '3f6e3e295068f35b5c5f51de27436b1c7e286780', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cd70aa077005ca9beecf655175b29ff1f8fef911', 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: '984257c1ac58cbcefa136dddd7a6940f913da1ee', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '055ab7dd3f960444dd28d77c67e357dbe7640726' }, "1")), h("gb-pagination-button-group-base", { key: '5287a9f69a8028ed7385f92afd5c8190f80a9807', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c20c6c1d3d8b81865a69f1e141a43886591b9701' }, "2")), h("gb-pagination-button-group-base", { key: 'db33637e7af817220cdadf55945ea57413a1d3dd', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '94264304c87e6dfc6b02f51fabffb9d097750538' }, "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: '7b2801e0e8cda2aaeac2d70cfa113ffd518e6f6a', icon: "false" }, h("p", { key: '7eb98c589638f9cb9ee9a3dbb469842b9ded5085' }, "...")), 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: 'ab21b8edd41090857bf9ebad8c3d9741b7fdef6e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e366c3b9bb629253c60fe5e45673f9335fa3695a' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'df6ff3f109e0014f92856a00b08dca41c60f8f75', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '47fffdf76dfda2afa9a83038eaec05ff59a81785' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '2b4b0a527aec3dd1c593c3a8a456da2d5cfa12fd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ce8365f15406fd976fb7ab54db4b1a28ecbfaa1f' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '326c26da00a4ff09ac2ecf322a63977b9ac688bf', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
|
|
67
82
|
}
|
|
68
83
|
static get is() { return "gb-pagination"; }
|
|
69
84
|
static get encapsulation() { return "shadow"; }
|