globuswebcomponents 1.8.8 → 1.8.9

package/dist/cjs/gb-avatar_20.cjs.entry.js

@@ -1255,23 +1255,37 @@ const GbPagination = class {
         }
     }
     componentWillLoad() {
-        if (this.totalPages <= 5) {
+        if (this.internalTotalPages <= 5) {
             // Show all pages if internalTotalPages <= 5
-            for (let i = 1; i <= this.totalPages; i++) {
+            for (let i = 1; i <= this.internalTotalPages; i++) {
                 this.pages.push(i);
+                console.log(this.pages);
             }
         }
-        // setTimeout(() => {
-        //   this.totalPages = 5;
-        // }, 2000);
         this.updatePaginationSize(); // Set initial variant
         window.addEventListener('resize', this.handleResize);
         this.defaultSelected = [this.selectedPageSize];
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
+    generatePages() {
+        const tempPages = [];
+        if (this.internalTotalPages <= 5) {
+            for (let i = 1; i <= this.internalTotalPages; i++) {
+                tempPages.push(i);
+            }
+        }
+        this.pages = tempPages;
+    }
+    componentWillRender() {
+        setTimeout(() => {
+            this.totalPages = 5;
+        }, 2000);
+    }
     onTotalPagesChange(newValue, oldValue) {
         console.log('totalPages changed from', oldValue, 'to', newValue);
-        this.totalPages = newValue;
+        this.internalTotalPages = newValue;
+        this.generatePages();
+        // console.log(this.internalTotalPages);
     }
     handlePageSizeSelect(item) {
         this.selectedPageSize = item.detail;
@@ -1282,10 +1296,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '788452dc94218f6c68de04eacab7ae67f56661b7', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9ca95f35cb2b4522899e4c988525710cb348e933', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '6be37c9edb36dba65933ba2bbccf0e4edbd75275' }, "Previous")), index.h("div", { key: '6b705a380ade7b239427b2a5652821e64b4bd878', class: "pagination_numbers" }, this.totalPages <= 5 && (index.h(index.Fragment, null, this.totalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'd81b5c3339e0ba926fb28d7db51f6fd273f07982', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '47c20c25777db4c24524e23af28802e79de420fa', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'bf1feb4a5547427e2e9eca9c39b17ca456065007', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '8cc6aa9d3af97e3f4ebf4d16718c50c84bf6b4b7', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '9860d0de087bfd365f6d318e6bc11680cf185942', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '14fa81058f0bfe8f93cebb4c4e369c8aa2ab2b77', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'bed354cf3dd10de9c151633e44744c62b0a46348', shape: this.shape }, index.h("p", { key: '0d7a4bdc4b7ce4b81d614b46fc11fb87cf2c8ce8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'ca01be9dbe32a0ecfacee46b8771642b98361ea5', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'e35122475cd0477f9db4f8fe0b25e5770c266432', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '5fe9eca1c7e846902b29b5f3aab8b6048885ef60', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'd5f04efa7a38dcfa960935d554383c2a9bd083eb', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'fc758fbeb753559e3242ac73000bc72c85e56d1d', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'f183c29988fc8730c0cb3229006272a4fc285093', slot: "page_number" }, this.totalPages))))), index.h("gb-button", { key: '173a5492cb0b72ad70d038d8987da67c261d932e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '16e3f88d6633080b7a0b137733b3e61e7122282d' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '0f510f32805ee6689ed485627823d50f10e767a0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '039c47e22ea26f7dcec404aa33ce7c084ae43cca' }, "Previous")), index.h("div", { key: 'de50c112afa5a9de810d7a3a8cfb12b77e6ade35', class: "pagination_numbers" }, this.totalPages <= 5 && (index.h(index.Fragment, null, this.totalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '0299f289a5b30ec85d01df7d0f4518f62b3a10dd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '26508f9d1b7e43262b84bad2b1e46d1d13f43c80', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '409c6025d9dfbd32cf7c9e577857343feb600011', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '4da7d2efe3e1e7d3f08f986e131cb22866253349', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '438569da426b941e3c00c046336cb59b0c5c67ad', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'e36869f0a0c429c4a32253e09ceccffa4ae3621c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0423e2e4548505b4daa95b7734a06d3c614d566e', shape: this.shape }, index.h("p", { key: '72472af8ccecfa6ae73059976de282fbe8d166ce', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '20541b7ff226d201966822c2f04954495b37bdba', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '43bbafeb23459922e62abae744534a04c2dfaa07', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'e5b976e79a6ae1d56fde8bac62c5378ecf96112d', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '90c1bc4fd4dd7d0655608e75d50cc6b302da680d', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'dd59655dc1c7fafa3ceb85c5c6c33efdc94cf2af', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '7bc43de8fb5d7d38e2dc6e911832272cb6cb8e85', slot: "page_number" }, this.totalPages))))), index.h("gb-button", { key: 'fe6281d8d348144588ba39e347c359530a079b17', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'a9b8beb8602c1aa2efbb6f83d8381e15e92a0a98' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'be1395e58b9110ef8ee23ecd94417ab6b215fdca', class: "pagination_entries" }, index.h("div", { key: 'a21eabbae274f26d412f60041faeb9d7615c0d1d', class: "entries_text" }, index.h("p", { key: '16bb089c86aa3b029df453f048a210b2955ef334', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '4ab1cae6f5bc51173459534c0b4f9e07f36aa36b', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '17c490744fa5cc9d2cf6fa739e5c307587992e3b', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '227df97ae057effec79cbdc0f81bde8b2e061206', class: "pagination_numbers" }, this.totalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'b9e721de78ca772db07c9b210c128f122ebd47df', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '0823ae0bb382cf55a4076cf7f2acd2aa582b020a', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'b6399c7622dffa74dbd72a3c416f52936a2d99b7', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'bfd8ba3a9100f106da87b642f50b9c6effce6bee', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'e7c2228b1557a38cfd5e0fdd421df62a1c3a4776', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '27894bde42f8422002eac7d3744bc0b779690f10', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '2139fa1b064d68dd70d4d93193b20903bd4229d3', shape: this.shape, state: "default" }, index.h("p", { key: '0f1de2a64d6c3778a29f2ce1112845232a29266f', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '1715979c20b97c3061cebd4a10c40fff0977bd48', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '21c74eecec4e0941eb3b1f12542e4aa713cb77b9', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '6def7f39e44fa3294cca2ba4acc21c1efb7d06d1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'ade952928a96dfcf736a2dcb89b06b55506c93af', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '643db07901109043cb0709a2e4949b6d66f37b71', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '9506f9e8ef93d189cba2ad04437fe9b387fe00be', slot: "page_number" }, this.totalPages))))), index.h("div", { key: '4d04d9731dd49111098d21d884fd5e05eb2a9588', class: "pagination_btns" }, index.h("gb-button", { key: '2c153372063efd9adc42e6088f58ba205619b8ae', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '2474826446f57f7c3ade8e284ff6c6bf9db42256', 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' && (index.h(index.Fragment, null, index.h("div", { key: '2a72b490816d97725e458e3455770e869f0cbb06', class: "pagination_entries" }, index.h("div", { key: '5aeb7d16ad1a9c02335eea36a8a7f7cbe5ee5def', class: "entries_text" }, index.h("p", { key: '9365f037610ffde557000aa948bf0f6296758e12', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3540e366aa3ed9a9021d2e4af1e830c83a7b8f9c', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'f76d8d0b2181afe31c8ce32ab85d2189d739cb62', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '75af4a209bcd7eefd00a969f8206fcf8b95220ea', class: "page_number_text" }, index.h("p", { key: '89a42c640196e5bcf2219320e9467fbe56b28821', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'b3eda24ea7dfb583d2af5866ed7d96bd2ad8eea5', class: "pagination_btns" }, index.h("gb-button", { key: '1751b87b5405a02035af7d13baa3ce546a1072bb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'c8ddb8b6de8367b05646fce4f8121d4d9bfc342c' }, "Previous")), index.h("gb-button", { key: '39a1e3f5c8d31c053d409424110df9d4259674b5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'c28a06aa839649147c08b61a8b51c9cd815933b1' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '33b6a741ff9cb62f857317792cbd5a7f9fc70ffe', class: "pagination_btns" }, index.h("gb-button", { key: 'd512fd8a40f5905bd45217fa673885b2dd4cbe96', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'bd106f1aa1aa840c06e112ec18f905bd1bc71765' }, "Previous")), index.h("gb-button", { key: 'e7c52cd68c13bd79c39a037723548f6bfe4f16f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '03f2695347a633c768214bd83768e638552169d4' }, "Next"))), index.h("div", { key: 'ee87c6e29c6085feb5240d5b3b8c2579c9b1a47a', class: "page_number_text" }, index.h("p", { key: '389da87b3806d36717a4e748ae5304512ca8793f', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'a0770213befc41f8bca84ee8503bbeb2d7b9c7f6', class: "pagination_entries" }, index.h("div", { key: '667a00f3d0408b8c6f954aeaef3e9edad96d6d13', class: "entries_text" }, index.h("p", { key: '9c3e539863b3371cc0dbff8cf256e0269016ff08', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '7149366a299915f9fa7b7f8618b0e6d359ba2319', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '9b3e68df7966d534233c546c3dd250f65025c54f', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'a3366b7e60e31dca71606780c08abb36e3c7c652', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5d37793a8fa4bf5083771dab5041d74e22620295' }, "Previous")), index.h("div", { key: '4be01033945588aacea4e23719a0941aff7721fc', class: "page_number_text" }, index.h("p", { key: '454a485e6586af114d3953fa3fb6724e02ce309f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'bb877b537af1c5f44be542c886f5483a4214520f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '18163a6f45b04ad467491d7ef0bf329544b421ea' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '468548ee52cf8fdd14f422f8fd782a3141308d3a', class: "pagination_entries" }, index.h("div", { key: 'ae4674cfef4ed1127db8d90a161031a677b77a97', class: "entries_text" }, index.h("p", { key: 'c4010364b3a9805bf3376e9959fffcc611b8cc16', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'c7f29c00291dd9996c095e5319b4cd4600a73399', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '017cb26a60a70139f484b6dc7dc889830c157060', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'ace9279ce7d4d80f53b609f9f26dc8fad1d7e1b2', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'f8388fafff2d003d42291eef894b97fa831ac761', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e7efc73f68662385d734d4df4e95fda52442ce2c' }, "Previous")), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '4eab630a9caf72f32af74ef1012d2787d187585a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'fe88ec1482890c964075c2986e79e94faa61714c' }, "1")), index.h("gb-pagination-button-group-base", { key: '3ad90423746a9754b135d312fa6895959922e5df', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '2e7350dc99f563ad5af50501f25a7cf75f12fd5f' }, "2")), index.h("gb-pagination-button-group-base", { key: '926e3251901b9622b89bbb3915d7adfbc89c518d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'c768a0452aa0c1a49cb343a9252b0f4df3bf965c' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '9a2f015326344546f7da55b85d7c8ab937850457', icon: "false" }, index.h("p", { key: '46d70a24691a79d588477e40284cbd25c5b174df' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '9bd67dbd63f72cbe5cfb156a5350d6538ccba97b', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '17c1dead98b36e25dca1be562696ddbad9a0c00b' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '1a99804d3c0239e50ee78a7d3ccc93e608e537bf', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'fd3f83e01fd49f07fc69a22f7a37c8bc1559333e' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4e379b82decec0080fc25a1700271be8a5dbcfc7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'af511972b618ca25ab7e60ea8824ec46158ef50b' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '8a9b447ec76c374bc043ef3bae095452afbec6bd', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'db234ef4c6487af40cc361eda3b67da15acd43d1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'e46adebb41ed204e45c3f462754ee1d632dbb319', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'b15811fe42b0d0c174b4e5b5715baa81facf38e0', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '57fafbaf63c24c8a617552295a9d1a5e36c8f2ea' }, "Previous")), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '1c6832224253e079254714c9c70938c1fc8ce723', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '1c1b90ae7d8fa3201acbc8de5caed123432d4225' }, "1")), index.h("gb-pagination-button-group-base", { key: 'bba3ffa0768400ceae3b237ab4fd0562c8f3bc3e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'c5c6d0a972f63ff01b4c37516c434835a1f92cc4' }, "2")), index.h("gb-pagination-button-group-base", { key: '9a85290d5f7d3738ccb03546d19338733881fc3a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'dc8fbba9b29808d5810da8ae42e23cd14dc0acc5' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '29ed8fb8f01ee5c2512fb822174db7d2007ac29c', icon: "false" }, index.h("p", { key: 'c3a62bd3cbc383ae1680c4a059d2883cb1c346d0' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c55560cee49d57d452e06fdd33a48c87f04cccb2', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '37e7700bde42f13f1741cd3f1f393fca68088d3e' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'eef27accb238ed9455cde3d5e1918e17c0b2e4d7', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'd123878c0a8239342879d51afdf5b47750985254' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd498e0cb8bc9178bb4182ae6bc7e2ac31b64f531', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '5f0bfa74fb87ec7a2d7dcbfe91a549ae246ab6a2' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: 'e017ac9b251b348579f55b3c8fef9f0811092e0f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'f54593cca34549089f806aa3d7cc0d6636235e0c' }, "Next"))), index.h("div", { key: '97493b7840c0ec4e961401e3e8447a03d29c9a8d', class: "pagination_entries" }, index.h("div", { key: '607e42eebd1f990e9c92c869f89e83066924e50d', class: "entries_text" }, index.h("p", { key: '7468fa7d3781440c3151b6fc44fddb16f473c349', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '65341cc3396a80eca2217a5382b4148fb6772926', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '66c56b9f21ebeeac985301e365f08d363ca84bd7', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '7ded4751d1e714878f055140338937d042437cf6', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'd673d6f4aac385bf3e1d9d1d793d4570c3e2e97c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '51c8729fa7c42ce9860af6ab3ca84f404a2701b0' }, "Previous")), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '24f9fe0e8c8a2b879db28d5de2b0a44c6740938a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'f996771c322d587d2aa4ab2ae70d2655fe309ea0' }, "1")), index.h("gb-pagination-button-group-base", { key: '0084c12f755a60007253b2aa4bea8200437737e5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '5203098f381f481f463be959bc01885399717973' }, "2")), index.h("gb-pagination-button-group-base", { key: '49bd4674e77421678f5ea7a6547747c3756aee5c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'bae6d95d0648538cdbb2d5977d222c562ffe3245' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '72e76df346ce6ed53e2e6e26024a2c2360dc5d91', icon: "false" }, index.h("p", { key: '27f2f891d94cd2a4258788c8fccdac161a9b3c1b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'fbd0ca6ad0d36c5fc03249e1225e07ea34c57d2c', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'e3fc882c8c27aa7e5e447ca005c766b6b49de78e' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '70760700123c4cad5e1b367648ddf161eef2c77a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '738821e4e0512e0ebde44643ce0b1e99e67a9247' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '580bf454408735da1e926f33a8335935ea0a26bd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '1e9b968321dfd940e0d3c80eb5134d9ca301cde0' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: 'a5fbc4c76ac9804a85da32f6b3187cd76549ac03', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '20dac2fa0d9a495919a50b5e5302c4c772d3d7a4' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '829dd3de4265961ff3d6b2f07485c2c7f8ae90cf', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '12ec4dd590d9d169c771f508eb7b9f24ca46d67a', class: "page_number_text" }, index.h("p", { key: 'dab514a7472eb935af97d0bec9066eabd5c16e39', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '5674ae1abe7a403d5ed8e80b00e92facfe03b24d', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '00af0929aed7f3b5d0c29e0b6c9e557316113891', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '7cd2b7633faad95ca27d14ea0c3b5e1b7fa6fe9b', class: "page_number_text" }, index.h("p", { key: '6edde9e0d046b2a2ecf55bfcb356a42b4d394085', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '468b70cc32f3c2bac65f5d0189728917cf0dad29', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f997b38d05ad1de15fb8c5fad128e2b23281c66e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '45ebc0f1d45ca14e2b224433a4f25cf7afef18cd', class: "page_number_text" }, index.h("p", { key: 'e0b53e7f51712b2ce5fb811cd0f2ef15e8e3305f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '251f949ecacaeed7825b35418b22f1120f589483', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '7124a46d1a77178331ece4d6113a6a48e95416e8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '0d06b3633fd9dabd521c178a8ad1a36fa3550fca', class: "page_number_text" }, index.h("p", { key: 'bae4192551af812229ffc3886b83463dfda8a5fe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '8b53130ddde06507325a7360b0350de21ff56cc4', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '032851522f87baa15bed10db1a11099d2a63da44', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '43b49baee42069c1b299f9d7a1b367d637172fe7', class: "page_number_text" }, index.h("p", { key: '8b994ac427dfd10c042c86c28b2a6c0a9c2be8e3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'ea544d887175249cdc668527992c66a58661758a', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '7ec7e197e6c54810548bcb31205f37f8720682d8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '762cd0a0b2ff6c5c577f4c57df5bd12d347a86b2', class: "page_number_text" }, index.h("p", { key: 'fc8e4cd477c7e3486d85da1a3371eda993c9dfb4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '86f7d853c427420f64a2a282b1414e76b837cd32', 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' && (index.h("div", { key: 'd4b7bf9b3bec76409115aa2c9612565df997ebd9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '13b4f8b66789164ac17c89eaa6185e6fca07f568', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'eef04b213e0a0fd1645080560107115f3db278eb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'ae6112f68a430d7413959261decf35567bf489bd' }, "1")), index.h("gb-pagination-button-group-base", { key: '49b6f07bb6c44f8d6f7311efc838d6d8bd307986', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'b0e9632807befcfdcabc8c76cb63a080a1f51bdc' }, "2")), index.h("gb-pagination-button-group-base", { key: '15f8712cbd2cf9894f685d178459af89f2089360', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'bb89a85ad63d043ee7182ac5436d0c9a03f6e483' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '7952ab5ce62f9ce852126b9a3a085c0b731ad1c4', icon: "false" }, index.h("p", { key: 'd169dc8abf53c620336f29605aebf3daf718ba59' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '552ea7789f67b68a4553bc8efbd02f15f3f86fab', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'aeb765ac14d7c4b8cc9d7dbeba803a575babbacb' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'ac8582d29694f93d413ffcc920effbb7acd731bd', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '38d127173ee23033352f3c39403a66580ab31b51' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '00cfa28ca6c1b1196aedf532a842217b76264107', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'ecd6c5b77bcf74a4a1db412e1f45783833860dd7' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: 'a9fe0ea1336329c9987be72ee316bd7f6f885ae5', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '8f4c06c85df23deff43f184d72180e143b116f08', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '40986631f3c74f9210fddf311f19e81d64fe7ce9', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '830aa036350e22c66c994a75f38df6b85fb71cb4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'f6fbf8870b2f5f22ca818127524a9580ca03a505' }, "1")), index.h("gb-pagination-button-group-base", { key: 'c1850908ac9b8ca217ffa532890ec83c73295f26', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'fd3e5df944cb1cb401d92a0be91e134ec73352f6' }, "2")), index.h("gb-pagination-button-group-base", { key: '71c569458c84f12e2edb9a489d8241c5f3dd5047', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '6a1fc708bff90474af4a60be93f63df9e90d088c' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'a20ae4ea331d7b2deca31204acc7efdd1dccf892', icon: "false" }, index.h("p", { key: 'ef39e90c3626ab434263b4eb7946f3e4a9926942' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '90ddb4e10a45e411076275ca78a4dae12ca3a897', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '09ea34c18040d2f1593264a285b1f10a75587e79' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'd2b04468a133813832bac149408994c141529dab', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '58afb4f6c896926aeb6ef62dcba4a332a5ccec11' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '34697419e1d88ded8c5f24c2cc702952cbb4d404', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'eccb165fa65c3a4b542a5088fe0db037f025c4e7' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '6fd2b1f043dbe1ab4013b872ac1b7530f2bd8239', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '08778df74ac28241a8541ffbe9767c51007138a7', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '94596e99129584b6f1406b951d61eb77ca8f9812', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '22b7df0b9f0f57b9e9e9b482f2fcbac510b1d462', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '80e1f1ee6caee4ba69701efb7e0c36f85fac8d9b' }, "1")), index.h("gb-pagination-button-group-base", { key: '5b9cc84de6e4fae5e28b365e39d8057ef487d0f7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '33b69d7c7cd24b5e7643329af89634b579f1afe3' }, "2")), index.h("gb-pagination-button-group-base", { key: '0a04539025950f95ed421c490f332162913c003c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'c4714fa98f8ef951f713a41627fef76c554ecdcc' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'a740c43a465c73c57c15b07260dafaf7ec31b1eb', icon: "false" }, index.h("p", { key: 'c843fe6dea45e452898e4ac9ce24cd3366fd2052' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b432f49cb7733fee686b0a46c67748d82664f886', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '3d0129beffda5f92b4dc6615a47624be65689621' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'c59af4462a72ad858c9c0443f4254680492b535e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '95f62f73618c21bc0673a9059b994b30917b846d' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '855e58fe9085633fdae4b779fdd381356a4b0f68', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'ad185d35cca8a2ce975ae5f4a10b60f8a34dc681' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '5ae743f43479fb5f19b4340601a6175a47c5f4b9', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '42894f492125bdee8f5cafb4fd9fd22735e828bc', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'bc48c493f1cde2784bce1861bedb8f885874833f', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '66808a6d1bfb2e9169ac893bd04389a34041b388' }, "Previous")), index.h("div", { key: 'f842b277d01e4b6873d58e96fdcc069c046d4127', class: "pagination_numbers" }, this.totalPages <= 5 && (index.h(index.Fragment, null, this.totalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'a7d95e70ce202b7533b123f6fc557846b6bc7354', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '94a9063b32c673bcce373348c6a57537b2d4b5ae', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '68aad6737e20699505b8a39e8089355d264d07c1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'aaf3d3a5a5159efe531b84f6268544763e44369c', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '2b7c85db1cfa3eb295176d255412bc6cdfe636b7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '6a7194c026bc264e735e667f84e4232872c99132', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0241278b4f655b9db9fa07e0358172e19d8c0acf', shape: this.shape }, index.h("p", { key: '1bdcf2da712ddab6c7f784e00646f12c76337210', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd860d61d080a410d8df5da681d8ee3a443d3be5f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'f0ed52b5a9cb7fbb2bf27fc4181f1fd15673d3ca', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '6f6ad9ca3092c3ca067da77b861c01d641ee97a9', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'f5b5cd159f93a8a79cae5a4068c23d8772cefc23', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '1deff3f5db9b91b47825c089417aca73390fd128', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'a030606db12987a7648668c6b902c38840233b6b', slot: "page_number" }, this.totalPages))))), index.h("gb-button", { key: '7aa68668ba1066f57cd96f2c5d86497895b28bc0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'c0d96b7bb56829ecad4f8804fad939a918596b51' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'e33471acea842c4b92760ed70ab682f441282c8c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1638787bc22d5bb2726567330b08e0f31633d945' }, "Previous")), index.h("div", { key: 'e499ac26f072cfe409ddefaffd09e511e610b1ba', class: "pagination_numbers" }, this.totalPages <= 5 && (index.h(index.Fragment, null, this.totalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'e0a158c2a4ddaf07c24834f5a756e049960e46b4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '8f3381867304347669b1cb6c5bf7c8a60b5702d2', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '92179ac5549dec47ff321b45f7b124e9d8e83292', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'd66ebf810c0020908559abae0b6dc1db74fe1a69', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '9fd8041e82488bb0356f61ff36cdd29f8fd3f28c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'cbd3aa1307d3e6fc7f55052013a782a75a9fbbb2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '462364296ff9ef877a241e1f0417369f610cd799', shape: this.shape }, index.h("p", { key: '80e7577aa262754110de98aca4313eb03c7ff79e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '358e00446a17597e9ea874405b5f84c80ee06cee', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '33d2200c8d329fb66f85e4bf7920426c1e40fd34', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '7c275fd63fb604000860017f5195ef069cfab4d2', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'f3ae28e78b570dfd60f8226c3c68c29031a4c2e9', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '6a128cb0be2533c1b3b894e70e2e2496965f3242', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '5aa6f65d514658e81c345166f6693d0c9877e38d', slot: "page_number" }, this.totalPages))))), index.h("gb-button", { key: 'ec4d9eecab239a26818e33ee925299bba61ab71a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3c09bc2ee8c9b0fbb34a971ff2b0918e92da00c9' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'f24bbebee7c06139092fe9fe50553730a4ad407f', class: "pagination_entries" }, index.h("div", { key: '0698d181430145d0fb321afc5bb0e13a5195400d', class: "entries_text" }, index.h("p", { key: 'bbca7ae03805b756af92078bf98ea597d7260167', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '32560ae6f13703c09f1e32bc3f7da8e91d6dd04d', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '88b9b026547cfe33edc1aa43f5f94a06cf5c23fb', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'd0a8fcbd86ecc8b58b2235950febada01229a504', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '73556a11b388d593ac43629a0b3870cd1ceb6f0f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '83ccdf055da0792d5be50de6ebba2c670f84fa80', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '08b37dc35bba0ac322675d7b7e8fd3f3f25933b8', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '34b87bc6b86bf1b31e88883ca7b6c9154bc8823c', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '0efa5bc62791e548aefe311898f83c5a31c0103a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '3bcf88fe8cc859411115520be8160ef46084a98e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '1040109e176fd89661370f47c8afef3fa1cc8487', shape: this.shape, state: "default" }, index.h("p", { key: '2643da0a1d064bfeb6186b8ad8bede51d7d47be8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd4f0767f0aed735a7581d590420d63e5c44f87e3', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '21e139cc0f64d332c30549e965bed127efdba6f2', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '128872ed75e24eed40cc86e288e263802e1471c1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '82c82dc6987fda7486e3d23f2c3bd7ecd915a972', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '2af18789b7a15f3c02326143363639a49eeb257e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '356f38410bd71efafe1fcd2192d6c5c98709e618', slot: "page_number" }, this.totalPages))))), index.h("div", { key: '675b669ea3eea1bdf222a419d0988bbc06678266', class: "pagination_btns" }, index.h("gb-button", { key: '4480c2c14353560060c05b14a203ba7710217837', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '3050cb886a4de76c455b2c6e0909728ea9ea3e9e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '020ed53614050866a6795e66e4e63732190bb970', class: "pagination_entries" }, index.h("div", { key: 'e47d7fd43628a09ed789dcf6d9591705e342c24b', class: "entries_text" }, index.h("p", { key: '0b70e298cf505aad41ba1720697dbd6a34aa97b9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a6d428f2703d31956888ab3ed7051675d4e65c83', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0cb4f8964a0bfdf9e87ca7f0cf8c49db0e08f5c4', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '9967c3f4eeb09ac42cdec64111b5a1ef29b09ed0', class: "page_number_text" }, index.h("p", { key: '30bff3d60e8f93921ed0cf71b85ae7159dd89bc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'd54c7ab2ee37d3a1781603a182da254e0f23310b', class: "pagination_btns" }, index.h("gb-button", { key: 'd0fa7ab00d4e16580578df1e7c5fcfb914646467', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3b94e6088c25103541ef142f49ccc66da268950f' }, "Previous")), index.h("gb-button", { key: 'c809ea19994b7a7f20917ef83a8604603baab2ec', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '5a9cb855a313b4132c89b01d6a1b6db321e5b24e' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'b883e2668b489f1834462194a5729a1cf6aa65c6', class: "pagination_btns" }, index.h("gb-button", { key: 'aaf4adade30ad649c0bddf3bfb081dc7687646f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'c7ec48f12b87762f33fd927bcfd3d622cc1d64bd' }, "Previous")), index.h("gb-button", { key: 'b375994d42ac67092d49a98e3101e0d4970195e7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'cf2811559077dec13fc75773d2438dbd6c4c859b' }, "Next"))), index.h("div", { key: 'e089849f54f06e1c39012d299f54af5ecf580a01', class: "page_number_text" }, index.h("p", { key: '5b02d803cc43c70e0be4a50298d25d3c38bac0bd', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'f9d7ee55ed0f25725741279a572006d9789c0b76', class: "pagination_entries" }, index.h("div", { key: '30c9defa71c7fdf14ed4a8bd2183557e91a58872', class: "entries_text" }, index.h("p", { key: '0673ea61cb464867d014bab7b4ff7fb247a2fbc0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'd34e63823a8ac2366260f22060aae78af0efbe51', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a6d744a0f504fcc1ddbe48a3f096d8661c0fb714', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'c81eb72a85a2c55e727cc1b556e1c644ba930d42', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a9e6b68a53e0f8051402752f7344f218047da404' }, "Previous")), index.h("div", { key: 'd2ee96c28ee385e091265aa4d627eff0e4ce0bc2', class: "page_number_text" }, index.h("p", { key: '7b4067bc09458016cb4f04e8c7dab51410e23b8e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4f5561e7758db0258456d07c4fcf4519d68f8396', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9a2ea7f51c2f90a0d1528b92c572bdb13a8890a8' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '03506b71c8e79e4aaf8b91878a0127dcb19e6ff2', class: "pagination_entries" }, index.h("div", { key: 'a19a4fb4ad709e4363e5e063b7d652fc1263aba4', class: "entries_text" }, index.h("p", { key: '6212f4ffa07c83f30770e9e3ca8a0cec22ff1788', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '956a949587eaaa70fca1a0d520004968c3c11e67', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a29d499d0faaaa94c4fad9544b9262e53495ad71', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '92e7291676d9bcb154a13062b0b85ab6c99d2ce5', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '27acd487f71e739a79e6a0b2145ab10773156332', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3c78451f09796ceb2a48562af25effccb642f0b7' }, "Previous")), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '0e364b0754d732dee81e648e6114f4962e251762', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'e556935155c5f26608b2a174249ba9534670a8e8' }, "1")), index.h("gb-pagination-button-group-base", { key: '0bec468b4d75a47ef01d6c8ba582ec3de6a8315a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '23d55153993a8536122e770eeb0243578f4e7194' }, "2")), index.h("gb-pagination-button-group-base", { key: 'd341b749dab78a35f47185231b0336c45d92d8bd', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '1f34893f6dda7be2dde5988b9831b03582db8ff3' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '1790ef96b2788335654520bda8eeaa06d7e37226', icon: "false" }, index.h("p", { key: 'fc3d6be37715ddc7520ef2aabda14e0f4a90b4f7' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '183f42e0da4348ba46ca46d9024b5f872e2d3917', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'a5cf98f4d8ec852e7a68879de14bc4f1d84e7854' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '9dfc0e3a876e91bf933f2574ba802ceed1847255', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '4c82dfe34c0a6c45a867a80dd684520e8fbdd647' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '66cb9ba12265d84d2108713cc11c8490b8abed50', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '7435934af830ad64f6a9719911bb99ae38ac9a17' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '3de4fae2d1570d3b508bd1e76f2ccc2171637238', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'a62b2c0e617a990c2b1b66a53c9b5bf6654b3d06' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '390ceecaaa86d24264b8c25ad8503bf324cedff8', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '11b3026e73704eed2f70ba64798bb546b2bf9560', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '595eb2e6bcb3a916374f96479bd9243ffcfc0820' }, "Previous")), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'f574832c08672d7feeee22045ea8747f7a0b213a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '00ae156e1f029493f63df9b3d0bad62b7b49f499' }, "1")), index.h("gb-pagination-button-group-base", { key: 'fa74f9647c56003baaa24b3c0eaf64906f8ba8cd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'b67f7a7978e3f2733805c43f0f864044cad9d49e' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e7128a91661a92928ad9376b2da30f6946e5d09c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'f43a120d1613136b81e75eda27203010da605c48' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '2a209637bcd0b018e48dfc47602b247d787be075', icon: "false" }, index.h("p", { key: '7f33549831747fee92cff952289ff537ec6116db' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'a5b1ee081329da7b946ac81f7b54757f3c0dd0b6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '63d2422485193b8d1abbc9048e75c745e3e6019d' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2d5b435e11bd736947888748c4affc3e5f6412fa', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8250eaaa1389c16fd518feee536deeb431d94b75' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'aa2d47ab55960e6aebaaae22efe5e4f9ece05483', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '0db76365a0d3b0c7b6a59c0ae9e270d87059dc68' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: 'f4f97f006b6b9bb287cb59eaa2de9fc6893cbec8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '22c906bad33f05a2a2277bd8d0d687fc98348627' }, "Next"))), index.h("div", { key: 'c99268081ac677184b006e6fca5bc3e698ef4975', class: "pagination_entries" }, index.h("div", { key: '0d1ae9a2f2d8844a40ba190f3c6220bd95461d68', class: "entries_text" }, index.h("p", { key: '42d9ffab3c4a3fd2709496dcb79c655b4b1f8385', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'b81dfa980228f693097fcb232ac1ccc053c73f1e', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '6d5dc2d71c17579fab023323066270c60d65d18b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ca1ceedb08cbcbbc348c588cde1bb6c7eaea2712', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '67b84d5439c162b2d8b8bc2093fc4d92a3304078', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '407a443957596bce5449db85e2d37f24fe528bda' }, "Previous")), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '6f17ce8d9b060adffa2eedc0b714a52642e57229', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b5c831ce6ae8a7b0e122f3031bcbf334ddfecb10' }, "1")), index.h("gb-pagination-button-group-base", { key: 'e56c53dd5dc4434ac58d330fbc57e2c5f4a3bc6f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ec0019707fac5d1f9e9ea413c9646de4af6e5d15' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b9aba3e8d6048fa71626344757f467ea584ce58d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'e4e713dacfc5dab211f562eaf0ee7941ba8bf912' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '63dfda4d786061adf080d2ae55f9be3ca05a2e31', icon: "false" }, index.h("p", { key: 'a04411a812fa20fb896ccd836e1b5a5046c763a6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5dc73900da3b54d7e8d0870c5580b00428a953ef', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'f7ed79c58b6ec6f90b07a819d6ee3a3c120597c0' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'cfd35c1c9a7470034fb3906124135bcf1cd77b34', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'd0c9672659e285683f35b01af1e26e7d408ac369' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '48664a191309685f1831ac138615ed3521e3cfe2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '623257224921b93be1fdfe88dfa520e215ad12d5' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '76ac7e54b3484d83045567a9b11248f84b91b0b2', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fa86883c4f24de8b48240e3c435e389ff0882330' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f5b6671256e7511af65760e355cabc0ddce04b17', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c3aa97161fe907acedf996d2409a1bff935c0e4f', class: "page_number_text" }, index.h("p", { key: '40ffcd3c315743dc97076df6fe44c13429729740', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '8201a5a5d4af24fd9dc10af0139fee6233b20d2d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2d6794542b183d9443773aa5e18671693f7ce92e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a01b851580f6bb2bcfb8d5082c52cb77463112e6', class: "page_number_text" }, index.h("p", { key: '242c1f667b5153b8526780e1acf165056278aea4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '1248dc10f672cc081e08d81105655ff605b55eae', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4e6fcd730c069997ee0fd573a6908f26d11ee8a9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '6d244d751ab6593fa220894a3fd1197c8fc67c56', class: "page_number_text" }, index.h("p", { key: '0b560aa598d5b638c0df04dcf047496df8308541', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '98075c1e04c964d9d3ea0267e95a6eed7a75f87e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '5f526b7b5f9cfabf9374f3520eb9836599ecb80c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '226a36ebff26b76c2160a89b883962c6dc829a38', class: "page_number_text" }, index.h("p", { key: 'd8afbb3a232415f3ab67c9e30acd9fd963216166', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '970d2cdf6b59ef5d23da603361f34c4a684f6a3c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'd65ab666ccc374c733bcb0455d220162510e68dd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '80ce6608aceacd1a14d37d2f85ff1754da815a46', class: "page_number_text" }, index.h("p", { key: '722bf896e719280bfb62b99c152d3b37ce8001a6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'b93fed8da469172fa52403acf2de80d522f5e70c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '858b37075901497bda2d36d9bffe944c440e298f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '385db25c9e52ecb5c4460af2151fa2b1b82e0cc8', class: "page_number_text" }, index.h("p", { key: '45ce7800b14e17401be6ca13973bae869a242f0c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '9a66b6f2af6ce0baf29833ba8b9981a1b3d204b0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '970ce15350c3efed82c4b8a53ddc4c808461b066', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '279c595b2ee6bf331433facce82a833cd71873c6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '4543e3394e38a53c1294ee5162b83625bf19dd93', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'e613bbaa606e2c70e2bbcbc337eea7cfc20193ec' }, "1")), index.h("gb-pagination-button-group-base", { key: 'b76d13b2d8ebaf129e1de95b1a6d99be1a17bf7f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '3babdcec097a0930f6c05859c391ad0aef6d35bd' }, "2")), index.h("gb-pagination-button-group-base", { key: '62fb1c5c06655329878e7dd88acd6d6573e7174c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'c3e81af44aed7bf9c3b7dac8e8df9a1e072d3542' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '036559d282c776dd39d353c71366ef6059f86861', icon: "false" }, index.h("p", { key: '065df3bbefd9081c18015cdd22f9600ec7f3c4af' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '4f57b3d6e6e269feb43e5c36d48b35a3baee74f9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '6025673d2a1199c90a5dabbe62266acdb1e2a001' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '449eee4e75fc496e9133c2068e1460b39b91dfb1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '81f9b33471406dcdff5bf5a7a908bb64aaa4a0a4' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c55a52931302b5761b12a7b20453dda428c9ef0e', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '88fbbb3326268c19d5daa5c04975503d0e7ec7b3' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '183e505604d5fef4b5c009c28f2dedf57eb5bb11', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'b0ddd0e4cd8bc0be03f457bdb03903db2c36efba', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '34b255bcb67df2cf87ec460d0c110cc9ef2dd0a3', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '602a185ddc062a7098fa2c868a8cb07d698b8b2f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '29f990ba700e37ed82fb330638bef82f0179c057' }, "1")), index.h("gb-pagination-button-group-base", { key: 'cefe45f37d7364aee8cf0009c2d7a4e46ebb79b9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '24f797d32ce95298a506afe78f7b558815fce0a1' }, "2")), index.h("gb-pagination-button-group-base", { key: '574fecb3fccc1729f56727ebddbcf11df18c29d8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '62a109cac0f68c5b452d1e22607c3b9d0bc708ce' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'd0a07c12575734e3a1f20e0f2127405722e48776', icon: "false" }, index.h("p", { key: 'ee39ef297fc99235a4214bd0a5c81b8f9fc5f17f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '18f1e6e9dd23a64560bd6ec3631dd3d99c3c3462', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '2f78e30ced444905062a88095d38e776ac765385' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '7236eef9913636eb8c72f1858e6fd2bc29200e84', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8b872aaab87c6653b4abe80b2cd24103cbd32e29' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c2a22fd15a3fef03a5d45b70881306be270ccd5c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'c970fe52f6df2fa94470f132c335aaf6abcf0f78' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: 'ef49cd503dbebe685f2c7733d0e71b40e89b8239', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '82575cb36e5262611062d7db28781bd36966f2c0', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '9834038f057543531e7a6fc8e3130cb50ee16c70', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.totalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.totalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'fbfacd0eb631cf70d5c74cd42915c784d9853a41', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '839c1aac5fa491470bdd420abbca8d9ecf4b340f' }, "1")), index.h("gb-pagination-button-group-base", { key: 'e9eb586b3274d1a5a868364ecda973d745ab8a6b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ec8e8ca3d68fcf37b1fbffce935d351e4fcc0d11' }, "2")), index.h("gb-pagination-button-group-base", { key: '940ea65dc68f441620f3a7c71b6891f70d73fae9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '6ce675a16bfea466c23e1eb08389db459a8c9386' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '2dd05160a100a3a99bd6f9266f1eb143516e929c', icon: "false" }, index.h("p", { key: '15f8734f2ff03389039f7c8cef355e87ac6cde20' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '0f6cee89da5e8d5ab681c2ec5c618576c9743fd9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'e49ccb3f83aabc5c904de16abdd0a49f35725405' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '5fe93c08ec9cb59c6a108f81be622b749a0c86de', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '875610138a824097fc7a2d62d055e2744bce54b8' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'e0d899a505bf1c7fea994566a4c0da5e3153e4c1', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '8e288cbf1da6959a77f2eb121469a9bb44ceee58' }, this.totalPages)))), index.h("gb-pagination-button-group-base", { key: '1db3c949146a5404b28358e5679f583c9811959c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]