globuswebcomponents 1.1.2 → 1.1.4

package/dist/collection/components/gb-pagination/gb-pagination.js

@@ -38,9 +38,10 @@ export class GbPagination {
         // this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '8338d4050ff9aee6771a8265b28ff1fae6c35f25', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'fc717d5eb5da722258953da7db787620654ee4b0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'cd2a5b29e02246a650ecaf29d3ba47d7d046a636' }, "Previous")), h("div", { key: '320e489f495ef0a2577abb8c4b0716105fcdf1f3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'a5f4de7e3f3b326435ec0e9ae6ec22e6c9e166bb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '2046fb39a09a225bdf34fe45c7b7dde8345662a8', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4c72f84146808891540eb216c09b77dc6b832daa', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '81aed0be35f99a7e935c1d81a64fa9eda01b7740', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b559dd57ee51b9dec50d3d499bec711265a4ab1d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '21be5a3742667ee733d1e5b14a93c0da95d8ebfe', 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: '30d7b64b0b0edd7aa086bffaf16634fe55a0d8a9', shape: this.shape }, h("p", { key: '09bcbbdc0481fab84b04993a7df0cfb30a776f90', 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: '78e7247099c966c190fdce78f16bf01f618f7229', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '826eb348afd511018a230b03865b2db9dedb5338', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4ed6ee572eddf93b66bb7a34e97176c8bc1e10b7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '10970e0fbb96ca596120f4c934232b4ea14bb2e0', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '36f704ebdef6e2b4eec2b4db6bfc6fbd8ba1a761', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'adbcc9732ec280906c44acf5183bf260c24c3256', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '6dc4d9c39d8e067e519703c21a6954364043f119', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '268de70482863129591b01601078352738296187' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e71a8fcd1c2e32e17915486843649818e62d4fb4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'b3b213d7966ed6a04b5247b6116a048747940891' }, "Previous")), h("div", { key: '3e348651663506792fb8bf8575a9f1f5614c4211', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '5a732ed827889f58734adb0751dc380bd451a4dd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '31cfff1ee038a510496373773805b248bdcdae5e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '6a8dd4bfc20cb2ac79d59130da2e36956886df44', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'b1126466129cee7f7c881245f3e8eef619321714', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a413d7646d85148207c5dec553c5744aa28cabb4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '27e279240ad0b95c24e730337fc2dbee80d49035', 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: 'e53762a3921c93e61dcd9ede776d7ef47b098ddb', shape: this.shape }, h("p", { key: 'f1ef0ff9c7c75ca68c9418004cf8a506724febf3', 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: 'bbd2f6c62ba75d5419f6ecbb2c9a514504bac080', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'f44ceb5a96d7b1c7e0d0232a4beb8aae6c833278', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '2448ee92afa0f6da74cf7a8d7000c6d55354fa8e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '2de08365f35ee230fcd8fa10b8e28a5ee1cd6850', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '70f3210d151e5280bd5d8400dd909518e055f153', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '3b90b53721bf6bcf4be91f0d2540648e8006320c', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'ee903554196e77c2798d605c6a58747bb34ebe8e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'b44319aa9ac998d4190f87a3a551666bd0cc844a' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '41ba255c57f7b9635ace46cb9041a0a7083102e1', class: "pagination_entries" }, h("div", { key: '7546c23ec32459ea8586e3e8e483c657dd1a5363', class: "entries_text" }, h("p", { key: '0394f81351648abb7555b060740fdb2483d60810', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e6e77812a41e18ab8fe3fa43e0009f53d20d7bda', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '53ab47a39eddcb64f28f637b5bdf23fc5dd752f1', 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: 'fedca4ba81338ae688fa3f496079cd81ff043074', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'c3a7f27f902d70e5a4b11bc60594c11ad40e6f49', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'bbbd53a598e14c7da2ddeedaaa9f692385f18032', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5168def0ae0b7287c0752b9cea538a278c51ffd6', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1283a449ce3b82b0e4f4778f005d1350238f0548', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'fa205b27163ff1675c78cacb7307da68e556b26f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b78b4f4bdecd75fa206383bc679a518212671a95', 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: '7087a7a1de5872c3166e185152febb29fe97c87d', shape: this.shape, state: "default" }, h("p", { key: '5d44f1953599d58854504487566715a3fe2bd2c5', 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: '1e20367d1c5f8220998684cb3295de4417db764a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'd0c22a486219b2b9a864ba627a4ffb624b09ea89', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '602520fdb02033a76fd67a5615dc353149d99819', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '33876204d0f88f123cd31b5cffd77dbbed80ed52', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '22adcd592451921b6d9f73ddfb31a490caf39478', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '8926f04c401a8911180f9edb5f680393152788de', slot: "page_number" }, this.totalPages))), h("div", { key: 'ce189cf97c9abde171c15b106da96bd75c48efe2', class: "pagination_btns" }, h("gb-button", { key: 'aa16e91077aaaaa3b428e93371e9527a15a091b2', 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: 'b1587246da66592a31a9be9cc96496fb49b9b693', 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: '9b388af17edc58e926323a24ba7c07a6d30f9e0b', class: "pagination_entries" }, h("div", { key: 'a61e31a8f0888f107eb11b82081adb19ec7cb10c', class: "entries_text" }, h("p", { key: 'd001145f00c01e863f9c31a09e69038fcb601dea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fc2032f0877a2d8e6129e2716515d1218fbd4f4a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '1b470b3912a74dd28140671ed65dbfb38d0d0a7c', 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" }))), h("div", { key: 'fd927945616cf348b8dce983a0b05042803ebde2', class: "page_number_text" }, h("p", { key: '8afa99d4571e9b5e3c5f078100dab2ed1d37215e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'aed7da8e177d38571d45cf5b3fec961c6a9f561c', class: "pagination_btns" }, h("gb-button", { key: '6acd62e2c1856494d283768c38fca1308a0979b2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ae72986c9a645cf73f7c91c6fbf4d05052b76ea6' }, "Previous")), h("gb-button", { key: '2eb24019d179bd2721034aa39181bef6b25abe17', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c6d919b988a4269d3eb83fa034d56b76478db205' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e47f6f15151f728c5e236935259d12aabcec2cea', class: "pagination_btns" }, h("gb-button", { key: 'afcbb33b10dc863d280265323f6cf0b3f1755e36', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ef9fb355034d01d893590525a1d2f769db351444' }, "Previous")), h("gb-button", { key: '5728367d5a0c36a9c8e5880f7432321802a81da7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '649e8a44a8aea2b24dbee25087149d0ece968108' }, "Next"))), h("div", { key: 'fb7d869fe1e9797a77f3595f3afa0aff5639811b', class: "page_number_text" }, h("p", { key: '1b304a4ab06f64e9c110600b665effdca6d29a0a', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '3b8bddaa7067f1e2395d0fab5248741e64ddb041', class: "pagination_entries" }, h("div", { key: '852dfa06d9e57c40bbb71794e379fddb450f8c4f', class: "entries_text" }, h("p", { key: '7c27206f6ce9c0520926f5fb3fc8a228da947502', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c9f0e53482de6bba870bf53d5d07b7e0f0f3950c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '04ee250fdef5c9e41b672a25d1bb9591896525ab', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a0197e5208797e5d8e542f63c5fd4e2d7a236452', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc4d09fd10f70e374302e108dd853e1419f4e022' }, "Previous")), h("div", { key: '1949dc65e22164ba0bd1f23956611f963fddb459', class: "page_number_text" }, h("p", { key: '8d700ed684ba437759063eb91493da74ffe4cb0e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0eaf2a45f71cbb41630161c25a76b5f3e10cefac', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bc62e4ceef82f74195eefc799c4bbf523ded98ec' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '318acd20a92f0ab9c3e44978107ed8ab6c4d8206', class: "pagination_entries" }, h("div", { key: '63ce9989b659c29f0989f773302fbba6e7f8ece9', class: "entries_text" }, h("p", { key: '183c995ff3cfb67bcf7ed68a5fdbde00cd3f5fae', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3a23d7e68d4da5c6ea6149a735db0fa1b22cb74a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e7664799ea1033ba69577ad95cda16b35d6d370f', 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" }))), h("div", { key: '51834fa4f4d0eab3a412763dc36a268763c9dfa6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '37bb72f3f7d16223591eaac37fee34595b48016e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '814119c4ad6714d34e3a3cfa2fe243bdb77fe203' }, "Previous")), h("div", { key: '89015c0174a7de179c0ccd9698bf73e4b113b9f8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5c4dc570ea3bcf8134159c14fa8f5624cd7bed47', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c17dac266b0e12435e98653d1b876c02ec28fe63' }, "1"))), h("gb-pagination-button-group-base", { key: 'c4245789efc6dc6f0763baf99d12620e89d268b8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ac5520e56cd0ca14cb200575370796ecc3b6801c' }, "2")), h("gb-pagination-button-group-base", { key: '9befa1f8d61389342b4e585bd3a21c853986816c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '519a8a47b6376028c807f6c8338ccb67fd92417b' }, "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: 'a30d94c42555ae0335ded30c07fd860808202eb5', icon: "false" }, h("p", { key: '150206f079bec0faa9a338d3c32a36bc772d0e02' }, "...")), 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: '2db10adf2dee5df2c9a6f14fa0af7f47a2118786', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '80ce00b1fc1cc3d90c85574b08ff40e1c5546fa1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '2217b0a096de100f86c588abbaacd74fad122a89', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'a65714fccb9a9e59f7d34ff64b942776fe651443' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '74ea988ebef1f0782c1b7aa49860fe1f33fabec3', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'f8938a9ec65933014351f99b9dd43a4bc9ea11a8' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3ffc7c0a18623f9618b079a9c631741f13945414', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9f79450e54e82051e125f44a39dee6b01b883b2d' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b4114e05046a4b4f52b94ad14003df8a87dc151b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1ee917dd8f2028e9e75c4a7460ad5b87e507afcb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a043ee47bdbb011502386106bd72ffc55273da9b' }, "Previous")), h("div", { key: 'ce2307419ccdbf9062ee303f4514c2b259947b9d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '7cb24dc57d08a8740bbab19a942dd16cfd3845da', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '60e33b809a6d2dc909aa372de3e2e9142d952c0a' }, "1"))), h("gb-pagination-button-group-base", { key: 'c5cfbf8dd3d1c2d9fc54d8d6b008c1dcdc1905d1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'fccb9ea27f3c8acf2bfbe4b721d40bbf36baa4cc' }, "2")), h("gb-pagination-button-group-base", { key: '1aa5b657a866b7943293c637097d66de689e0cbf', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '616d63cc4e8ee01cc60d78fce969035b5c41ae29' }, "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: '41ab1eb4fdac922837f9b8531210bcab1650ad06', icon: "false" }, h("p", { key: 'b8cc0b7a6a1872c83fa8436a91e4d0dcb610eced' }, "...")), 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: '361daccd27180e0726284cf9a350ab29dc36ab97', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '357db2c1ebf2d7c97fefaedc599d476b8e24896d' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'e48fcab2a46605e8900c2e2aad364ade6bdcc19b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'edcff625fb5635b2ac6d33d5e40e92f67b15c957' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '144b6ab4bf33a6980108ea8916a57fae8776d333', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b2175d186a5326900667f171e61005b5ba8d956a' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '1046bec4b1eed9c46f71b606b9b4b7589a13211a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f7328c6cdba45d0b1c45483227b6bef84cedf2de' }, "Next"))), h("div", { key: '7894c4f97d1b3e65b783e31c5858d2ce8680ce1b', class: "pagination_entries" }, h("div", { key: 'f752a97628bd8c92f25cd3f6a415a2ba892560d5', class: "entries_text" }, h("p", { key: '2de024a3f474fc6b7ce7a0a827f35b083b4f0ade', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b0e92cff576987a07f313e8de30ae220581bb451', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c25e12a1f83f725b190702492f65509ae6519ee3', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e00ab3a25adb3ca8c1eb887e30681a82526ef815', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '14ddb41ba3cea7bc19e87bf0de6163dcea639615', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5ad3daff11805d7348cc8142c139d589fcd95c02' }, "Previous")), h("div", { key: '3688d5858086c97c2ca4fba06166f43166461da2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f8a45f92f177cad3484f0f346762a7ef13ce44e4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3ddf8eae6a9bb906e88bf54c62ecf482e322aa79' }, "1"))), h("gb-pagination-button-group-base", { key: '836fcef747bded1ddddfc78d089d5a5b94997971', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ca74eb4cc2a3044f87d324c5daa1c3ec95668de1' }, "2")), h("gb-pagination-button-group-base", { key: '1d53f27f2d5206053fb6a95e9b6041d7a4f73e64', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a6257ec3d8a8d24337991fce93f216771798201f' }, "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: '6b7c1aeeea99006215c93eb7a45d9044c95f4056', icon: "false" }, h("p", { key: 'ea7188c1c6de3b16fce2afe570cf4196249a19de' }, "...")), 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: 'd44ee3667ac091aa901f1f0ae1b9610d57c521c6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '7cfe98865c44ae8fd760b49b4796b6239ca1ab51' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '3cda3307205d7e89c0e047cac27dcb35d1545acf', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7d8bcf76064acc15e01d4f2d64cc6fb193b6b292' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '25a8d21ca87b9616fef0ca093f277909da39a10c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'e310617e6a43af227a9e4c4916931384e8426adf' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '4e12abdbba7501c59f245f325b7828f31954bd7a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8ec7b89058fa6e36c40d62655acf8faf1a8b2959' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4fa2dddd408f0149b1f958e7576453e72f3d847a', 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: '8ac8a1aa01f9034f4a639dee8407b3987b34bb0b', class: "page_number_text" }, h("p", { key: 'c4e62e21781d000d82cc20ef0decd63719c415d2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9c3aa46a9033d638c9c5442b4c46949f0d563036', 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: 'f59b65bc71c2b19f857572949c4ff65754e8fc70', 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: '02cecd6fab65e39fdce476657b954e2b2059673c', class: "page_number_text" }, h("p", { key: '85ad30ede883b0039a0aa008752813a9a9ff2b59', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '45d02427a5d7667696005e773d7f2ebc38eb27f5', 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: 'c28e3ed7a014ab52d875bdefab999e7d4d4e1ee5', 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: 'fd804f2607746bd8e57f32581d51c88e5faa9b12', class: "page_number_text" }, h("p", { key: '8bdc85f2cd30ecd6fa3b254e18dcecd79f1fdbb1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9740361c4606de976d1583cfb76e90b9a1044da7', 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: '6196dde3c3aceb4deefa14aa659cc30e99313be5', 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: '3bb323687ca69a758470e713373dfb8d030a93c9', class: "page_number_text" }, h("p", { key: 'a5a27d3e6c3e36ecee2246e92a8c9f310fd680fc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd1ea56f6ce80f569710aa774f136c6bdbc375e3d', 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: 'f023cb2fe7911c4acf3ac4b1cf91fd8f84df5d29', 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: 'ece7c799b088e3145ba9d329b776f50229f31ddd', class: "page_number_text" }, h("p", { key: '5b1940cb79f0c9215cd87dfa265e95f985d87f4e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5054f86d0541eaf1669a6d7626eca7f42ea267cc', 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: 'e13fdb1ed0cdb5feca79cdbc85711e106a74faa1', 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: '2db0395d0d66b2b776f810ec8eed01a610e8aac0', class: "page_number_text" }, h("p", { key: '5c6832f08089bbdcc3a799f2eeefa91d9b3fd335', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9c82bec08a6c978d29467cb130c232541f15fa63', 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: '8b2e94d12e6e179cd9551eb3b7d6ad6ca2426b8c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'eced12fc9267d3824ab1e6ae15a17613d6727115', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '293761b523776909de9fe0445fc6812d02a4c7fb', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c3ab12ba2c812d8598a2c41000b28cdf6df751db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd350d2c9da0b1e0aa3c1740c34cff383bb481b4f' }, "1"))), h("gb-pagination-button-group-base", { key: '961841612fa9dfa3791260b00040abf298098632', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '18b6de6a5c8080e86f8553b806596f7b04305ce9' }, "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: '98837be2ca23206f344cc402853577ddeb6dd19e', icon: "false" }, h("p", { key: '2e85f32094e73b370c097dcb5b4767148ed2e78f' }, "...")), 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: '369786c6617d6dce21fe86005dabbac2680b3d0f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '3b33dc88cf19a4ecdc46ea18c35428d959fa92c5' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '28c1850f10402220aa3e5218c572738864b2454b', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '28ae390052b139e98bc3e2f9d637aaf377fe2efa' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '05aff90a26ec5aa54bfd706552255eca29676e48', 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: '0c8e5ec905f439ddee2eecb5abe22966fa6a7645', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6a8964d07b8ac23262a30347d5e1d55f00b7f238', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '330527ad4bf65067f86177970bbaf414f051bb4e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'dac976fb2a482b03f8fc8d92824519e4f2bce0ba', icon: "false", state: "active" }, h("p", { key: '3db23b27fc17742eba0738b749839cc018c9e8af' }, "1"))), h("gb-pagination-button-group-base", { key: '48b2f3f7d45ae064c665526a0cb69c9b526bbace', icon: "false" }, h("p", { key: 'b09dc1ca891373b246caf672effd80e4dd3dbf73' }, "2")), h("gb-pagination-button-group-base", { key: 'fb239ec21ce36b809881696772cfb29990ceadcb', icon: "false" }, h("p", { key: 'c3cd3a9dafd5857b57244292eaabd3b3fc21b76b' }, "...")), h("gb-pagination-button-group-base", { key: '0b8c385da073fffeddbcaf8d8f36c341a814abf9', icon: "false" }, h("p", { key: '473ea4d2f418b78e507ce4110227ad5c13390059' }, "9")), h("gb-pagination-button-group-base", { key: '8e1b22f0bf2ca0f66a7b6d868a6f0c354c616c18', icon: "false" }, h("p", { key: 'a0aaa59c775c5378a94e18fbbbf2585c83cf3a95' }, "10")), h("gb-pagination-button-group-base", { key: '6a8ed36c8cff7c4dcbc6c570388f09e8ceac78bf', 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: '8ba8a314789c9ff2b196c88d38544128db92c0f2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6e1a2a0d15edb70febfec1e55957a59e3a171e06', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'cb3519fb29c819445db3aceceabc8c8b67ebd84b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2e93036022245f4e71abf616978521161d889c97', icon: "false", state: "active" }, h("p", { key: '6b260c9aa1b5a2e7cdf71c4e47bf5808722b4f45' }, "1"))), h("gb-pagination-button-group-base", { key: 'a66df1128993775481932537ccf8d7fc0a62560c', icon: "false" }, h("p", { key: 'ca1468d406c4e30b2a1db2c16a529f9501e2cc1b' }, "2")), h("gb-pagination-button-group-base", { key: '3952583c4eddd30ead363b8898882be8858efafb', icon: "false" }, h("p", { key: '258ca4a0a7f06977b51e949a599a817c0fb68a41' }, "...")), h("gb-pagination-button-group-base", { key: 'a1beedcc28a3209ce5f503f1a451984e24150189', icon: "false" }, h("p", { key: 'dfab28109e5cc8963b259cc9a496124eea51ce09' }, "9")), h("gb-pagination-button-group-base", { key: 'fe529e5984ad95418db039af1e9ba910ae3f1a5f', icon: "false" }, h("p", { key: '1cd0bf32d1bc94026583c224715eda6ca623f53d' }, "10")), h("gb-pagination-button-group-base", { key: '95a01d0763b05c6d10728f9fac3db417a9affe53', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '21d487b826f635ba6830cdd64d45e57a86ddd12e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '35efcf2a8f32b24703e3fe1cc69b524636fa1171', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5c944ed57344764c4211bf0dbe3112d3cd53f08d' }, "Previous")), h("div", { key: 'da27c0552ff636ef200333510decf07c5de3dce6', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0b1305a2cf7aa037d7e5564eb891db3f98dde992', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3e57da0d5a1ce08b09c24d8770d1fb091247c4f7', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'aab8ffe7c53e838a3be20d5388a16190c7e3fe8a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '712766e0fd722b833eaf537c17bacf52daa2ad13', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'cb415db6558c518eae661f8f8be9287930b75a43', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '30e82d701e31e7e6a2ffeaaf04eef3deb0a49aea', 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: 'e3ffda5f41e3ce3b10b21a99cb091b9b650abe47', shape: this.shape }, h("p", { key: 'fe3eab31210ff3087bd2bd4e5ea0b17c846f6e3e', 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: '16c244310b9f4912e3aef1d31422942b47a6b621', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'caa2bd6ca32014eeefa5ad09b718b7df58fc3f9c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7e4b313542a409be8496daf6c62ac9b166d6f798', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f084db2d92a4a99df3c5fa1f7e469b4d2bd95464', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '2713321ac0796d2895edd9ac0ef741b6f79a7687', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '8c50309bdf92dfeb208688d058b83617db2765ae', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '20039b094f2a4bd6ca4688bd884aeb6870d820a7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8d0f145aa1bd930ed4ac510b9a5d010e5d142483' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '92fc589a054f990d1b154819272d6b3271383938', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '18ce388e2c631d2b2e7c89b6dabb790bea57cd4a' }, "Previous")), h("div", { key: 'ae90b0725afdc8c286c1b52707b0241bd080b7d2', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '1f1fc6dcd96d19d003a663d05b62ab2ac5c0372f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'd87ea6ae675adcea7ef2517a23cd1b40a71eb292', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fbdcdeaf776a65eb4baf90c9948ff8ac7d7eb49e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '08bb6d33a610209698a0c56c3423eb4df109b9fa', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7224de47b1640c3408e6cd530633354382c30e52', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0f4343cb2072451810ea4820529815a79ba3087c', 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: '4e7556d0dd7b722469b8b45058fbb8fa676f41d9', shape: this.shape }, h("p", { key: '49f52c7d7ae14647a6dd7628aca0b08527bb72aa', 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: 'ff188a96ff746d01352155b95d5d933a77c33c42', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'cecdab5c489bb67973e96f88c382e5ec3bb44fc1', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'be343cff0dd966b3c3217fe1e43b16513bda99ae', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '28ef8231370904f38db3e80076315eab77a06b70', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0906f0808d4ad0e429c61e6a29a51ad792c9c356', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '20f44eb972d6ad91be46f8171c9f6cccd2c6bfb3', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '173d0e0c1a955366d9b70b01a6dc957397544133', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '27e866ff656b0e9c37bbf524f5dd5a411e12e5d1' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4a56b326e27ca871f10841433e89b5c867e1dbd1', class: "pagination_entries" }, h("div", { key: '0b98b1d44cad28d5164365c273302053e9a63021', class: "entries_text" }, h("p", { key: 'f35dbbcd74d7448e23dfa219ba4f091fb00c4a92', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f2fac24bc7be2fef1135a1e554e3d52a97c8f93d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e3a94df97c2a78bcc7f1e34d876dd882bdb2e784', 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: 'c8cd01ee73f730e72db059511d70303598d0cb88', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '098e5580e6ea232450e532e14eef1f1d8e3d6a9a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3e5ef36c6c0deff4e56e09be0c7d17936f0e0901', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31bf42b0487565cc3c3f99d76f6f399bf72ea392', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'df220d3343151d23f0c8a6ca6e31ec0ac28311bd', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '67583aa099094b5d1e918e52e1e1fb08862622f2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a161a08501baf1cde3b40b6066f457d88f62dbbc', 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: 'fdfc33fcdb1c2d8f593d6074784706cf10948ddd', shape: this.shape, state: "default" }, h("p", { key: '82b3e20a2cefeacafd203474b28bd44a97f4df22', 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: 'f6b65559082f9f2a5f69574f95ef99340bcc10c4', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'cb7a13c9e861d695916dba628aa99f4699017572', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'b63180936dcda0f9bfff2208a2f59557a3a77c0e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b62f20da00f0f990d8f7a05a76a48d6f9f720c9f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '23224f9950905d7b3c504f3994216d992f240696', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '1528370c46f5054afb79bdb8951b324dd3228694', slot: "page_number" }, this.totalPages))), h("div", { key: 'a4c2edd97bd91c7ee7c1e4ae8e40b23bca348568', class: "pagination_btns" }, h("gb-button", { key: '4c0c433621e7e60f5c93c8a3e2fd787d9b3fa860', 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: 'a2252733fae1d87da398305062ea87832de525b3', 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: '1b1818a33079dcf1783504e778f11fe0ef2937d6', class: "pagination_entries" }, h("div", { key: '149d781edbd15b00ae59d350ededa0bbe6712ab1', class: "entries_text" }, h("p", { key: '256d161262ab83f23f815df665053416464d69c6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6a83a3b2e7f9ca61cf185f7bb4a173fd2e8442a8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7296913cd13fbd2724e655c469cad1327cc30345', 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: '49f8b19c2e8a99bb6b35bfebe1e6647329012288', class: "page_number_text" }, h("p", { key: '079146b51b836cc4a2c05454358016c33b017758', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '96dec8271e071b6ec4dc830750854caaa8607bfd', class: "pagination_btns" }, h("gb-button", { key: '7adbc2f00261ec7cd990db8defc176f2c911f5f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '64b9b3c6453317223e451581427fab98322cc6af' }, "Previous")), h("gb-button", { key: 'e4300e534435bada56190f7e6d538fe82d4c6833', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cb2e7f2126548b5cc5c88ad4fef8ea426d77b758' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '53fc0c99d2e4f8e8c3a17e73289126ad89b777be', class: "pagination_btns" }, h("gb-button", { key: 'f8aef609e7b12892eec2a4e3b3749808560b0be8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1849975cc1f089fc23901c69d623d2ad0ab70afe' }, "Previous")), h("gb-button", { key: 'd7a85694e16bea3620561cfd67d929889101817e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ac233f7ce0876fb34e01cc12367880076d5a6e1b' }, "Next"))), h("div", { key: '5525fdaf952115ca287bc2b81375a0f26f6e0410', class: "page_number_text" }, h("p", { key: '8e9fd9d8421a9d70b9321476f9f2dc5f965e2812', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '093ae89ded9f198a5043b36134754344a3b14b9f', class: "pagination_entries" }, h("div", { key: '46d7792ba37922fd3b55710fcfc69b1186f32ec1', class: "entries_text" }, h("p", { key: 'c6105f6f3fcc918a8f025fb5ebd8fcedb40df3a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '012d6d67938d80b4aaf058480845890fb8dbac5f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ef5a3dcf9944e046717b1f5d40df6fbc618cc7e1', 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: 'fa089fe8ab9f9feedba8aa54c71d32d5b7338298', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '998ffbc7af0c57efdf19107f10d0bad49244994b' }, "Previous")), h("div", { key: 'c3423a6434a0457c27ec7b27ff5eb3a914cdc0ea', class: "page_number_text" }, h("p", { key: '5f44a2dfa7cc83df0c40f971b913d017d1117e51', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '733a2fab286ac9b1e9bb2912ce1bb0fd331de980', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '89765014489c63dccc54b7e19ba53cd57b6a78b8' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7db2ba3bd19e7245e0c288f37506111d1327af16', class: "pagination_entries" }, h("div", { key: 'ecbf2766431b965b93087a591aedc327af9c934b', class: "entries_text" }, h("p", { key: '6ff9c766a6b82e28d75cacc1fd0bfda2d756dcc6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7c014da088271cfcc69a3ba36947bb6928173694', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '826102ad75ba7c603fd40ce6f815daf20425d4d0', 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: '3279ace727558b1e87cce525e5d57f57d971e147', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cc6741720688b98a2851cb30c72c3aa84109cbb9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2d67ab92db33c18e6653fabe84214e815cf59a3f' }, "Previous")), h("div", { key: 'ff4ca35ac3ad7800d9b5744c475527a19e112cae', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '324e5471f1724123fa55f7848f93a6e08e9be7fb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5466d8596ed3523c67e52f92ad8f928b07cdfbb7' }, "1"))), h("gb-pagination-button-group-base", { key: '79729861d5c95498bf1f274c3bc74864d5d25f14', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0051e08febf847b808501603a42c92b1a5fb54a6' }, "2")), h("gb-pagination-button-group-base", { key: '046be9fd7fadd3463e121c80f58c6c0bf97f38b9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '82cbc51e4788a015dda867e7717ad60fa7023fe1' }, "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: '5a315887e501ea43844860b7da0fbe009a6fce4b', icon: "false" }, h("p", { key: '499e5698db8353f1c2f733d96dd7c8fa3cbe96ea' }, "...")), 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: 'e53896815cd151e7107221ee2cd1bb223bc6275e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '9e1e95f8ad2507eecacfa77cf0a452e098a37e23' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'e1ca26f8ae2985b043862692efe6b02b036e5650', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '67a13125e5763724dacf9bb80a1565c0a1ac0b17' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e0273606004c052f0be76c34ed0857426e7634a2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3b77272ae148a337533015dafa06f91a1120fb79' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3532183b662e1b6700ca3b3fa1e6155e3684057b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd2b10033e04f53aa54533b5901cfddc6d1bd05a0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '98515985afda427c3692558dcd02063b9fbeda74', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ced6c695f5b59e7199713107cf3805db2ead146', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd8cb510d8604020fb025970375024abd3ff38ad3' }, "Previous")), h("div", { key: '2dc5a9a3d6fee706949853cb688d27bbcd3275ca', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '4ce32e7e498c06d629b9ef30d91067a81371eda3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9c7a81370d8b4068120cff02636cff19b92a9c0d' }, "1"))), h("gb-pagination-button-group-base", { key: '2fbaf40b84cd4af311925c22fce7a0b3b4a7dd98', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eeb467b754ff5296ae0215223e56ca335a868d29' }, "2")), h("gb-pagination-button-group-base", { key: '960898c56c306a33869632dfd92ca6b757a64ac3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0d288ef6def2bb07e77bbbc73a8127e6a13add4d' }, "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: '9c6b456f0463daa3c30b06c747c0fba60de4317d', icon: "false" }, h("p", { key: '42cde1301fb385c6835c2d6f625b49d43965e8ff' }, "...")), 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: 'efc6c2d0747d54213d95d1423e1c015c6f09dea0', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ae16d651c229d6a6019260e2d085f3e2d41df299' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '09adcb1089beb06ab5b198689a7e23ff5428e7cd', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2f01ce24e87d0f5aa34f16f728b6d9b2683c65b7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'ae2164bbf6a7cf604dcc97c0e2c53d55a4fe6fc0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2cb153f9e92870f4691e898f23d4a09b955bbcc9' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cb7f8fc47efba6bc9bb8efac65fbca182449ac58', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e3e66572cc337e0a35cc02884c38b5594d9cccde' }, "Next"))), h("div", { key: 'fe27be55641b68218b0b1da6c09a01cc2f45abae', class: "pagination_entries" }, h("div", { key: '3c8311e19131f9216b5644984db620a394483d65', class: "entries_text" }, h("p", { key: 'c72096272e279ce45a912c59e7f09e1cbca0d5f7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '69b1131377a04ff0c770d48c035aef1a25d7350c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e996cb51bf79f0a9682cb5979b5462ff84797546', 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: 'f29f9a28d0994a0235d6c292e931fb1d1333b096', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '68aea3c6aa52d605d0f6dc8a3c1ffa3811745f32', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8a148ba9e84dc7203ea41ca88cc35b51da477132' }, "Previous")), h("div", { key: '123ec361c1022322ba9e60e9f934bbd5fc53b5ad', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '809fe2a5b02183e1cc177fce57ca4c8ffd385650', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3e4e12ea0064d2e38d67ed8b84f176c982f4483e' }, "1"))), h("gb-pagination-button-group-base", { key: '56964613ef81e9afeac1555edb74ba634032ac91', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ab31e5962a7dce87e2f51ac748c9daea83f85b51' }, "2")), h("gb-pagination-button-group-base", { key: 'd2f1b2262756c944d2fc1ae93fdc2d64673bd1b7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5c50e6cf2647ea1b1613b76c3f8bc7fe4b94c8e4' }, "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: 'ccf2f7a1daca8b55c293c2712e5438b807fcca02', icon: "false" }, h("p", { key: 'ec62828d722485599ff6eb5ed89c3421f5ea9668' }, "...")), 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: '0d92a59b3a68dcb1f1f37f5ac61d4fce9965d479', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ee67724fdc7238b3d2d1a123831983e3389d7576' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8035748e077271cc92ecb96441f0ceacc8cd112b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd776ace442e492c8c1f8ae21d602252cad5b201e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '193199c6bc2c28882d6508aad13783e0d11f4035', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5d22dec6d36877aee7d750e90f8087d73dce6455' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cad6a07af9daa9a502074ff11ef9c94505711b07', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4f9649f40337b25b53b0a06e708d24b5650a3d2f' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3bb8d82999b6dbeded31b8bf46dcd931d6161419', 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: 'd77afadcca531111676eeefdfff0ae5fea368ce7', class: "page_number_text" }, h("p", { key: '55670075afec66c031e46369fb419b918d25ad55', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '21812b0e61e0b53563dada6ff6609d9179cc780a', 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: 'bc4eacc2888cbe73681f8a4beb8bfc6ffa845ad4', 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: 'f53bfeae416bd5e3b22235ef317ee4f980f378d4', class: "page_number_text" }, h("p", { key: '8ff3bff022173d5ba6a5952880783cd43d3d57f5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bb7bb310a82417e008b2dd2a2054a3682e5a905a', 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: 'd7f60d633b8b63f700b863ee1a9ca5e47712cab8', 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: '723e76ff998c5659c023b8bd41e95689b313c431', class: "page_number_text" }, h("p", { key: 'e081ab114b7f29aa68e8ca2ce9c547a30b1de3f0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a014a5fece81a89c60e7043b6fe13001605d8f97', 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: 'ab95e17b5774a35daac966da9396264362f33c81', 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: '2902d4b4a639ed5dabfc5f9496cec498035d0e70', class: "page_number_text" }, h("p", { key: 'efd0f6a2f443c1fe39901af1416832cf527f6cb8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4eb7d88f8a0b671984f8007cdcb1cc46d35efa34', 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: 'd486cec9b8248ef3b9e1f539486fc036df53e608', 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: '26a25c8e1a74e791c7cf4c226a263e0c35dd871c', class: "page_number_text" }, h("p", { key: '1de612ab29ce2b8bb9f77062d0b7618b834a8bb2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '914fcb9915ce596e80cdcc2a10aa3d7453cd6265', 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: '95a4a5d7a7e54136efb1f972c9f5a7efb0f42a2e', 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: '38692789da150cf820680ff8174c3456564ff339', class: "page_number_text" }, h("p", { key: '8e12de268e585e592b536e25a32428af1182732a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '19410460b419d2645a3653e5017cad9e59abec54', 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: '9c36b9008277a7b351e5c6a177b79727557742e6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b31c10a82df9b97edab3f277cf886ac9760b3baf', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '248ab26726cdbe8ff04fe1d79842909572fc34b9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd50046a0c5d26b9500304c1386a50f8b3a5e8cc3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8e14b0dc8c79ec105dee43bcc747102162f61ce4' }, "1"))), h("gb-pagination-button-group-base", { key: '72b5420b38baa729effd6ef5984d3fed841bdcaf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8cecadd4b4409ad5748e8899882d40c93a02f078' }, "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: 'a369a68f901233e0921dd12a56aee4f5fb159388', icon: "false" }, h("p", { key: '09963475fc898cb8ad07cf72975cb47925d2115d' }, "...")), 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: '103bf4d04d26b6b39b0646e7dec45ec4ac0245cc', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '44bfdc822693f0f97e56596fa9a75f74e5180530' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '0a3a71e3ffe45c5ec3e510f6b588ad01da47ff2c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b1e6d482f41422b08641f002fd7e0cfffbb095ec' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '935a42d37a6479158ece07d110230d87521967ee', 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: '3e3d8ea901e1ef48fba0102125bc36855f825fdb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '15e7ace24bd3709ec07ada859e8843424db0ef45', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ff96680d162aeab94e0e840601130b7c3eff8b07', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c2549824295f6d07d593b2348cd09389d6b79dcc', icon: "false", state: "active" }, h("p", { key: '8d8e3aa7696f33957d214cd9d9460c7e7613e30a' }, "1"))), h("gb-pagination-button-group-base", { key: 'd456c577bfa9ab9d2d650071343548eb2674ab93', icon: "false" }, h("p", { key: '9fbfb403571860a1757dc3a9ca6f20de0d97cfaa' }, "2")), h("gb-pagination-button-group-base", { key: '22bb2dea807c5a1e63166498578d3fc8125b574b', icon: "false" }, h("p", { key: 'ea566443c6dfe256e45b7fb93b76634c7daecef7' }, "...")), h("gb-pagination-button-group-base", { key: 'c3ebeeec3c50321916cb619f410fa2bfabc3f249', icon: "false" }, h("p", { key: '4563adfa853587afe64c7a773776c802270f7652' }, "9")), h("gb-pagination-button-group-base", { key: 'e198c55be1a24a70952e46e17b5136f21482379b', icon: "false" }, h("p", { key: '6dd49b6d5c0bccef39747a46f9f373992bafee16' }, "10")), h("gb-pagination-button-group-base", { key: 'a9d8d82b58c46056c5a3eabe4d02cea770ff54ba', 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: '647145fe69ed8d7bd0d2f71fc44282afe8648f9b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '14d56a502290d989cf854c4d5a6a696bcf23ae66', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b351a28288bcb9a430a110f6db4e64ece730d0cb', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '216e3d876e3802db880519f3b758adbdc2c139eb', icon: "false", state: "active" }, h("p", { key: 'fd07d57068bead49ca6406c188fe847d0a66e7fe' }, "1"))), h("gb-pagination-button-group-base", { key: '2d04080cfc7d4dc87c1f65ed8b9bb437cb82899e', icon: "false" }, h("p", { key: '21e46dbee6a9e5957164696ce79891c1017de9a1' }, "2")), h("gb-pagination-button-group-base", { key: 'e04ff75d12f4ee2edc6ec0fcbfbe04f574bfed71', icon: "false" }, h("p", { key: 'bc2820cf2ae78b0816bc8910dd90acce67f13d0a' }, "...")), h("gb-pagination-button-group-base", { key: '55452256d1e7bcdf1fe4527454ce1fd3449e89d7', icon: "false" }, h("p", { key: '5349fba33150d7dd941670f21eb531f6d1f4fbeb' }, "9")), h("gb-pagination-button-group-base", { key: '40dc5e0cdaf06801ae134480e097677b7ebc1946', icon: "false" }, h("p", { key: 'f02fa4dee1582ddb15f53af68c6a6edb4929e8dd' }, "10")), h("gb-pagination-button-group-base", { key: '8cc8f5886ed61034eaf3c9be29c8028ae23b3e2c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["gb-pagination.css"]
@@ -192,7 +193,7 @@ export class GbPagination {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{ pageSize: any, pageNumber: number}",
+                    "original": "{ pageSize: any; pageNumber: number }",
                     "resolved": "{ pageSize: any; pageNumber: number; }",
                     "references": {}
                 }