npm - globuswebcomponents - Versions diffs - 1.1.1 → 1.1.3 - Mend

globuswebcomponents 1.1.1 → 1.1.3

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 (324) hide show

package/dist/collection/components/gb-notification-content/gb-notification-content.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: '0b98074ca54ceee74af51d8e821a4fcd75d2f386', class: "notification_container" }, h("div", { key: '61c6f3739ee0f084aae8cc60dc18cec0f37adaa2', class: "notification_title" }, this.icon && (h("div", { key: '310eb2d40d25bba403dd7f95c4f71db54ecaf133', class: "icon" }, h("img", { key: '4be2c45f6b8555e09d988753244c95c99cad15aa', src: iconSrc, alt: "Icon" }))), h("label", { key: '7a090a5676b20c846fdb89cb1f7722dd40ba16f0' }, this.label), h("span", { key: 'c6e339be2c613e98597313233a7ddb4a5225c71a', class: "time" }, this.time)), h("div", { key: 'e3f2e53092e0aea2ef867daed0a641dde0c7a832', class: "supporting_text" }, h("p", { key: '4b87b244600bc2f88bdaed18d70f22ca6102470a', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '1c2f0f1edb2c238fd7f326ef76abead4d8569fd8', class: "notification_container" }, h("div", { key: '0c3c0552d1b4f2679290d69a1e28176a3670e864', class: "notification_title" }, this.icon && (h("div", { key: '5fc1cdee0d829c645f63cb35ee27187f79f91336', class: "icon" }, h("img", { key: 'd774ecf17904681f8508641df11d381c19ad17a8', src: iconSrc, alt: "Icon" }))), h("label", { key: '6d519443130bc1797f8a7b30aa159d0d24e1cd73' }, this.label), h("span", { key: '221acd62566bf9d40b5f33363cc80bb94a7c4094', class: "time" }, this.time)), h("div", { key: '05a97f4bcdaf2ea20b3d6026ad10d08d46a46901', class: "supporting_text" }, h("p", { key: '87c1749806b8c03c1aa48701a849e2a287117422', class: "text-sm-regular" }, this.supportingText))));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-notification-pane/gb-notification-pane.js CHANGED Viewed

@@ -51,9 +51,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '1b714e45e10264af4c92b6214ab8410dd7871481', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '436e3e48b7dbe6ff5fda26e539980dc4f67d6941', class: `container` }, h("div", { key: 'f96fdc2cc6974c15eeba7f9b6d7ab46b978a5dc2', class: "frame" }, h("img", { key: '9abf130e286d82d6facf9b364bea4f01c488d6b4', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '57661e1576b6e7f718b8f95bdd555c5bda000cf4', class: "empty_state" }, h("div", { key: '1c61a04b192aae4bf8b694ed79f982c446d31fea', class: "content" }, h("img", { key: '35d4af989befe6568b32c02b4d1265e735258509', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'f5f55dc2e977aa6551b9d734fcb9843a096bd32d', class: "text" }, h("slot", { key: 'f4b0d35c792dfe42191324ecf18273abf0480c39', name: "label" }), h("slot", { key: 'cba9e327b9d290b8813ed97531c93c7c9b3860de', name: "supporting_text" })))))),
-            h("div", { key: 'a2247f642a6b60530b3a3db7140656b8c1bb217a', class: `button` }, h("gb-button", { key: 'b9e4cfea80c28f200f1556916206da91f7f69b90', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'af42739d2ccb5e7270362309f0fe1db18edee402' }, "Mark all as read"))),
+        return (h("div", { key: 'c19da60a32c893e9cea4454703c309a0a3d67673', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'ea916d38bcb69fcf99341e213dbc1b82cc28879d', class: `container` }, h("div", { key: '0234796f33d31bd60c2946c260f89e692c897b73', class: "frame" }, h("img", { key: 'dd01de30fdfd1a1d6c78a36aac0e54b6fc2cb0a9', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '58aa458450f97fa6c1441848499264fab4f263ed', class: "empty_state" }, h("div", { key: '4a3c4c31a879d2f4c8cb475a2a9703bc186a37fe', class: "content" }, h("img", { key: '3e8024ce0243a5c0a5e86d636e8c3d59a7cf4b30', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'fa64d01db822fbfa8dc610f054e6eec842bc51a2', class: "text" }, h("slot", { key: 'abd7f4340cf30f59318181182e3c33465bde28f3', name: "label" }), h("slot", { key: '862d91c7ce72ce7f9f1270239bbc808cf6ca35ab', name: "supporting_text" })))))),
+            h("div", { key: '557ee23ec0032d6bae5dcc588abfd6e68075ca3c', class: `button` }, h("gb-button", { key: '91ca8bb0a20a57377e897898930df3688554f41a', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'c889b84857428e77acf19635c7b465b63897267c' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

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

@@ -13,29 +13,35 @@ export class GbPagination {
     onPreviousButtonClicked() {
         if (this.currentPage === this.totalPages || this.currentPage > 1) {
             this.currentPage = this.currentPage - 1;
-            // console.log(this.currentPage)
         }
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     onNextButtonClicked() {
         if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {
             this.currentPage = this.currentPage + 1;
         }
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     componentWillLoad() {
-        // console.log(this.selectedPageSize)
         this.defaultSelected = [this.selectedPageSize];
-        this.pageSizeSelected.emit(this.selectedPageSize);
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     handlePageSizeSelect(item) {
-        // console.log(this.entries);
-        this.selectedPageSize = item;
-        this.pageSizeSelected.emit(this.selectedPageSize);
-        // console.log('Selected page size:', this.selectedPageSize);
+        this.selectedPageSize = item.detail;
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+    }
+    setCurrentPage(number) {
+        this.currentPage = number;
+        console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        // this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '6167eafa588a06afe5548807dd5f98a2b768d495', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '16f62a295256fbf29aae51717268ceb5ae0119d2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5b4e266be761370457846635b8e420bf874074ec' }, "Previous")), h("div", { key: '9dd2a67aa1ff86d2cc8f1132cb015a5f5bb1a46d', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '770c9d0773f1e355894c13fefd88561a4d100649', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '35c13b724fa154f9425ec0e244cebd889f44161d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31660c938b753cff5d1a19644a3363a8a097cd59', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '822d47fb0ede45605ba8e44717a83739d036f7df', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b4083ad2b8ec49eaf0296470064984d7df285a6f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '18889d659b0d1b3b9121a8f9540c2cf1b951fee3', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8311aedf879ebae9a76ea38e32d378a45084db88', shape: this.shape }, h("p", { key: 'f9d697b91cc9bc0294a3a147e024143d26a97c00', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '43eba2b38ee2e44759958634792c2fee88f9e016', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '0a4c5ea15f4bbf76338a92f3633949b04efe49ed', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4d26b65692e1835f5e77bf0deabbafb833d69acd', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'af9794b2129fd528ef538e51ac621aaa96a56f58', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '73c550c39aea0a3245a919a999cd05710d0f6852', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'd9f1ec3f633e5ed8db25907414ea1e964df7c57a', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '04f89a926bcf8424147a55d61c3315c35027fb97', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '797bc91fa988c744a54ab9f4f45243957333f5c5' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e61f28ac0b86be93fe73ff7c31e7bca5e8448a73', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'a3df9d4028f8a16b989162578b19f67e027162fc' }, "Previous")), h("div", { key: 'e361a1fb74e283eed5286a538dc9166054b34f80', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '5978f13a1a7dd28207722053d025dde8e2d2a716', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '64590c9d1f42db30ad50a71d06656327198a14ea', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '485135321359bfd28402aaf6f2fd706425ba0496', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'cc2007f62bb0ebf10be40019814781bc009754c4', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c167f629ef0922f6c6d922454186db34d334f79d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '77557b38cb5b3d91c2f6ddd1548810c0115cf866', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0e8bdfdede30127347b14305228db992c2704bfc', shape: this.shape }, h("p", { key: '9b4055a5ee09926dbc3ef1e3839b891a3e4dc784', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1def118d64886894124c19fb1709bca1e28d90b8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'fedea55b3d530771fba68457f034818e0dab0691', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'e62cba8751c7eeb91c3422048a57ba4efb81284a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '4b09f2da6505031e5547e463d441cc2459e184a2', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '3f3d961dcf8e464a3337eb6ba205e431e5076cc1', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '9743eee4b013629911456424a1448a6e828920f5', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '084d2b8a25a87df9b0cf3bdb721ff1e3fbf9df3e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'b78c750333c4cc66ed8ba6b18f99f21eab38e9ef' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3e96804ea73c477339f3ccab772a4882740ba83d', class: "pagination_entries" }, h("div", { key: '4ad1a30efc933ea61531cebd793061f588c11747', class: "entries_text" }, h("p", { key: '86c38cc193e8841a62204763c5f1265389ec30b6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5ead6903ac609af9a6d1ce200b36b492089f018c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '37495a3bbc6232ef7c75dbee259bb5e6b5edb70d', 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: 'd612ce95efff73df879e0bb5a6572f5e234b90c4', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '56497fc2bc377ae2c2ba95930400cf3cee8fb902', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '755917cd7561cddf8e13256257c4b4eab2e577af', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a790126fb8dde7793b3433b6c464928baf4719c4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b4d429bcd19bce4b224e72a54f79951d3018b0a1', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'eeec96cc58e68a0ca1ec597fa87f962fdb4a2d0f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e39847514abeabc9aec406320ae8475194cc2b72', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1bb3af98ff988e32c83fb73967c6ace0f7e46073', shape: this.shape, state: "default" }, h("p", { key: 'ee88d9c863d86e03e2d9def503bc0e263a2daa20', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ada0d252bb46a27702be80508e55bd2f3232cf54', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0def281ccd9affc8928c11a99c31c8865e8cb6fe', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'ea7e95938d70d450b17b29f39debff323caa5c30', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd5eb08ae24b2e0911afc2229c7f686d0313a1a51', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0a5f855de5c7d64e5127b46b9d5ae3331dce85d6', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1acdff98f9db4e35dfceda44c3691e6910e869b5', slot: "page_number" }, this.totalPages))), h("div", { key: '9816ae7c8cbf048ffdc456f1a161abb35beb64e8', class: "pagination_btns" }, h("gb-button", { key: '890f80f0a8ad5498493f61cd77d8d744447e9a2a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '65cea48005ceb8f930eed0efb8785a58466dffbd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9f86a905a74af898ce51eab6f754b5ab8162e515', class: "pagination_entries" }, h("div", { key: 'a32d17eac6dbf9187c5380c39d5f39b727c60514', class: "entries_text" }, h("p", { key: 'cbccd40422977ec41b4cf530fb9c849426307e9b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3089ecb3873a091a4e9294330dec5598c15c9195', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5c171802b11f3dcbd5c3d57d33b79c073facd61c', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '599d37cf00daa7fcd25936e6812a71d948708cf6', class: "page_number_text" }, h("p", { key: 'e5939928ae1df7aa9f8fea9a0bce02b69b1e2891', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'de81bdde19663a90b99785a2c1998f87e9575d9e', class: "pagination_btns" }, h("gb-button", { key: '86f7dc1f236c3a094e44a0b8bdbca6bd45b574f2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3298aed7c6ed735cc47791e0e2987c3c8c32ed5e' }, "Previous")), h("gb-button", { key: 'ff408488a0d3cec5aa89d83fcb7c9de629061332', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '12d2979cb4a81982ca88917a006add0e30b76a92' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e7a3a65667856f5ff0e78ff2d6fe5e9b49e448c0', class: "pagination_btns" }, h("gb-button", { key: '1913c6fdeb0436ef5ee5c7cad29354ded76f8d95', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '184e1dd81062ed5aeea0e4ccdd52cd54b49e6e27' }, "Previous")), h("gb-button", { key: 'd50be3778aca6c6c2c680751abb46d53881e6173', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '48932d802bdd8dcfa419e7415a4c5b95cc48e97e' }, "Next"))), h("div", { key: '403c747ff3bc2c42dadcf5ed927dad5b76624918', class: "page_number_text" }, h("p", { key: '93e5cc74a068cd394fc468c767cbdb7b4c7d4fc7', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '0ef60e363cafbb557a1a655bb9b80c8bdd40b7c8', class: "pagination_entries" }, h("div", { key: '02855d44d3bef1113f456c9c24cbf006e51f0603', class: "entries_text" }, h("p", { key: 'c331a108e90b5fde0c62d74e99e6fe52132b781b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e0aed07d5b2bd6d5dce17093c60b94f208085839', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a1193b84a4fcf3bf9652d7f5324fd70658a1608d', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ab399c3f864c4c4031378ef6af2da320ba3f1430', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6e62c9d8cc41c1e6e55847ef1353626aff050298' }, "Previous")), h("div", { key: '5a42cf10699f2012df2171bb3e13f0920a5a14bd', class: "page_number_text" }, h("p", { key: '131afda30112d6d4458828a5f10589f0c88d41ea', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bc9bd78cffa62cf69b4e23337141f2e09be57813', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a393855ab82d6baeee1f102c3ace4daa2df7423' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7ee2931c9c18be2eddc73d384a54abb84de35fd3', class: "pagination_entries" }, h("div", { key: 'eafdbeee713db2da4da66e06212595c87e499a3b', class: "entries_text" }, h("p", { key: 'f38ab588411cef5c49939620ce10e4ea74e5d21e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '73e05e796e599a2056bfa639fc5175ccd4be9e86', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6e20cfda6f7d5aaa84c6f20fa32b80adbfb4a47a', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '81148ca1d6eaaa7f01d6cc4646ebfacadf768f68', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '64ec10114f22475047d7afe77493c67006ab69e8', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'be8ecfda965e42cb244c3dca0e84ce10589e37d1' }, "Previous")), h("div", { key: '9c9116abe717d9ed5a2f90d3d1f33635a7beb1f2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b2f4d8fcf81ceb8ee33f4ccf9eba5fe5d23980dc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '000f608f69c8cad43704efd540b95c13b5795695' }, "1"))), h("gb-pagination-button-group-base", { key: 'a261cc1e6b0abc3dec8feafa8fd77d0a00d9189f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0890c411cfb99fb0dee4c07ccbeb22ddcc33c750' }, "2")), h("gb-pagination-button-group-base", { key: 'ab9b69a374f5e549c71011ec74decbd4776c227b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '757d6d6b52910ced33d6a659a09cd9472181c1a2' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ed6c530063658f4bd729b8796dd338117ea9a2b1', icon: "false" }, h("p", { key: 'de804c737891cac8774311d922c5d4232905c5b8' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '49b8abab0147b93f6c3e7aefdb577333a90042d6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0eb7c2e064846cba7ef9bf00f0a33835eafc4656' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '6ae9acaff80c836e2fe5754799e251ad199bfce2', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'f77ec697487556e75f7f15e27d9eb2be21772ff3' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd251b1f53ee55ad61cf3d051890fe2aa9fb9d8df', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '28e4299508b3efe27000addc25a7de8538a59895' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'dcb7760ea9267c628577825302eb0cea8fca10ed', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0a3ee01b35a9f81a8471e86decd15a5d10376db0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '28be33dc58b895e3f5268abf6a7c59c0f0676e5a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'efbcf33b6260794530d6368072b20437ae1fdabb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd79c601883f7ded305e8e8ef3fa6f983de3920f3' }, "Previous")), h("div", { key: '70f45b909584af2328cac4d50a6cb186517d01e0', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '757d7dc7a32846d71137f1ec9039ed0c676593b5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '75e212696ba2927011093bd852984c9770e4ac52' }, "1"))), h("gb-pagination-button-group-base", { key: '2650408cf7c3cf4e7a9d97fdd59a37dd47ea62af', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7fa773ff82ad0f22ea8c6883565e66741e791d90' }, "2")), h("gb-pagination-button-group-base", { key: '31c2d9f439356d86f4f3a959c4bf65d59228a5ec', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '63942af47bfb6e44b8eb3edac8c5bd32fb5839df' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '56822aeb509955b992ba1c94aecbcd3fe1421303', icon: "false" }, h("p", { key: '52faecfe86d8cd74c3afff97ba1a332d3538570b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd6f70d215b8610862e6af28f579d3f590df3ebde', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '48462a39eae59533a4b5bf4147db7b378bca4dc9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b8509f974c3e05d6ddfe766c4dc307f1eef25eb0', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2ad3b06c4383e89f69006b1574acaada8eeb19d6' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '12934a3d71fba345cc47271424e4588e773a0bed', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3d3507705f0bd14636a704c79ff3a71232a11b5c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '94a4c48e10e8cbae9d3c8c07bda344f1de3981e9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7cc40b7e158e492c6cda7c8aedc4d28d9d79e55c' }, "Next"))), h("div", { key: 'cd052de0d436630157ef322019f9f1978656ee51', class: "pagination_entries" }, h("div", { key: 'e92ea046d08d4207eb7a55fc3b10ddb0023675e7', class: "entries_text" }, h("p", { key: '50602c225a2a8431bd9168e6dff13ff579db110d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '113b5d398a5f011a65eb9ce619746a9299f21a17', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f1ee85683e5cedd45d3a92017eac6871fd51bee4', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a73792552228c9e4119e2c0027199d530bfdd78e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b042b80d9fc2e7be3f0414e385d20fe235d8ec71', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '34b16c9187c0d575ff74e0d2bcbdb2614a7497a9' }, "Previous")), h("div", { key: 'e70545f91f0df464f4df3428bb92b3f500e5fca7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'ca52d8226a624daa68e2976955e5e769b8f6e933', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9d7b0cbcd12d2009c6c6e3d5eebbe2b6eb8f3335' }, "1"))), h("gb-pagination-button-group-base", { key: '9460298676e6e7242f159b805c5a13af97d0d178', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4be9b4833a0f74fd0453a5bd71c3514469a2f513' }, "2")), h("gb-pagination-button-group-base", { key: '5dc1e02c34a89016912b9793770e8c2efa76d58e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '52fdfa688bea7bb68709e1bb8e26837f5f5825ef' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '90669116061b0e73e59892cec4fdd8d26d397ebf', icon: "false" }, h("p", { key: '0816830cce9085890d20ebfb660da829f0562261' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '12455fefaefdd7eb553e6ce31ce80b179cc9eb40', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '19de072e06ff6a57cde30b358a9b8576bbe24c66' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '33053e6f3928757e762589eab72b2860d571837e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '1cde53c4218997133266dbcf3b286b4ea1606cb7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'bcb23d24d601d6ab64f68e2e7f94c662b83541c4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'af1776238eb78a432adf55fbfc00856070e54b14' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'ed8b8a8324f1181c9838e0498ff4d2ae2258ebaf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ce92a80906a69d202bab3935dc0fbe75740369fb' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9172d74442e0ee4f7a85742cd6c58eefec59dc8c', 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: 'cafbaca0aa01e4370a3b699fd42ccd193c344967', class: "page_number_text" }, h("p", { key: '15805945b9b4dc6ce592ac01a2350bf67ec20ac9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '50fcbd85e66bffb7e37736b36d9589c7ab746483', 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: 'f46568191a83d3c55cf79fb783d67e9ae9c51846', 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: 'e7855de4a5b8f668a3c67a7e2134de21eb46359a', class: "page_number_text" }, h("p", { key: '29448ca703beda6e4de5707b2b36b7aea1b1288a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bcefe5286a95582c6dcdb403ef512d9491df9aea', 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: '9fc75fc319d3adb996abc21c1040940f2c1243d5', 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: 'a59cf38c3b1773c6c0066263d6b5614c4349e51a', class: "page_number_text" }, h("p", { key: 'dfea22a802eeb58d01ed2d96cd5689f91a1ef242', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '74d3337e0cedf6c903d2504fbe822b52d9d857e9', 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: 'ba09d3701218e2b6385e59995051950f987ced5e', 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: '383483ca70d861238268ecb8c01f49c4c1c69ef1', class: "page_number_text" }, h("p", { key: 'aee9feb09a2e1e5e451b3e90fd43ef58f4cfbddf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c25488466824226b66298c23b3bc5b3df3407d72', 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: '2f6b2d3226e7eb6d4d46cf111c4ccfab6da49a05', 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: '5f8baca306253e3abbb28fe7799827d4074728f2', class: "page_number_text" }, h("p", { key: '6406b7e9e304f127044eedd8ac8b4a1bd27c63c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a5096d3cfebeb6cf1a4e0667131e307b9eaaec51', 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: '376d1f92f6ddd6949fef701d1073f27a58a1ff24', 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: 'fa0a35d959af54ac863c988c50eb2c606e99656f', class: "page_number_text" }, h("p", { key: '2e4202a9092bb81af8744acf35ed00a66bbb08eb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c842b568ed45ddeb6a3b698a71a210d5ed2189e7', 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: 'e867fed17f2bc84240fa7f9cc5faa67f07d83f26', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4b3cd479c5027d3b592142c8abf4c5f88220abc7', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b9ae11a9e9607b8df514acd002674b1b0ed812f3', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2add9ae4971b399ccb5c211308e6a8ac837fae6a', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: '70891c7ee9c9313a7da97cf5fd612f8199ab1d55' }, "1"))), h("gb-pagination-button-group-base", { key: 'd16aa060c3514dbec96c13cbdc763a6f132fb5f6', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: '81efde4ccb3dd465ac1b53d418c8b42038d1c5fb' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3e345693ecb9f4bf1fb9f0015ce73ef100775f3f', icon: "false" }, h("p", { key: '43e1604b2a7e73fdab56bbf34b58feb87d14e7f7' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b46ed8da45c5f95db5f19f0435797735f70c748f', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: 'a3696d3e2c1378e790ff2e24990fb97bbc3af71d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd2e672bf8c35aa7cf8d5b99668b787cb326e3062', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: '79005257e98049d37540e9d16424015999e96006' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '324a69118af1647f6cda22a3fb4262165086f66f', 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: '343260c49ba84783cacd838fbfcc5af786548db2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5e9806badf4ede965e2bc201f2671c090348dc1e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2f4aef860c8fcbde4788d2748ad81a79bd6e1f37', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c7ab0f2246110533bd14f5b866ad5af2460b1ba2', icon: "false", state: "active" }, h("p", { key: 'b1edf6b3bfce415e594b24edc9d6489cd3fc1b39' }, "1"))), h("gb-pagination-button-group-base", { key: 'a07498457308ece6cda206f09bdd6926562c43f3', icon: "false" }, h("p", { key: 'fed7205d9ceb36e134bdf6a7bd9c4e8c1e1e0864' }, "2")), h("gb-pagination-button-group-base", { key: '07ed0a286f747627f13c1f928f13de269161a14d', icon: "false" }, h("p", { key: '33af238da9ba35585b97e08c1dab2d1bdde12271' }, "...")), h("gb-pagination-button-group-base", { key: 'a03f6d6bec71fdcec12c4f0445a0d91acdc8c7d3', icon: "false" }, h("p", { key: '4914d0e7e6507aa65fbb18d1ca28e5c1e0616493' }, "9")), h("gb-pagination-button-group-base", { key: '2f00bcd37d168d954dd4d51d4550a74d29957b28', icon: "false" }, h("p", { key: 'd11f3094549ea6ca7cddd44dc1440bb11b89a0b7' }, "10")), h("gb-pagination-button-group-base", { key: '3e7d3beadd96a21d523d83394ea98f662501b388', 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: '058c7f7ce10bd0985e6e0381d5d1a367eb83ce36', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '92884b73abfc3130c0b34dc6b5870d83d16c0057', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '99aa6d89a8930939e45ae125163943a254961c78', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c4bcf6b35ca595f82a8e055e631545a42ebf0517', icon: "false", state: "active" }, h("p", { key: 'b94bc1f6f0ac764a54cbfcd4f4986cffe7b08df6' }, "1"))), h("gb-pagination-button-group-base", { key: 'edef7452e31598ad348326bc8b4e54504e7f1ecf', icon: "false" }, h("p", { key: 'f4d1e559216ddf9974551e110b44f30a11dfccc2' }, "2")), h("gb-pagination-button-group-base", { key: '1243e1520caf6aa66b1e19717d74f1fe63b06ca6', icon: "false" }, h("p", { key: '9bee9b1e9bd9700a073ca749ba6f972faf9b59a6' }, "...")), h("gb-pagination-button-group-base", { key: 'b62d4e4b59e3e7e12e3281cfac5068721f4d2d20', icon: "false" }, h("p", { key: '77b3606a41020ab56f827a40ffddfdf4dd81fb71' }, "9")), h("gb-pagination-button-group-base", { key: 'cf641568686040461d828e4fa4e3cb721931e503', icon: "false" }, h("p", { key: '20c488219e9046c5772d29b7e0bd766f71f6e5f5' }, "10")), h("gb-pagination-button-group-base", { key: 'b3fcd692d0c25326f7e1c94f380371cd2cf45492', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '21d487b826f635ba6830cdd64d45e57a86ddd12e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '35efcf2a8f32b24703e3fe1cc69b524636fa1171', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5c944ed57344764c4211bf0dbe3112d3cd53f08d' }, "Previous")), h("div", { key: 'da27c0552ff636ef200333510decf07c5de3dce6', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0b1305a2cf7aa037d7e5564eb891db3f98dde992', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3e57da0d5a1ce08b09c24d8770d1fb091247c4f7', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'aab8ffe7c53e838a3be20d5388a16190c7e3fe8a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '712766e0fd722b833eaf537c17bacf52daa2ad13', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'cb415db6558c518eae661f8f8be9287930b75a43', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '30e82d701e31e7e6a2ffeaaf04eef3deb0a49aea', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e3ffda5f41e3ce3b10b21a99cb091b9b650abe47', shape: this.shape }, h("p", { key: 'fe3eab31210ff3087bd2bd4e5ea0b17c846f6e3e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '16c244310b9f4912e3aef1d31422942b47a6b621', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'caa2bd6ca32014eeefa5ad09b718b7df58fc3f9c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7e4b313542a409be8496daf6c62ac9b166d6f798', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f084db2d92a4a99df3c5fa1f7e469b4d2bd95464', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '2713321ac0796d2895edd9ac0ef741b6f79a7687', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '8c50309bdf92dfeb208688d058b83617db2765ae', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '20039b094f2a4bd6ca4688bd884aeb6870d820a7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8d0f145aa1bd930ed4ac510b9a5d010e5d142483' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '92fc589a054f990d1b154819272d6b3271383938', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '18ce388e2c631d2b2e7c89b6dabb790bea57cd4a' }, "Previous")), h("div", { key: 'ae90b0725afdc8c286c1b52707b0241bd080b7d2', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '1f1fc6dcd96d19d003a663d05b62ab2ac5c0372f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'd87ea6ae675adcea7ef2517a23cd1b40a71eb292', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fbdcdeaf776a65eb4baf90c9948ff8ac7d7eb49e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '08bb6d33a610209698a0c56c3423eb4df109b9fa', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7224de47b1640c3408e6cd530633354382c30e52', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0f4343cb2072451810ea4820529815a79ba3087c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4e7556d0dd7b722469b8b45058fbb8fa676f41d9', shape: this.shape }, h("p", { key: '49f52c7d7ae14647a6dd7628aca0b08527bb72aa', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ff188a96ff746d01352155b95d5d933a77c33c42', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'cecdab5c489bb67973e96f88c382e5ec3bb44fc1', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'be343cff0dd966b3c3217fe1e43b16513bda99ae', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '28ef8231370904f38db3e80076315eab77a06b70', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0906f0808d4ad0e429c61e6a29a51ad792c9c356', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '20f44eb972d6ad91be46f8171c9f6cccd2c6bfb3', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '173d0e0c1a955366d9b70b01a6dc957397544133', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '27e866ff656b0e9c37bbf524f5dd5a411e12e5d1' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4a56b326e27ca871f10841433e89b5c867e1dbd1', class: "pagination_entries" }, h("div", { key: '0b98b1d44cad28d5164365c273302053e9a63021', class: "entries_text" }, h("p", { key: 'f35dbbcd74d7448e23dfa219ba4f091fb00c4a92', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f2fac24bc7be2fef1135a1e554e3d52a97c8f93d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e3a94df97c2a78bcc7f1e34d876dd882bdb2e784', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'c8cd01ee73f730e72db059511d70303598d0cb88', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '098e5580e6ea232450e532e14eef1f1d8e3d6a9a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3e5ef36c6c0deff4e56e09be0c7d17936f0e0901', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31bf42b0487565cc3c3f99d76f6f399bf72ea392', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'df220d3343151d23f0c8a6ca6e31ec0ac28311bd', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '67583aa099094b5d1e918e52e1e1fb08862622f2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a161a08501baf1cde3b40b6066f457d88f62dbbc', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fdfc33fcdb1c2d8f593d6074784706cf10948ddd', shape: this.shape, state: "default" }, h("p", { key: '82b3e20a2cefeacafd203474b28bd44a97f4df22', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f6b65559082f9f2a5f69574f95ef99340bcc10c4', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'cb7a13c9e861d695916dba628aa99f4699017572', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'b63180936dcda0f9bfff2208a2f59557a3a77c0e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b62f20da00f0f990d8f7a05a76a48d6f9f720c9f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '23224f9950905d7b3c504f3994216d992f240696', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '1528370c46f5054afb79bdb8951b324dd3228694', slot: "page_number" }, this.totalPages))), h("div", { key: 'a4c2edd97bd91c7ee7c1e4ae8e40b23bca348568', class: "pagination_btns" }, h("gb-button", { key: '4c0c433621e7e60f5c93c8a3e2fd787d9b3fa860', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'a2252733fae1d87da398305062ea87832de525b3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1b1818a33079dcf1783504e778f11fe0ef2937d6', class: "pagination_entries" }, h("div", { key: '149d781edbd15b00ae59d350ededa0bbe6712ab1', class: "entries_text" }, h("p", { key: '256d161262ab83f23f815df665053416464d69c6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6a83a3b2e7f9ca61cf185f7bb4a173fd2e8442a8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7296913cd13fbd2724e655c469cad1327cc30345', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '49f8b19c2e8a99bb6b35bfebe1e6647329012288', class: "page_number_text" }, h("p", { key: '079146b51b836cc4a2c05454358016c33b017758', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '96dec8271e071b6ec4dc830750854caaa8607bfd', class: "pagination_btns" }, h("gb-button", { key: '7adbc2f00261ec7cd990db8defc176f2c911f5f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '64b9b3c6453317223e451581427fab98322cc6af' }, "Previous")), h("gb-button", { key: 'e4300e534435bada56190f7e6d538fe82d4c6833', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cb2e7f2126548b5cc5c88ad4fef8ea426d77b758' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '53fc0c99d2e4f8e8c3a17e73289126ad89b777be', class: "pagination_btns" }, h("gb-button", { key: 'f8aef609e7b12892eec2a4e3b3749808560b0be8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1849975cc1f089fc23901c69d623d2ad0ab70afe' }, "Previous")), h("gb-button", { key: 'd7a85694e16bea3620561cfd67d929889101817e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ac233f7ce0876fb34e01cc12367880076d5a6e1b' }, "Next"))), h("div", { key: '5525fdaf952115ca287bc2b81375a0f26f6e0410', class: "page_number_text" }, h("p", { key: '8e9fd9d8421a9d70b9321476f9f2dc5f965e2812', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '093ae89ded9f198a5043b36134754344a3b14b9f', class: "pagination_entries" }, h("div", { key: '46d7792ba37922fd3b55710fcfc69b1186f32ec1', class: "entries_text" }, h("p", { key: 'c6105f6f3fcc918a8f025fb5ebd8fcedb40df3a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '012d6d67938d80b4aaf058480845890fb8dbac5f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ef5a3dcf9944e046717b1f5d40df6fbc618cc7e1', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'fa089fe8ab9f9feedba8aa54c71d32d5b7338298', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '998ffbc7af0c57efdf19107f10d0bad49244994b' }, "Previous")), h("div", { key: 'c3423a6434a0457c27ec7b27ff5eb3a914cdc0ea', class: "page_number_text" }, h("p", { key: '5f44a2dfa7cc83df0c40f971b913d017d1117e51', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '733a2fab286ac9b1e9bb2912ce1bb0fd331de980', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '89765014489c63dccc54b7e19ba53cd57b6a78b8' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7db2ba3bd19e7245e0c288f37506111d1327af16', class: "pagination_entries" }, h("div", { key: 'ecbf2766431b965b93087a591aedc327af9c934b', class: "entries_text" }, h("p", { key: '6ff9c766a6b82e28d75cacc1fd0bfda2d756dcc6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7c014da088271cfcc69a3ba36947bb6928173694', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '826102ad75ba7c603fd40ce6f815daf20425d4d0', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '3279ace727558b1e87cce525e5d57f57d971e147', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cc6741720688b98a2851cb30c72c3aa84109cbb9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2d67ab92db33c18e6653fabe84214e815cf59a3f' }, "Previous")), h("div", { key: 'ff4ca35ac3ad7800d9b5744c475527a19e112cae', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '324e5471f1724123fa55f7848f93a6e08e9be7fb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5466d8596ed3523c67e52f92ad8f928b07cdfbb7' }, "1"))), h("gb-pagination-button-group-base", { key: '79729861d5c95498bf1f274c3bc74864d5d25f14', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0051e08febf847b808501603a42c92b1a5fb54a6' }, "2")), h("gb-pagination-button-group-base", { key: '046be9fd7fadd3463e121c80f58c6c0bf97f38b9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '82cbc51e4788a015dda867e7717ad60fa7023fe1' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5a315887e501ea43844860b7da0fbe009a6fce4b', icon: "false" }, h("p", { key: '499e5698db8353f1c2f733d96dd7c8fa3cbe96ea' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e53896815cd151e7107221ee2cd1bb223bc6275e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '9e1e95f8ad2507eecacfa77cf0a452e098a37e23' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'e1ca26f8ae2985b043862692efe6b02b036e5650', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '67a13125e5763724dacf9bb80a1565c0a1ac0b17' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e0273606004c052f0be76c34ed0857426e7634a2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3b77272ae148a337533015dafa06f91a1120fb79' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3532183b662e1b6700ca3b3fa1e6155e3684057b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd2b10033e04f53aa54533b5901cfddc6d1bd05a0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '98515985afda427c3692558dcd02063b9fbeda74', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ced6c695f5b59e7199713107cf3805db2ead146', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd8cb510d8604020fb025970375024abd3ff38ad3' }, "Previous")), h("div", { key: '2dc5a9a3d6fee706949853cb688d27bbcd3275ca', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '4ce32e7e498c06d629b9ef30d91067a81371eda3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9c7a81370d8b4068120cff02636cff19b92a9c0d' }, "1"))), h("gb-pagination-button-group-base", { key: '2fbaf40b84cd4af311925c22fce7a0b3b4a7dd98', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eeb467b754ff5296ae0215223e56ca335a868d29' }, "2")), h("gb-pagination-button-group-base", { key: '960898c56c306a33869632dfd92ca6b757a64ac3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0d288ef6def2bb07e77bbbc73a8127e6a13add4d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9c6b456f0463daa3c30b06c747c0fba60de4317d', icon: "false" }, h("p", { key: '42cde1301fb385c6835c2d6f625b49d43965e8ff' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'efc6c2d0747d54213d95d1423e1c015c6f09dea0', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ae16d651c229d6a6019260e2d085f3e2d41df299' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '09adcb1089beb06ab5b198689a7e23ff5428e7cd', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2f01ce24e87d0f5aa34f16f728b6d9b2683c65b7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'ae2164bbf6a7cf604dcc97c0e2c53d55a4fe6fc0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2cb153f9e92870f4691e898f23d4a09b955bbcc9' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cb7f8fc47efba6bc9bb8efac65fbca182449ac58', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e3e66572cc337e0a35cc02884c38b5594d9cccde' }, "Next"))), h("div", { key: 'fe27be55641b68218b0b1da6c09a01cc2f45abae', class: "pagination_entries" }, h("div", { key: '3c8311e19131f9216b5644984db620a394483d65', class: "entries_text" }, h("p", { key: 'c72096272e279ce45a912c59e7f09e1cbca0d5f7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '69b1131377a04ff0c770d48c035aef1a25d7350c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e996cb51bf79f0a9682cb5979b5462ff84797546', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f29f9a28d0994a0235d6c292e931fb1d1333b096', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '68aea3c6aa52d605d0f6dc8a3c1ffa3811745f32', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8a148ba9e84dc7203ea41ca88cc35b51da477132' }, "Previous")), h("div", { key: '123ec361c1022322ba9e60e9f934bbd5fc53b5ad', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '809fe2a5b02183e1cc177fce57ca4c8ffd385650', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3e4e12ea0064d2e38d67ed8b84f176c982f4483e' }, "1"))), h("gb-pagination-button-group-base", { key: '56964613ef81e9afeac1555edb74ba634032ac91', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ab31e5962a7dce87e2f51ac748c9daea83f85b51' }, "2")), h("gb-pagination-button-group-base", { key: 'd2f1b2262756c944d2fc1ae93fdc2d64673bd1b7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5c50e6cf2647ea1b1613b76c3f8bc7fe4b94c8e4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ccf2f7a1daca8b55c293c2712e5438b807fcca02', icon: "false" }, h("p", { key: 'ec62828d722485599ff6eb5ed89c3421f5ea9668' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0d92a59b3a68dcb1f1f37f5ac61d4fce9965d479', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ee67724fdc7238b3d2d1a123831983e3389d7576' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8035748e077271cc92ecb96441f0ceacc8cd112b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd776ace442e492c8c1f8ae21d602252cad5b201e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '193199c6bc2c28882d6508aad13783e0d11f4035', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5d22dec6d36877aee7d750e90f8087d73dce6455' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cad6a07af9daa9a502074ff11ef9c94505711b07', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4f9649f40337b25b53b0a06e708d24b5650a3d2f' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3bb8d82999b6dbeded31b8bf46dcd931d6161419', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'd77afadcca531111676eeefdfff0ae5fea368ce7', class: "page_number_text" }, h("p", { key: '55670075afec66c031e46369fb419b918d25ad55', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '21812b0e61e0b53563dada6ff6609d9179cc780a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'bc4eacc2888cbe73681f8a4beb8bfc6ffa845ad4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f53bfeae416bd5e3b22235ef317ee4f980f378d4', class: "page_number_text" }, h("p", { key: '8ff3bff022173d5ba6a5952880783cd43d3d57f5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bb7bb310a82417e008b2dd2a2054a3682e5a905a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'd7f60d633b8b63f700b863ee1a9ca5e47712cab8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '723e76ff998c5659c023b8bd41e95689b313c431', class: "page_number_text" }, h("p", { key: 'e081ab114b7f29aa68e8ca2ce9c547a30b1de3f0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a014a5fece81a89c60e7043b6fe13001605d8f97', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'ab95e17b5774a35daac966da9396264362f33c81', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2902d4b4a639ed5dabfc5f9496cec498035d0e70', class: "page_number_text" }, h("p", { key: 'efd0f6a2f443c1fe39901af1416832cf527f6cb8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4eb7d88f8a0b671984f8007cdcb1cc46d35efa34', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'd486cec9b8248ef3b9e1f539486fc036df53e608', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '26a25c8e1a74e791c7cf4c226a263e0c35dd871c', class: "page_number_text" }, h("p", { key: '1de612ab29ce2b8bb9f77062d0b7618b834a8bb2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '914fcb9915ce596e80cdcc2a10aa3d7453cd6265', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '95a4a5d7a7e54136efb1f972c9f5a7efb0f42a2e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '38692789da150cf820680ff8174c3456564ff339', class: "page_number_text" }, h("p", { key: '8e12de268e585e592b536e25a32428af1182732a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '19410460b419d2645a3653e5017cad9e59abec54', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '9c36b9008277a7b351e5c6a177b79727557742e6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b31c10a82df9b97edab3f277cf886ac9760b3baf', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '248ab26726cdbe8ff04fe1d79842909572fc34b9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd50046a0c5d26b9500304c1386a50f8b3a5e8cc3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8e14b0dc8c79ec105dee43bcc747102162f61ce4' }, "1"))), h("gb-pagination-button-group-base", { key: '72b5420b38baa729effd6ef5984d3fed841bdcaf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8cecadd4b4409ad5748e8899882d40c93a02f078' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a369a68f901233e0921dd12a56aee4f5fb159388', icon: "false" }, h("p", { key: '09963475fc898cb8ad07cf72975cb47925d2115d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '103bf4d04d26b6b39b0646e7dec45ec4ac0245cc', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '44bfdc822693f0f97e56596fa9a75f74e5180530' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '0a3a71e3ffe45c5ec3e510f6b588ad01da47ff2c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b1e6d482f41422b08641f002fd7e0cfffbb095ec' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '935a42d37a6479158ece07d110230d87521967ee', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '3e3d8ea901e1ef48fba0102125bc36855f825fdb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '15e7ace24bd3709ec07ada859e8843424db0ef45', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ff96680d162aeab94e0e840601130b7c3eff8b07', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c2549824295f6d07d593b2348cd09389d6b79dcc', icon: "false", state: "active" }, h("p", { key: '8d8e3aa7696f33957d214cd9d9460c7e7613e30a' }, "1"))), h("gb-pagination-button-group-base", { key: 'd456c577bfa9ab9d2d650071343548eb2674ab93', icon: "false" }, h("p", { key: '9fbfb403571860a1757dc3a9ca6f20de0d97cfaa' }, "2")), h("gb-pagination-button-group-base", { key: '22bb2dea807c5a1e63166498578d3fc8125b574b', icon: "false" }, h("p", { key: 'ea566443c6dfe256e45b7fb93b76634c7daecef7' }, "...")), h("gb-pagination-button-group-base", { key: 'c3ebeeec3c50321916cb619f410fa2bfabc3f249', icon: "false" }, h("p", { key: '4563adfa853587afe64c7a773776c802270f7652' }, "9")), h("gb-pagination-button-group-base", { key: 'e198c55be1a24a70952e46e17b5136f21482379b', icon: "false" }, h("p", { key: '6dd49b6d5c0bccef39747a46f9f373992bafee16' }, "10")), h("gb-pagination-button-group-base", { key: 'a9d8d82b58c46056c5a3eabe4d02cea770ff54ba', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '647145fe69ed8d7bd0d2f71fc44282afe8648f9b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '14d56a502290d989cf854c4d5a6a696bcf23ae66', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b351a28288bcb9a430a110f6db4e64ece730d0cb', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '216e3d876e3802db880519f3b758adbdc2c139eb', icon: "false", state: "active" }, h("p", { key: 'fd07d57068bead49ca6406c188fe847d0a66e7fe' }, "1"))), h("gb-pagination-button-group-base", { key: '2d04080cfc7d4dc87c1f65ed8b9bb437cb82899e', icon: "false" }, h("p", { key: '21e46dbee6a9e5957164696ce79891c1017de9a1' }, "2")), h("gb-pagination-button-group-base", { key: 'e04ff75d12f4ee2edc6ec0fcbfbe04f574bfed71', icon: "false" }, h("p", { key: 'bc2820cf2ae78b0816bc8910dd90acce67f13d0a' }, "...")), h("gb-pagination-button-group-base", { key: '55452256d1e7bcdf1fe4527454ce1fd3449e89d7', icon: "false" }, h("p", { key: '5349fba33150d7dd941670f21eb531f6d1f4fbeb' }, "9")), h("gb-pagination-button-group-base", { key: '40dc5e0cdaf06801ae134480e097677b7ebc1946', icon: "false" }, h("p", { key: 'f02fa4dee1582ddb15f53af68c6a6edb4929e8dd' }, "10")), h("gb-pagination-button-group-base", { key: '8cc8f5886ed61034eaf3c9be29c8028ae23b3e2c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["gb-pagination.css"]
@@ -177,8 +183,8 @@ export class GbPagination {
     }
     static get events() {
         return [{
-                "method": "pageSizeSelected",
-                "name": "pageSizeSelected",
+                "method": "pageItemSelected",
+                "name": "pageItemSelected",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -187,8 +193,8 @@ export class GbPagination {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "number | string | object",
-                    "resolved": "number | object | string",
+                    "original": "{ pageSize: any; pageNumber: number }",
+                    "resolved": "{ pageSize: any; pageNumber: number; }",
                     "references": {}
                 }
             }];