npm - globuswebcomponents - Versions diffs - 2.8.8 → 2.8.10 - Mend

globuswebcomponents 2.8.8 → 2.8.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (432) hide show

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

@@ -3,6 +3,7 @@ export class GbPagination {
     constructor() {
         this.currentPage = 1;
         this.entries = [10, 20, 50, 80, 100];
+        this.entriesDropdownMenuPosition = 'top';
         this.selectedPageSize = this.entries[0];
         this.pages = [];
         this.width = window.innerWidth;
@@ -33,7 +34,7 @@ export class GbPagination {
         }
     }
     componentWillLoad() {
-        this.internalTotalPages = this.totalPages;
+        // this.internalTotalPages = this.totalPages;
         this.pages = [];
         if (this.totalPages <= 5) {
             // Show all pages if totalPages <= 5
@@ -50,13 +51,9 @@ export class GbPagination {
     }
     generatePages() {
         const tempPages = [];
-        if (this.internalTotalPages <= 5) {
-            for (let i = 1; i <= this.internalTotalPages; i++) {
-                tempPages.push(i);
-            }
-        }
-        else {
-            // Optional: logic for > 5 pages if needed
+        const maxVisible = Math.min(this.internalTotalPages, 5);
+        for (let i = 1; i <= maxVisible; i++) {
+            tempPages.push(i);
         }
         this.pages = tempPages;
     }
@@ -64,8 +61,9 @@ export class GbPagination {
     // setTimeout(() => {this.totalPages = 5}, 2000)
     // }
     onTotalPagesChange(newValue, _oldValue) {
-        // console.log('totalPages changed from', oldValue, 'to', newValue);
-        this.internalTotalPages = newValue;
+        if (!newValue || newValue < 1)
+            return;
+        this.internalTotalPages = Number(newValue);
         this.generatePages();
     }
     handlePageSizeSelect(item) {
@@ -77,10 +75,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '244bdd35a75f947b09970e40de29dd60e8296fce', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6997e96f20f2d72a437ca21b05938870f5815429', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '766b6bf41613a47a7c90b564f612217480a2d0eb' }, "Previous")), h("div", { key: '3897a0885a9891483928348486c98008328080bc', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '38f3dc86b85b7af4d81778504f93ebb45e72149e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0ae63383ef87d8287c079f89f9f0ebab873f0cb7', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f0a0750d6fa2045680ed4a543e11e04972fc5c48', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '78ba3098441b6b500f995053b0c5e6cef98a841a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e2880c8c8f88ef52371a6a9df8b20bf20757419d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b4bbafc211549092d2f0be0e43da08f6a66edb97', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '31bd38a0aa94918392254d99c0d54a9200cefdf0', shape: this.shape }, h("p", { key: '8e61bf805900f8fa9b476976843c840679f82103', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'eded604b8e31a21c7bcea6331876e95a45475e6f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '17fa98dffe8811145e2ef6e578671888bbc0df54', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'f66930f259cda8e9bc7d9b538bf3ac673093ea04', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '3f99b93c59b951bedaf58c70e49074d1b4c03bc8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'd06fa6b9440cce99a0bae1dfbedc2f920360b0d7', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd2eb5e20ad12eb0b4d2689a772f18da5b1c09650', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'a13fec91ee4fb468c0e0394078752f70c9cc7761', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fbeb137708f5aef7ac98d97d522c301f147952bc' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'd8a78ebc9c8bc4f08db6542e49cc77435131aed8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd9d7f9747ab7af1f9a75be8c08b7e2adb503a706' }, "Previous")), h("div", { key: 'a9982c93c15d1a00ca5e9bededd6f13929d2f35a', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '8dad70dcab17b30bf3d657a77fedd0387d7f7011', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '6b54cdd65d0079c6cc0eb40a93ac59b3224b4704', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8834d403df57242e16556e3f1bebfcbb9db8ff4d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '24601d55ad767cae2a1355e63c7b93fe99b070cb', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a00c009ebc744b3c4a9e143315cc34b8551040d0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c0cf089f144ae514cff72fb84cec49fdde7200a9', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fb76bd169eafd7e9584520eeff648b0120e8ee3c', shape: this.shape }, h("p", { key: '88c9910766888b160321919f404fb813d5e989e6', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '59469931a290023812a81c82ca2ec0c9b35a52b6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '551863c7d8f3d1f0b7f00ebf891e157000b1fa8a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '9a1c1ce56971924a93423fcddef31479f4e878a8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '1c72092c725c6ba12343548df5d4237b39857372', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '4ded6652f85df8bbc719b147df616f23ae920980', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9011b403ead986519cd2979be5439fedd5802aa5', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '2be447fd522e7348d9406f76487a4a34d23c893b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8601a1ddb1f8b41b39b64ce069121928dab7e0bc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '01685365a170f5d33aa70551fb58312b538b2580', class: "pagination_entries" }, h("div", { key: '61491d8c04628ca44bab24aed546f7653939f5f8', class: "entries_text" }, h("p", { key: '629cabd4060c8b32030d731ea158fae1613707e0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '152fc0179985661e6cfea0c630ad36d74260591b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7ad785334982adac8333559e3dd1a38662f6ba80', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '8cfd8f52d68978f7c7432ed800b3f428a1ff7484', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '594e04af5eba014e75ec9378aff97bb46f86018e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a5f26ef08f4477e9b56713d20949769140d75cbb', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '3a03e51ab5ecbfd1a97513f8d4f35f5ed409007d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'bd75ca6dda0f0f2c2074273672d57837e030d4c2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0c27d0c43edd3370d3eead2789c9ca4fd19dbf9a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '4a2113230d0f2e15c6137982d4901a01584806ac', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9f387e323cf0985e9bf5c21c6c3616133c981bf8', shape: this.shape, state: "default" }, h("p", { key: '4af53fd0cf0286e89e61d0906a95c7d1d7228723', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '12418847ba4176398f8d806c4ba618d5125349ec', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '5eac6801aa9326ef0043be8e10bc41afa71979db', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7f4c5e68d6c1c0c9e12a26bdb8ae7e84a8b8299b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '4801ac35036bd7b92a0f7850c708dc247f23aeb7', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '8825d3fd5a589e18de4547c06b8eb57b15a65a0f', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '6bfd36aa401fc90100fe535658fe0235c19acb94', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '719366bd751a08a5e047d58b8ea79414900fb38f', class: "pagination_btns" }, h("gb-button", { key: 'c0b466b59269c6f36ca14024406c0aba3b8a7939', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '5e1c8c51058d6927ad079fd1a734968c669460ac', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8e0ab97eceeed122b98226fd4ffc9bfab356632d', class: "pagination_entries" }, h("div", { key: 'fd2bda49c4ed56c1d4bf61e9325387e8a40cbed6', class: "entries_text" }, h("p", { key: 'ac3f32f7f4434de977a2f956f4934e00f8282801', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c5d0becc66c9f9c5cb27edc6099485780f8425a8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '34975337f102d7aa0f32226975b35ab4780d2dee', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'c1356c9e65e89b2d0659de46ff855855943c6102', class: "page_number_text" }, h("p", { key: 'd55b4ce8db12866bac4d418f7271c24d74bb52a7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '44b1ed702f3e7e558ad21d42e613684f5a6d31b5', class: "pagination_btns" }, h("gb-button", { key: '63c7a0112bdef769abe23bc093aa2b55d482c53c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '74a5cb97cae1ffcf42cb7b496edbc9c93afb9623' }, "Previous")), h("gb-button", { key: 'a25ac2b1d49be71f0d8738ddae17e6617a78fa3c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7c87903c108a4846dee37b0966dfa9be9e4adb78' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4246728b7672891e0fb35952214fa00f8fd92c1f', class: "pagination_btns" }, h("gb-button", { key: '1cec8ba5c6e7ffa4ebd23f35835dcadd491cb2ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '20419a57119e6bebd656b41b54ee6cc003ae651e' }, "Previous")), h("gb-button", { key: '8841a2f7b6782ca9cbc456d1762d397e307396e7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '30746e4fbb134fb7aee83105378684f9356257e6' }, "Next"))), h("div", { key: 'caff6abaa4828e8b04ed006ed7f2b8b2743fd5db', class: "page_number_text" }, h("p", { key: 'dd8ae9fb1dd43308b781713209cd16d8815000c4', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '06ea9b702b62ca6a803b347a29300314bab6179f', class: "pagination_entries" }, h("div", { key: '0d55ddd68cbaa4e10f78305d505cb0b724bdcf1a', class: "entries_text" }, h("p", { key: '03a079ebb2510e5bd1f674c4f9f2e110bcdeda67', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bf59d5cf2e2984d83b09370b0ed845d279b3f65c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'de78435a4fe65b5698984406205a4794e3d8491f', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '507990baff6f2ec68dc9dc1896dd1639eb8de1a8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc56012001660a93d43ff4f122f16b17c0c52245' }, "Previous")), h("div", { key: '35ea5dd1f6fecec2d8258072f264d6ac8dc8de50', class: "page_number_text" }, h("p", { key: '1ea16068dfce50cc728a1ad4a3023a43be15d5be', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1fb6810379ddeae5fd051b35f8ec66ebc1280ee4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4873fa92534c497fcf30529fb83d70a648a52c02' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e9bfc7f47be6d23f671cda73ba75178ada844025', class: "pagination_entries" }, h("div", { key: '76e9e757146416f44aa2168b1b9234785f2e9808', class: "entries_text" }, h("p", { key: '05252b4c6ec69f43a83868770d46e01a92af368d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a2e861ddb7d891b9dacf16400f275c08e45e3931', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '92790a4206cff31b3c21fd2009e16d3267aab6ae', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '505d77e5b6d077215ca340facb71b0341c3968e0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'bbd4ec7ca66d12b0aff8583b523592b6cb21d09d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5c9badb687877ae1d53e958c5d7756e1501cc544' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e14c850e0c2c81dbfc80a9f0b12162f21368f75f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a005a781dfc3dd954ee9fce070e02f1b72dcb7c1' }, "1")), h("gb-pagination-button-group-base", { key: '68e369a9c956fd850876be763025b08c81ee2bc4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '60528dea93fb2d9936a34968d99a41e18aaccae9' }, "2")), h("gb-pagination-button-group-base", { key: 'e27dc237dbb2ac30a2442587e6b1ee53a0ad44f5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4aba03257378d44d41f40fefebdc4ee1013e4862' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '35f78be2895336438102986925c70d37e0f6b42e', icon: "false" }, h("p", { key: '93edbcf554d4489511796e8a696c79aebf7b0f70' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b87060389e93412fcc4ba91c48bff557e05619b1', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a23901f811922b497f43df506a3ba7178211928f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '39ff92bd67c5b1949de7cad0acf6fa34823ab28d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'c80c8e3e69e6a01ba7172ae56f16136415c1318e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4f81a994540d931da3160be91a43de29037f39a5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '49546a594d655c7f02e25bc674229fa9d90a0fb2' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '918a2934b7fb877e504f69e06917a74bb2eaf82f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0e0c1f155f2ff5f7d49324a8e442d146fac0e23c' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1dbcb93136332f83bcb331b4ca8ee2a982b0d5c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '240272cacd75ec0fa5eae023009102fe89209d79', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '64c84bfaf9ce348c5a6060b3759ddb8142d77c37' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '30968e1e50b30794f76517d6acddb853334b8886', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6a8230db035115691f8d6e2136dccbdda64eef1a' }, "1")), h("gb-pagination-button-group-base", { key: 'c372ca9383e9558b820f762067f7c9d9bd0963a3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '77cb4031c9e557d22aa41ab47d4794dff73a26a5' }, "2")), h("gb-pagination-button-group-base", { key: 'd9862d1d7f393f0df38e5b73f1702f90522952ad', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e83e93e5d2001b4c5cced369b0cec69bf22b95e6' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '88bc52029fe64807fe2af15fdfa76672ff8e28cf', icon: "false" }, h("p", { key: '9a78b9172fcece1b958146b4a68c39b31d690ff3' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '32f675d5538cd777bb586dceee3b8b9f332bffbb', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8e5eac50ad7b3d20c1d21493bdaff85af2f23a96' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9e84b4aec885b361ddd678935d2aba2303cb2d5d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3ba50e73ef179254d10428ecf38a936833b6b5ef' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a62991d1ecb1f861a29af9a95492da76da29380c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a0b5273fc61f4c46e9fa6c0be0aef4bdfef8e29e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7f0f036744e850aff73b763636def8b7f937009e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ffb16a4c57c156ab08e4d4623b56a73b854373d3' }, "Next"))), h("div", { key: 'c2738c414292e6eda5c7d0e0bc3b1cc2975cb3bb', class: "pagination_entries" }, h("div", { key: '90338e6123eb7fd80183215af00b2b10b8b59252', class: "entries_text" }, h("p", { key: 'eff67ffab19bab7f9ea76c4d978402baf34480a0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5c17ba499b5cd543b037602276b40312fb6a12e4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd1f7aa746928053a2aa2074e5fa5a127656d8ccf', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2ab0a3d7ab088c2ac936cc4a605cb7555714c01d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7763d5a096694ce58e493436173a5f3e6ca8a7e7', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ba3b7d2211e0b43427e75e0fcf7bc8f0b87928d0' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'c564878b65914a0f40fe159ce2ba181c3ab40394', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8d4f1f9d9e04e670505be64a4e536616660ea542' }, "1")), h("gb-pagination-button-group-base", { key: 'ac7ea8860e57bf7ba680e24463cdac19f79caa29', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '93764a7ade8d291222890f6b834455e607454187' }, "2")), h("gb-pagination-button-group-base", { key: 'fcccbf20d95753ae534d001278729f146f80adf7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '05387b0619c0d5fe653b3895775b15810866efea' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '40659d1951c9e2d1f842a5c29d7d58f25ff50250', icon: "false" }, h("p", { key: '76639d42e03558fcd4de508c02042731d997aee1' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8be4c28cc0d4c3952519c22d526f949a538c973d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '651eef4da0322e995ba1a3218deec9ff51fa1f7f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '961a00b9eacb9bd2c689f268ac6033748ddb9fff', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5c798cc3c5ba94503cd4e108fbfb6e3b3993a69a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '646750b621d7a7524b1475f85a9a108213adc7da', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1bb2ab569bddf63fb4ed8396a73345c2e64db7bb' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd5899642b347bdd69c169d705f2096f060f6894e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1c17502918ad8ce660919ebf77b2caae50679e5a' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'ac649921785ac45f5e505d0a348b3a2eb2da3deb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0d0096c321821e9ebb732dcb2c6ed633c2cab244', class: "page_number_text" }, h("p", { key: '666bf75316d707b462afe4f73b8db912415d2e8a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '852ccd5f4e02cb5014ccd55d8c200cd2c6e5e133', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '6f250c5326460d279afde09db9ebbe7f9e06df79', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '7a169a5477eb7c4a7ecf1e2a3f242c594d23d5b8', class: "page_number_text" }, h("p", { key: '04ef46dc1d0cd7c1084e591257306f1b629bcb44', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7f23a6dd6b682246de9ba758beda0ba88f772cb8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '85b3ccfad5878c04e648e6aa2939a86b6e9a59f4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '04d5d9918f33fa4d0e6e2d34d7b247730d60476b', class: "page_number_text" }, h("p", { key: '94e62f2cf6028e11d8512e689beb3552084c03b9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5c2a667cb45f820f08ecb035d910fa049ea95b0f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cbf2b22012d6f4966d20f43ecce1e5721aa40b61', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8d0173b229cecf623ec33fdada248c929237d8ab', class: "page_number_text" }, h("p", { key: 'd87a07cbf6e17b8a98c1fdfdf30aa1377e18ef54', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a98797b36a046e1c185f8dad8b04dae9d221a672', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '30ccf2da359f94d6055c7c8849f0ec920ddc7323', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a6d45956085cfdd212ec6130bc52e7029100a34c', class: "page_number_text" }, h("p", { key: '9485d3124524bbf297c856dc8e6aac89fba11538', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '2e40877b51de43183fa55137b3e9738ac8a27e5d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '172f106f44894f82fa26ae90ec4de5d229f0367a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'af73b4f999458c6dffaf66a62bcefe8802c89345', class: "page_number_text" }, h("p", { key: 'fd67a7323b57c6987d43b8448b74e2e4459b3ec4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a1a2681738de2a7dd7ffeb9a6c4be1fcd89763b6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '3e03cc2521e5324ba5027aa581939a15d24b20b5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '94df9bea680746a904456bd228f4033791cd67f0', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd50e2c6ef9206292f700be06135836474ffb0781', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '91c5f2111197c71c71e6bcef7c16632c8721138b' }, "1")), h("gb-pagination-button-group-base", { key: '1542dadb0d0a4ef63fda9443a6b3c229759c1b26', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a75fd4a416cf20eda45b4f65ebef80bce52b3377' }, "2")), h("gb-pagination-button-group-base", { key: 'b59e675550c5e6c8a0d3ff7d525057114b5fa34d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0f45414dfd05a7c9676e57c6ca6b552643fe6518' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '68bea7d6b009b3f48541fcbc02539dbc639fa031', icon: "false" }, h("p", { key: '2d17796d5082a219afe5642b0745cc2b9955e391' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6804a5f45726157fb4bf5955fb732c0ed07e517d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'e79f2f6706ed25b97770bb2483dc947dd8f98db9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '04c1beb1e3e62fc09051a2fbd36892765a8ef40f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '924291ed2e71550940a478d6a02711119755fd4d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a45240e04f2b93aec5648b7a171afb66949f0012', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'ca5e8688a9566047e879b979418aba70b1216091' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fd61ba7f69126eee4ac30a496e963029ecbddfa4', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '2a7a743f917885e69eb5f56bc4e244837e17f3e0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '2e4f096b48256900ac99c049e0b8bdd2d0662288', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0d489db748caffa1c175508672a4dd0d6dc6f14d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0df0cd47e68d8f40a8755bad8b21e44766a384c3' }, "1")), h("gb-pagination-button-group-base", { key: '031b8a79d3c8844023b54895a77c7117a020fc90', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '64e3c7d27959460297b7fb7f344d02a59ff5f708' }, "2")), h("gb-pagination-button-group-base", { key: '8f2e7c0af8ee334f2622e24b255dd925b22e3f81', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c6af0c3e764eb07d68b798f3f647c4a0eabdfb38' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6555ac17bff087fe1e2d109bafa24ace7a911c21', icon: "false" }, h("p", { key: '7ab4fd15c67523837481f308408c06c91b10aec7' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a6660a0d496a973fffa39a80c701fba2bb72999c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2587f7a40e29d0024a20c7c69852453c6e1e7d42' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd2ec3463403c9dad825249df4660d50d8ad1aab8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b15af0c721a74f79ba0cd4fcfa1cd4ef379e144b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '61368a116cdb584f1e5baa8636520fbe91f30b5f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '4bb050cb25a5c148a7556e3d134a756478db2fce' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '961adfcf1608d5425e531ed49e66394bb70583ff', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '3f6f66f658d5591b71556550da37d4ccd1ae9f03', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'f4d4dd661712c48f18280a6a1281852076d3044e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '15b12031137e6c7c4791eeb1598709fd5baa9852', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c37ecf0bcf30e38cc7d5a72b56cd70dc13e1ef11' }, "1")), h("gb-pagination-button-group-base", { key: 'bf34cd15fb8a6fd2fdb65ccc6a2266fd3a999d48', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5c8fe2b87983ca8c4d7b290820cdcf3bc76c394b' }, "2")), h("gb-pagination-button-group-base", { key: 'ed8cd422ad0c2b01c4bbdc0bde3ba234b7759a0d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2fede9ded3dbea7e0b76baacbf5914db3da722d4' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1a6d938ec84ba7c25594eba21ce3cc050cb5a82b', icon: "false" }, h("p", { key: 'ece111960aaa0d26c2cc6110c1761fb437d38e19' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd785d057e2c2447c48a3889570070375b778c977', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'bc712cdee30f0c9b3c29f287472612b192ee7890' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8cc635e371afc66774c0cabeeeb8cec8aed720be', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '8aa36955a7f6783bd444ac5724435c7937a56b4a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9aad8ee4d32633372b0ac485938f033aeb5fd6b6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd168d030243769249b3934ed6327dccb18523ffe' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c5de3ccb3f26bd608164249f241ac872e6319439', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '1d08d3ad48119b17d17aefd79b79d018a172c438', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '96ebcbbd13237f3405679f18a8536945becba299', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b61cfa42abd027e087dcdf3aa2a823ce1bbc09d6' }, "Previous")), h("div", { key: 'a5bcb9bb0ca14cd92f5d1236d917bc07b5d0f574', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'ec4c68b20f6cd77345527a8605401fa337c5e943', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '35a08363d2de42ef4b906f2e8418773364fbfeda', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '6aa11b7843fa618a729ce873a7721c636a8b525a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '73c14a368a646c015cb4ee42c1288796ee21cf45', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '228df6297a82e86926f8a0d00aef082ffc0e8db0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '2682f886f14e20835b00fb1cc36979a61d20c16c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3e09d98d39d4a94eb7fe893e75fc4b473ac7a666', shape: this.shape }, h("p", { key: 'd775522d036f647232ef1187ecc33801da15d61c', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '001c3b70ab9d929979b9be8c95770f66428b1dfe', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '90bf3c0fdbd39d81c8c81d37e9b1fa4dc68a0bb7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '958f42337a300262a84574069a0390cc3e6b8249', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '77f961976e64fd66e6287fe09ecc9ed66c4c57a0', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '3aec7973463a4934a5e04ed78845b9be77e12e66', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0c723009a5acdca758fcb152c64b8e3bf42fe458', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '0431e69aff5dda2807e056fc09b047498a3b611f', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '878b7c820ddd9d11b898fa4f2b5397b5a22214ac' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '83ebfd1f8c9e6b06a0b26a61ec78134c536dcf9d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e01e4113aa216ef9d5f5e24c9bfdfcf1171c5d84' }, "Previous")), h("div", { key: '1606c68c47aa0533880ef769cebde23d486ea05d', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '72e782d430301cb34903f82f5a638b73371601b6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f25563af9a5120d8d7ad0c1dbed368e6b76e3d00', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '92a2a31a944733650d7c6f02fd95fd7cb3017bbe', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '6f508838c662157bc17b3b49eb4681456032e967', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b77cc31011662fda9be9857c2899c2f837bd65d5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '2e28dd1568878336e00092657d37f64cc3a8d8b8', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '2e8891512c248e33698b2470e5e5cc1aaf1a60ee', shape: this.shape }, h("p", { key: '63b3664858b385c26e80f22c232b98f1fa6cc954', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'cf5f5a85a80cc38a1766ebbb05b78c44d403f8eb', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7522dcbbb05719859f31ad3cb276344bfc104dd6', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '47b2d400f174852bcd5a63340de0df047eaf0bf5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ffa821c2a9b89f99ba20f7a6323ca804587b6653', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '03d687965d06da4f9cfd8822d46e19ee7cc61eee', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd6ce44227829e2d6590af39d22f14c9391f51ea4', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '166ed1b023f0b376cbc2f11b8969243c9676c36e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '956e2cf5db5f5452732331a24e07d98bfa13caae' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '667643e80dfe26788c96f3c2215e85eb55d9d828', class: "pagination_entries" }, h("div", { key: '535a2d8b2e4ff9c8a15cdf47af57fc71fa4f0af6', class: "entries_text" }, h("p", { key: '85467f8c23261d7f7d3032a1b122031dbf8a05d2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'db7069ce5d0a8f261b761ab6679d42de741bb7ef', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ef39384c41583a28abfa5799fd9cd6f39012b6d2', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '1171a38687ad63fea88deb06dfbe4afa595dce35', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '3669f91d946d119f1682839a83a4e44076f6a591', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '95c1e6167cdd8ff8e4d7e04e2a2120e7b9cad890', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd0e070019631f2849ddb01602da776dcd263d4d3', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5754680ae515dd4d630914ff5e119b42d9f3c8e8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '385ee9a233dbd19d89e8aa0fdbfe51d54b54e6a1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '521175d8b302a727718c1ccc858607726d69659c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a1a0ba1ec48ea8a43287c2866df4b44aeeba2b29', shape: this.shape, state: "default" }, h("p", { key: '2328e48bbbd828e265cfd38dd6dc18516cf94b62', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ce86f735fe2268abcfcaafd6a99af00ec243cfc9', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'f9c3feb2ffda05a2fa403cc3f9ad81891cbe2ecb', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '66acfe4fe5a7f51bd1ef8c51327b88c8f37e7a2b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c2156f97f2b962d95cef6133fa71530e20b49354', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'cdf2687483f4a1e1f1d5caed075f668c7fce23fa', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '86519da1dce9c1f9f0e3cf33f0543890630a5f00', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '9ae970c461b5281783bf41b2b43208a93bfb2c03', class: "pagination_btns" }, h("gb-button", { key: '9082df00d5a55ed1a86fb360d57652050d9c3b9a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '6d880a26f36748025cc4ebb9f3729049a7c4c469', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '78a56c0f5f9e51f20eeeccd7ac84beb2bd8f8418', class: "pagination_entries" }, h("div", { key: '18d4585d31cefcb85df1bf1002267790d303b4fb', class: "entries_text" }, h("p", { key: '4ab8ee0d8d02e6bd71a4b23a5b46d8f0cd9c0a9a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '48ba0ab59d07717aaddaa6a29bb96be187180ae0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'cd507fb54213242e2310299a7d82b76b5b4e2388', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '59b7d3d47b66a4d5f28321d6dd4e344535d52959', class: "page_number_text" }, h("p", { key: 'ce82db803821aefe692743ea4e8fc0c98466860e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'ea7925ad5cd46ba342ba342a61ba3226edac0e0d', class: "pagination_btns" }, h("gb-button", { key: '5eff22e9a15975e822488d8c4884e0308b1b5da2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7ec099d3da2ff46f7fe1f246044fd57693214750' }, "Previous")), h("gb-button", { key: 'b8c6ad399e20b75c56dc091958e20eb3352427e1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c76a7488723187f5b109ff50d59fb425cd86bbf2' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'cbc9598462dab6b02e429144b2b3129825039a72', class: "pagination_btns" }, h("gb-button", { key: '069c41d4ccd5e080a29cf1d2a78fa06bb5590749', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6f94935643e05fadb7d546549abbd5d5e1ff4831' }, "Previous")), h("gb-button", { key: '8bdeaa4ba5a096cce2d0c134e35a5ca3d6ceb593', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b620b20f18b955465ec8a6e74a7e763426daa472' }, "Next"))), h("div", { key: 'f612642510a0fbceab15b605eb168bb131846667', class: "page_number_text" }, h("p", { key: '441fa73759971e7d36376b3dc42eb79498befc91', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'a5d4d0eed50503037d318ad34f10ea7d587ffdfe', class: "pagination_entries" }, h("div", { key: '87a44a3a3aa57c5123bd688583a97afe1e11720a', class: "entries_text" }, h("p", { key: 'bdea40c3088362a28a0541a79dde86531189bdd6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd9c2a85d659542e4495bdf42bf5c9a958d5ee0dd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b1a384836fb78b1f33d90f48055250595c65e48b', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6cd0f1158c74ae6b121993ba2fbcc34c742f56c2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '45ed3731acee67db7801eb761fe69ee95181108b' }, "Previous")), h("div", { key: '4766d8c8776dbf194408c88e4afe7f6d84f19f2f', class: "page_number_text" }, h("p", { key: '37650c4b1eeb3d2b1c693e1a0412fcb1f396fde4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '205727376210e9e8ca93f6ff173cd5da956a82bc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7a3f9a80fb77569bc7bdf996aaed2fc7e022e0f1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3a6af44d9da6c09ec3607476a1bfa948461a8f14', class: "pagination_entries" }, h("div", { key: '166ab6f692bd8c2b6e4e6752a69b1e034b069e9d', class: "entries_text" }, h("p", { key: '484ebdb7e757980e306e2f3d89db4699d31df197', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '735113f8d3483cee27b8a55c019442188f50a03a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4e2a212641e51b4cda3ee296a3d3a132cf064ec1', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'dcc54fd3d39cffb04c9dd9582b46e33037585eb8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '90eda333ee219c2242ba35d095469d9d312b65fb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c5bd94e525bf43333695a741126d7276b6671ffc' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0867d971123d1c5e027856c8d6aac5bc95727e58', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'de2f09f863361b4b79f1b2fe5c705b9a05c1fec0' }, "1")), h("gb-pagination-button-group-base", { key: '7bc7f4575ffc1090288cb13dbfea92b4fc791f38', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0c7dff2e55a1b7375b579dbf4fd558670ba50502' }, "2")), h("gb-pagination-button-group-base", { key: '458d11471b7f9815e583dc0b13dba020087779ab', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f20de36a91a102c54e0bdb8fbc07b4fe59908a54' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2fc859fac83d9f1b2e5263e1731f9b9b6d2c2e5c', icon: "false" }, h("p", { key: '3a5299878f5e5498d94af04acb01fe815326b7ca' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f069b15c03faabc8b06ad9f9a7a8c107935604a1', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'dc3d329da7c326aca9aae7aa44cfd16ce4df9cef' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cdea14cb347c84344dc01f6663370913155562e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'f8c39dbc8036484ba9b626ae14ac9be89ca97422' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fb7a9b4671d4b01d03d7f62fbafb5e6a1356ecd1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6248839064afe1214380d62ca3c77322fb3ebcfe' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'be6dfe9eb6685d96e53d76bcbac586b2de768611', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd65a7609edf9c6548b654287873c1fab9e5c38eb' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bbf180656c7c1d8d7ef25d005795083f8e5ecf0d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5bdfde775309104d822b1fce1f5fe672d54bd0e7', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0a733d8b18788af2d77a9d25e1275d89aec289e4' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6a857fa0006a48c2585c27136db677a25bd97599', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '02b657345bf7a565389eab0572afa11156fa98b1' }, "1")), h("gb-pagination-button-group-base", { key: '7780dfaf63b8427c587a9b2dbae70fccebe8c8df', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2f3c1de66e51e6de255f8e424a2cd6101004cd54' }, "2")), h("gb-pagination-button-group-base", { key: '4803a3a3b0b65e35c0e18db111dd813abd8ee056', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '51ab87422428f6f305e50341f7ceff08b7dfb3d8' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'efe68a741c005f75793471194866429abef3817e', icon: "false" }, h("p", { key: 'e2a18b7815f46c6f76464235ddfcdae807769494' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6d9ceccc2a233015b1d86a62e296a27b0da9e4f0', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '1f09ed8f205f30970aca462e419ab62dff646967' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '33cbfcb1ddf207bfc0bf5c7998791b8bf0ec497e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '234ebdd1778c4bc473452393ff298fb6bc1f97d8' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '7386b1d833d97ee22085286f2c5201d81d5a43e1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'ff13d08b7a1f4f7886f15a8d282bcfecc9bdb59a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '556a192dcd15c8de36280d5c9b1a9715f2453426', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cc2a89fafdd693efc231a0a91c1e64fed0680151' }, "Next"))), h("div", { key: 'ed386c5fcfe1ad29d3b93be81fc5c7ce514f9d47', class: "pagination_entries" }, h("div", { key: 'cb5f8092c28bddf58a89de334a934466558cf192', class: "entries_text" }, h("p", { key: 'ee51f198e35a0c20d1c6a4dd4dda4d226e22dd35', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '31b94443a190d1e0908103cd9ab2926795019c74', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'dbc6b905ddefffcd7732ef9747f7646d36875e21', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1b430f942df56385856dcb05963f299757b11859', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7f9161530f62918ba6a39fb7dd1af1f34a1e726b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5c98f185246159bb44bb19e0cdbf50b9231b3a72' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4c4937f04e4b3a400ffa29a1406dec3b3a57f2e7', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0702c55270eb7c40792f2444896023ab4a8796b8' }, "1")), h("gb-pagination-button-group-base", { key: '5e97d0c76c9e581d367cf4b6144a6c6a11f1909a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1e03d3c68f5090388ef8b4ac5d05085aa4c50544' }, "2")), h("gb-pagination-button-group-base", { key: 'c4a27ca8cd4f91697f76b76c6a3c1e58ff5eff70', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '811e468b375cd177892d5bdf8d0de4d7e9d4e173' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c8247918296bf0d06944104a90b915a37b3ec42e', icon: "false" }, h("p", { key: 'f588904c6614d600fd906d30efbcd00048c27d20' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '4d952259bde917584b3269b6b9e469753b588029', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '34fdf8caa2feb06546addae3cefb6f879eea7412' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '953af1f34874f46eca7fba6bff787e4a611234a6', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'eb246b6818f00bb574bfb929eeb3e98523e7bfe0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '5d7985bb5fbdec5e9dfb73bbde03e3ab0adc7fdf', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '039db767d2411fd6bcd377a7d7347a36f5bd8a44' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '0f91d9d6602c6fcdf444d83d9446790789b151b1', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b2ba22d1258afd755fe960e6c758b124ab7bf8ee' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2a6a27bc9cb18983b53af9a1a021051504f42039', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '4c4c9918b98a2735180eeaedac3c97171fb64ea9', class: "page_number_text" }, h("p", { key: '02f2bd5aaf12a9a9c59f17096a2ec1c6587da0bd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '24b11662695d4bdd078f20a7f85895941e3c115a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '8671aeed20292d20a3f0a7a17ecc1e2ff5154346', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a6f063a6ccff73063912f6840e04431ecabe54dd', class: "page_number_text" }, h("p", { key: '6416b9366028222e0638adb957d884d732595b29', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'b431e8eb464a3ef540cd568844f50c1ee17b9910', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("div", { key: 'e67d61cb8f88cd5743bbff04148a5f8ea8177a3e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '888b90ecf19135dd93f5d8f2e896bf0e8d0265f4', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: '45a6c22253f99f9d6d79a969b6d6a3309cd566ed', class: "card_default_buttons" }, h("gb-button", { key: '080b40fc35d5c0abf2521cae593cce71e25422b6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8f00b7d8fb93d99d07d002d942c33392cf750e93', class: "page_number_text" }, h("p", { key: '244a1ac4cb53e448875595db912fbcd79a0987a0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e6368ee0c11fc5ee2cedbc574e5746df2c6c3ded', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '21b5c285e098329b2dae557a1b461c6d2d015a0c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ea12596c53920fe0ae7946402672b9980360e8b2', class: "page_number_text" }, h("p", { key: 'c89a2c409d97c96e7b004c5ff214e111c00aa1e6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '563344d61a9274d1fba1d6cee6b1856e1a6c5e53', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2d3b080be65c9e911ef80e9cddbf08907d7e8514', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '4d75ed4d6d33e48c2e02157622bee9ec7d9c0763', class: "page_number_text" }, h("p", { key: '4ead3c2dedd0a71c0e0913443b48f723b610f8c3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd988612a5223bffa7450d9c464cffa37e6a6d03c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5b7ee11c1a3cb80ac7d2a719e25fe5c1b3a4e1f5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '999dbfa935af09bd8553f2e000327892cb1b8fab', class: "page_number_text" }, h("p", { key: 'ba2f853a45777c4e473ec552ea346243440b23ac', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9e849e4d8f8e57e0f4df2f172da2efa656c41722', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '030e88cac8eae0b33789c4731b44e54eed90f3d3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9364452f760f7f7d961e57be64c1fc7fe04ee3ec', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '75e7dd80799a0f68dc2eaf07316067c169d5d81f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '58eec040cb7713c0182480533ce4aa04ed094a85' }, "1")), h("gb-pagination-button-group-base", { key: 'decaa9aa37934c4b27d0cd088deb29362c1e98b0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a119ea8e38edb2ea0edddae3f8ac05e4983663cc' }, "2")), h("gb-pagination-button-group-base", { key: '9485292979491c2ab3a18f63afd7281e0929623f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0b059c55a9c1f3032689ae5c9377d1bb0a2edb7a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7e4cba942bc9d1a659c239489954cf128d2cc438', icon: "false" }, h("p", { key: '80a424e1ea5dd784f95ecb31ee2ff044caf11c5a' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '816276fa2ffcaedb51a7f9322fd8d0ec26a8e89b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '826383b458f8ea6b17f4345a8af4373e8697fa85' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '45e58c5d4f2dc4cf47e8d6d65eca6e237760d1a3', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '68e86b43352c67a78afdb950bc61ac1d1d2ff607' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'afcf2aec97a2ec78f2afae8d074d8688f703b765', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '7bd51ad208ef7354473c9e63dd1aaec04fe8a3b5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8b9274b161a61e33ca4e394ba3f5216ad95969ae', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'cb74591ae016afba9f1a14b007809608a2194bc1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '687b9e91b36649d04f042b20ed17f4448d865eb4', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '68f7815668b0b98b95edd9d94c15e8b45e3a9bed', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd168e5c9e8955fe0c8240b0c86ebe60929d7c53a' }, "1")), h("gb-pagination-button-group-base", { key: '62d67dc9b4bba8621bd1e61338156bcba3b2bd45', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e42c1f0c59f17ade08a9af2955948afca3257828' }, "2")), h("gb-pagination-button-group-base", { key: '108262cf1c0e13c4c93462d723a4531af66333ed', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1522a23c76a47600da7ea4206b799a7fc3b03a34' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'dfca49348de156190ecaf194421a4dfd71b68aa1', icon: "false" }, h("p", { key: '61d1df0e5a3d9c408d13859d3cbace9f04e13b3e' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b8ff418d71649a859ccd7a90399edab83a29634c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '977111f4138cc56d9f0beb6c703f15590cef1e82' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c8c8b0514d09b1b856447a1a121566918bd534ca', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '6f64040ca3c35cbe522282f532476ff01b0f4ac3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '8c4b04d483868d0f8ec3f38e00d79597c7c12022', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '75ec0edab9491d39a157ffd9902c94dcac05c0d0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7ee18cff8a31b7d7b849157bd203681d13e2cf02', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '71a6024a2a163f1843f5578e24fa0c07791d13b4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '41ea59c887f126029de45e9fde8de052893c2419', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '51f4a90cb8d0909b2f743e520c6997d54686b619', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8711fe68b1eb03174ba4282af2d531a86e87b2c6' }, "1")), h("gb-pagination-button-group-base", { key: '506ea59ddd244980ea913bb8d8f8cdf1cc01abc6', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ef483c458dbf7b71c40ea70c582b3a9f8416abcf' }, "2")), h("gb-pagination-button-group-base", { key: 'd52980a452a554cde65f43139e11f2de333eccc0', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd872d3656d9d87575c00bb2a130057b075f90012' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3d897a16562f66b5a62407f01c3cf8e63a485f6b', icon: "false" }, h("p", { key: '8e33fbaf72b4402a6ff03cab43129257153fa240' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '96b76e3642c9999c17606bd2ac96268ab46de53c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f4f0a179acf9a5e6be57a46f53b0654aa981a635' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5cce3ceb95f219ad40928f054ff5f2db7c1d0a32', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '54735180437732a6648096c2b947fa598b3f71f4' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '585d82b01131dd23d3dc68f6bad8c9c80bf14afd', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '69d33091cc58ec457319ae34f304ded26afbe3b7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f3df7378026359283a412e486eecb541341c1f03', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }
@@ -227,6 +225,26 @@ export class GbPagination {
                 "getter": false,
                 "setter": false,
                 "defaultValue": "[10, 20, 50, 80, 100]"
+            },
+            "entriesDropdownMenuPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'top' | ' bottom'",
+                    "resolved": "\" bottom\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "entries-dropdown-menu-position",
+                "defaultValue": "'top'"
             }
         };
     }