globuswebcomponents 1.8.9 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/gb-avatar_20.cjs.entry.js +5 -7
  2. package/dist/cjs/gb-avatar_20.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/gb-pagination/gb-pagination.js +5 -7
  4. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  5. package/dist/components/gb-pagination.js +5 -7
  6. package/dist/components/gb-pagination.js.map +1 -1
  7. package/dist/docs.json +1 -1
  8. package/dist/esm/gb-avatar_20.entry.js +5 -7
  9. package/dist/esm/gb-avatar_20.entry.js.map +1 -1
  10. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  11. package/dist/globuscomponents/{p-cfba078f.entry.js → p-52e14bdf.entry.js} +2 -2
  12. package/dist/globuscomponents/{p-cfba078f.entry.js.map → p-52e14bdf.entry.js.map} +1 -1
  13. package/package.json +1 -1
package/dist/esm/gb-avatar_20.entry.js CHANGED
@@ -1275,9 +1275,7 @@ const GbPagination = class {
1275
1275
  this.pages = tempPages;
1276
1276
  }
1277
1277
  componentWillRender() {
1278
- setTimeout(() => {
1279
- this.totalPages = 5;
1280
- }, 2000);
1278
+ this.internalTotalPages = this.totalPages;
1281
1279
  }
1282
1280
  onTotalPagesChange(newValue, oldValue) {
1283
1281
  console.log('totalPages changed from', oldValue, 'to', newValue);
@@ -1294,10 +1292,10 @@ const GbPagination = class {
1294
1292
  this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
1295
1293
  }
1296
1294
  render() {
1297
- return (h("div", { key: '42894f492125bdee8f5cafb4fd9fd22735e828bc', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'bc48c493f1cde2784bce1861bedb8f885874833f', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '66808a6d1bfb2e9169ac893bd04389a34041b388' }, "Previous")), h("div", { key: 'f842b277d01e4b6873d58e96fdcc069c046d4127', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
1298
- this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'a7d95e70ce202b7533b123f6fc557846b6bc7354', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '94a9063b32c673bcce373348c6a57537b2d4b5ae', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '68aad6737e20699505b8a39e8089355d264d07c1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'aaf3d3a5a5159efe531b84f6268544763e44369c', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2b7c85db1cfa3eb295176d255412bc6cdfe636b7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6a7194c026bc264e735e667f84e4232872c99132', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0241278b4f655b9db9fa07e0358172e19d8c0acf', shape: this.shape }, h("p", { key: '1bdcf2da712ddab6c7f784e00646f12c76337210', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd860d61d080a410d8df5da681d8ee3a443d3be5f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'f0ed52b5a9cb7fbb2bf27fc4181f1fd15673d3ca', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '6f6ad9ca3092c3ca067da77b861c01d641ee97a9', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f5b5cd159f93a8a79cae5a4068c23d8772cefc23', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '1deff3f5db9b91b47825c089417aca73390fd128', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'a030606db12987a7648668c6b902c38840233b6b', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: '7aa68668ba1066f57cd96f2c5d86497895b28bc0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c0d96b7bb56829ecad4f8804fad939a918596b51' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e33471acea842c4b92760ed70ab682f441282c8c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1638787bc22d5bb2726567330b08e0f31633d945' }, "Previous")), h("div", { key: 'e499ac26f072cfe409ddefaffd09e511e610b1ba', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
1299
- this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'e0a158c2a4ddaf07c24834f5a756e049960e46b4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8f3381867304347669b1cb6c5bf7c8a60b5702d2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '92179ac5549dec47ff321b45f7b124e9d8e83292', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd66ebf810c0020908559abae0b6dc1db74fe1a69', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9fd8041e82488bb0356f61ff36cdd29f8fd3f28c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'cbd3aa1307d3e6fc7f55052013a782a75a9fbbb2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '462364296ff9ef877a241e1f0417369f610cd799', shape: this.shape }, h("p", { key: '80e7577aa262754110de98aca4313eb03c7ff79e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '358e00446a17597e9ea874405b5f84c80ee06cee', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '33d2200c8d329fb66f85e4bf7920426c1e40fd34', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7c275fd63fb604000860017f5195ef069cfab4d2', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f3ae28e78b570dfd60f8226c3c68c29031a4c2e9', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '6a128cb0be2533c1b3b894e70e2e2496965f3242', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '5aa6f65d514658e81c345166f6693d0c9877e38d', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'ec4d9eecab239a26818e33ee925299bba61ab71a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3c09bc2ee8c9b0fbb34a971ff2b0918e92da00c9' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f24bbebee7c06139092fe9fe50553730a4ad407f', class: "pagination_entries" }, h("div", { key: '0698d181430145d0fb321afc5bb0e13a5195400d', class: "entries_text" }, h("p", { key: 'bbca7ae03805b756af92078bf98ea597d7260167', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '32560ae6f13703c09f1e32bc3f7da8e91d6dd04d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '88b9b026547cfe33edc1aa43f5f94a06cf5c23fb', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'd0a8fcbd86ecc8b58b2235950febada01229a504', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
1300
- this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '73556a11b388d593ac43629a0b3870cd1ceb6f0f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '83ccdf055da0792d5be50de6ebba2c670f84fa80', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '08b37dc35bba0ac322675d7b7e8fd3f3f25933b8', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '34b87bc6b86bf1b31e88883ca7b6c9154bc8823c', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0efa5bc62791e548aefe311898f83c5a31c0103a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3bcf88fe8cc859411115520be8160ef46084a98e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1040109e176fd89661370f47c8afef3fa1cc8487', shape: this.shape, state: "default" }, h("p", { key: '2643da0a1d064bfeb6186b8ad8bede51d7d47be8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd4f0767f0aed735a7581d590420d63e5c44f87e3', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '21e139cc0f64d332c30549e965bed127efdba6f2', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '128872ed75e24eed40cc86e288e263802e1471c1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '82c82dc6987fda7486e3d23f2c3bd7ecd915a972', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '2af18789b7a15f3c02326143363639a49eeb257e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '356f38410bd71efafe1fcd2192d6c5c98709e618', slot: "page_number" }, this.totalPages))))), h("div", { key: '675b669ea3eea1bdf222a419d0988bbc06678266', class: "pagination_btns" }, h("gb-button", { key: '4480c2c14353560060c05b14a203ba7710217837', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '3050cb886a4de76c455b2c6e0909728ea9ea3e9e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '020ed53614050866a6795e66e4e63732190bb970', class: "pagination_entries" }, h("div", { key: 'e47d7fd43628a09ed789dcf6d9591705e342c24b', class: "entries_text" }, h("p", { key: '0b70e298cf505aad41ba1720697dbd6a34aa97b9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a6d428f2703d31956888ab3ed7051675d4e65c83', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0cb4f8964a0bfdf9e87ca7f0cf8c49db0e08f5c4', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '9967c3f4eeb09ac42cdec64111b5a1ef29b09ed0', class: "page_number_text" }, h("p", { key: '30bff3d60e8f93921ed0cf71b85ae7159dd89bc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'd54c7ab2ee37d3a1781603a182da254e0f23310b', class: "pagination_btns" }, h("gb-button", { key: 'd0fa7ab00d4e16580578df1e7c5fcfb914646467', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3b94e6088c25103541ef142f49ccc66da268950f' }, "Previous")), h("gb-button", { key: 'c809ea19994b7a7f20917ef83a8604603baab2ec', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5a9cb855a313b4132c89b01d6a1b6db321e5b24e' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b883e2668b489f1834462194a5729a1cf6aa65c6', class: "pagination_btns" }, h("gb-button", { key: 'aaf4adade30ad649c0bddf3bfb081dc7687646f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c7ec48f12b87762f33fd927bcfd3d622cc1d64bd' }, "Previous")), h("gb-button", { key: 'b375994d42ac67092d49a98e3101e0d4970195e7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cf2811559077dec13fc75773d2438dbd6c4c859b' }, "Next"))), h("div", { key: 'e089849f54f06e1c39012d299f54af5ecf580a01', class: "page_number_text" }, h("p", { key: '5b02d803cc43c70e0be4a50298d25d3c38bac0bd', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'f9d7ee55ed0f25725741279a572006d9789c0b76', class: "pagination_entries" }, h("div", { key: '30c9defa71c7fdf14ed4a8bd2183557e91a58872', class: "entries_text" }, h("p", { key: '0673ea61cb464867d014bab7b4ff7fb247a2fbc0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd34e63823a8ac2366260f22060aae78af0efbe51', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a6d744a0f504fcc1ddbe48a3f096d8661c0fb714', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c81eb72a85a2c55e727cc1b556e1c644ba930d42', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a9e6b68a53e0f8051402752f7344f218047da404' }, "Previous")), h("div", { key: 'd2ee96c28ee385e091265aa4d627eff0e4ce0bc2', class: "page_number_text" }, h("p", { key: '7b4067bc09458016cb4f04e8c7dab51410e23b8e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4f5561e7758db0258456d07c4fcf4519d68f8396', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a2ea7f51c2f90a0d1528b92c572bdb13a8890a8' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '03506b71c8e79e4aaf8b91878a0127dcb19e6ff2', class: "pagination_entries" }, h("div", { key: 'a19a4fb4ad709e4363e5e063b7d652fc1263aba4', class: "entries_text" }, h("p", { key: '6212f4ffa07c83f30770e9e3ca8a0cec22ff1788', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '956a949587eaaa70fca1a0d520004968c3c11e67', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a29d499d0faaaa94c4fad9544b9262e53495ad71', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '92e7291676d9bcb154a13062b0b85ab6c99d2ce5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '27acd487f71e739a79e6a0b2145ab10773156332', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3c78451f09796ceb2a48562af25effccb642f0b7' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0e364b0754d732dee81e648e6114f4962e251762', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e556935155c5f26608b2a174249ba9534670a8e8' }, "1")), h("gb-pagination-button-group-base", { key: '0bec468b4d75a47ef01d6c8ba582ec3de6a8315a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '23d55153993a8536122e770eeb0243578f4e7194' }, "2")), h("gb-pagination-button-group-base", { key: 'd341b749dab78a35f47185231b0336c45d92d8bd', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1f34893f6dda7be2dde5988b9831b03582db8ff3' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1790ef96b2788335654520bda8eeaa06d7e37226', icon: "false" }, h("p", { key: 'fc3d6be37715ddc7520ef2aabda14e0f4a90b4f7' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '183f42e0da4348ba46ca46d9024b5f872e2d3917', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a5cf98f4d8ec852e7a68879de14bc4f1d84e7854' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '9dfc0e3a876e91bf933f2574ba802ceed1847255', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4c82dfe34c0a6c45a867a80dd684520e8fbdd647' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '66cb9ba12265d84d2108713cc11c8490b8abed50', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '7435934af830ad64f6a9719911bb99ae38ac9a17' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '3de4fae2d1570d3b508bd1e76f2ccc2171637238', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a62b2c0e617a990c2b1b66a53c9b5bf6654b3d06' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '390ceecaaa86d24264b8c25ad8503bf324cedff8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '11b3026e73704eed2f70ba64798bb546b2bf9560', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '595eb2e6bcb3a916374f96479bd9243ffcfc0820' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'f574832c08672d7feeee22045ea8747f7a0b213a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '00ae156e1f029493f63df9b3d0bad62b7b49f499' }, "1")), h("gb-pagination-button-group-base", { key: 'fa74f9647c56003baaa24b3c0eaf64906f8ba8cd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b67f7a7978e3f2733805c43f0f864044cad9d49e' }, "2")), h("gb-pagination-button-group-base", { key: 'e7128a91661a92928ad9376b2da30f6946e5d09c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f43a120d1613136b81e75eda27203010da605c48' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2a209637bcd0b018e48dfc47602b247d787be075', icon: "false" }, h("p", { key: '7f33549831747fee92cff952289ff537ec6116db' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a5b1ee081329da7b946ac81f7b54757f3c0dd0b6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '63d2422485193b8d1abbc9048e75c745e3e6019d' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '2d5b435e11bd736947888748c4affc3e5f6412fa', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8250eaaa1389c16fd518feee536deeb431d94b75' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'aa2d47ab55960e6aebaaae22efe5e4f9ece05483', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '0db76365a0d3b0c7b6a59c0ae9e270d87059dc68' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'f4f97f006b6b9bb287cb59eaa2de9fc6893cbec8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '22c906bad33f05a2a2277bd8d0d687fc98348627' }, "Next"))), h("div", { key: 'c99268081ac677184b006e6fca5bc3e698ef4975', class: "pagination_entries" }, h("div", { key: '0d1ae9a2f2d8844a40ba190f3c6220bd95461d68', class: "entries_text" }, h("p", { key: '42d9ffab3c4a3fd2709496dcb79c655b4b1f8385', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b81dfa980228f693097fcb232ac1ccc053c73f1e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6d5dc2d71c17579fab023323066270c60d65d18b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca1ceedb08cbcbbc348c588cde1bb6c7eaea2712', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '67b84d5439c162b2d8b8bc2093fc4d92a3304078', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '407a443957596bce5449db85e2d37f24fe528bda' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6f17ce8d9b060adffa2eedc0b714a52642e57229', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b5c831ce6ae8a7b0e122f3031bcbf334ddfecb10' }, "1")), h("gb-pagination-button-group-base", { key: 'e56c53dd5dc4434ac58d330fbc57e2c5f4a3bc6f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ec0019707fac5d1f9e9ea413c9646de4af6e5d15' }, "2")), h("gb-pagination-button-group-base", { key: 'b9aba3e8d6048fa71626344757f467ea584ce58d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e4e713dacfc5dab211f562eaf0ee7941ba8bf912' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '63dfda4d786061adf080d2ae55f9be3ca05a2e31', icon: "false" }, h("p", { key: 'a04411a812fa20fb896ccd836e1b5a5046c763a6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5dc73900da3b54d7e8d0870c5580b00428a953ef', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f7ed79c58b6ec6f90b07a819d6ee3a3c120597c0' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'cfd35c1c9a7470034fb3906124135bcf1cd77b34', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd0c9672659e285683f35b01af1e26e7d408ac369' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '48664a191309685f1831ac138615ed3521e3cfe2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '623257224921b93be1fdfe88dfa520e215ad12d5' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '76ac7e54b3484d83045567a9b11248f84b91b0b2', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fa86883c4f24de8b48240e3c435e389ff0882330' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f5b6671256e7511af65760e355cabc0ddce04b17', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c3aa97161fe907acedf996d2409a1bff935c0e4f', class: "page_number_text" }, h("p", { key: '40ffcd3c315743dc97076df6fe44c13429729740', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8201a5a5d4af24fd9dc10af0139fee6233b20d2d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2d6794542b183d9443773aa5e18671693f7ce92e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a01b851580f6bb2bcfb8d5082c52cb77463112e6', class: "page_number_text" }, h("p", { key: '242c1f667b5153b8526780e1acf165056278aea4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1248dc10f672cc081e08d81105655ff605b55eae', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4e6fcd730c069997ee0fd573a6908f26d11ee8a9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '6d244d751ab6593fa220894a3fd1197c8fc67c56', class: "page_number_text" }, h("p", { key: '0b560aa598d5b638c0df04dcf047496df8308541', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '98075c1e04c964d9d3ea0267e95a6eed7a75f87e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5f526b7b5f9cfabf9374f3520eb9836599ecb80c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '226a36ebff26b76c2160a89b883962c6dc829a38', class: "page_number_text" }, h("p", { key: 'd8afbb3a232415f3ab67c9e30acd9fd963216166', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '970d2cdf6b59ef5d23da603361f34c4a684f6a3c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'd65ab666ccc374c733bcb0455d220162510e68dd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '80ce6608aceacd1a14d37d2f85ff1754da815a46', class: "page_number_text" }, h("p", { key: '722bf896e719280bfb62b99c152d3b37ce8001a6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'b93fed8da469172fa52403acf2de80d522f5e70c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '858b37075901497bda2d36d9bffe944c440e298f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '385db25c9e52ecb5c4460af2151fa2b1b82e0cc8', class: "page_number_text" }, h("p", { key: '45ce7800b14e17401be6ca13973bae869a242f0c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9a66b6f2af6ce0baf29833ba8b9981a1b3d204b0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '970ce15350c3efed82c4b8a53ddc4c808461b066', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '279c595b2ee6bf331433facce82a833cd71873c6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4543e3394e38a53c1294ee5162b83625bf19dd93', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e613bbaa606e2c70e2bbcbc337eea7cfc20193ec' }, "1")), h("gb-pagination-button-group-base", { key: 'b76d13b2d8ebaf129e1de95b1a6d99be1a17bf7f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3babdcec097a0930f6c05859c391ad0aef6d35bd' }, "2")), h("gb-pagination-button-group-base", { key: '62fb1c5c06655329878e7dd88acd6d6573e7174c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c3e81af44aed7bf9c3b7dac8e8df9a1e072d3542' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '036559d282c776dd39d353c71366ef6059f86861', icon: "false" }, h("p", { key: '065df3bbefd9081c18015cdd22f9600ec7f3c4af' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '4f57b3d6e6e269feb43e5c36d48b35a3baee74f9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '6025673d2a1199c90a5dabbe62266acdb1e2a001' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '449eee4e75fc496e9133c2068e1460b39b91dfb1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '81f9b33471406dcdff5bf5a7a908bb64aaa4a0a4' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c55a52931302b5761b12a7b20453dda428c9ef0e', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '88fbbb3326268c19d5daa5c04975503d0e7ec7b3' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '183e505604d5fef4b5c009c28f2dedf57eb5bb11', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b0ddd0e4cd8bc0be03f457bdb03903db2c36efba', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '34b255bcb67df2cf87ec460d0c110cc9ef2dd0a3', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '602a185ddc062a7098fa2c868a8cb07d698b8b2f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '29f990ba700e37ed82fb330638bef82f0179c057' }, "1")), h("gb-pagination-button-group-base", { key: 'cefe45f37d7364aee8cf0009c2d7a4e46ebb79b9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '24f797d32ce95298a506afe78f7b558815fce0a1' }, "2")), h("gb-pagination-button-group-base", { key: '574fecb3fccc1729f56727ebddbcf11df18c29d8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '62a109cac0f68c5b452d1e22607c3b9d0bc708ce' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd0a07c12575734e3a1f20e0f2127405722e48776', icon: "false" }, h("p", { key: 'ee39ef297fc99235a4214bd0a5c81b8f9fc5f17f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '18f1e6e9dd23a64560bd6ec3631dd3d99c3c3462', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '2f78e30ced444905062a88095d38e776ac765385' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7236eef9913636eb8c72f1858e6fd2bc29200e84', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8b872aaab87c6653b4abe80b2cd24103cbd32e29' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c2a22fd15a3fef03a5d45b70881306be270ccd5c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'c970fe52f6df2fa94470f132c335aaf6abcf0f78' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'ef49cd503dbebe685f2c7733d0e71b40e89b8239', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '82575cb36e5262611062d7db28781bd36966f2c0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9834038f057543531e7a6fc8e3130cb50ee16c70', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'fbfacd0eb631cf70d5c74cd42915c784d9853a41', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '839c1aac5fa491470bdd420abbca8d9ecf4b340f' }, "1")), h("gb-pagination-button-group-base", { key: 'e9eb586b3274d1a5a868364ecda973d745ab8a6b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ec8e8ca3d68fcf37b1fbffce935d351e4fcc0d11' }, "2")), h("gb-pagination-button-group-base", { key: '940ea65dc68f441620f3a7c71b6891f70d73fae9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6ce675a16bfea466c23e1eb08389db459a8c9386' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2dd05160a100a3a99bd6f9266f1eb143516e929c', icon: "false" }, h("p", { key: '15f8734f2ff03389039f7c8cef355e87ac6cde20' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0f6cee89da5e8d5ab681c2ec5c618576c9743fd9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e49ccb3f83aabc5c904de16abdd0a49f35725405' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '5fe93c08ec9cb59c6a108f81be622b749a0c86de', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '875610138a824097fc7a2d62d055e2744bce54b8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e0d899a505bf1c7fea994566a4c0da5e3153e4c1', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8e288cbf1da6959a77f2eb121469a9bb44ceee58' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '1db3c949146a5404b28358e5679f583c9811959c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
1295
+ return (h("div", { key: 'b45d047b325782568d1a53c98d3a859332502ba0', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '22735c6934c4d206cc9e4802955d08e16c117fa7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '060388e23025aafc19590db3b08900c29a1a572a' }, "Previous")), h("div", { key: '0e28f347caeadd102e79833f5e09a610457158fe', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
1296
+ this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'c78ccf26c90ee5fff0d43dfdb7c5c911c6eacbf5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7c94208c87e1d2bd272e43ece7ab8883b565e918', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9a9be2fd4c51e9bc85e9d69b3f1122c5ff2dd63c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '34eaf01be4e77302d242cb58d080edbf9827ea66', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a81c843d0ce5a3fb4c67c32ef08051a8d21a08ae', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '806da30a34dfcab8f84f660a5c91b75ab4dd507d', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'cd8f46cbcfa5c7be34a452e7b31372a73427a661', shape: this.shape }, h("p", { key: '1178462167fda9a8a9f0c98f0ac277c844633de8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ba4a359d43c4eb55253220093f3b1d083c82f6cb', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '7adc76c9df74a6ae83a83a18d4c79e74ca79253c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '464ec531dd1a90141701aeae0650997b1af47e3b', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b4c836aaf89473ec6050a61d6978d1df404050fc', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'eb8212ad978b921fc2f30b132d4b00e6e9c547fd', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'fff5b80626df1a1c8fe636dfda783cdd5117c35b', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: 'bf28fab76bd81196ea50a0b8ec924a202b2387c7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0ee64a2585702567bf60230cca6fec2c0412a06f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '38430772310dffc109571e1d499ad5d4c6747460', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6bc517c73993e3e06be56e4e0ffb8d22c9f71c65' }, "Previous")), h("div", { key: '731d3f1494cc760de54839cd6d214e9329e0533e', class: "pagination_numbers" }, this.totalPages <= 5 && (h(Fragment, null, this.totalPages <= 5 &&
1297
+ this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '09c06eb1829b7e1e3f085c88514bf2683536b11a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0defed6d3d1e7c6ed0efeb0bd8e47c5356f9248c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b529fab53fe4188951f3818c453bc02f6b3ba627', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd98ed75e995dcee950e2a63476a944dbce1c435e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '10756c882ed9543afe755cc0bb21d36738281ac4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6a8639c42f6b1fe8d70ab55fea355cf5394f2806', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '182df8a4dec1938b13ea79e6bb812234f3fd72b2', shape: this.shape }, h("p", { key: '6cecda39d5734bcd3689ba46926ddf5580acac0e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6c1ed202aadbd74ffe73d4d321ee2b4de6dfbefc', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '95b937a44066449e42e7f157faae161e9a0c3e0b', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '99add35e76bdbbdcf5c92ec9ee374fd262ceeb48', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '60dedf7ed771b25f9b52604015c06dd1daa69ab1', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '07e86fdcebb860a2abba6958ad426e4e612e1006', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0c75f6f36a2f298c7b76307a05d9f432343d96e3', slot: "page_number" }, this.totalPages))))), h("gb-button", { key: '60635c2026c0e395b480d67a47aa5fb0f31c9844', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6b2b83298390fa76be23dbb8f468c6db7069c276' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '364462b8558890ba5b02606e7fc8124a4cb0f322', class: "pagination_entries" }, h("div", { key: 'd0ad16ee53985b45626025ac0cb0cfcf72974f69', class: "entries_text" }, h("p", { key: 'cd3566575f649b9ab2e11a252e67e0d6708b60d0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e69c7e2d2e93250d2a152c426a5395a13f0dc7ca', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2be989e7e5aac8eeeb21f40145ab9c75b291553a', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '8434acec8c08f97254690e012cd39f613e787f94', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
1298
+ this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '3d9a2a6ea63d554d5b3231adb130aa4574c7a9bd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a448cd904e230f88be83f7807d789cbf0e9a1c1d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '64d511855092718b21820193f0811a4851b881e5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a805fddfaa8dab1f730b18d994713fdb1b496019', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b5bbc038d5f895e6ae3579b3d4b3bdcdbcccfe86', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b3b742612b9ff06b3cace31abe2781cec84b26cd', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '74357295c4b59fa2af5cfc9439e8ffb76d9d05e4', shape: this.shape, state: "default" }, h("p", { key: 'fafb8a76d16fde6d62ad676622deabaf7cd24918', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd478e04d6dcc92f8948203c264aa930e8f5ca96b', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'd4e8bf25babd001e246ec0ae9a159060bd54ed25', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '084239f80a5ba6bc788d915685df5f8cd5f7567e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '3d2d5be90e631dfb45ed92980ef96a2de6450f0c', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '8b9c77ff995ca2aa93a6d879456151aa328e9175', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0700ccea7ec6d50763ec9744eea1236a2c787369', slot: "page_number" }, this.totalPages))))), h("div", { key: '1dd73b258579d585c9177149c89fe4604a4deee8', class: "pagination_btns" }, h("gb-button", { key: '7c767c78821c8710ac34b7f1dcae2dbe2789b97c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '53d1dddadde6b1ad45fa2b60c889053d22144405', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c3ab689dceacef7bc3a32b01e449943d1885fb78', class: "pagination_entries" }, h("div", { key: 'cf9e0b70ebc97cab146b22767cca304c70c4d5a1', class: "entries_text" }, h("p", { key: 'e9acacdb97c0dc442d06aa306614a1f3ac074264', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '63f9cd83e396bc5bd22a62e95e41e1e1a784e77f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '070f0d8629179edb6c78e15e37754acca68d46da', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'c594d48ff555ffb187a3b3c915b1c1a0984e266c', class: "page_number_text" }, h("p", { key: '673cbde3f9fe43f05adcbef82105deea81a6d948', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '1b346cba5787fb9ad457c8a70546e4e5056b4b1e', class: "pagination_btns" }, h("gb-button", { key: '50c481bb1714a4f74976bc0ee95050989136cc73', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b79a9ed4badd061b3d783a1a9cd2263077f3b633' }, "Previous")), h("gb-button", { key: '9e8c00a4ec002fbcf9ec8af0996ef7f66ea11aa2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ea9873932046c84c6371a0fa619e44cad8d69c9b' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2981ae48a1924478bf7544ba8dd5251d83e7d1e1', class: "pagination_btns" }, h("gb-button", { key: '5b409624e3f62b5cdc6b336afe14403ae7e3e0bb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8f967a8dfe1fddb0b15170f73f90c96c677cf11f' }, "Previous")), h("gb-button", { key: '57e99105e29b1066de9be327d82e81bb6fc0fc01', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '87c902583311f3d6b02f4f68dfb65cb52efe8942' }, "Next"))), h("div", { key: '25c1f55662449d47608fdc2d51b126aff03839eb', class: "page_number_text" }, h("p", { key: '389b0b93839d2ad7cb55ef41ba4091966278941a', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '0aebfeeab7c84c680fec43d8f22cbe18336a7a28', class: "pagination_entries" }, h("div", { key: 'c76ffd63e9ea8a097dc0f8a982a66ea572b61823', class: "entries_text" }, h("p", { key: 'e795a079fde12c6a33df4ccd15a8a149d31dd78a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '36540c6aff0c10c9151e665f3eebf0c363a305b2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'eb3c66fa5802c6e0cc474fe015943eab2a9de709', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '67ec1bcc166f500e3eff748d10d1af1bdfa43359', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8ec71bf916394ab0690cb125394ba67ae45ab4ec' }, "Previous")), h("div", { key: '1dac8e7b8e3ec1fa57d1a937e5a597b21807b70e', class: "page_number_text" }, h("p", { key: '726669a16f726874100717a7c0f5f9cf4cbfbdb8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '44f52ac2acff092118dd73e74cc0ff71f52e079e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a2f9d255c96035c9ccf1be1f2dae7611a4213ea1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd19f3832640f55b9b13ef375ad10612725c1f103', class: "pagination_entries" }, h("div", { key: '0e10f5c97a874c7f5d194610610db127ad231d9c', class: "entries_text" }, h("p", { key: '9ccb162e3c94972350f530a5253f16a6b8457c70', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '928bcdf9fcf0dbb26bf504ea88f43da80d27bfea', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6cb6fe9c8519bf4c263ca840cfb914bc04e54395', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '2fce82a20d15e15d302886fac10d56318ef42b65', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '635e8caf21b9d9ffc2363c79922b33cc0c4c1084', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7370c3a067f1983a65555e70bcc39f8be26c6491' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '475fb6e8eed032e3e517f255c90a323988d7609a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '293907b69d068d36128ac3a936791f693a364b4b' }, "1")), h("gb-pagination-button-group-base", { key: '7bdf618d174c49df429cb1de1ec600e7eddc7b46', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '312b77e8498a51f62d04f06bf7cc067b0d0c9b16' }, "2")), h("gb-pagination-button-group-base", { key: '55e67329e36755e34fec4ede0e40b0b4c1aac680', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a471507eacf58804dd1c6a3544d8c5af3508a807' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f5fb053aad4733389124e277aac007370a600318', icon: "false" }, h("p", { key: '3db2cc57736f9b441450da06cee8d9ac2dc3030d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3f5de210a07d3a416f8184456dd442a7d674c36e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '6e2533f46cc0841d1a87bc5d98c7ddced4a27c67' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b64b3ca712b00c5273e816961c93aec9215fa1a9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '06235a40a420bdabfcf3adad53a119c791453d7b' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4d88791dd3ec4609268e8b00ee7fb524acbb630d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '59d6711a231378a1d7f731a4d5138542523cfa46' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '9f14b62ea33684a7d302ce3eb9446646bd63ded6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '52ee540ea22e99a07722f54f3846a088af1cb7d9' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '63c71b8caba5660ddb3f3bf38ccacba847c828b5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0d6fb9788a05ae355891f732a3e679935b186749', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '50a5758e4552b82eced1707be8a3a08b011fc314' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '720625e41981a93968e5f0f5e627211e144bf257', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9585ed74ed0e70b3fb406c3d6c36a12b6602ac3c' }, "1")), h("gb-pagination-button-group-base", { key: 'a99d3cd84b7a5b342af088b499e19277643f3ad1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '05256259f13d0cd895e5895b4e35c773f150dd39' }, "2")), h("gb-pagination-button-group-base", { key: 'de689626d8579fff56ada8dcc786f6d156b9325f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4a87ee7ddf28d5e10061e323974a66ca6ea9186d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ee56e17cacffde6cc1daada2b0ac5b8dba955afd', icon: "false" }, h("p", { key: '55f333a5307b6b02c083a4b4df6e20deacf630c6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b12268773f2d20eb8cdca45e5acd8044bba12366', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c370975a2525c1bf9ee5639f33122a9af74a2922' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'cd21543f1ecae68abb14f79d0a61627ef21a2ca6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '73e8f6b2f71a7bd7ca8180ddc816cfff6a47f3d3' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c359a24da6fb338ce00d2635f87e9489080dcd69', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '64ecb807a94843cbde88febf8c19d7deee7867a2' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '27dfb0197791443e26e5dbd4ade0e85a519951fd', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6c3c55bacbdde72516d4aa695cab127ef77c0d8a' }, "Next"))), h("div", { key: '03d9ad645a36f1d79e1d693069e636f6d9297f6d', class: "pagination_entries" }, h("div", { key: '168f6dc106c75cb25054622f8531e10f85dbb68c', class: "entries_text" }, h("p", { key: '7141d9a1c05731013ff2a7ec583d5839e3a30064', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c1d5e83509abd974c85571a84a46f82736caf714', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '9db04d4fcaab202c209e71536b118ca52e08c134', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a42a7cf8a68da9d492d7703c40ead23c98db05bd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '675a7fbf70fa4b271cbea769895af771929df9d9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3a9af32f79ea121d588c06fa7351b0332ae7fbd4' }, "Previous")), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'f9ec4ea2cd885be96bef415ea14c86a28e3a6c5b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8e9a9f3efd16666a9989bfeffee2c2afbf8efb91' }, "1")), h("gb-pagination-button-group-base", { key: '7ec5b84cf3f30a6f1295fcd0148e867f1cf9a721', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '53c1070c3a93ce2df23928eed1708b4396a8f899' }, "2")), h("gb-pagination-button-group-base", { key: '5ae57556e66784f45378744d12e557b9a68f679f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '96fe04fbe93ffc577ab2c224321f255ea29e6402' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '95ebd260cb3a0e7a614976e763563b49fecb2b95', icon: "false" }, h("p", { key: 'e0a84f0de647463db519094f21e4e68d4382146b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2af48c5612ec4562200b08d42596b1413b4570be', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'eb6d1e90346444371eacbbe1a5b2f9fd1e67db73' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '69d41f95cdc4b864cd0f8dc16cdf061f7e7d461a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '091ceaf3ff3f015054a83094c0eb57041d87cec8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c244d740fc365edb50c644afdbede4ff953fe5b4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8cbae6cf0f6ccb3b6caf6ac434fe9ef1b462ffd4' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: 'ed057df532927c5b8009c6616442da8275476f44', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'edfd456a0abc7b9c7b90f0f87a1676a345152491' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cb6be7c73a8c494b62334db9afe41f85eeb36e92', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8231f912b6c4f4b4b326aa69a24a7fb56f6060f4', class: "page_number_text" }, h("p", { key: '5bc2f61543387c43c7f3b343ba85cc6ca7e129b5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6f05465421342a2059156d02180138bcc1e6a648', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '663d5f0168e5556b0746c0b90776325453a555e7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bf80ec323a954187b09df864b1dfaf8874d05a4e', class: "page_number_text" }, h("p", { key: 'c171db6debf770d81a859cadb3ac6dacc7b73ab3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9f21d5fab5db7e87c1bcc0a0c987ec4b7a796055', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '6aa5f8030daa8aa08ba0709771b992ad7423ee75', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c5ec8af554f5c50d7f13cbc7bb6aae97a6328161', class: "page_number_text" }, h("p", { key: '2aa4a42b7e2275679838f2d08efda898ba5fac9a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ec8d1409870786587e0776c24ddc463d4b4d9594', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '6b8ad23acfc4b861f3f9cf75ad19df1250fa0fb1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f9012a270418b2347846f26c7aac81d39d809c0a', class: "page_number_text" }, h("p", { key: 'd3045425320a7ef4fede2d3812b6e78ad1197c45', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '36cad310e96add08c48a1fc6cef7cc2fc9ebc20e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'd74be8460e76f0dcc75226cbfe166bb6e2c86197', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '013c1752a748f983cce6005732779bacdb24baa2', class: "page_number_text" }, h("p", { key: 'bb30a1c46cebe0714ec2a2ff8542b4cdbd212896', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '10890055e3395c1427af911977c2c97a54681e15', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'b8d7a469b2448a0da69d8a70fb82062edb49955d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '49186a1c823e7353d505c72c99015b3dc115de2d', class: "page_number_text" }, h("p", { key: '31fe15935661218975e87822884576217c7e9cdc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '94f1597dc6080d398eadf0a59e38eb0b5c23cbee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b75920209079b2e6baf1d1c9ba6fe12b9b4b1434', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c65f895771db627eba4755db97ec3b34007fc362', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '276ac1643043251f5db4764985649a95e57d3fe6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7b5fe1a8430e626a6ee4ead66a93294961fafdc1' }, "1")), h("gb-pagination-button-group-base", { key: 'f40f75dd63d9e8a576883b6777cc84c60bd8147a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f7339dccb72bdd95e879d9b46c6be85e483011f3' }, "2")), h("gb-pagination-button-group-base", { key: '9406820ceaad7b3fe8f17e336f2c012615e60a4c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e23a96ca314f6fbae69f665187b9f5ce3c23ae30' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '520ac023165b35b6dd02cfc7014669911c48fcdb', icon: "false" }, h("p", { key: '0b51891344f7fe83dad730e21a1302d6c1bbc776' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '855c8568e09e7e79a65bef1541439b2e3c6ba5db', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e99e6fd202b749d0dcf56374ceb33848657c777f' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '38a4c9fd16ae2ed0d76f1eaa57b5a213093a3d1e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '736c4a6e7929c7f4e6abdad0e764e2658318a836' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '265a17c2d103584396c043c4e27cd79b09ec897f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'e7c91066abff6c641a4967d1aeea5c166cf4c68f' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '62d6ecfa92ba70ff3a313845b764db743d3aa758', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'bd44f87d800587ff3293e1292e73f4d888c5062b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '597455312bffa16ee778b91a07154b086163bb1a', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'dde6e17f02b2a8df1427505a569085d47120be9a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'aa20cb8714db2bcfc7b7ff67c509fb53c27d0152' }, "1")), h("gb-pagination-button-group-base", { key: 'ff5ffc1d829258a2c469823ae9b9178529d272ef', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6cce48b0ba98e9232946beac65f53a4fa551b6b9' }, "2")), h("gb-pagination-button-group-base", { key: '51e9ce431d3352111fd869287940f8f5587de997', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '664e2bc2de987ee048b6c8801d9d89983d89ed7f' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '140e65ef489636a858792f19465cfc39bd55a93d', icon: "false" }, h("p", { key: '5690850b3687d18d722f866df40ce8c0d43f4ab4' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b026a9212718b88120ae836fd459b864e1c8dd8f', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '373dfe5844d6bc00d0d68a8148b0dcc1a59f16b9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '3a3465426cdc6f3079df3ea8e9464033909b0abf', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '3c3d7977290a3126950f1e576034618cac9674af' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b65e475658456b83dcf473ff6de81601028dd780', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '437ccaf5ae3aac05c0361b067d0a78a26de5ed9c' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '226c8eaf25d4d92391853b0dbacea97e47a5928e', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '3f6e3e295068f35b5c5f51de27436b1c7e286780', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cd70aa077005ca9beecf655175b29ff1f8fef911', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.totalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '984257c1ac58cbcefa136dddd7a6940f913da1ee', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '055ab7dd3f960444dd28d77c67e357dbe7640726' }, "1")), h("gb-pagination-button-group-base", { key: '5287a9f69a8028ed7385f92afd5c8190f80a9807', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c20c6c1d3d8b81865a69f1e141a43886591b9701' }, "2")), h("gb-pagination-button-group-base", { key: 'db33637e7af817220cdadf55945ea57413a1d3dd', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '94264304c87e6dfc6b02f51fabffb9d097750538' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7b2801e0e8cda2aaeac2d70cfa113ffd518e6f6a', icon: "false" }, h("p", { key: '7eb98c589638f9cb9ee9a3dbb469842b9ded5085' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ab21b8edd41090857bf9ebad8c3d9741b7fdef6e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e366c3b9bb629253c60fe5e45673f9335fa3695a' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'df6ff3f109e0014f92856a00b08dca41c60f8f75', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '47fffdf76dfda2afa9a83038eaec05ff59a81785' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '2b4b0a527aec3dd1c593c3a8a456da2d5cfa12fd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ce8365f15406fd976fb7ab54db4b1a28ecbfaa1f' }, this.totalPages)))), h("gb-pagination-button-group-base", { key: '326c26da00a4ff09ac2ecf322a63977b9ac688bf', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
1301
1299
  }
1302
1300
  static get watchers() { return {
1303
1301
  "totalPages": ["onTotalPagesChange"]