globuswebcomponents 1.1.5 → 1.1.6

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_25.cjs.entry.js +2 -2
  2. package/dist/cjs/gb-avatar_25.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/gb-pagination/gb-pagination.js +2 -2
  4. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  5. package/dist/components/gb-pagination.js +2 -2
  6. package/dist/components/gb-pagination.js.map +1 -1
  7. package/dist/docs.json +1 -1
  8. package/dist/esm/gb-avatar_25.entry.js +2 -2
  9. package/dist/esm/gb-avatar_25.entry.js.map +1 -1
  10. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  11. package/dist/globuscomponents/{p-1cd0a039.entry.js → p-e0671268.entry.js} +2 -2
  12. package/dist/globuscomponents/{p-1cd0a039.entry.js.map → p-e0671268.entry.js.map} +1 -1
  13. package/package.json +1 -1
package/dist/collection/components/gb-pagination/gb-pagination.js CHANGED
@@ -32,10 +32,10 @@ export class GbPagination {
32
32
  }
33
33
  setCurrentPage(number) {
34
34
  this.currentPage = number;
35
- console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
35
+ this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
36
36
  }
37
37
  render() {
38
- return (h("div", { key: '4bce19c0be9d1f59e5fe2ab84e7a7997691bb11a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cc05ec13b655f0b0b688d5316f3fce35456cc314', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'd0d1f0ff31c099349db05685d142143f275e1136' }, "Previous")), h("div", { key: 'f3466c65e4ad18c380eddc0036f1ab8cfe52607a', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '7670b20fc08731d87c7241279f327ca992029ae6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2e9209d0c2379e90f2d01fe2dcd3a0a5a9251060', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8816ed69aeb9aacd66c60e890549a69a58a45184', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'dd7c883cbc7d4022d734ba9a7141338256384353', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '36b5aa0bd59b4cb789f44726424d7309d60187eb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '587128268205b2e2dfbb5e1039882d4b2f1678e6', 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: '71a6233ca510f93d8afcc5aec81ec01b2ffa340a', shape: this.shape }, h("p", { key: 'c3e3d88cbc667c745908787eb83735f4f2e4123e', 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: 'd6defe57c039fa8180b74fee1b9939e5a75ffce9', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'd01229b364283ddc3d1a24c04eae40049ceb0426', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '23541baa9ce93d7d064f74e4d791a10815115134', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'cfc533c0d0eb5f11bc5c8c89a50c8123ad05bbf9', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'ba841e24e28673dc98e83117306f0de9fd5b4c8d', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '27d439386756897d514106052be4bb83399a1ff1', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2b2787f5beae6ded5f3cef36283fadbc17109a8c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'df736a2b4d80d4c16bb103c5c562d048a6f14699' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '114571bdbffd1f6a9a4cd2cb1ce3532c0b47432e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '3dc23b4cdb3c21193b390c421269432ab0f513b5' }, "Previous")), h("div", { key: 'c9e986f90392135aefd4510c0e7c699ccd361775', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0cb85cebec3cfbb581fea0a8c686f844ef9c1e68', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '36c25c4d7e71abec23fbf50c325088384c854ffc', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '7e9e13b7619cf990fcbe9d5113e52946e5f39090', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ecd5c3f9a55f17bcbc7b82f9424ad63fa668f217', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a4bf0b81532087ab4a1b6d0f28fbaa84b908fd56', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '68b3e26b0d993682dd29f745722bbf94b159706d', 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: 'b2343422d7c49c0f8a9463063516167657edc14a', shape: this.shape }, h("p", { key: '10282c72d02152bcafc962933082dda77513bd8e', 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: 'd108c3319cd2161f344550665fee5c01a3019645', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '9025dc51c3596599d50a36677c81787893092fdc', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'bc3089164bcf0a34b129b86b3e6ba75a6c5afe99', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '91ec250e7640281f3e71b01e3dc1394fec435f1f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '45e2bd054295aa777d3fb4f3a5dec29779ef78af', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'c5867366cbbbc1b82b7bf19582be2a80144bb9e8', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'bf5169adcbb9c7e41da4fdadf374cd1ce224a7a1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '60e433bbd864f22af41fce5ec6089ce0b113f7a7' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e66107a9ca38ab0bc5caa15a5e8de465062919c5', class: "pagination_entries" }, h("div", { key: 'ab03e4ff0c9487ca66312ba4ace20b0ffe7a203a', class: "entries_text" }, h("p", { key: '984dfa80d09f779a62fa52483b3bbd2da0fe837b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5b03654d1f966570127891240588526fe2cc95aa', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a5c2b2ef5497f1bf0ad60311e16c07642177d395', 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: '432d11db60e17c528db236b8c28cc63ccdd4a1b8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '49bea1faa85a3e87c88ab0e639425d48ccb96089', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'c387706c69131dfbee7d7a56e7aedd75b6e76cd2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5a18c60c742eee163164b6ac6bb76fa6ef50aae1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5bb9d98068d5dbc2ce681dd4dea546712a4e695d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '39b6804d1f7d0769fd96c022a93070c399b9556a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '217b5ac1d86f17b46c5b65a4c91b2864fbe2082f', 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: '6dbae08dc7c0028d5d95305372c67318203b2735', shape: this.shape, state: "default" }, h("p", { key: '5c1b2ff3436689951506b8d3441f20c0b8ea78d8', 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: '23b2e366748633b9896971c0dfcb1b309a77aaac', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'a14ce43bf7563e435a3615bf25550101479d586b', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '0747f97ee077a33641faa8387a4b45be580a7f43', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '3fb5fe1c9c4e45e4c177afc6cc6440cb739c54c0', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'dd45f370a1fa786d3c3695c6d9e479fa472b1a8c', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '16a41d3e54d1bbe0e87127544713efdd6b4e8a29', slot: "page_number" }, this.totalPages))), h("div", { key: '2cb0e0c23c921bce4d123cf403fbb727600a811a', class: "pagination_btns" }, h("gb-button", { key: '5d6cd5f9693b1c810a8c276c9e0c42637c28ac27', 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: '51a03def1c76d391d0cef54d6ee73d898a23ed02', 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: 'f69396b5017ccd9f56dd5126c04dd1c127e4a306', class: "pagination_entries" }, h("div", { key: '9342aaebb00142f148ed58f75a416735feae29b0', class: "entries_text" }, h("p", { key: 'e1f11a8150a68db0e571133f8923f8e5edce6841', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fbc83f32ffdbdd2d47a7f84c2f5c618c264aff03', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '37184d52710f2a1ba588f1c7ce5e96eab0447872', 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: '5d8c0f55fe4b64fdbdda937e1bda6bbdb3a29431', class: "page_number_text" }, h("p", { key: 'bdf2143508eea1fbbfa6dfc1a785ef0ba0247394', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'ae68ac002bce357b04e0a563443383156ecb3af9', class: "pagination_btns" }, h("gb-button", { key: 'd5c22297e134e6c4084a54432d779264c01a7e5d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1a94056d69127c60bb343e030a72fb3684f504ed' }, "Previous")), h("gb-button", { key: '5d5c86fdce14965226ddfec1ad01bed38a3384fe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5429e4a42e9dcc64782370af0c08b3217c800677' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0151d41cd41c9f2bd2731bbb6455b25f42c3c7f4', class: "pagination_btns" }, h("gb-button", { key: '819297b9683dc3e18fe7fa8d7099844e00c7f0b1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6b11af6d1fc771945c75ffe97c69557d32cb86cb' }, "Previous")), h("gb-button", { key: 'bb6ffefa65404c3f559328ac21c24db6bceb54ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ad2a6ec50cc1aa70e3a9e50a6662992f6e306eaf' }, "Next"))), h("div", { key: 'be41fded890a01495ed86d03d8c81e9a97734496', class: "page_number_text" }, h("p", { key: 'a9432b3b3bbcd6c5c6f6ae36fc41d531c33278c8', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '321c58f187fcba4ccc245bef4e618a25ed862523', class: "pagination_entries" }, h("div", { key: '54db03b40be9cce5dc703603ee9a2e1e9cb6bdfe', class: "entries_text" }, h("p", { key: 'cc1b0fd9ed6c3bb55209de5055209cf3492446b9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '83cdf6170807d31cf2d816ace7d5e8a9a3dc93d0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '94465ab3220ea5137d53e9566122c58479b08740', 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: 'ad49834141444f61a95feab6bd94e95d219c272f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '233d5799a4f9292f287d5cb89d971b3358a13ecf' }, "Previous")), h("div", { key: '4edb5470aa89f7c1a2b8e432655cc22f3c774298', class: "page_number_text" }, h("p", { key: 'b694d98102ea98d00e37e697c4b385e2399af2a9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '520f6a9bd27ca2610899a4fe7285d50771fbb17b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0b47f167e2aa48913469c71f47029f0e9c881e83' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '6316681804581a332d39f55a137ed97925ae9296', class: "pagination_entries" }, h("div", { key: '37a14be4914ff38268039c0ffe5efa94321ea4b2', class: "entries_text" }, h("p", { key: '2f5817773c8f374cf36fe20b7c271d064ce35926', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '44eafd39c43613de44fe88ebb49bbfd4c5a4cc0d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'af05680d372fd5c3d00a5b9bb9a5948e371304ab', 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: '51b6e74627007b42d73b26749891e5b77543b569', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '71ee6217d139228bca3c552b99dab1d3f7c43c09', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c0f21d5023f30cb47e20f6e2e99e6d9d582ef24c' }, "Previous")), h("div", { key: '56f2e9af0fac66c8af9049b838d5580bb09d2a0c', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6fb4e1def9aa91633a2fb30a6d01bfc93aabcc6d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '71185ec2b15cb10d2cf24021ab790d8dcbbfd79c' }, "1"))), h("gb-pagination-button-group-base", { key: '4e6d88e1bccdf227229c4c231c5314a60fec8110', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ee39243899b3798e373859055aa7ac5546271f92' }, "2")), h("gb-pagination-button-group-base", { key: '372e68b480e4d167dd013a568bcc1753d3286e3a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '06ea72832fbfedf465a477baa57639ff0b1f3351' }, "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: 'aa44798d9af592091e4976566c2b4eb0aeba767a', icon: "false" }, h("p", { key: 'b3b610688c5c0067200adbc0a02e0afbfa1a2970' }, "...")), 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: 'dd1873886bab54d9be5029fd2c2052f05ca1b1a5', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'bb39c12bc5b579a89c6a5c6e07cbff537a1ba7ba' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '533ddf831a5fdb4f44060d1db0d17ceefb747a53', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4d9e2d4ad590114e0e5919ffaca8913b63763419' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '9fc9c41224ec5bb0c282c2b66b3cba2ae2425bda', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ce5620ac8960ca846c89b902b0fcbd16b1a4aef0' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'a2c0aaebdcc042ef7f93d1eb225d39db6a84a809', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e3d5a6c6d31374f70b37205e0db776d577e1424e' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e0e83ca43736f9cdcc3e2f874bb8d2840c197457', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7dd45a52d363eed251a65581b007c77f3a5b032e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '93408509f7d5e8345776ee14eb049050ad3340ad' }, "Previous")), h("div", { key: '4cf8127d1a4573e94d4acc04a9ec13fc18f5487d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '227d6898af03adca5faff870d115d84f1cfb9eb1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ebe97d3990b12c53dc85a4d855d3ef5e139916fb' }, "1"))), h("gb-pagination-button-group-base", { key: '12f90e2443bd33cc61773851ef695b9125346e20', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2797335f29de3c7c30ba4704e77ccb96e2060398' }, "2")), h("gb-pagination-button-group-base", { key: '2a10489abb5b3a5753d4cd0f5629136542dfb939', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ad716068b58164f2f78aa8845ee1ab32870d1d77' }, "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: 'cd48b8d4a5e61bd3f5e2265c38311f384929e46c', icon: "false" }, h("p", { key: '3b177d30d527886d14149cebbdf8eff2baafc8d9' }, "...")), 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: 'af7574177e3402646cdfe381f09fc304c9b3a4d8', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f36704497ad8f53a065d08107602a59c1235b385' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b55e102dede6f775c55ae3f5d87f8183f6f84704', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4d6d5b41c3ac42662713ef6ed51f9f163e850ede' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '120f42e4149b1c483588cfd361219e04998f79db', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'dbe9a2e89a26a8352ed7d0778a33b2811e62e6b4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '0009835ec6898e64095a09f4634934f80c0ad030', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd6d42f9df27f4b81bb8184a9ca0c3c5f567ea357' }, "Next"))), h("div", { key: 'de24c0e58e055c3bc5958f6dbf95e78a0e48cc96', class: "pagination_entries" }, h("div", { key: 'fef0924843091578528f2bf7b9262079583115c2', class: "entries_text" }, h("p", { key: '9c22152d8b66506aefd2b38c5060d9eaea3c3932', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6454c1bf2d9b13df2823701c8a24e09359111f1e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '415d976efa4223b7a83f30cb2cbc91a7ffcbf6dd', 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: '568c187a7e976564c29c8f30f4bc2d484da22940', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '32ef05c593acb8c330825c843c4d3410cf7c493a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd6db76b1d0b5d64e772ee38c091169e75b215a7b' }, "Previous")), h("div", { key: '3fefe7fe3ebeffcb7496ca455151c2ee984aba0f', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'fbf1408a4e2fc8ae09a34fbcd70566b4ad8a2cb9', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c6ede614067d1615d246420b4863b1324f47ae81' }, "1"))), h("gb-pagination-button-group-base", { key: 'c5e61b50df75c89adc0afa97a35025b61403d985', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd37bf43d4674be9659b63f1f5e8ac83852b7cbaa' }, "2")), h("gb-pagination-button-group-base", { key: 'c8126d59731a72dc8d71e070ffb3d791cd986a51', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fe6685542931d6538511dab32b3637142c24cf0d' }, "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: 'c31177a5b0f3de01fcab337a4850ba765ed456aa', icon: "false" }, h("p", { key: '42afe546502a7979baacfe08708e1a9b11cfb07b' }, "...")), 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: 'f34f06aada3683c1575ed6273e62504b682c98c8', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '46bb119e3171cbc194a03b3d255964b41703ff31' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7dbeffebf69b9c4ad143076e17c2669848b66c69', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'ceb18f176af80435da9b914110cf7b90c17dad89' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd313597dfc47363acbe4a46aec2c978edac80948', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '97c5adcbdf2fa328dcec64e723b7d43260e78d8f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '360563300413e8b00037d32b3dc8a27e125f82b4', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a34d280e596545a68cd5ce237f332f1c82f85f9a' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2bc34a155ddc52443255f652d0b8edcd068f34ba', 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: '41f37128cffff8c645cff96b785fc49b04bd6508', class: "page_number_text" }, h("p", { key: '044026e295dc81627a081d20e4d1dbdef6a18da7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '23cf0b7ffd03b16d732316ccdf0be1d196062fa1', 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: '1f7edc9e02dc20a7e3bd3725c40c6431f146ec73', 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: 'f72b7dfaddc67522dafc46614b3a44b229b99577', class: "page_number_text" }, h("p", { key: '7bef3af203b1d92f34dfce43e199f9038dc0a0c8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '48b45b4fb8f51312a2e3bf0a6bd1d5de5bb3168a', 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: '02ca9711c1417c8cd8213901fa98d16850270aed', 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: '5267a9c7983bb9b560e276dc92de87ebd3b83508', class: "page_number_text" }, h("p", { key: 'e622c132d1cbfcb1f0c866af6045c5f9f8dc33a3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8fe3ceb99488328f25743f1106674432e66c4acd', 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: '3a84f7ff36bcd87332877bffe1795ce0bf30758e', 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: '86c5368cdc97062335f3fe446c39b4095b9444d4', class: "page_number_text" }, h("p", { key: 'ccb4ce665d6d67dcfeee84edae5850daaa6a121c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5d06cb12d2ddd67fdb14bcb1928acb58428c0085', 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: 'dfd0f3bd47f7c80fdc9de9e96e7f3f9364ddbe42', 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: '59a95858cf92bd27933e1cba04145afc46708023', class: "page_number_text" }, h("p", { key: '50fc62b39e149153d05f13113c1c888576b42996', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2d571b93daab1c1483df9f9da511a7d5ed6ca0c9', 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: '19e1b032310e75e7b2097b6d2ab348750224f34e', 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: 'a431975467e3bf32bfac920a57129d8932da808f', class: "page_number_text" }, h("p", { key: '3c3c316dffa1ba18a5447f4213a103ecc11d40c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5b31b941c66489d814df3d873183b844412f27f5', 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: 'b40435ce2c9089ce585be058ee24839ceebf724e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'df37def2e786ba3b50937f7a3831d4295dae53e2', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1cd647180ca8ca9df4fcf4f7f70798ec384423e2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '8deb72e8a427a5153f57c1db28c1de05b8dc27e9', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5e574615d8a18bc9ab4782145c2d22ed439397d4' }, "1"))), h("gb-pagination-button-group-base", { key: '9f71ad49882cde2835eaeee8c525487060a78eee', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'effde0d1c2744b0536b8867fb2aea667fced7926' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a3a84c9d31e55f1b508ae735ebdbfcbcf052ce76', icon: "false" }, h("p", { key: 'e61f384f04ac748c4cf848676a435c06cd8855c0' }, "...")), 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 - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8284c73163b60abaf99a9bd769e9fbbfb054ec8b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '578fce2b432f1f6679d546356a436b4ce0d72d14' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '09d32aab8183c73798058598fc96768c2aa68c9a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8cdbe04198834eecb43abb4e65f6b7b8b50eaa1d' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '49ac1daf5d2eb7ca4b1de2d4bea04e926f9eb500', 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: '8b9bb0b3755f09e7b4449321899173a78525e3f4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c24427f3bd785800ba54b7e8b9b02c9e59b27430', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f8fec085e78ee9b49b5534f4819cdc945488ad03', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9a1558ffa6a249763bb03d900dd7b80cfc8d458e', icon: "false", state: "active" }, h("p", { key: '46f6453bbf82c910253e8d0f7f5984af1827bec2' }, "1"))), h("gb-pagination-button-group-base", { key: '2ba6a09345fa2e526e1ca9d6203082931bf25921', icon: "false" }, h("p", { key: '75e1ef5fb901146d2af48d86d79c7be3a9aa608d' }, "2")), h("gb-pagination-button-group-base", { key: '94ce215b4cd688515d608c8438f33db7215ebbfd', icon: "false" }, h("p", { key: '2bdfffc2d61e3f8dfc5e58f050c01d0b8b51eea8' }, "...")), h("gb-pagination-button-group-base", { key: '5a730208784ce805b296ebafc8adc9fba6824495', icon: "false" }, h("p", { key: 'ca4230ca8b1f00f5efd9fe2033143ade56395aab' }, "9")), h("gb-pagination-button-group-base", { key: 'd0bfc5c0f25836eb6ce72e389ecc5ac775441e33', icon: "false" }, h("p", { key: '803ce0f07e378bc412a0848b69b9a6c23dd31aa1' }, "10")), h("gb-pagination-button-group-base", { key: '3d71adc5a31bd41d1ca14aaa2efaf2ff77339f0d', 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: 'ec2fec5d5964b2f4fe4ad355c26623e6e4c541dc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '91c2aeb969b898543694de14503a99817cb2e389', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '38b20b806ca7d56136d9ae5b0d0b16964029a2ac', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '65186caaf1bf78dc9c9a9e3029c74767cd611e25', icon: "false", state: "active" }, h("p", { key: '447a0097e43716661848233e7e81442e0127cab7' }, "1"))), h("gb-pagination-button-group-base", { key: 'd71531a4ce7c44a3bf6f3500e7ddab095464da0b', icon: "false" }, h("p", { key: '59a2dc2774d680a5fddb1617a5835928457f7c5b' }, "2")), h("gb-pagination-button-group-base", { key: '990522070524b61379b34ca2464489981747ee9a', icon: "false" }, h("p", { key: 'be2bdd162fad6970ece72dbe66b8c69382fcada6' }, "...")), h("gb-pagination-button-group-base", { key: '5b79949b3a0d83afd78dd7fe3a9dfe52d26523e2', icon: "false" }, h("p", { key: '711c6330e11110d44dc47a50e19122f14668ecde' }, "9")), h("gb-pagination-button-group-base", { key: 'c7a739de4dd8d6cbf5e8ec3682681ffeb3e6d149', icon: "false" }, h("p", { key: '7a060235bb8a6ef3cf0ee8e2f8885979e8a75723' }, "10")), h("gb-pagination-button-group-base", { key: 'a459fe579bd0efeaf59c859532ea617b190b663a', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
38
+ return (h("div", { key: '94f46c5549df3650af34db896c2c4b9b568b5107', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '3d67a9f03f1e758b6a5a434762673be57210b164', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '41a76007b290ac7c57fe30564b49b86ea1a5f160' }, "Previous")), h("div", { key: '1057139ea1babcfee433e40ed9a6a9aca6b2ce46', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'f248989490cee5a4b5353e997fc93bab9628c612', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7a635e8b81fb418363efd11aa7bb01b0e5bee16c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f7f1138144a2a2c603224229c72431f43726b44c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3a0eb40ba1ba4240d8a3dc0960ee879bcdd11510', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd3b6f3d7b383d4f86cc753303adb79b99cc65d66', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6aab3368e0b8037f84428d5fa81e272347ec2bc7', 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: '23e068683d592040db3f699ffc68d42633305b9c', shape: this.shape }, h("p", { key: 'ca9dd9bf4957ac9afc6b76b270efa697f6523942', 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: 'f154a047a28ac456ad81f09f6f7c0c3ff46ffae8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '48607b7e2b54fb3fc28db55b0dd9cfdd87f697aa', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '30773e57b88e43ad1ffd2815c0aab18c31f2289a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '84c017765d71cd87f1e1fc98dd5a65b03cd9479b', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '4e02ede9c9b288ac509b53a6ea5d31723544a4e0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '955d4b561792ca67a2baca93cfcb70298eda2701', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '3c13aed018297c8255d574e966dee40f6aee47a0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a5c505edada07b3e0c3a30dbcd4b6ffee6be156f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'fc2b56fa0ef7c68ea932734a48e6bfbb96ac9c7c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '48a459c75594c022b14b92802b763d42ba9ea3fa' }, "Previous")), h("div", { key: 'aa6ffa69d9fac0aeb07bfc3334ceb2d7a95e115d', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '256c68546e33e23320c3c649c799c531fa266ef7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '662ce15663be111d12cdbadd9b511329f517885c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '153308ec92e5ac5ebe3bdd42c77c3e7b10eb3b55', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8cdf8887c8d2a5246793dd9c56d251bea091a28e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '89fbb26bdedabdf314371d66c4eea3bf561098ba', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'abec14dc4fac9212b5cb94d2859df5c57e301c6e', 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: '82c5f23dcd6549452232d85b982897669846b69c', shape: this.shape }, h("p", { key: '55527b3109a61bc643181e184b2a02fa82bcd9b2', 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: '365c1453dfcb1d1b03984096684343c26d8ecb9f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '9c0a14f1b9a667f67de4eab4feba6dc46fc0cf03', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'c0dc0f4ea46f67a9765df0117ae6b0500d9ff3c3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'fdc6ee41ecb72b1b07b585166b1d7beda0f5a69e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '5bbe1d55d011565c61ce5881db73075035c7b3fc', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '7a38099302125d1b2cf22174126e805815ccdf44', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'a1e52ecfafbcb6102f4ae612a54c6472f45701a8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '3e0d181915e063f42b66d7b784b80560b6f3e02b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '92d8a45063f0333cd50d78da63a21e80a07bddb4', class: "pagination_entries" }, h("div", { key: 'f5cd1b93d6e1579033a40f9e0e6102d1527ca6d3', class: "entries_text" }, h("p", { key: '7c5aa2c13a8f4cd8692374f32c8dd17ff380363a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4d13761bf4f17bca9cff72f1071d96ed5a4c2135', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd5519a35390ccd4203bbea62fdd48e8cba63b66d', 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: 'e9dd0232090b0ee327a10b3e3671e3fc8a92c529', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'fd38fbb8aae089298a0522523d65d5a8d494ab8e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '6ad5d4e523c18b02cb21b2ba237dab810b087ca3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '118561d4291e5e24c260492ade7a254a937d5543', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'cc5a0fbd9c617716f7a538c093a29a2ffc017bd5', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '3f0bb5b80325b56065b473fa556e5b80c69d5bb8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'bdfd64384130c6b39dc3394e96591d0737e86515', 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: 'b299a39397870c8165ab6d57f8845a2422bfd6e0', shape: this.shape, state: "default" }, h("p", { key: 'ea14d468fb83175835ccc57ce3620eca0612cdb7', 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: '71e292bc1a8af331956e773013af401609115ac2', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '6d894e32c0a20c6f7aff54e4c1414ca2aa37a65c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'c230db0c807c1239f15e9e881121daab9c93b104', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '89c48100025bdcdd21e7a27ac93a18e02f937f56', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f3b2f405b3d94a2fee4fa00fd497029604313f08', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '3dd83edfdd3ff869feadcf4418e80c284a9eaa54', slot: "page_number" }, this.totalPages))), h("div", { key: '685458510b04d7893a251f1c3e8e11c72e4fd8bc', class: "pagination_btns" }, h("gb-button", { key: '1d936c67cb3d6bcbb8b33d76bbb3f7574e41bb0c', 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: '8a2719d680c5745d067eab3d57b64c1c9662bf47', 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: '95e8e81d485aedb15ba20d50fac44484ea46f28e', class: "pagination_entries" }, h("div", { key: 'f23b79cd23dd87bdae609825ca03e0a841f9e67a', class: "entries_text" }, h("p", { key: '1987f58d38bff060162d86aea7fe4f680048b9cf', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b12c0253fbdf279965dbd818d4959c135573f57f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '04f3305927431e7cd99e6ef80acda4edfa7d8833', 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: '411345ad7b92bb762642267fd2427e001d4bec18', class: "page_number_text" }, h("p", { key: 'e338c2295980979774f0b272cc822b371550556e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '65d954528e462f860ee751e89a021e7e8856838f', class: "pagination_btns" }, h("gb-button", { key: 'e32f29139ad53967b8593c8d52fce20200a9b955', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '07378873ab9ffeb256d087888284f5e4bc4d17fb' }, "Previous")), h("gb-button", { key: '7298150d27cf7de488424f59ae9a9582eec47f14', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e1ee973938e00b17e743baa2a6e470d4cc5a691a' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f19da8dc3b92406af1f177ba1e21408a9076f62d', class: "pagination_btns" }, h("gb-button", { key: '0fb935e847934610cd799ee262b7e1084174a225', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '05a8443b20f6256ebc6a437caf9619a2e5e74a17' }, "Previous")), h("gb-button", { key: '38b424277088ebc0ceb3a8fec44b4e5848b4d548', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0b2b40d8e2d773f8fec2131b3f66e5c41932ea6a' }, "Next"))), h("div", { key: '037be5f22de1d6be249177a4d5a176f640445345', class: "page_number_text" }, h("p", { key: '6e7af6859167055b3bd053bb57da00d7fe75dbfa', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '32fb1efa03789e68c47a51f871723856e473bd62', class: "pagination_entries" }, h("div", { key: 'b4fdb43f0192b967ab7e1f9d6690e0f5b1e4421b', class: "entries_text" }, h("p", { key: '4909ccb55c3b3c25dec088eb6429f11fe3bacc08', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '85a56a3b92c1009ee759d24e6f1ccb7aa1b5e5eb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '01e8074ecfc0fa3b161bcf3243006c2bb9b54a6e', 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: '4afa6035e258a1b83254d9267c3c657d06695c90', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9f59bb59d4309c27b91af3a75f7843c30e25a6e7' }, "Previous")), h("div", { key: '6723997ec1103d8edcd8b8ef97f456347425c9a5', class: "page_number_text" }, h("p", { key: 'e1b8ce8d37da80620a1874b70a02dc98fdcc8c09', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6d5a3214cbf9008dadc5f9b3075b27dc5cc01175', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '61bd23ac1fc829302c58cec1d63b4e4446b61181' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '59276d194db082caceb0c1a082d94f734b7dddf4', class: "pagination_entries" }, h("div", { key: 'dda30408bd748288a7612e7355b4ab2d25e98427', class: "entries_text" }, h("p", { key: '9daea4207b685d59549a80005390a93449e7c6b7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3ecaa669885e57c1c39842a7374f7a89bfd28615', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f95e0964da86cffa899739c83520971bd3335e51', 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: 'bb951bf090533bff293b3fc7deff57559b713155', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '239b4278b3c7fce6be435b33be529a485c0e680b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9760d11a6f0ff8b199905858c9f004e09d71be46' }, "Previous")), h("div", { key: 'acf6309878420c9672e6e6de398bfb7c20981464', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2b410602fb8b8251effdce0ed2dca043479dccef', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4fab76d615d80775687a26fa77324abd488c9e59' }, "1"))), h("gb-pagination-button-group-base", { key: 'e5ff6c1a3cd519afe4e062c6cb60d708885d9ec8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd3165ebb46d58bd4e919b2dffb4a37e56d382999' }, "2")), h("gb-pagination-button-group-base", { key: 'ccce09063731a9fa11d0ed014c9d78b8337c694d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fe43eadeb2ef513936a7ced909ae1c26b498dc5c' }, "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: '8df0d71bb76dff78e70308beea5e4c871076747c', icon: "false" }, h("p", { key: 'ce5ac4217307329f2e32ade6d44a42c3ea54f370' }, "...")), 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: '1bff1b83f9017dc9cf329106111b52d7cd882dfb', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '6c4f8d8194f1e546967795362f7eb4acc7936808' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '698f45e4acb498a4b8aff680b49d91f5cf898989', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '0dbea24ab898a5e9480f6b911e0dd983bbd3fc52' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '5b57f3f68f04466b034b3ba7139bf7be67cecd9c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '937b3c13f4c7576d0fe79738c8dff22cd62183a4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'fa1361f0c0bd2c3ea03ccf49a523b715d5a6119f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a81fb825d31e3e46f41f6c5354e53b722c338139' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '44843c8e9887a722d69f3f12c67f2150a5f36e16', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0f5ae3c4bd3474ed6ce3e64f27ecbb05070344f6', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5c6a0453b3e41c2ec21ef4128e4db7c3ff85e68c' }, "Previous")), h("div", { key: '88d00c34ed4234eb22850b6b6d5f8d6a6e69ca4a', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '075353de5936cf5c1d9ed0f65afc97c0dda7f241', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '519c59986817e80cc8c74a6e181f5386db1430f0' }, "1"))), h("gb-pagination-button-group-base", { key: 'f4a70a7d11c391144b6de74e9e848a835bc06842', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b719df4b072a281e40996ee5588f529f868c0430' }, "2")), h("gb-pagination-button-group-base", { key: '722c70107d1bcf2403fe6aa272408b87c841be65', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5bdb5c3b75acd4c2b20678397420aae9a15f4cbc' }, "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: '30964a779267985c36c1e7ccc1b74d2241f426f6', icon: "false" }, h("p", { key: '4f91777d8926b3a5606e5be5fb9a3d30417a1703' }, "...")), 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: 'eef9f3033c3dbd4520df2bd335c4548ba7310972', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '64a92bd4536c8cba15c1e9459b0460876704da96' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '0a3b7e74c5187546883512b083d510867a3213e1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd51b69e9256f765f55f851379410c6393d25fbba' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '7263e58a4267f8f52fba0fd6d470851c780bea88', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b2f159ae12aaee881c06c501d2592d00eee3ea25' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '83626872266c616a13a5cb855a4395894194bddb', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1ae02c1fcd935c73eb06e5c972af28c50312a6a7' }, "Next"))), h("div", { key: 'e76f688f7c500ed022f59b022bcf3c11aeb5fd88', class: "pagination_entries" }, h("div", { key: '50194f08dcf30e2610bf72688b5f9396c56bf31a', class: "entries_text" }, h("p", { key: 'a90a2da71b6456c8b13fea56a22c82d7507b0241', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4a99a78d61da0ed1f8b5bbd8e0748190397f36c0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2b1cff38b8d86bf39a554bf591e4af5c902a6e53', 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: '50b36eaaa710f72744776668a70ea771bebf84ce', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e241c76e9d9f32347c2b1ec1170b775a882a62ea', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a75bbf2385e2da0ab96685f74d63cd912de95da4' }, "Previous")), h("div", { key: 'b5d0c9bc84cf9c9f6ec72f6c05b4555d6fe23382', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd5c361f00dbf55fdef8eb812a69fe81a1c26a44f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2e588ae8c82a01ec6dbc9fbed8dcddaa9f64c6f1' }, "1"))), h("gb-pagination-button-group-base", { key: '750cc41d08ff13d4bc64fd6058895b0814e82ba5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'da1815ffedb904bf4e7481f912a0686174ded552' }, "2")), h("gb-pagination-button-group-base", { key: 'f6ecc16f7b931f32fdea3e97fed3e69122ad37f5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ba0a2df34de723294acf5b3b022cf494df973dd2' }, "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: '2998427ddf02e1cb7db783fc27a79f41f6ec2c54', icon: "false" }, h("p", { key: 'e99a40df72f85a55aab80a76da6f1aacf4dec0a0' }, "...")), 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: '6722bdff867d15b3488c9ba9630f9b16d3fe881d', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'fbba4e944476b246dfd00e5ea0160b5d99f5535b' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'fac0c0db1230da7558331a2fb27a0fda91c476a1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'b9141704f169a165c0c2c11b48ee19f1397c8400' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '2fd87e2d76842ee6e20dfba56a1e88b61f25f0b7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '6782b3014a7de4aa502569781cfb7fc2af655df0' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'a4043ebafd060c3c43307843fd4176aa8fd78442', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a21d789168012c12b05db5c9eeed0a83bc7e1227' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e7ec47638d8cd2f61c7a0dcdf8f8c2c008fad9a9', 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: 'c0a5afc0cad1f59b96fe6c5d8a837e1b448d49cd', class: "page_number_text" }, h("p", { key: '6ec3f8ad16a7fa83dca15bf037add752ae7488b9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'cf6e21c0ca64352e58e259c9429003745c8da386', 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: '4db85c5a496f9037828c844077c9506f861bda47', 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: 'e438632321b577eb9cd7ba8caf7d79137d340eb2', class: "page_number_text" }, h("p", { key: '1d26fa3f3c7b721762bdcaec6a6b9a117ef2c84c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c20102766b2a1f06e3c168d75ffe3aae3d57cabe', 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: '5f34b07b3c1b728a7a14c6774f5ef9764a96ca31', 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: '31d2139b6e8de2a0068a367d76d34e939cc9a482', class: "page_number_text" }, h("p", { key: '8516086cdb580ab3f84c3511b7ee5e16a3d24803', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '13d67d665c0f270fc4e76847815f9f3e600ebd88', 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: '8a44408f7b10308f87309428fed59ee134f078fe', 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: '6e35cc2e792c0ccd881d4cd770ab345f452ef828', class: "page_number_text" }, h("p", { key: '9ed1e2d03e4f0ffcfeb1cd76a0b6c498e2275ce0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5ca51cff33716711bab6bfc8c1c0bd00fcb609a0', 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: '387e68d8dce8c02036bca4338e675b642e0253ca', 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: '919aa3323708832b68f18d98430153083f3e4e29', class: "page_number_text" }, h("p", { key: 'ef0f98256fe8928282a73d45e34376e114e511ec', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9e68817084f7108eb496f0cd8cc1b7559f8ee367', 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: 'd8b6a55d5f057572490250cf5f2596b6993d5c40', 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: '5f404e04e5a660bcca1112c3174937663639f642', class: "page_number_text" }, h("p", { key: '2c719c9ce246f062645c36656a3e322357d448b9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '01382f416c754e17e176f9a09fc4a24312fc4450', 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: '87cccbf76bf6d4fca230b135f75e128479958d0f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ff857d01669b2970b0502b9efa910631699fb18d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '9d33db83407ca73ff7a3543bab05d14db18ee864', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '771ed22c6ba69ba112a3ee3955423162fe4dabeb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '06e7515e62956b4610dd9e8830b882f6a34103a6' }, "1"))), h("gb-pagination-button-group-base", { key: 'b8f3d659910c9968c80002660ffd473dec881672', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c63699259e7cfa039213accafc930b384ee8e7d0' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '159e8f81ceebb8147d5bcb89d60924aec71eae50', icon: "false" }, h("p", { key: 'a3cca2e32a2269caa404cc781f3f489cf0d6b29b' }, "...")), 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 - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ca432b3a99993001028ca38b17c4dee0ec1a1790', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '87fa9bc70a88db8fb47da8ae433d2671c5bb0dad' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f059046b4a30aa45c17bf1be939f2fd15fa23f4d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1e98473d8e75ca24ca15744823e7133f02720eeb' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '9488b2070d307d2cb847fed457fc11e2eae62320', 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: 'fffd29e03c5b6d402dd626ebedd120144100e16a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dc87672bf1d6be863d0fac22059c5f89acd8db71', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1d0b9e424e150677b661a78bf85c8f6005526bb0', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '8f500ad3dfa416c46ced4b23566ae5e076a533f5', icon: "false", state: "active" }, h("p", { key: '3095b8436e301a21206980f5577b58a6ec0f4547' }, "1"))), h("gb-pagination-button-group-base", { key: 'a3f11c07ec5c8e72387d5261d3b90dc06acc3c55', icon: "false" }, h("p", { key: '7ff1162686625a8fbb5f521f6905a34240767d60' }, "2")), h("gb-pagination-button-group-base", { key: 'e0dacc54448ec89b1c368b72221562c12d37cec0', icon: "false" }, h("p", { key: '269812fdfba139ed497ee68f1c544fe9a1e14f64' }, "...")), h("gb-pagination-button-group-base", { key: 'e45685af4b0350e15832a767ef8000881809abac', icon: "false" }, h("p", { key: 'f0e3786e0d850be98026877122749761222bed0c' }, "9")), h("gb-pagination-button-group-base", { key: '22fd85f4d46f5662a442cf2207a697f3c421142b', icon: "false" }, h("p", { key: '8cd34429ef14845dcead1d71be1f9a6b817f6bd7' }, "10")), h("gb-pagination-button-group-base", { key: 'd8e4f96d33084d6ffc5b030c943ebe15e0a82f6f', 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: 'fbd1ccb5a3756214cc2bb50a7bb006a6ef5a1687', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd14cabf90cdd3faa2078b47475ca5cfc00a7cb95', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '17765154af983fc8ae8da5836a24891bf6a513a3', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'ba4721b4f118017c497a20fd394f96da5900564a', icon: "false", state: "active" }, h("p", { key: 'bfb7e6b6b180ebd5e39000decaa6369f3f54ea51' }, "1"))), h("gb-pagination-button-group-base", { key: '437291267e5fac4c01f8826f204a5554a0931c39', icon: "false" }, h("p", { key: '94b56eb43451b53108ffcc1b942ef74f175aaeac' }, "2")), h("gb-pagination-button-group-base", { key: '99238a51a17216544827b82be0698d5bb41eed97', icon: "false" }, h("p", { key: 'a0504bb04b214239e73887550ea34518114bb531' }, "...")), h("gb-pagination-button-group-base", { key: '78a81a4ee269b023f4f0791e533fa09977caf61a', icon: "false" }, h("p", { key: 'd71933f52ec0fc17a06f92f9327bb36adc447f02' }, "9")), h("gb-pagination-button-group-base", { key: 'c21d917f28fb59ef227b78e43933b172a9b5d01f', icon: "false" }, h("p", { key: '0a67797cfbe30bddd863f0d36cbb55e2fdb5a476' }, "10")), h("gb-pagination-button-group-base", { key: '9f1c8cea59027da5bb3eec001f37c65aee6cb461', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
39
39
  }
40
40
  static get is() { return "gb-pagination"; }
41
41
  static get encapsulation() { return "shadow"; }