globuswebcomponents 1.9.1 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/{gb-avatar_20.cjs.entry.js → gb-avatar_24.cjs.entry.js} +475 -2
  2. package/dist/cjs/gb-avatar_24.cjs.entry.js.map +1 -0
  3. package/dist/cjs/globuscomponents.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/gb-button/readme.md +2 -0
  6. package/dist/collection/components/gb-pagination/gb-pagination.js +8 -6
  7. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  8. package/dist/components/gb-pagination.js +6 -5
  9. package/dist/components/gb-pagination.js.map +1 -1
  10. package/dist/docs.json +3 -1
  11. package/dist/esm/{gb-avatar_20.entry.js → gb-avatar_24.entry.js} +472 -3
  12. package/dist/esm/gb-avatar_24.entry.js.map +1 -0
  13. package/dist/esm/globuscomponents.js +1 -1
  14. package/dist/esm/loader.js +1 -1
  15. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  16. package/dist/globuscomponents/{p-7ae38385.entry.js → p-78b197e8.entry.js} +2 -2
  17. package/dist/globuscomponents/p-78b197e8.entry.js.map +1 -0
  18. package/dist/globuscomponents/readme.md +2 -0
  19. package/package.json +1 -1
  20. package/dist/cjs/gb-avatar_20.cjs.entry.js.map +0 -1
  21. package/dist/cjs/gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.cjs.js.map +0 -1
  22. package/dist/cjs/gb-input-dropdown_3.cjs.entry.js +0 -391
  23. package/dist/cjs/gb-input-dropdown_3.cjs.entry.js.map +0 -1
  24. package/dist/cjs/gb-pagination.cjs.entry.js +0 -96
  25. package/dist/cjs/gb-pagination.cjs.entry.js.map +0 -1
  26. package/dist/cjs/gb-pagination.entry.cjs.js.map +0 -1
  27. package/dist/esm/gb-avatar_20.entry.js.map +0 -1
  28. package/dist/esm/gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.js.map +0 -1
  29. package/dist/esm/gb-input-dropdown_3.entry.js +0 -387
  30. package/dist/esm/gb-input-dropdown_3.entry.js.map +0 -1
  31. package/dist/esm/gb-pagination.entry.js +0 -94
  32. package/dist/esm/gb-pagination.entry.js.map +0 -1
  33. package/dist/globuscomponents/gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.esm.js.map +0 -1
  34. package/dist/globuscomponents/gb-pagination.entry.esm.js.map +0 -1
  35. package/dist/globuscomponents/p-1aaddbad.entry.js +0 -2
  36. package/dist/globuscomponents/p-1aaddbad.entry.js.map +0 -1
  37. package/dist/globuscomponents/p-7ae38385.entry.js.map +0 -1
  38. package/dist/globuscomponents/p-db51404e.entry.js +0 -2
  39. package/dist/globuscomponents/p-db51404e.entry.js.map +0 -1
package/dist/collection/components/gb-pagination/gb-pagination.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { h, Fragment } from "@stencil/core";
2
2
  export class GbPagination {
3
3
  constructor() {
4
+ this.currentPage = 1;
4
5
  this.entries = [10, 20, 50, 80, 100];
5
6
  this.selectedPageSize = 10;
6
7
  this.pages = [];
@@ -37,12 +38,12 @@ export class GbPagination {
37
38
  // Show all pages if internalTotalPages <= 5
38
39
  for (let i = 1; i <= this.internalTotalPages; i++) {
39
40
  this.pages.push(i);
40
- console.log(this.pages);
41
41
  }
42
42
  }
43
43
  this.updatePaginationSize(); // Set initial variant
44
44
  window.addEventListener('resize', this.handleResize);
45
45
  this.defaultSelected = [this.selectedPageSize];
46
+ // console.log(this.currentPage)
46
47
  this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
47
48
  }
48
49
  generatePages() {
@@ -75,10 +76,10 @@ export class GbPagination {
75
76
  this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
76
77
  }
77
78
  render() {
78
- return (h("div", { key: '9c91d57b40bfd736b9316fa4a5c4c5a69d0a1710', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4365b58de06837e1b3729f51a1bff9acdb5e8693', 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: '77fc2da8ad9ef2b10544dc4f4133521724e522e2' }, "Previous")), h("div", { key: '29e46bb5703f1ae69b16f448c8b062bf482e4e77', class: "pagination_numbers" }, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '3d4099a299942df5d872c02e6846d884a90f938c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '5a440dbaa0ee7fb27a2af224347a36118bc94088', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '856900b4cb2d6142eb41dc859496d9714a26ad9b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e75c8ba4a6b4caa99379660875e480cc94b67cab', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '72ec6809757fd233c95d382f1979a2cd994d6abd', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '513a866b66aab48e240f9922786bbf4aec2dfb63', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd4df7df818a3449e8bfb47a5b641658fe5bbc912', shape: this.shape }, h("p", { key: 'a01b7b62b76cb26753f77b8f5ead9eefb3b5b920', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b7cc1c9143ff4b992922cf33b16092c20bacc381', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '759a4ebff3f6438740300874e1f5a59022902071', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '9bdfb743cf63c26306d523e95e3a650c54b09ee6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '49747398c702632ab1a761d2aa3e4020e76154c7', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '9ecf4d9ac3e00b59455b4d5895650bfb8ce2de6b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'ce6dba352367c9cad929ae17acc719fd02c87657', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '10cb073151a36f56c7b3f76d9e7a481c55a46bc4', 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: '865d585ac62d2f0a0a51f564b2f94d8a3d9edbb7' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e33c08c6a1fc21cc4e56185a2911f5093ec5a153', 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: '38f6b67755ba8c6ac2e1227c7f5a305223a01d6b' }, "Previous")), h("div", { key: 'f0669367c0f1b6500fb0e72b1773b639cec4411d', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '3824f2a986f8054fe5e96ad8b5fa808f02842d4c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '980f0dab8c6f4d3eea5edcb17827eb53951b851e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4c039b606f7756853c7de44646430c818332b0aa', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8d913b293610cb6d9ec1b1691321223e47eab5f2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd27c8621f15c0adf69330ab34d9e4ef67185b01b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e0c8128619384d211ed41315adb0738d7b63181f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5fd1bfdb549050b607acaf791d0bea67c97343b8', shape: this.shape }, h("p", { key: 'adebbb286bd0ea65f9a2fb5f8fd30d8bb6a7d858', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ec4610b1fbb803fded4f6579819b4ac9f31af8b8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '8b4e82ee4362ddddf470aa1a6a8da7e6333003d2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7336584e2c3b7398d94a9c150b88319b42e18c07', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c76df4829364d4fdc83bbe85e111e0738bb13864', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '5620fa87428e40e0227e48c0d450dc62c53ef1a1', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '7697fdac5cb692d73b97a20aa5391c47433b441f', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f16d5e34a32dcd728d3ec77997cf8763f4f2c527', 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: '1874265e35656c9d1dba95b9310a06d07106fcd0' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a37b9fbc9dc6bb6afa2934fb819cf139034d7620', class: "pagination_entries" }, h("div", { key: '8017f9006b5a715b9ce42f0bb7982999d19fda82', class: "entries_text" }, h("p", { key: '8e1440b26f2068912756829148ccdbb81ba36d66', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '660a93f06f7f30c3462362d0efa2a8ef0347e912', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8f4855d5700451914e99b14e72132bc88c0f89e8', 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: '1da6bc13f9f77fea91755b8d47631229a17fbf7d', 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: 'ce6a77c68fe013723753d5b8694361d97b537813', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '78b8abd8bf50b819733958cc214046d31cda941d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f9a4613d67940a4807a7ab6b36acc8d027e9b3b0', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '42b597536f193362372cfe7ef4ccaff00877b46a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '50b86d279f0198d753f5dd123cbedf0e0d7dcdc0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8cc3867e071b359a77e3945d195ff5a112836505', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '92dbc2f63858c0e550fa837ed861a0a30a53e0d7', shape: this.shape, state: "default" }, h("p", { key: '57397c639912f16c445db2cb5d9dd9cea82bfbd4', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c1af1216e251c0b2ab4c5e3576e680de3a821ba4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '4a99223148c1d014fe0dab26cddcf696832ab26a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '6da629210d5a0997f9747c642c8e45630b026f44', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c0cf5a1da11cf3bcf71518ff7fe6ded6f1931128', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '845e3e66067133e0fa601e3698d3658758cada33', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '08d34d8a9aeea020941b170cfa6c8fe5bdbe8463', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '13e4aff336f47402b227c6ad4546ba4c52fdeb1a', class: "pagination_btns" }, h("gb-button", { key: '51300a6c794e6b7e0296903467dee09839797448', 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: 'b5c90cf80284fbee0aecf48bf606f68034ef00eb', 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: '69b3b300df82d5c30cec965bc65179c47a903570', class: "pagination_entries" }, h("div", { key: 'f0fd7f9ce67eb94184dc8ed3ad33ef96faa770b5', class: "entries_text" }, h("p", { key: 'bab3ea6dbd0783303f2db80cb55d843075277edc', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '60f1b4f7e06e689385d32ec97f00654f3ddb9a17', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '037b80fe568ca658d957ae8f4fe6a67358a576ae', 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: 'be1d570f6f527dc2e5e1158e67f370e1b595c0cd', class: "page_number_text" }, h("p", { key: '29f68bbc2a6e8408d1044d4c7ec2281501c930bb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'f53de0c4f739341de5d69fc8234848432d7c84ac', class: "pagination_btns" }, h("gb-button", { key: 'fb425cde6c4bb726b495d5782d8ae6e276bf4e47', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2dbf62bf11780316d449003b8cb9893aa9ca250b' }, "Previous")), h("gb-button", { key: 'f9d18eabca6945751ec86b0bbceef7ebf545a962', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5bc004f0e2b7fffb0713c155bb4401fd8c868247' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '50446e7f13bbbc392341d179e76e2e323920d80a', class: "pagination_btns" }, h("gb-button", { key: 'c3c0c198ee49155a1ebdc3d8754a3a31654b84eb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '92ef9f731df70425b0ae73b46eec40e48a714652' }, "Previous")), h("gb-button", { key: 'e9e8e010f60ca44ca281a69962503fc7c79fc399', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '691d84ed1e2422af805fd90db5db8bfc3299e97a' }, "Next"))), h("div", { key: '4fdbaff4aaf31785da29d3522b98e8fff24985fa', class: "page_number_text" }, h("p", { key: '3b52bd7f80ba840a851e38abbe1ead3c20238e9e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9fee0a72460a96270c3484aef292a1c0a4eaf8cb', class: "pagination_entries" }, h("div", { key: '2170f487da767743cb593bcb57a12822c04a6782', class: "entries_text" }, h("p", { key: 'ccd2b7d821adf8bcb20666cb581504c09143646c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '96dc618c89f3813fa0752904b5cfd1c1573619ea', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '599d02e0fe406cdb99df95f274a6cf60a62f0bef', 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: '652a2da73e4ac3cd2b8dbfa74246e77f3725bf8b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a843c3724c8a5697738d9c02d90e7dea188999a7' }, "Previous")), h("div", { key: 'd97b915d77616a928aba2c50a1f089ce751fdaf8', class: "page_number_text" }, h("p", { key: '9a708efd8e50762fe59e19bf5b212f56ca69e032', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0f4bb92e1635de5299a30621b827b97feb3a2407', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2bbd7922a980a77988ccc70dc317997b280fca9b' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e1d982a4d8e6e75c5b569dad345bebbe6aba19e3', class: "pagination_entries" }, h("div", { key: '7fbef55fb8d684bf1dfefa3e551bdfce8d1f8735', class: "entries_text" }, h("p", { key: 'd6c9c0341950b60d6aa14fa76b73c3f832ba2a3d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '47b367e18d57c361d58fff36e99ce82961b9b3a8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0a71cb7f4d722707f1010d3d15a0d154276377de', 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: 'a75564968d9b419477056da7ff758b31d3f9a4fd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e3244ef59a31da799786d11ad14b1fbbd9637110', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0a75d0f6081cf5ec7018bb46fcd893e2ce9b4f9e' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '5ca906d3d494225a3b8c065bc508cc8d8737fb25', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5cb33417369b0f88fb77c277bf80e1a1c0d9f6f5' }, "1")), h("gb-pagination-button-group-base", { key: 'b829d0bedae28e70ed6f4f750081cb872051b622', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8f587cafaf2c1ab988e5ba658bc2595a8883da15' }, "2")), h("gb-pagination-button-group-base", { key: 'e15975697bb2284e40a8d3dc394130160f7ed5f7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '70ae341f1eb3be3202d06cc7d9f1f91f96957689' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '90e536df505b6f1ae27dea0deeddcd5c68240146', icon: "false" }, h("p", { key: '256473da9911c446897dc347216c9ac82623be66' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '36fc689e04b575022480380b3c555d5ab30db7e2', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '512d2ec1cffac7377daa0fec013defe618dcfecc' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '484697cc220d22e78fa2572f613a7aa9ad723efc', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '8791d2d9a8d79aba27f91ff537f7d81ad652726c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ec5444c46cb68189fa0ff13715794fb9543abd35', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '51a100f22e7a889776e569cc29a6d33e7003a3a0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '60802d6ca8ca027f761bd0bf775d5b186493e70f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ffa335dea70654421e212bc889cc45f9a51439f8' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bd6e12963a9b60ac4bba3874592e242f389a3568', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8238fe2b02dee8bc84b3238f21ba443cc69aad92', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f432d6c963807a0c95b8bf3f0aae60ded1ea3daa' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '69e196eb9fd244b562e362b676217e605ab319fb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0dfd117be16a47a22535de6e89c1a3bfb29ce3ac' }, "1")), h("gb-pagination-button-group-base", { key: '8056ceecdb22555937f9ff73b5431dd23f432ce2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a9a873617dc1fe8248fe00dee08c4425b222013a' }, "2")), h("gb-pagination-button-group-base", { key: '76ebf9353ca562850b2e057b5ef16c08419c7f99', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ab04b2f5d4d73e0a020360b004576f1f518ba329' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '249ce1965f937cf2d477cc00dc2cef4594622adb', icon: "false" }, h("p", { key: 'c3c9e9a26ce5c58bfa7264984f4655aa45911c63' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a2416c47ddce253a6e500a2786133683e1fb4234', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'bfb05ef8a5599a29746463f64caf43e45386c9c2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '12eb783e02d982c02221511c509c18b1ffbaaa44', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b43c3d34051ab41a60dd29563cc9a762e098f672' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e1ec96cf2f93cfb9d4e5ddd2db836cd2c9df5df6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '05035b9a622fb10716b4ba02a5f5e554cd527534' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '83388aeee48b0bef510423163acfbd0c9a13dc30', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b46cbe64e806236b1dc9def7f5ae38faae4e46a6' }, "Next"))), h("div", { key: '9601c86d7882bc8e6d6aacfd10afb51993fc6d54', class: "pagination_entries" }, h("div", { key: '17488f2b1773365fb2f312d7ace3b4c10912261e', class: "entries_text" }, h("p", { key: 'cab01675085d926b23319449b35d57240bf6f18b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4dd505957956259c3b017c1ae0220069849c64d3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a34d42001b73c5c0b8c858d00c03e5a8b8372efd', 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: '5b0e324e1a24880a048578722da57d8f6e16817b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '288e20ba036dcaf6ed19130ec862ec3eeb5dbf86', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '38a2a73c8c7e56f5d912a4a847b8cd7d2e8f2850' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '9a65f0c7b7c52ac17c8308c7f891fbbc1495f4de', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8fae2670321eba8e684ecd8ef831f2b8bf7051e3' }, "1")), h("gb-pagination-button-group-base", { key: 'ac4bddda05121ded1558a4e3728d41a1c9c4afcc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd7db591eb1f8890bbb07c76920fa34c98666bf39' }, "2")), h("gb-pagination-button-group-base", { key: '2f1b13d25d7fdfb7de262442deaf2d580a9b875c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '39e73d1ed3c759bdc67f6fc50f6e38c41a3cc3e1' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1fa355003f0928fd4537f8d87b2d28fe9fd85fdc', icon: "false" }, h("p", { key: '04a489c251a519c4848049b4e1a30de3d491fae8' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6b65c1c7988d22033da8d7d482b5ca96be4c3e46', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f6a7544633e4d9a1ecd8947257c6e525ec46e98d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8e7985b57b83314758b6a089f3de6c2c8044add5', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ee66bfb333280764e10aa5d6d5bb87cc11f4dfe1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '28d5a71b7048b29310f95477d9922a2c7fce5e4b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd7e2347c9d228cfc726e4b9e46f404961478ef38' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e19b8b8315da541da96a964545a8d5f401f9eb4e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '285aa92e2805dca523e4938b8bbb7b979b3d9bd0' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c00fd0e78e5b0083f3e8348f8d029d7d9d318d0e', 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: '1d0aba38e91414fc6fd426d574476e2aa469fc72', class: "page_number_text" }, h("p", { key: '7b022fc21fbaff8be85d07380482f334f3a32d72', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ae8fe56602aefc22264befdc0fa25092c3499548', 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: '86a1bad454bb37b784c3026a747abb10396a0c19', 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: '05e98491d39edcad9c5e98c02d0629bcf9070ebc', class: "page_number_text" }, h("p", { key: '3bd38ee51a84416c46bc5f93b7eaf830cdb9acab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '600fda4f73a4f6512d8d13970bce02d1100c1b28', 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: 'f975c10eb86cab2144e2554e9e7c33e678ea70d3', 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: '5fb4e7d50eb5ceb5fa660ed7e0d01b70fabbd293', class: "page_number_text" }, h("p", { key: '0165ce8f215564c1495b018fbbc364138aa93647', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fa6dd5c291b8dd1ace98b7e60227bdbaa1deed08', 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: '29582bb4e6f66abb1bf98a1d641afe6b8cc42609', 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: 'd8b30b7add21e34d205eda19c8468d26eb717d27', class: "page_number_text" }, h("p", { key: '4122123646c55923b82cd18ffdefb9d36e0609a6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '979f5bc9198506bd802d59b73ee1925c7036cf0a', 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: 'e906f2c1110db214ce60994d299bb6f39a5e0ff4', 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: '0df19aa0ef7341204bea248bb9a03bd4882de37f', class: "page_number_text" }, h("p", { key: 'a40f075111fa01dc24b8f365ecfeda4fff74f1b7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f02a2d04e0cae09322e314a5660d4321d1454dcb', 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: '1a0824988a1e12b94cc35d15b6674ed032df38fe', 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: 'e066537564b491c4383a7698d8e7f28928db7626', class: "page_number_text" }, h("p", { key: '167d4002c6784605a52ea08b1ade41413b8b55f6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3093a33da4afaddc4b9ff8b091f95720ca630677', 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: '097583023deab350ece8b30dcaaa29f5370199e3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e17a5fdf92bb13bcfbd29dfe3d05d1ef6b7ec0bb', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '52e5f2e8d79de419dfb6d69236296279083f7eb3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'cc6ec4c50aa16fc77d1334a03960ef70694c18af' }, "1")), h("gb-pagination-button-group-base", { key: '2ed95c7fdf80f0ef443f5ffd033e870f47a3b73e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6fd68a9dec23ec05c9f5568aebed7d9270ef60f1' }, "2")), h("gb-pagination-button-group-base", { key: '3261f9c92a48ab84a0235ca3e663cbb0f58b9d01', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '59d7cdbdeb3c794de6e7e87818ea78ac428ada32' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0a4459ff21bd02a082fcecf9b8449dac3b3c5e3d', icon: "false" }, h("p", { key: '3dab98fd324eedf4ceea94f55ab397a0b54b85fe' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '101c36718e3088535b2630c56e6dd9ac7ca8d7a7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '65b8bd9d78dde5c9b8c64d4c5914ae45cc2c77a2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'ab4b16d1b0080ea21b7c06c828c2a127d2cef88e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '65acb5fa779c5cc6e665d5ef71b8291613409b10' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f6381f554e003a2f5898e6a9ccf02a2a689892c5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c45196ea7a53392fb13170970bb344226e868b39' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '19f4e9d2dccc4dcfd3a725a03b03198d0063a27a', 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: '108616fb9e25677b1cff36d7253aec120bc8a6a8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a2b39d308fe32493ab577bbe036cca164f3c0e68', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '3c74ba4a485b0342546caea735e778e2c0689b9c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6c1b02ea0fb20da62de54cde0f18d2a86cf6167e' }, "1")), h("gb-pagination-button-group-base", { key: 'e018662f0e57be2ff4cb47fa37517d44c8cf4320', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b4b0ff54df11a292899521a6e56fc223a67adea3' }, "2")), h("gb-pagination-button-group-base", { key: '240d7e4005ab66e42a519f2cafd84fdc6f6925f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c9bdf750c43db316fe4e8393f6f53d706be00b43' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'cdc9bd2c3ba34162dad2930a32ae97f952a7fa6d', icon: "false" }, h("p", { key: 'e3bc7585756073aee13ae54585024d5b3d0c0ca1' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1dc8fe476a4c69aaf7eb4c6b725be08403ca2346', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8d82a02aefc91d2760982ffc3ff208d1f2341aed' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '33fe385a51f3d64ede3b1902c4260b06a6c2f54e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a42f82bacad56e91c988ff153c25ce61baa46d1f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '358c9f21a7a659ecc9bdc48e6bba9215273cc1ae', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c5463e58d543684641dd72ae04bfdd1302dc594f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '07358044a746e169b16cf04c1666023df3e6383d', 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: 'edf8a48cb87043de824714d295da2ef7f8f223f8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9a20999b1850a7e361e2501f3bb4ed36d95e08a2', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'a1efe9a696179c6e7d77b12e2378165aba7336ce', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b4bee6b397db338dc1827f042f8202be2a5cbdfc' }, "1")), h("gb-pagination-button-group-base", { key: '80970412249c0ffbff9062aea0e5a15ae03c11c0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e845570b41cdce6295ceaf550fee39547c19a6b6' }, "2")), h("gb-pagination-button-group-base", { key: 'bfd7bf656ce1fc00936e468a4c3f500ef7b3fd69', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4071200d19ed2dd7e0ceb176c040975671ab5238' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '524d65e59152bf674a23915e570b9cae254ed07e', icon: "false" }, h("p", { key: '2f3f94f4b3350248863634b9834e72d868646bf8' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5a31529c67b48368bf9a6ce3e4b90fe519170f66', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6ab71e0c872678989e19b0e42e59f057137799ed' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '56c2ad2304d2f1a4683ac63f1bf80c22530c219c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '33d43bbdb585967e9a2233da3b26a0114131bdc8' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'de8b8da053eed8541910f55bc481ed4c3bbd9b66', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6c18be76b41ea293302fac354f21930fdf369bef' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd92a3b91e748587a4f55a6ff75705e99ea43bfe6', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
79
+ return (h("div", { key: '4f33049640e3cd60201f9fee45657e6162cd9921', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'd3eae484bce93414ced4a1affb04a107f5cbeca8', 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: 'e0fcdc9a039f71fef653c9f41c9f0170a872a240' }, "Previous")), h("div", { key: '304d6a9d45284c2cf048ea4d5b7afaf09a80d481', class: "pagination_numbers" }, this.internalTotalPages <= 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.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '8077cdb2908845b9a9bdd7e14bc82c59fa195ef6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0caa17502083f931b398a41ff3ff2a1fe03154bd', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c17913ac72e67749bb1d50649f622cddc9a85018', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2c612b62964fffd4df1ab0520e56233483be063e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5ae831acca909476cc1aed7287d47378d166187a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '08f69119af8c06f62551875bb47d695f5873cc46', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4125b0020ba0585d4f77599e14bf6c9aef3bd4c3', shape: this.shape }, h("p", { key: 'c718cbd6a4126706083c2f05787217c02937da4c', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4305d2ae33f5fbee7dec8ed73f36cdcc00d06de9', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '2095d40b50358a07ce460b6fcbfcb84b8ada6a7a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b674b3b5561d22aa3199f7d17a8444cec5e04291', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '043d24cc25a644a2565a87f59ddeb38c8e481251', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '12e70d241b5f201876058070c9fcc1a6e78d35ec', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'acf3bd5d4dcee320b64e29f5e760ec97e8bee953', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '1fa27a569fe597ea2fc44fa7c611147424778796', 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: '60ff8ff77c7a010555b0e27c59905d81d0211d51' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'd3c4df2a072c8dabbe76d39d7ef4bcdb00ae854f', 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: 'f84f26aeec1d6844c5a9cc854a3e26ff2430beea' }, "Previous")), h("div", { key: 'e809b61d65c8b16d5371088ba8a6cbf7c2592893', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, 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: '70492cdba72d98fe4842101dfeecc6fa98ea4c2d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'c615a194f23d350f6f5b7d4121f33f18bcbce68a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '242b21ac843eb8ebe7e8f2a464d625750559f470', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ccd17debb9eadcb1f6596fb2ac636590e9ede7bd', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '990970627ae0eefcf7e12c0a6d7bf647c0a2da3f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b2323dd8c9c01ae4305bc21ab22d5bc60ea40ed5', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ceb0ee1ec18af8b4a749b6e45a5856694622d4d0', shape: this.shape }, h("p", { key: '2fa3328fbfe4f44e448754de2d308d745d0c2553', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '63e9b2a46aa8deac7c07ee2c1a936e29e8ff8e49', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'fb537c7ebae964e5d9ad373a305d516827d2f6b6', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7b7a33d5b14bba6626b50e1ba5e1b4317829b7c8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '598cd5164a691a1d870451afe9ef9ff4a99e4361', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '926e67c00422e8bb61aabfbb42624961bd980e0a', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0177651100bce3b882221629b0604b16a7075bb4', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f352b28b3e279499a8bb39024be5bc4c877d889b', 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: '1a72ae39ff4467b4723c39b2b069737f216339c6' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f5d38cec3ea9868ed824d229a2a08bce7a12f976', class: "pagination_entries" }, h("div", { key: '0c4a8cb02cde503e760468086e95f593cb63221b', class: "entries_text" }, h("p", { key: 'ae38ac7e45867710dd2749d72c99150dfaf5f56f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ef651c6c504809ff1e248deedcbb570273a470b1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2cdb00c321cdc1e237d01f02bf63a9a3c2d38311', 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: '6b1ebc3e8f831400be8583a7eded0b5fbfea118c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
82
+ 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: '8748d0238adb0afec1f255dfa1a13201b67a50b0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '10309a3ed6ef4452a7181025ce069d243c6eb98e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '7fcee45fa3bf72c00b3f15a88364c32a86a18da1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1641fc1b0f1fdb1e98e955483eabce52f899a2e7', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'edca56efff9ce757d55096885441c2cc6fcf88d7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'dfad0c4a95ed8ad5aa8448d17dbbdc5bbe7768ae', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e3d05ae1f248b3de0e76691cacb757f3d340ad14', shape: this.shape, state: "default" }, h("p", { key: '4ac9511158327339e4ab41e40e90b2f550a5bdb4', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'af3c3c00e28d6d0f6b0edd4d61b0c84e35d4c30a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b0fded5630bba4079db8e63623bad753ea943094', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7bef7dfafb1e70528db4d83123a82952dc2fd3b2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ed58bca2b12e23c82b27d973409362a74fad9121', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '07fa5b15852963c20f6475056c057c61881949ec', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '03d7f85571469440bc988b7af8aec4fe51c939d4', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '9a2e4d64a98c0941144040d0b7672c43a2c9464b', class: "pagination_btns" }, h("gb-button", { key: 'd5face310421f62c7daa1ee427d561a9b75cb8f8', 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: '40081ccb19257353e9cb908be5134e8b8875e403', 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: 'cde2bfddbb7a129b16c75809f0b466001279b2d3', class: "pagination_entries" }, h("div", { key: 'a2e28e06b3c9ecf515710f08da196b7c852ff708', class: "entries_text" }, h("p", { key: '6e20eb1a37b1f87d43dbb63321de83287e56de72', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '98dd1bc578b2f8d9f544ded4acc4c5e011ce65fd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5b558ba707bdfaaa2e676a277f96c2d1e8a01342', 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: 'c99a3d676def87c96603809e972b386a71246c3b', class: "page_number_text" }, h("p", { key: '18e174671320a677b3e2a88ca8b4eda7ec6504ae', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9ef5f2ff472534e0f429023e04bac39b163fc6ad', class: "pagination_btns" }, h("gb-button", { key: '3675ee172a16f170775d3e662c3097be5186d43e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a8c39ac1bda61f8886fba6bc4431b0f69cda9f67' }, "Previous")), h("gb-button", { key: '454cc35716df8dd9c796d2f39ab2d59e25ae2ee6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '31c19ade29df9fe33e404d407e506b24c3b1c589' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '481896687d014980445b772b3998e91b49d239ef', class: "pagination_btns" }, h("gb-button", { key: '85a0b7cc9d4c5f02b233c6a41c470f62e486bf41', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '99623ce21ac8ae022f706948ef04aacc3a5d669e' }, "Previous")), h("gb-button", { key: '188a987303def6e19b0fd4083f66c656ff747c2b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'db0a4f6cf322e37ab7d01e4d4e0cad1450349676' }, "Next"))), h("div", { key: '6c33da2264eec837b85efec7a36cee236939f8d2', class: "page_number_text" }, h("p", { key: '0ef25b73eaddf2cd047bb28630b6ffade90724db', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'af08d156c650b056fce8a3d41af2e30638ffd4b4', class: "pagination_entries" }, h("div", { key: 'b3aff31cd4a8484d95068322dcb5955aaf9f026c', class: "entries_text" }, h("p", { key: '563b0bd86133cb2a949982cbfad73da42efb3055', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6af52283e80360aeef737501114984c27dab4c3d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '50b5668aec32baa8040108f6c976739b7d4bf36f', 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: 'd29325fccbc9d21d18da5543cde433450015a864', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6143f9c89a29591e4cfecf1e9d8bc8ffc62f37a5' }, "Previous")), h("div", { key: 'b33f73fdae979070ad6d5046bb06aba575f92e1a', class: "page_number_text" }, h("p", { key: '3fb6cc6e602cff71538d2fbf49c84d809c2d4abd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '264402bcad7ea107860a883dcdcb195be2c90e55', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '87178c622a06d59efcef56fe160016fa12bb9845' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3760579caaa73e71af0ad8cb83fdcffb04c23d42', class: "pagination_entries" }, h("div", { key: 'bcbde168598f2391fa3cec75f982afbbd97395db', class: "entries_text" }, h("p", { key: '0ef99e65c866704f6e385361b89840b7a8b71a56', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '39a28c1c204f219908f572cb266a49599dc4345b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'aa7ef859fddd98688a697bb34c15110df7afecc7', 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: 'cb659464eadcf9cb2ff718967c3a6f246c13f951', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3087ba97645fdaffd28fed5bd99ef4e40ee6fefa', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ecd35a53f7a0df00d9bce39cf6820eeed64cfd10' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'fb1a288b874c4529599b97bf415befcc51fa011c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '27c5b145a571b791849fa11d1bc2fc9145d70d02' }, "1")), h("gb-pagination-button-group-base", { key: '566d67561fd101659f8a3e3df34c540b68edee46', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c1594e894cf17a99e764819f78e31a28eb94a48d' }, "2")), h("gb-pagination-button-group-base", { key: 'fcf893d7eec4337e81237e9f1da281a47ab5cca7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '99b9b68b3644d27057bb8f4b591677fc3aeff407' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0bef35a51515aed5e0f93b7828d6cde7fd9180a0', icon: "false" }, h("p", { key: '42867c93534499857ad4a59700a0df7cc3b310ad' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '54d656b45688df87c5de60f00475c208da0da526', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '54a79fff9c3cc18c31c24d1f6a8987865740cfe1' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '42a37f7e991b0b0fbf30d157d125738935e2aa3b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd9fc279a23ea97b33a6f82057e6d1b606b593d4a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4f2c4bb76c50d7b1beb96d450e803d1e7fc7e643', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a289e05abf75f9ff4949b4ecb3ceea50ce7e9143' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2598b1fd9c881ae8d3ae8a2394394e2cf5320422', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '30c07dbd3a402f5db4119aede22127a4b9e0cbc6' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a2bad0f7961cbde73dac0b40846ee8612236500f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4b41358060fd3bd317350cd8f24987e2cb4e83c7', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '16c92314f5151e8400a504fe7d71ff6a6588c98b' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '80087365eb5ae37906dff910ab1cad78a5a8bb93', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2f8320a1905f2e82fa174c31745ed480da46b850' }, "1")), h("gb-pagination-button-group-base", { key: 'b173f17ae8c5040d9a8b34237d5a6a18da98f947', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd0eb1d24630d052f7badf0a2d20917bac007fced' }, "2")), h("gb-pagination-button-group-base", { key: '5b7778baae364340309e02988c1b7690986fd0e4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8fcdc3b5fdfb5d97a9a4babdfdfb1fce3bd54353' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c8e3c9a3c3df6581529b32d7c5ecbe88be1de253', icon: "false" }, h("p", { key: '1dd647790359f4c315b309f0aca6587bc3311c83' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '19ec180bd28074bc474ea65e3cbc19f7e8e3e662', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '427466bca6406177bbfb7ebbef054ba92937eb0a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '60cbef142514c73fc5721dcaf3862899844bd3be', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0df604b290438dfe7f63f1214ae759a688284241' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '249f556835c3c3d1887ea0ad41899ea680df3b14', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'aa8fc88782ad2ca40469c6866822444e724aeb57' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '007463547a83605d1804ba517cb0effc72416650', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '940874af2593cada94f2436f01748d1b47a7cc13' }, "Next"))), h("div", { key: '6aa659f5da5e9bab02b8f9976fbe113fdfc23310', class: "pagination_entries" }, h("div", { key: '8fc7b39696d73511e15c0340588c286ec3dab1b0', class: "entries_text" }, h("p", { key: '4ac0df78465592b43cc6dc46888912fb5a1d8565', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '743dc374114cf2fb09742b1ac4733f9e5e6c53f3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f4eb67d06c712b979a5f2b51a301ede5c7f50dc2', 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: '11a5a330133dded45c01f17c65bd52be5a2f08f5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fa2a2ff9fc6a7ab4a839e948af068558f1e2a58f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f623f40151ca058f0ed0ab955936cef3206e9e9d' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'c00b0982dc362df663d7a488f23b640389f97649', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '019cd94e87b451ca0cd2c44c8ad8a94cd0c48931' }, "1")), h("gb-pagination-button-group-base", { key: '52771cdaf7c73f25d4b956830a3308e166470057', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '91def1c877f2598e19e79b856089f163bd041c39' }, "2")), h("gb-pagination-button-group-base", { key: '26bcdf5a384569c4378962d8a85f2f17f5fdc8e3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '02fdb9c2bef206af338a8903700414f4e6b13480' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7dde579eebb508be8f195ab11b76bf1e8a8a2d90', icon: "false" }, h("p", { key: '6610601b61fb74795fd64d6a1f71c214663e2eed' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ca07f3c91fb89f3ffbd0583642b60ea45e162701', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2961f4f163d28898e41706324485f6640cca1ccc' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '140aab4627d2615c380d7caa0f75ed5760fb26f9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '49c615e3f472b790d590ba5d663738880afb0452' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f874754a6c9fd106d7c7ac76171bb467a2d856dd', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '4d00e91c848f47bd898ec85d594b650095956bb8' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ccc299d1a58700ab6453a06ee1e89d201b47c376', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f5547ffdbd490030e75211383c9df4f56236c55e' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '6f91c973f67522757913ce3af2b3646ed6a2f930', 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: '38c165a911322a1c28b948506fd87b47d80d4dd2', class: "page_number_text" }, h("p", { key: 'ba6106d7cbf86a3d8bae4ebc7ccc310ad83c4287', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8f5e3579821dcf3689b9f5005a53b3c086b1b610', 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: 'f6cef7c2f762db53637b9e9c3e792ab906b80824', 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: '0c83c764b215b8435a47e72eb8b3f1ecd1cbb3ce', class: "page_number_text" }, h("p", { key: '459226f9afd02167ac566457fd460f798a3e89aa', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'da31b79d71cea333526fcd8ad88b0745f33303ab', 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: '52b9b9acc3bc1f7740752c91c2696b6a7b0707ba', 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: '2951c71e512e06d39368c82b0f938776dc226fc5', class: "page_number_text" }, h("p", { key: 'c6dbd146e421b4cbddb82b34bfb35056b1f04ec2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e5ea7fa88b1e10ca5965a11104bbe39d4c230864', 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: '850e20d4cab2850b6f52819f67300081ca9d1c55', 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: 'b34a391a6d252f573c36bd3309cd79d9c9c51061', class: "page_number_text" }, h("p", { key: 'a1adfb2e4a6eda46bbc91a6cba6201a5df317d70', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '739d6ac873c85f84cd3903fc40253769c42cadf2', 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: '65284372264cf7a2f9d6ffc1832cb12c4a7088bd', 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: 'fbcfe8abc2c3f6144cef4b76f8d4821277f5a0e6', class: "page_number_text" }, h("p", { key: 'ea70f4f670e3b0336875e34e16cb35aeaa5f5445', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd558fecc304eb4c09a8b4003eaffc98a78da5d76', 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: '3d8e84b57fd70e425cbe1fa060a623355da4b78c', 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: 'da70acc6e79a90ed410385be8bf20594aa512cfe', class: "page_number_text" }, h("p", { key: '94094d8f105dc8e775add35b845f4dec58415776', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9d2fe6c170fa4b694afcbec619cf0a85473e4df6', 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: 'df36c2aa1fcd70dfa520530a17860c3eabe2950f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '97e1b21d4439966f8744a09e148684b9ee293072', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '014466b1d6eeb237494e2a2f159c7e62ec51272d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a70e58c9ffff6e7cac522902cd187ff35ea7caac' }, "1")), h("gb-pagination-button-group-base", { key: 'f680c1d97e8b7bca0a47920a5c00184b98d87e1e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b40d8ccd3e4a8f086583b9cb885f8ac5bac0cb97' }, "2")), h("gb-pagination-button-group-base", { key: 'fcb1fd437ae43d917fb8a09224c2622065c2cbe4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '07a3bdda808bbaf10616d82ab45dce3a2e739d04' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e3d30b231a4d2e8ce28f3d2801b1df189670ac9d', icon: "false" }, h("p", { key: 'aecbdb75d06f19bc67e71169013eea5260dc0a26' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '85ca03e779cca12831c6a15d35425112ff22fd3f', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a31060e23f11a8ee0c4b2618ad2601fb89e080e2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '56ba7076fee545137d92e96f780074e0db4f8f8a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '46c73ffb41a96d17cebb173d7cb3f8fb4043ae5b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '491979e83ad80a6f28ba79bd8e9fb0d591047708', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '4098849799361bc29cb98cca0bbc06c592c753f6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '11f2e8161a4744a0be7438f75dfa1061145c33d1', 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: 'fd292c944755e253fca714511866f823485727c7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6dd1f05f3b71a0b1f3312af20c9c7c52c13db157', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'a91a18aa3ec9b4d30b7499d3185fbc5c0e80b8c5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9391b0375eda9d9c95a4e8e9431a4ebf73ffdbaf' }, "1")), h("gb-pagination-button-group-base", { key: '4ebc6453f960a20bf65b22399b438bb3a60b4f48', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '18a32ab6b1320b212fe937a89c5f79d5f9a43ac6' }, "2")), h("gb-pagination-button-group-base", { key: '03d5aeca419e6f99e9d9a3f48793da87caf17ea3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'b70ee4b4f8c72a2203f9b0c6a0dafd117695dcbf' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '57d39e373e19c1862302e49442f4614852538dd9', icon: "false" }, h("p", { key: '5e2baeb546b2bb635e0b05a0819d2d536cbd2ebb' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8f67a6da1cbf210ab14ad4e634632845a0ea919e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '846f3836ede77c709fc7b1d3d48d985e361cd31e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '69cf0c743aa590eb882d345d71a709ecc028e217', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1aa6192529200074131a31a58c937541950d035d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0a607871b12fa5547232213bd881e399e3642341', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'cb80ef88f930dec6e20d40e14d3c0233ff5168d7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b9db865a86cd79162aca661166fe7254306d0aa4', 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: '654f048bd8a3d4287f169698f9f957d9b4cc4a27', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '23b470aacee93058918d2561f5a01c83b32dd197', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '804585e2c2b78b065106248d9c733ff4b3bdfe77', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a54701ab5c6357b5db5146567ff3e400ba700e90' }, "1")), h("gb-pagination-button-group-base", { key: '4e19a15a28c287c2ce8977447f57a34b7c575774', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b7717d2bca0106a680e2a08c5afe2f1822ea203c' }, "2")), h("gb-pagination-button-group-base", { key: '2916db49c1ba5bb41f7a9ee29b0ece27c636b9b9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3ca59b42734a7d9d8f1c6917ad4e251b6f50b132' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '329fff81013076d75b9eac906a3e65d38f68ef35', icon: "false" }, h("p", { key: '63c8f9adaca95c1ba68f86c1921e8157aa2665aa' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '32e507cf9884174c1065aa68d896bec6aa0d3cbe', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fa30d0fe19d4a737f6370e36d790b2021f76c842' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0b525a414c7081d16acf4e2af1b35151fe6d015d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '712fe9e57e4b6f863c8d36daadeb71419557e402' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2a037e41730152bc27e12021e7942879bc6c1e50', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '45314af5399062d92492a2bd834704271f2fb11d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '42f5c6d8518b6b7fcb5a41f6bf5cda112104246a', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
82
83
  }
83
84
  static get is() { return "gb-pagination"; }
84
85
  static get encapsulation() { return "shadow"; }
@@ -186,7 +187,8 @@ export class GbPagination {
186
187
  "getter": false,
187
188
  "setter": false,
188
189
  "attribute": "current-page",
189
- "reflect": false
190
+ "reflect": false,
191
+ "defaultValue": "1"
190
192
  },
191
193
  "totalPages": {
192
194
  "type": "number",