globuswebcomponents 0.9.6 → 0.9.8

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

@@ -7,11 +7,12 @@ export class GbPagination {
         this.currentPage = undefined;
         this.totalPages = undefined;
         this.entries = [10, 20, 50, 80, 100];
-        this.selectedPageSize = 10;
+        this.selectedPageSize = undefined;
     }
     onPreviousButtonClicked() {
         if (this.currentPage === this.totalPages || this.currentPage > 1) {
             this.currentPage = this.currentPage - 1;
+            console.log(this.currentPage);
         }
     }
     onNextButtonClicked() {
@@ -20,12 +21,12 @@ export class GbPagination {
         }
     }
     handlePageSizeSelect(item) {
-        console.log(this.entries);
+        // console.log(this.entries);
         this.selectedPageSize = item;
         console.log('Selected page size:', item);
     }
     render() {
-        return (h("div", { key: 'e0ba4ecce4accbb4b1993dc43b940fb3fea35e43', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c7ee17247461c8edb1ce81ffa77e439e05f869ce', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'fc9f7c64f2b490b1f4d8dc3729c4bd1127f3558c' }, "Previous")), h("div", { key: 'b60448a18a4d936f2b7383541b1366c6a133815f', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'b36d32aec63de0e025f9748cb4db3a3ca4ce2882', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '8947af8a57363f4403d470a9515d664a518f03e6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '654efbd0809305d54e8f50d50a1a243e860ec633', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '3a1ba2ad3cfaa07bd69b765bb1da699d5230e6dc', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'eae38b96d3da9468822a9ebb4e4bc4233164a678', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'b26ed04b9089bc785255fd57ad708b67a89849e9', 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: '8b177bef98d44e3839212045d906bf13de72a90e', shape: this.shape }, h("p", { key: 'a76ae8372b947f40df5bd449ec928e24f3990fea', 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: 'efa6d609663a3d0dfebe9ad74efb3aa744b8cb01', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '0c8bb879152943486e5d74d77ac84fc64b9c2e6c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '0c6a975b9eed943e86f89dcf32f19ba294805e6b', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '3fe6c118a28a88278d3db2740bacc15589cc2dda', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'b6523f34a2c1b08b1c480171c988e2c4b5b63aea', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '1bba20afb24957320a5cc8ada31b101a2eddc075', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '1eb3d1a3aef5941ba9e13ef763567320b2f0867b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'f8b6c7ead65a6b669fe8f95e6751e7b94f7f074c' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c9d60af82a1a04bd11088ce076b5ca2185db2031', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '9d9cfa6d053390d6290c7259581b1d0cfaa5ba42' }, "Previous")), h("div", { key: 'ab92bede0ca22fefc0a39fde8d1dde850a733189', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'e1a644b555aa18fcb2b53b731d74e096d13ed1af', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'b2f5283239f9928a4850504ed4ac1b0407b7f220', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f63e0ab0dc0a85b8f8e68ff6c38e2ea49aad4f34', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '74b36792f8dd78a5d6fb089cd192641267147bbe', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '05d5fad4122db3a7949ad83742438be4262f178d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '0ac6bf0b0a3dec0027dab29438af96869945b348', 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: '48d1fe533dff430f35c3c6733e8d452224cc112f', shape: this.shape }, h("p", { key: '423609b5ab622972628d2b497465fd2149d7de0e', 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: '84eca6619fee2f121131be59cf0b5aa5d7a02d98', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'e59c75712be81e8fafa6562c713277edcf0d1b5d', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '23845bfcbe30e49bc7e0645827662ab9c83b788a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '741aa61de43dbdea8badc63714c860bdfcd9619b', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e52ee3d3f5824496c4762426bdfd7f394a645a73', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '37d06a0be5fab7d2680ace3d910accefb4cbf576', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '99533bbec99d5e99db211d5c6343eb06a7170503', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'cd3a533d766fb63bf62c69a70bd5a77d9f90c91e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '672b19cdfe5fb9e8fea3c535bcc90ccef74f894e', class: "pagination_entries" }, h("div", { key: '83d3349762fc7c1a05c2647c57c615bf19c66451', class: "entries_text" }, h("p", { key: '96671487b0727d3188e9179b2b7b0a8a739c317c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b3e8e5388931309fc6bcfd7fe582803be1cd3bf6', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '54cdc9c283739efaa504c53aa65c959f929250b6', 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" }))), h("div", { key: '350c496745948c3759671fe031b4d78d096862ca', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '2f624fba1d9d09f00b3dbbc26b90ff6688770742', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'fa2eee11423f2065907bfd9812794742611ce4d4', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1dce421a59278634992058cc4a6ff0dcd4ce0be3', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f3e4351d1c0f9c13d2ab60d1322e83b55c75654f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '74aa68d8ef196d43ae06369b9702ae9ffd5022e7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '29995ac627ed24875091254634e897f7eb15c942', 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: '8e2cd72bdb8481577adb64914da7540b93c78c80', shape: this.shape, state: "default" }, h("p", { key: '21be44babc5f0faf70103df9f655af0466be560b', 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: '08506905e6d73a503b38b9e5b3267126477d84b8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f6b66c95dc48ca10ff70f1fcc6f5fec975a3acc2', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'd2ecf69a59025aef4207ff09347d009cc3ac701c', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7cd8a1d28104f531eb0a999607b9d1ea48cc4c66', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f269d5a8d5240f84d56d5c10c1400442ebc673b9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'cdc72239a14edf40fe7d7d59d8288ff72ff14523', slot: "page_number" }, this.totalPages))), h("div", { key: '586ba3995410575960273bb798117166d4a1aab0', class: "pagination_btns" }, h("gb-button", { key: '4935202e1d412a2e03608c976683e17b95a856b2', 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: 'a16166870b84f62fe87de174fef298fbb2b069d7', 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: '01674c4b08d2f1f6820e62d04bebde44135921ac', class: "pagination_entries" }, h("div", { key: '8d5fe121a23d4c333a502157b5c0c23a73405053', class: "entries_text" }, h("p", { key: 'd1b81db9176f7f1afb8a34377d2a9274fc0baa24', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1e243e5e15f775a07d5933e1bbb5991b1ed6f579', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6ede7b1365d378da2d9c2498384efdb2f94a072d', 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: '94786b66d03df04e67b444042434451d45e29bde', class: "page_number_text" }, h("p", { key: 'ed51e3c314cc11b79d782909c1495cec73817b9a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'bd1e816e75cc27734653e63bffd248225c9ea39e', class: "pagination_btns" }, h("gb-button", { key: '3ecc2dafa427f0149c02aca03558ad909882529f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd83f4958fa0fafef274eb9814294596d03c772a5' }, "Previous")), h("gb-button", { key: '8eb2b35d59c71b1e156ba590d57b19892e166b03', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd3f47821ac5d3431da74064b86429880974dc56b' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '957eab22b41620b29e5fc2fc12da7588f622f840', class: "pagination_btns" }, h("gb-button", { key: '58601f5ab9e9df0b726cbdcffd6f4544c5ef4f04', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '672b657725d693423b5e0801a6425e7daf3afa50' }, "Previous")), h("gb-button", { key: '492bbf2f2f73428bfb6cdd595dd29a8675614023', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5dd97d1f9222d41c27d75451813c240b58b9a208' }, "Next"))), h("div", { key: '62fdfdeb621f002a21881b5c69303234ba6dc1f3', class: "page_number_text" }, h("p", { key: 'b8161f486572944581fdb2ffa9e07c2511a11cf4', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '23ffc6cdf1aab2e220ca68f19a3ce824f7beebe5', class: "pagination_entries" }, h("div", { key: '84746917e3824b30181cca2bb110923d2106865a', class: "entries_text" }, h("p", { key: '7539f42d00373c3d6dd2a2e524fdab22218788c3', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '82f7ba97a52006048cb62a599af0d75b4cfe53ce', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '20e5e13c01a7faf6d5fcf6620ebd5ea3d966837e', 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: '4b4e10bb965065392593010c8fef82f5b5aec155', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0ce908d793101bad6bdcc5c9737dcef20abbba5d' }, "Previous")), h("div", { key: '07a10565501e89aa1a71aa1f288995bd72592e04', class: "page_number_text" }, h("p", { key: 'eaf801517e006fa1b5875cee9b419a1dc8df28a0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4965a3887f50341a44df741f2ab8d9d430120af4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '86266855185f92ee96d51807aa6fa251b12698b6' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e1754e6b281edd6a26d96f8b22ce85ccb4e10ad6', class: "pagination_entries" }, h("div", { key: '2dc3e5714835f44c1e80a741bac7e7e03de23b28', class: "entries_text" }, h("p", { key: '126f48e97b43e68b83401ab24930e006b801520b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '442724e714fed4b764f24b6494982c469ebd1a34', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'bbbf2f0a3e0973b42eb18d59e1fab326a599fdd2', 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: 'a5b84b082d0c4dd0f09c2f88060c7f9668243bcb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dd7c189c77624ba6e2ef131a56b64aa07594cd36', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9bb536b95ef95d4c1de2d7c3d69202dde3aeed6f' }, "Previous")), h("div", { key: '6111a381a75278f2d68f927028062d3c76424219', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '88406bebceeff3ae06b532b43165a36c066dcbb3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a8ca36980875527c0436f434f9ea40eb4339de62' }, "1"))), h("gb-pagination-button-group-base", { key: '5cd1ff5b2085f6e396a1de233dd78c21b7ef9099', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b6fc21a25f08d506d4bbc702d17cbfa48f5a0a06' }, "2")), h("gb-pagination-button-group-base", { key: '1a7e87ab79e063f86d7c6b5b75e930e5c91694f0', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a6704862fe3361344cccb6c64739100cff80b40d' }, "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: 'cc78fa4a53edaeeb37d32a2dcfecd8bc66fdf1c7', icon: "false" }, h("p", { key: '8b20ef66b14f95d5ed45bfaeff469239a4526918' }, "...")), 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: '56c13ce7bb3f297b001800ba86cf85157e71737f', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '746a3b900bf19d72fe5a7f8fed283cc48b2a3a55' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '1c7b14dd0f031d6d31af205ab88d7fc0fb8365e6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'f062b245ba684b56a9d4e41718213b5517418b3a' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '3c04e8ab5a9d9ab50dd2c07c04efb9d1912546cd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '0d7ef6acf9632fe4cadf32cb04508ecda79c0889' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '604bd8a345ea0fd88aca8071bbc96e3e2f79d85b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ce3f282e1fc77012180e1357dc7488d15a823136' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c59409ce5afe2fda83d3df9a0e4e54cca1e3c35a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '540a6ef0dd2eb4fb7c7f90246b707b741c1ae152', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fc0406760acf8b424b2b0947141c908d53b81cd0' }, "Previous")), h("div", { key: '0c262ce41b6e938fbecb27960c4832e54f4e5847', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9f4fab9387a951524805603f7dce102b7dcd7263', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b19c18e37b71abc394c7cf19c6716ed6c370a24d' }, "1"))), h("gb-pagination-button-group-base", { key: '2c8bd2f26f0b633f94d592467aefa3e09a1f60d2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eacdf709fdc0635a29d33b679c26ffce344c6a91' }, "2")), h("gb-pagination-button-group-base", { key: '39ea007e2241b0d1d3aad6dec9e9ff33d6f80225', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '866c951e70b0271afbd5c08d80f5bee4184c2d35' }, "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: 'c1c2afff4fefd1a96d165c50bde824f936d20961', icon: "false" }, h("p", { key: '747f947187916e21571fbdd3e034d7cc7eb3e319' }, "...")), 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: '58629255f8f5e74212ed10695710f2723d977186', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '59fdb7b1ee6ae429afb02a58c1ede12e7abbbe03' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '982273adb286de2593ebd920bb1e4ef6be88d25a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'b217b679a6a477bb3f01c7f89db9e8d27cb2f4d9' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'dc6bd1a0a91a5a20081a446eea74f870e91ab2b2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1a7d8e8b122b7a47c85066e51f11427e9aee6204' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '22167756565ccccc24952d3b6e329532a052ff55', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '17e76e08e30ce5b1293ecec52b5bbfa465f028a5' }, "Next"))), h("div", { key: 'c3c1c189e9e2115ca0f53be3a89bc924de7fc23a', class: "pagination_entries" }, h("div", { key: '6644a0d9742d0886eb750e760d9b4816e5d6fb7f', class: "entries_text" }, h("p", { key: 'c5f359bb8128bef6c4ba9da035beb9d64aa27300', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1d63e10960645f16ed8f220045315bfb30fa1b32', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2d739aea06ff38f9b24374f68c65e2c62b3fb560', 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: 'de537831459c7639bfe5be4e2395b9157bd72fa9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c9260defe0d8f2d8fbb807659441de6f195983f8', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b8d069eb0424354c6d676e0a8dadc8c986a6cf42' }, "Previous")), h("div", { key: '934c582d6d62a991252c3ddf03e494cb1acfc837', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '0335bbc10e05ce4923dec60e5195b81af0303707', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'fd36519f246310e02005e86d93e2cba0db849a6d' }, "1"))), h("gb-pagination-button-group-base", { key: 'a28dc2260341ade57f52549ef16021e3bf7c7058', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '79a06838feb7cead9fd3e5a422a7700c648cee28' }, "2")), h("gb-pagination-button-group-base", { key: 'edb1d4f6f0243e1184a02c9e8121397f23fda764', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2db0b526ef3fd3ef44a37718c7d234702bd1a125' }, "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: 'f70c3ceb2eb50974b9171b2d46c0eef66271ace5', icon: "false" }, h("p", { key: 'f726ea49cf5d659007d156d8513b7aa789ff703f' }, "...")), 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: 'febcdb4d0941c8a9adfefbcf22822de30cc7473f', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '62beb3bc5048e7465f9f9ca2a470dfa222d407da' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'aabd09f85935e1db4174c133fa585051206b8217', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c5c56f9396ed6e70683d358425e9b38bec978323' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b3522288a26e10593d021b6462e6841b5c8849a0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8f1b35c0a5b4e58d10a11daa4cfb5d757c62b18e' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '38621515bc858d01747ad3e0732bd73df7867abc', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '91d7a215161beb8b9f9e30ac370da6add261621e' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '746631dbeaef6297b41e8a0db8918e09009c73ea', 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: '70b4803f0e50db449515956a53e71a3578af3e62', class: "page_number_text" }, h("p", { key: '1c76809869d1af47c7d738855fb613b131965285', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '04210987232f1e2bd8bc99c08744b49fa71246b1', 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: '49749e6abc92d319e9ef0a5598c9fc4519de363e', 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: '7d59e65e232a73186c87749e756e919f3cca1088', class: "page_number_text" }, h("p", { key: 'e1690527f189d3f4bab16f6ee858dfa037339985', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c8a3eba553c891604be02648a66f4e4ed93cf32e', 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: '101a0043e40d54c2c34ceca34a05d4ef924a4391', 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: '101453981be2499b560d157dcf8b748606b9955d', class: "page_number_text" }, h("p", { key: '706760be32709742d9f84bfaeeeb07082533d945', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'fc8cb768e7a42a4a3a07fbc1345874cce657d89c', 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: '55af74536c5c768522c6e207d26a49bd67867642', 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: 'c88d18674bdc24270e6a47ba779dbc02dd834f0b', class: "page_number_text" }, h("p", { key: '9c8ebd5db60e9ad1c433cd557ebbd7bbd0ccf922', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '64eb9959821d92f1b37fc562d290b9bdde04e8e8', 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: '0e36b07e02f6da37331828b2ac9460a26ac7887d', 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: 'a6c1bd3fcdbd55bef76ce203d002b06fc94604b5', class: "page_number_text" }, h("p", { key: '4c42eab0c1004c00fa19fb27a3ddd284065acbe6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '58207a966a2084bd48d392b22b18fc9da6f19452', 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: 'bdac4a1174243f2732d64d8afb0eb8f1176e0483', 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: 'c4f604a3d07e21c6acabf1d6d9f9ad865104ff69', class: "page_number_text" }, h("p", { key: 'a1c08a494042dd32ea3889761d1d335b4f7aa949', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '31a209835e896c24bd28ffbdfc7eca5e9b42a61c', 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: '36a554f3708c97ffeccf7cc54c096571013426c4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '384b894fd0be35d07f8f1ed05207707f4cb83f15', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '43e6e49455eed1aae2e668136051b218fdf5f48b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'fee60dbeafc6d16fb17af69e31a9e5ba575e7c50', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: '93fc89d8f3ce503eec102c604ec77f15477dfe32' }, "1"))), h("gb-pagination-button-group-base", { key: 'a31147359d122af1aa47240bcacaeff8c102f65d', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: 'e5a0e87905a63827529f09e9098b4d80e7bea82d' }, "2")), 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: 'f7ca7a4be065fbff85fdab63850e1ef2d12d0abb', icon: "false" }, h("p", { key: 'd02660feb639dd51fd730e00e34ea50f45641b17' }, "...")), h("gb-pagination-button-group-base", { key: '2077660c326a3d1cbd19b01a7720271b7e3ad90c', icon: "false" }, h("p", { key: '8d0f14f8be7b409007f473aadb66a596681e38d0' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b5b3be3d3faf41726535cff6874b4e299435b4dc', icon: "false" }, h("p", { key: 'd2c6e64b34085849cb3e4cb349d14ef824677133' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'e4503a2466ec59370183a8f223b1c611982bf474', 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: 'f1c9e9eae7ce533155432b3e80968a22a536d3e1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a2dd0ba21e2c3adcf5986f492632ede96a11f8b2', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '770905d9319578ad132d7a8327c07533836265ce', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2d65218eeaa96685c6a44ffb1a2201b3233be531', icon: "false", state: "active" }, h("p", { key: '64a5a319f3c1de95ebb3650453c4006182353cdc' }, "1"))), h("gb-pagination-button-group-base", { key: 'c02f1a73f3e0d805fa2fc04c75c0470f4f21c3e6', icon: "false" }, h("p", { key: '886f61912f7ea3d5d55dfcbf744a6b2fce7bfb7a' }, "2")), h("gb-pagination-button-group-base", { key: 'e0ad383f175ce6048e8aee4e40cc6cc7d8cff6b9', icon: "false" }, h("p", { key: 'd766bdb4deed843779a375a2510d9744cc990afb' }, "...")), h("gb-pagination-button-group-base", { key: 'e47a4d16f02b5c8f0f0983d860a107126b489492', icon: "false" }, h("p", { key: '2345dd21e49302dd4bc1a76ae6ae4b95290c2ffb' }, "9")), h("gb-pagination-button-group-base", { key: '484634c5167f36ffda825930f402053a0bf9837f', icon: "false" }, h("p", { key: '2402513ea0263497dfadc4b0953e0fd3fd912212' }, "10")), h("gb-pagination-button-group-base", { key: 'fe5c13351d019b5df83980ae494bcea7a1fb2af2', 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: '0276ec0dd74d3bde45bcfeb4c4ad8dd2fa5b0381', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a0befd3fdc4cde5b08a297c5c4f3976fd88b1cde', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '6de40c7bca353d69736c10da7d3514b35666a09f', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b3c9d21fa5582b7437d29dc4bec3e5d61c441190', icon: "false", state: "active" }, h("p", { key: '6b1f242910b7c0e0fd2de3b3de5e1473a9f23fd6' }, "1"))), h("gb-pagination-button-group-base", { key: '1b3863f2c4a604eaf6d896494c89d511b720be58', icon: "false" }, h("p", { key: '808d4ae8611f24b1588560898ae004cae28a9f1d' }, "2")), h("gb-pagination-button-group-base", { key: '8e8a4814e2b0e3a3fcf531b77bd2d550bcea970e', icon: "false" }, h("p", { key: '7d5dc6661e6e1be40bb844b36a91fb0d7dbe0e0a' }, "...")), h("gb-pagination-button-group-base", { key: 'd09f257725ac4e949e9bb12ed6ee9698ad8f6b50', icon: "false" }, h("p", { key: '94af978920841a140a1766d4e6e4f30855351afc' }, "9")), h("gb-pagination-button-group-base", { key: 'd6a1420984faa98591c2c38b4b2b882955ada084', icon: "false" }, h("p", { key: '8a87284382409ba21856fd469bcac73eb30de50b' }, "10")), h("gb-pagination-button-group-base", { key: 'f162421083d017bae5f998b398b936576ac2d47f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'd51c61c6753f7fbc735df887cc40efe26ae0bc0c', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '70a4f3aa02682caf5f3a0fccc77e1308a9a86b17', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '664e88246e0f0e49a9af22d3dc505337f384d625' }, "Previous")), h("div", { key: 'a9b9d55523079c80187d15347775783caeb7f2b3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'd535eb98c4cbbffc6cebbce2115a07900e337d3f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'f17e13c1b8fb7a2dc93f2ab0bbb36fcf6314e38b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e189780607e82fa2321caf0c37854e330fb04e91', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'b2be6aac418bd3bda04152c2e8cea943da8db953', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8db8789e987e65dc204de5e127a618cff201c9a3', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '15334d2addc6e5fa4d1cfe48a498b6e57d5c801b', 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: 'db41c83587b16b334e3f57f3c1f31f260ef279a2', shape: this.shape }, h("p", { key: '915a2cc1acc5fb9416520c3c8e69543c533239f7', 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: 'e0de67c1074463a8ff6fa0fb1d16cc04384fbca8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '6ea647c3c940ce9de1f093ffef8639aff8227896', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '04cb998d1c471d33435809f8fd56539fd7a1370c', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '443aa8b23ad045f3f75da586a2179bfcbf52de5d', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'cdad04c20521a815a0b959b2982ae5dab05b358f', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'd32d47cf12ceb69e7bb039c5f076a1c75874d5aa', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '8c8f5d62011383ef19497708ea0c32b30daeba69', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'd77f0e74e8102b700087af1ec09c498d2422a2da' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '7f0d7ab1c8a6691e2e55deb885539c2c9064cc6b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '6b86e50104dfc50b43ec1b9e9f1ac4d847c6fa84' }, "Previous")), h("div", { key: '76db41f6a24b81d1349e66a42b5ccf8902a7457b', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '74fb9eff64e383e55f236d748aeadeda7771e9d9', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'f0e84a7274c14b5110da951224630cd2f0ad1e95', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'eb66e68b84bd8df0553ed187a347284ab5b25818', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '6422d7710e79f58e26324056d8ed0068a0634bc1', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '77569833c28b8f5893f3feeda5af4b03da8d1dd3', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '7d0ca644e9cc74b3290e6e4f25235c0fe4293752', 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: '0f0c1758af75561034c2c3bb0deef43533fa1686', shape: this.shape }, h("p", { key: '7276590a8928b00bcd15425421163bff731a5c8f', 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: '94465741cff47b46b90f71249408049f2afed4b2', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '002f01bc31dc0b4e9226a48a348530052148ee03', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'a8489f88e2dff20f54dc2e6ccb0e160613858497', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '297643375ebee6a7b3070d10ae9a1d14f1baec54', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'ed9db21f7cb8dcee37dda10938480dd53c294cbc', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '7a10164d062d5080f996edcc5db2cd93510c12b0', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '8004459f14d467f7f4cae162cb285d5b0eb44dc4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'c44b92ac7d85dd72814957e0151849b332fe5488' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b644d51a3b879e9531f97013f3581185fb24af46', class: "pagination_entries" }, h("div", { key: '8e39a3b5d26cd060a87ff76391d564dd0e8a3d0b', class: "entries_text" }, h("p", { key: 'ce3d6ab70fc813b4ab89a8c97dde60a4f04c8acc', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4a0b4413879484231e00909a51459ae1571625fb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a8bd72507a851c3b8fd31cf175b2060e13604a75', 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" }))), h("div", { key: '47abfc237390a00575dbdca6834d1cbcb59ef5c9', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '176d3748027f7a042b69f4b1bdf86230a54cfe79', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '473bb2865a214924b3bdacff1a409ed9a9a1f033', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31528fb4913736aa7b1bd177e92fe58849355846', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '73c43beef8d2b96060d178aed1802ea680055ecf', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5787a95ffba5cd483f8eaafc9418531a9f111479', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dfd01b946cf927b4f4351b4ff6e65db61c971d29', 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: '9778634b4ce81055a03ddcad14b16055cbd9b223', shape: this.shape, state: "default" }, h("p", { key: '893cb82222f6e2a23ca369078fe781eba0bcd2d5', 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: 'dc772ef9e693290d8e95d14481f3a9eb154ecbcf', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '25e00905db71c71b325c944e2e54bd7af3c94e02', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '982422c470ca1e551e8c4f8ad4ea75948bb4e5f3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cd554bf09611e756b0eef71bc2645249b7e65ea7', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'cdce55675264897f37b9ecd27380998a695a0047', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '10a06d32641954cfc2be82aca57896426e113e54', slot: "page_number" }, this.totalPages))), h("div", { key: 'd625aadfa2944baef8a7235952529b41a5b15db7', class: "pagination_btns" }, h("gb-button", { key: '3b5aa8b297497cc313b688dc8fb32ddf797f2d10', 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: 'c8ffb24a8990fd6d7d5918deef02122b442e8072', 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: '07422545513c380e80fc512055c603504104b3a9', class: "pagination_entries" }, h("div", { key: 'a93db1809259606f9d94e0412f2fa07e5a2e770d', class: "entries_text" }, h("p", { key: 'ef779eac00523f62f8b6bf013458b2a9b045c48e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5764771e514fde05221f9b3e7c9a0e2ffda1b36e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '995c3a9ed7985dac2d23d4f0a36bc5b1b15cd6e6', 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: 'e09e8973ba05fca966fde31b07fd1a56b687b999', class: "page_number_text" }, h("p", { key: '9509b202e60277a8681fd9dc8e975608628cbe50', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '8f248e9381708a9fefc8c4f1af131132cd0832be', class: "pagination_btns" }, h("gb-button", { key: '650aa2761392e20600e17e8f0af3a6a5a9a37e6e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7c54441d561f0ad376bfb325582caa49dd0bba99' }, "Previous")), h("gb-button", { key: '8613c1f5eeb391a31bdf3a025aa1e648772583d4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3926488a7c3196478ab1419fbc9efd9aab9c20d0' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '86ab7a44d189295e3e2fa751a654f952bf37671d', class: "pagination_btns" }, h("gb-button", { key: 'fcd5c3d5331c4fd2cceb02f3ddaaf0f728f74774', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7ae7c08edd4dd5a94d7b0f5e3b9c29c0472bafe5' }, "Previous")), h("gb-button", { key: '4e68603028214e7b267ab8d2a94e2f08effbf0b7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a8bb168438b3f4eabb005e93669e03120c51499a' }, "Next"))), h("div", { key: 'd65eda3190c260f65205bc3e4ade8a9b8d780629', class: "page_number_text" }, h("p", { key: '568709d89be991e0a89734289901fb1c58ef61b7', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '8cd05a53a07f6d675dc199ebeb0c4d1afb4c4108', class: "pagination_entries" }, h("div", { key: '615759308cae35578d56eb9a3a247b937109b5e6', class: "entries_text" }, h("p", { key: '7c52cbf14f48857803a60008fd985ec9067a58bc', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bb143243a246877bc2246b315c55778406fc3505', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '02f992ba833d2d47be1254d4f02e225eccb23c80', 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: '3cbd648982f565ad902677c7334c001f9b991c76', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4949c8537958e9ed89fdad68656bd4f745bebc45' }, "Previous")), h("div", { key: '5a73984c318df16934262ec6523bfc50d37cdd84', class: "page_number_text" }, h("p", { key: '3830979cb4f3b102042bce5bfc1d82572c16b18f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9eb49ee910abcee2a25eb5b1f7a96424e2943d8f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'afea5b40cda8b8df403140967773a409c88c11f6' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '64b81a2badbe37fa9ca97c997d70a7a55fe489c5', class: "pagination_entries" }, h("div", { key: 'e948333db58a319cbc37d07a4d688377212bbc62', class: "entries_text" }, h("p", { key: '6f23603f4e810794e8c31d86071c1dc61912c74c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7198abae91a9d5c58a39f0e8966dbd0e5d731ba4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '797d68018f1ddfcdaec260ffb87002342d36c4ad', 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: '0f3537dcdf415307425ab4ba0bbcd4b6d3734ccd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '46639aa4c8eeef863691c22bf74c596275f5eb35', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '20fb8c9d560f45346eee52d02e1f977897ae8447' }, "Previous")), h("div", { key: 'c52f6fb2fa6c9c5a16d1143975ee232e077f2e60', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '29be35eb1ab2ff061725b5cfb5273a630b11302e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '88fc2d1a4a792366afaa72e2935bfc3508a3442f' }, "1"))), h("gb-pagination-button-group-base", { key: '8b40792e795a536b838a561219f76c3f0ff7cb23', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'af1aa19b0a82f951ea5872da24231910e66a7963' }, "2")), h("gb-pagination-button-group-base", { key: 'ddfbce5d4227dd27ae51a212f00d9f704a3dbef4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0b639f0162a551e83775a4e9b5cd6348510c2807' }, "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: '260298a0ab08d39754398bd7aea9beb8d033cfb7', icon: "false" }, h("p", { key: '16bf3209b7d2b734747a11b2d4e73472dbdf0e85' }, "...")), 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: '6e5136f8a52c8e29037288c48bad3a36b723c924', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '91759b39a98996af64bd3fd8e80b1abecc46bdfb' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8ba0f4ee83be9a420485a9c64cb71671c624d505', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c4e7e4255b72fdce820da6cc93d4b0253919cd5e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '14e0f39633bea69b7247ef4930b8eb405f9508ec', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '62fa32e7bf74fe681eb0944b0d9972e2f7e4afe4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '2c7cdd9af925cdda83417ea1e9977a053b42a4c4', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '562725e3d7d2bc81cfb5fdbacc4326f6a62b5aaf' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8cf93b9739bc6b1df249fce9971a0da82ed02290', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '880572470fd64335384cac64f3757672ec9a190e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ef107450259611f1e1502068f59671acbdf32345' }, "Previous")), h("div", { key: '49f1460fea0f3d456982c48317e3b7483a74e61b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '884483e224c703920502333313362f920f8c97c0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1b5c9bc7ba4c662ea78d0ad8ea7ba631ed79901c' }, "1"))), h("gb-pagination-button-group-base", { key: 'd74dbb6cb1466d11990cfaed6a5d47d1e2342b20', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eb35cb695fce00e30003ca66574c4597a938495f' }, "2")), h("gb-pagination-button-group-base", { key: 'aa7fde6576f3952f38d912d494d4e151278db3b4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '03d482914cf1c0fad309c3dbecfae5c0ffa0dd1d' }, "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: '42f578cbf5b2ccc3dcdc48db67e4a8cb54cd8b0e', icon: "false" }, h("p", { key: '4c71228045d10292a3fa9de55ee42041face1419' }, "...")), 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: '44a206b02e447c151016bc77f7f409fb2ffb10ae', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'b74020562c8a8ecb743338769eb69c0acc5411f1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '86f4ddf45df644dc61a2105a15a00e0a72556084', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '98db66220578e29d3c0344a21360b49594d095b8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'a206a646818e7d0d27e1d281c30096193010c802', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'a7f27abcc27def921af78c4089571f7b22e65416' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'bfc48edb42dee471b43dcfc922cdba83156f34da', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2ea179da1b746587fbfd56c3e7a6193fe456c70f' }, "Next"))), h("div", { key: '5945800c84034bcf0b88f39a62521138008253a4', class: "pagination_entries" }, h("div", { key: 'f791932013ffe2509d247f2efd280131d772fc02', class: "entries_text" }, h("p", { key: '63a72e646618930d80e115526854a661795e6a15', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8310d49e877a02c674c8d9b4391c0cc1146ae84b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '96139bab6b88712e53ef879839c871fbe4a69eda', 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: 'd70a997a924a6e0d5d9e5aa27aaa6a03cee1babe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b624a6b931aeaf6484eb523719a5173fc683a7bf', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4f885df75ca0b76e18f7a0cc68b25c1461d80209' }, "Previous")), h("div", { key: '2e05855b2f209cbd8f0a17ee09fc8557d9756494', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '1137b5aeac928365c7a3ae3ef2e438ed5fb23f56', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ae7d9d205afa866809bbbaeede7c2fc260ef35f' }, "1"))), h("gb-pagination-button-group-base", { key: '249ce2ced29d282826f4e899efaa59f206d5657f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'de869299a25ed6834e8db5d327d7b8f24ef2f494' }, "2")), h("gb-pagination-button-group-base", { key: '87a149ca64ccb14031aa6a5e330a879ab06104ee', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6563f10501b0a5d237499e8d373ff87fe5e166c5' }, "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: '1abb72ab96d9a3efc915796393d540ff6ce83a28', icon: "false" }, h("p", { key: 'f8731ea7d1b0145f00b712f6f06d3b174793497c' }, "...")), 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: '1a6796213725405e417ceb4f553a9df1c76647a6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '3c85c2372f6af91c8afa5f2f342130efea52217a' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'f1f0e1b8736acad2a34897c9abcaa10541fbcd07', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '064f9683d008d8ce0a460addc42f76e67ac703be' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '7cb54765c0c64d1408431aad08a24445ff5a6eba', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '9eea68745ef299f1cc0e7e4e879126cc8644e51f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '969ff6142fe77a44ca2f87602cc7575fd4971156', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a073bb3e6558d1fe99b01a97c6149643c4871f4' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a0d541a4a6a9ceb1239337bf8cf25b409c2a5fcd', 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: '8510db381aa8c4154639186e07cd8263e59efe08', class: "page_number_text" }, h("p", { key: '99e93eb434c413c7b21f4465158b68fb57ad7a3c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0d1a75d06166054e26d7a4839f8daac7d348c4b3', 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: '042192c603e2e814fd444e3a0e3513fd4acb44fd', 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: '374b2e579c73204c477e4e60986c518d7f770f06', class: "page_number_text" }, h("p", { key: '664e9e80f61e117a9b89bb0fe5982fde15ee8309', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0ea30bf232b046d5894e5f9b430ceb8675192be0', 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: 'fb7caefd9cb862e1cf663b974d91dba270462377', 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: '8620b551bb1de01a8eff3af408272d94f14cf592', class: "page_number_text" }, h("p", { key: '012380aedf9ab19aa64ee528a290e9bf6b4cc011', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '89198461907d84f5510f96c75a71b43fbf32985f', 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: '5775b5a9957c46cafbe4232fc6e30bc24d781385', 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: '47fd5c3c4ee8fb1ef3ee4721865095af9f070e30', class: "page_number_text" }, h("p", { key: 'af7d88693d1b33f7789b4fe10b078a2e31da8127', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '07b17bc52d4511c63e8b514410094bbc6face73a', 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: '7933069fd0680e309b93b6c2c6cd0bb78d66c519', 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: 'ba53dbb423d31ab3b347c89ee7b4b47737e260f0', class: "page_number_text" }, h("p", { key: '6ee3043aad770be96731480cf1bd6b7ccb3d5090', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4f9fa16f0bbaa4404597f9f17f941528cd2317f9', 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: 'caaffa39d357e8cc270d9eac130b707e66a0a95a', 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: '92711cd04679432c3d57aa214bad9456e1b4366e', class: "page_number_text" }, h("p", { key: '65204648d9900c9aab0eef2acdbeb1e4deeb8836', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8d248706fd8dcb3b00ba5f8bb1fa485427c07704', 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: '1e21b8569dc96405b348cb5b266694a1e5676e70', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dce8b10fda3c7738a3e2f159b83c8519ad7679e3', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5d0bc97643538567eacd4b436beb6a5448bbd39d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '939b5e1845feb78d25b33ff526dae691529ead2a', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: '29998d996e7e9a44ad62251bc2b555feae7c893e' }, "1"))), h("gb-pagination-button-group-base", { key: 'c55d20391149d9467dad2a2ed99ec901dbfcafbe', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: 'c17b8d90f756d6ada9ed20e9c41959b6c0944c24' }, "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: '34557e8377dc806f3dba328d68943296e090e1f7', icon: "false" }, h("p", { key: 'dbf625e9eb9d85f9a47effcd6c4773f6bea32413' }, "...")), 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: 'c18861c7975feafff3e3d0214cc84ebd9028b100', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: '8a3363c0325f8ce57951060e3fec43db75ae2959' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '894d01f6087173c43a320b273c45ed540936e140', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: '9f1027bf72b9c9a745154c49869fc8a233d56cff' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '646cbb7f925ab9e3fde1a49c799083869f732952', 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: 'a95aa275f1f46c3bb20cff1fb3a45dd9f2416d17', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8ba8528fc012f15e2f257321f2c2f74bf6561553', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c73dab975d317fda763ceb67a93f692b4d677e26', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6126bfc34ba91348b25ff1f2709e2a4b142b0a8e', icon: "false", state: "active" }, h("p", { key: '30ab9fca3207e99810449a2ce1cbee99ed26db1c' }, "1"))), h("gb-pagination-button-group-base", { key: '8860a279dd62ce0c16ab1dd463be186e9d7a95da', icon: "false" }, h("p", { key: 'c9638a2c2d137c8c3c8cb76a094a561eb57be7e5' }, "2")), h("gb-pagination-button-group-base", { key: '814781493297f82512d9474b884b364dfeb70a81', icon: "false" }, h("p", { key: '69bbd9107f8cbe9e16212636d193ac819ac40617' }, "...")), h("gb-pagination-button-group-base", { key: '1d3bb72af5360b1d81f4ffc2106c65bca9c16ef8', icon: "false" }, h("p", { key: '03049250ce4b4fbfc205167363d7e7ac85602ee1' }, "9")), h("gb-pagination-button-group-base", { key: '13a329a91da42e27ca102580d60cc12c3529ceb6', icon: "false" }, h("p", { key: '32992e091b09ab37955f1a68c8019bd0ca43559f' }, "10")), h("gb-pagination-button-group-base", { key: 'b772160a491bc9ea93ed5e299cac474c7462892d', 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: '71883cb527332dc10e011719d01fd44186d9da8d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1335284272a397a34f905cf2208d432c3939eacb', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c36ef8b48f1c733d2bcfb127ed64da0b4790d03d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b9bc49af9c46b3b5319fcf02c0fa90ee6b131b6d', icon: "false", state: "active" }, h("p", { key: '02680ecd95fa9ef8664a02789e742003b0790977' }, "1"))), h("gb-pagination-button-group-base", { key: '32afb0a2fa90456c4da2f27153bcd0b5f52a877e', icon: "false" }, h("p", { key: '4fadd3fec67f35eb117d542c3e9164da71022c02' }, "2")), h("gb-pagination-button-group-base", { key: '0a2633aca196a133e9dc80f722084941dec5bf5e', icon: "false" }, h("p", { key: '9d46db88e4db895c8cec1d762942b3419184cdf4' }, "...")), h("gb-pagination-button-group-base", { key: '65055f5e3c14ab1d68e59ea5c7e41aa5b1e2cc1a', icon: "false" }, h("p", { key: 'bb92ba9732f31d1d53ec1ffaac6ef0b2100a4fc5' }, "9")), h("gb-pagination-button-group-base", { key: '868bae80fcb59f404803db1d7909aaaae7a306f8', icon: "false" }, h("p", { key: '7c52d3d943332b14d2fedf291d052b791cdf1f0f' }, "10")), h("gb-pagination-button-group-base", { key: '3e040f2d51e5ba24e9b60979a8fe9dae4062babe', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, State } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: false,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object = 10;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n    }\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n      this.currentPage = this.currentPage + 1;\r\n    }\r\n  }\r\n\r\n  handlePageSizeSelect(item: number | string | object) {\r\n    console.log(this.entries);\r\n    this.selectedPageSize = item;\r\n    console.log('Selected page size:', item);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = 1}>\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? \"active\" : \"default\"} onClick={() => this.currentPage = 2}>\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>{this.totalPages - 1}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>{this.totalPages}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\" \r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\" \r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, State } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: false,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n      console.log(this.currentPage)\r\n    }\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n      this.currentPage = this.currentPage + 1;\r\n    }\r\n  }\r\n\r\n  handlePageSizeSelect(item: number | string | object) {\r\n    // console.log(this.entries);\r\n    this.selectedPageSize = item;\r\n    console.log('Selected page size:', item);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = 1}>\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? \"active\" : \"default\"} onClick={() => this.currentPage = 2}>\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2  ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages - 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages - 1}>\r\n              <p>{this.totalPages - 1}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages}>\r\n              <p>{this.totalPages}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\" \r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\" \r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}