globuswebcomponents 2.5.1 → 2.5.2

package/dist/esm/gb-pagination.entry.js

@@ -79,10 +79,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'da97f3b4ae01037e605f5a34c7511eed42672602', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0c914aed1e1bfbe93a2787723ba7bab2736ec0a7', 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: 'edfe8763d631d0098cf1853316bab0cf9cc1d422' }, "Previous")), h("div", { key: '6fbed6b95640c2eea0ad29a6b7a11188f4979d2d', 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: 'a733da20439da26167a22e3ffc3a8aceae0e1e5f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '978244f7ca057aa68a897affd2045da2275b2f7f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'de22bd6e53be495684ac14b56600206eb39fd86d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '58bfc33093bbeb71e56d57c8d54c9ee7dab25faf', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '944a49fe87a3dff44109075ccbd42d2420a191d2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1cf7f6a3fd8b8b6741caee3499cdd95e96f2ebfb', 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: '60e15dd439bde3e20638272436b0c1cb49bec17c', shape: this.shape }, h("p", { key: '5d3be71259d1ddd421994a34faccff628e55651f', 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: '58feb1c78e2b25fa32b0cfaa697102972c81df46', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'd838a8e6e4e90a9b96e5c98e85c4e46a3e3f916e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a9362cd54159694c6cd8c674be811e3170d499c6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b67530481d9b0a9ed8087a251f18ada9dfa8f71f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '31771f4dcc22cf42113829872236b6d20aa5c1ff', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0bc4a2264afc81bfc102ef34cc81c625cbad22bb', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '250f614b76fccfafcf3a3b87d59fe18f97f65d88', 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: '0960a36b78fa73a98cecf9a0612fd620a421eebf' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9e65f06fda497a092aee3825ac9d0173d75d0cc6', 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: 'd0f6fcd3ac91ec1058c80d4351bc538f5aa440b0' }, "Previous")), h("div", { key: 'df0d0f708f2380a70736737a7972eb1be19f086b', 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: '56b751206a69c9ed98071ad92542981ff2e450fe', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7d64d01d019948f302df6f4086fdc02c67558f15', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'bbb616c2ad9777a470b21277555905457baf6852', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '632d88d9335bfb1df658fc1d1010f8c5eee9087a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0dbb22bc84b9264a8c4050d50513d966987ba371', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e244c2faa9f5e0d546c436a3d593f321d39e94d9', 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: 'bd23ca888c86975d58bdbb0384bb3db52611a305', shape: this.shape }, h("p", { key: 'b7a517d155f0f617e4de7d5136228237a0f33be4', 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: '424ecea92b14e1f79c644d35d1f13a8fcbc12395', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '59ae82b73e54f06d278b2b9a636673d0c9829c5e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '3e3855ed7fc7a1a6ba8211eb77524d2267eefacd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'eabf137dc84890cb1340c959400fbbe769d1600c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'cfd84e70ef3e5933522660a038b04b088e55c767', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b49f04e2de1786ba6f6412dd8ab79b918ffa73a0', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'c8edc567d7189faee83772bb8bc0182048ead818', 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: 'd5d360017eb86c31b35b9d708aa862d114816ec7' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '15311dc2c66ae3773a9d07ae0c51c8c52338e5e7', class: "pagination_entries" }, h("div", { key: '68594524aba09dc44f502394b7a702c4f01793c2', class: "entries_text" }, h("p", { key: '0ce84151e8449600d07619586277d9183956cca0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '426b1f273a83ea327ba3e8e9b9836d1363c01e33', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a8875361fe55d1967f453c5ea8be33b2aa05234b', 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: '96e6f17c6927ec16596a1fec595d99b00ac0551c', 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: 'e4643989858508f0a5d8ff7142ad42cb6aab73c5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0973e81bf4a089331b3fb906ef58344ce0a62691', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e25101dc07128bba93a8e279af667926f36ece0f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a3eed273418e877019358dc66b9cc26119782c2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '86b462eb64c7ab712dd97a7fc4c58e10d9732617', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0a2d66ccbf341d68958accf8540bef75992e029c', 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: '6528ddc2573421f8f1648c2258eb41de580905d3', shape: this.shape, state: "default" }, h("p", { key: 'a7b343e05ccdc543be38d87c3b16c1619cbc3f7e', 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: '325941b09c0e7d1283d8f695e5529b16f3753acc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7c9f257569e17eda20e67d4bd78d2de6d3099723', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7b515fd4e0a5891fe50733f20e633277c920806d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ed2cbb661a5887f7fea48d92bc834690b3f6db28', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '7214100c051d1182d69001a8015a7ab6047b491b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '8b45efe309e050bd3386ee67227387689b2e82d7', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'a1068d3b87eac2aedf4f808716f3db49f1c04d0e', class: "pagination_btns" }, h("gb-button", { key: '9bbc0c0ac84ae04ed83f5239ead350d001f68bf9', 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: '785192e40c16a02fd9f333be8dfce8a7a1c26e87', 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: 'ebd9cef7c98c7579d9e1f9ebb8ad41a233316d12', class: "pagination_entries" }, h("div", { key: '6e7555a344993fad15b8a41c024b2163d318bd8d', class: "entries_text" }, h("p", { key: '041f9f4497763f0c69727a8375010b31fe7e6f8d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '23b437305e9eee7fcb6507c08ba97a0449748057', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'dd8d23236fea5b5bfb3f3e1f5b9af105b2af922d', 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: 'da24db6b6024390c71f22cbcedd75edc0dffdac5', class: "page_number_text" }, h("p", { key: 'e2b7d92f6e9fee1a813bb18cd4193ed96a71d783', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9e9eea5d442f7c424ffdb42948de416224cd7785', class: "pagination_btns" }, h("gb-button", { key: '00a4640b32d223979e979d57fa8f2eb6253a4878', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '30580efea8b40cf0a4044a220be1805a27799c55' }, "Previous")), h("gb-button", { key: 'cb9fcde87c3aacfa37f6e66c1417978a828f3b00', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fb8d964dd34269f375f00d4524bb4c888ce8edfa' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca9ccce7c2286ca21b7ab37f0a104f30d8446520', class: "pagination_btns" }, h("gb-button", { key: 'eefc1a9e87eb19deeb6418579fd532e1713d94af', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fd7c6a54dcfee723fc1f8862f4efc8929d968c52' }, "Previous")), h("gb-button", { key: '9b4345cb4ddd7cce8dd8415fb3543bfcd36bba63', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '66f8d5d8308650cec0d2d685b6bed794114e8b91' }, "Next"))), h("div", { key: '1e467729d13ff7aec4e8526898c38482105586a0', class: "page_number_text" }, h("p", { key: 'e957fb9bbeb0378c85137385612a83d05119dfba', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'efcac1004b19293e88f6a9a418a9a5814ddbfeea', class: "pagination_entries" }, h("div", { key: 'e91fc6321fba2493c3e835ab93995a95a10ee3bf', class: "entries_text" }, h("p", { key: 'e936c776e08b3637c62c8e2b22970bad180640f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7fed0f5722d6fa159e295ab5fe54572b442e906b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c0c6ba96a450645871fbf7bd3193e111f09f11a4', 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: 'e63c941267c1f67582cdae05b19117ae84cd943f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e5a1f3d9d446e4996ef53b509d71f410dbc06ce0' }, "Previous")), h("div", { key: 'a7f7d07efcd61b7509b51f019af12180ffd452b2', class: "page_number_text" }, h("p", { key: 'b7fe9f36cb5ce685225d08067e560d63e80b47c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bdbff3498fbdc5adcc175bcae72a1c3703d9f09e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6d8ce4809c23c71465539e633acb5b531e6266e1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '265f5595f8a9b200dd59b1a10ade73067d0009b5', class: "pagination_entries" }, h("div", { key: 'c6e9e6b3a796332cf78946d5d05fc754320bd5c8', class: "entries_text" }, h("p", { key: '7b600eda08a5857b03e5d7c980d1a0fe0b7abd0e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6eb553133251e12191db09d237b788a56a85dc9f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6b46c49a53066f69ddee2e9427057a90209a7688', 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: 'e8732957c152827b152d19be39f7222cbc2202ea', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '697d29e38938ce5c236026ea69fc9bb18611c777', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6d5ef4d8d34dcc6bbe12327f954d9ffa9353be10' }, "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: 'ba3630a828ee4de82a7ab3453f6e2e40def17682', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ca112496cd9b91f2d41240b57a3e4d150b26ac3b' }, "1")), h("gb-pagination-button-group-base", { key: '355d5fb1d582fae39ff5aff32cd88683b7797660', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5e99c0d7985154ba2e02f8c43eeed42a1ac0ec1c' }, "2")), h("gb-pagination-button-group-base", { key: 'a64b5088c9fb2dd0e4a3b03df198d9f62c6d0e22', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'abd4396ec3ab99a013a9d27ef5dc52574fca7edd' }, "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: '54891845442ac26ff58c8e290013a298d75d74e6', icon: "false" }, h("p", { key: '5f351c7e94084afd48198ce29567e17b7bbd3666' }, "...")), 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: 'd04fd3e53c7d0ca4f261b8776875bf4f5941f7ed', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '95208e6266083194caa2efbcf8e69bcd7fce566e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f13154530174c3daa42b8433e1561275c97f2feb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '67cd3e6c4b9727b3fe2e3398dd67c119adc98c46' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '81d3e10510669f9479385f070083f3920c61d14a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '16d656dc81dcb2ad4cb76c18d9e2bee4e3f7f7b7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '778ddc84e3d0a94e0415163c12751f26152181bf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0085354a6d7d0b69fd671c0bd40822eed05ce023' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9e0e628dfa7ff1e4cc9c666b159104565c7a8632', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4180f68c0e2597cdc82734e945f9e976bc1e958e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc173b241940422c462fabeaa241506a17ba4af0' }, "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: 'c62155f3423b18d6503209c44e57e0b666803535', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b7cf8126c653738e13da2848eb602b2b3bdd47c8' }, "1")), h("gb-pagination-button-group-base", { key: 'b56c59f82d9e7ff1334ab8070d24dfd5ce6cadfe', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '99e1a165822f142006cffcb02752b2ae00ebd99b' }, "2")), h("gb-pagination-button-group-base", { key: '863e8ee9b1b5fb11daedb4f981898e2a754363ab', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0d1e7876ac876fa73a43ce71ec9726db63e0fa6b' }, "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: '079c8ee63741b6f543d64f64f39daa5399e9e3bc', icon: "false" }, h("p", { key: 'd32814a882538d3f977bf1d1c7d51887c9d9b39a' }, "...")), 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: '01315d23b67bc8bbb3ce6938942a267ecaaf2d29', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a59f6acc6646d2993375173791ae4f795cc5d8b6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '79886b309d5fddb84d36142a673d3fc1a5e3ebda', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4faece6539b9dd90ec55ea9d9b8b22b7203f5e05' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6e893f2bb474d30fde401d4d3af143a71f902550', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '7c0a291c921bb1d108cd30c005ee97ffbf0f4a21' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '153bb48650937781c6c4452d61f35d90ed4e3102', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '26e24ef7222baf383988dd139b257bcd4c5ca262' }, "Next"))), h("div", { key: 'f6a8993185cd9ec54d3e7af70b001f6a5f5b6f71', class: "pagination_entries" }, h("div", { key: '0550d43d672629aca8ea607b899bb2bcb4b1daf0', class: "entries_text" }, h("p", { key: '1c383547d2b48e40c825d03968e74662cdcf91b5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ca834d4865a29d40a8424fa91089e575b5618044', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '366938a50d1201da06109872f76f13f63133c47b', 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: 'a8875e50e800f971fe031d0ec1e86cf002df9a3d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '77199981563ae3da3efded55236abb9f759e1f60', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '46ed43e0532f4dbd05ff6d81ba4bfbc71256ebe7' }, "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: 'd0e8cc81728fac7e3a53890acd115b1789d41574', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '458dc9a69ef9ade2ff75efbb91679524bf731c1f' }, "1")), h("gb-pagination-button-group-base", { key: '350f4146a9478710d9a711640f5180cfd5aa45ae', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '93147ab6389da1357b085ac33886d595634ca563' }, "2")), h("gb-pagination-button-group-base", { key: '0c70e18a278c57ae064cfc5cfd7caf25f2ac3608', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31361b05dc6324a2decb132d23210173b9e687c0' }, "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: '879fac21e394938df7aa2fd0fc2bf00042dfb15d', icon: "false" }, h("p", { key: 'cd9e3d98ed9899a719917d05b822faf79f72d025' }, "...")), 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: '44be2a37e00b181d99f27c167a81a8649a568b76', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '340ea0a753353c75da7d6553331495aaa5316af9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8f78f6410aadcf00d40252bbb6301ed54aed5c51', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a62e4210409c4b178991eda471eff5a9fa12c874' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '693e6a98745b0f05d657e411893ce4e26fcdcebb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e46a03091193152e2495d1d76323c61dfb2d4902' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd849fa0a40be702f06cbf57c687effc59851e492', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1dfa065623d2bd54ff32307cdd545ef9bf400429' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a7b7e0b2d867e88e09911e32878a377fd4d52e14', 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: '7b5ab5c5cceb098f19b4aa5b2863a6b4878cb3ae', class: "page_number_text" }, h("p", { key: '5cd2ccd5f67d1dfe078e63d4abf3c9508e30e103', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3dae7316942e38a5c9a8514fe1bf77dad650b70e', 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: '2c821b7c6c7ec353ef761b2198b55003d51cd8c7', 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: '5a1e997e4e5e49567fa43c24a3aae546719567fc', class: "page_number_text" }, h("p", { key: '80a9c709f236ed9f17d64399ae98f3a3d2d6307b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cb66bb144bd68a904832b46d8c52c091ddcc1a9e', 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: 'c69499b7fd03b792329dd67916a270ac10fc51cd', 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: '16134816f97d6ae34816e0db51bbc3d55274c1de', class: "page_number_text" }, h("p", { key: '8fa616b5ec712ed141b22bfea599cebb09db3515', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0be3579c1e0f5d7835396927849725e28ebd7246', 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: 'edce873c03557db10dece1dacf2bb5283610d3ce', 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: 'a1aa27de9dffd00c32516c2c8b767df787ecff23', class: "page_number_text" }, h("p", { key: 'f0278c6cd02d215697069ed43c79d9d491098bbe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '55f680efa2f9c629601899024e6275a8df7416d6', 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: '6e2916af4cc662b0e0aad8b5391f12893d884b35', 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: 'aa314050de1db6b64820f1f058b68c0116b42728', class: "page_number_text" }, h("p", { key: '0991cb7045c29d8ca905b1fcdb43a35480ec950c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8229900fc1db91633f58fbc2d61d40955d68e78d', 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: '4a2ee94065a851a177af6ccc5bcbefe6b7518fda', 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: '90d140198b6736a07289520b28096f8f192484fc', class: "page_number_text" }, h("p", { key: '69c59947004779e099ca6a102b365d309a059a75', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3d58e831d93567ebaa1251cd502d3891d4c590c7', 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: 'd53a4016774b09bfea3d4ec5beb1ec334aa0ecd3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fec4db2c2e1cedd8a8b0bea69127221bc9eb900f', 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: 'e6cad45535a6238656612893faba7682b3f599be', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'bcf4fcd242c79becf7ef231b230a61ded37bbfc7' }, "1")), h("gb-pagination-button-group-base", { key: '58e693e28134d566599c9ca8e21eb2d23b6f9ff3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dcbda432fdd54b623c514753b8497f644328574a' }, "2")), h("gb-pagination-button-group-base", { key: '31ffb27898df928ae94808600eda95c0a3d7ceeb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c4bd2294e522896c1952e941a29cd5fbd83b885' }, "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: '2d3570a12dec36b8379a22dce30c245c69d1889e', icon: "false" }, h("p", { key: '7c69118c6f2bb480beb7a92710badb13d7d96d4a' }, "...")), 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: 'e293f95355a0325d10940e4ec85e28de94e6dbca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0b60b670d5d607dfa10cec317c5ebfd2b47db1dc' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2d4caa3c6d30e0848c3b692aa756f9759d95fd17', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '846f03a0d18b30779803656c828b8b90b5419be1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '7da3a6364a36917da9be53d3f34cab88aec9ff68', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'af486777f40902932444ef25a9a9ee6bee7b1764' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b1a238fe20043dd156c44e156216f03ef73881a9', 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: 'cc1a578ba7e1dcedaa638f40415fa34a2a6f085b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6b4fcf4ff19bd3509f60456ceba7a9a79a33399a', 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: '55976e30b793589db4eaa24e3248c459766b2f8a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3a6be2d76da5a26cc62c0f43fcd21658a0690d8a' }, "1")), h("gb-pagination-button-group-base", { key: '18c8dfcad89ebb8a2f7b28518619b50b580e4568', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a8c2bdd579d7df2f16e89528cda2a736a2087ced' }, "2")), h("gb-pagination-button-group-base", { key: '490fda6c4e90fd3228818b3f0c35eb2336920ab4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd6a95dd6cc9b403efba98463acba8d9496f72f24' }, "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: '37691db05376c8cc8a6ca50dbcfeaee82822a733', icon: "false" }, h("p", { key: 'fdc68158bdd916ecd330cd200a6fc5fdd33abba1' }, "...")), 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: '8f723cf6088173d22f8a8760f1b684a72f44afca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'be85706f424417d9b886484e0159e7696edcd52d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '914f6fb3dd53acb2f23024fa0207cf4f5d886afa', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd248ad44456cd1f0efebdfa75db4c22bcb6b2891' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a239727405677de5d2b44e4bb9123f5358395f6b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0a87c0fbff9b53f92498b3802b1d786b82befd4b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '535bd7156bd89dbab86667d2529e6b1eb79641dc', 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: '57e133a816f598b863f36f6a2b2c90156e59a6ae', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e659a0ec132e811055af5a7c7374052b18711874', 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: '358f09fbb1a90b6b95a87a9a43c8f0ffd5ead9e5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a471957a9f53c788993bb44319b0e22f6bf18375' }, "1")), h("gb-pagination-button-group-base", { key: 'ff3c20552b71f3fb5e94fc7359004739deeddd70', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '535aa19477deef03cb4ba1663d0f0d3e811953ed' }, "2")), h("gb-pagination-button-group-base", { key: 'b9a5a24b78644f50aab658ea7452d508c4a3dbfe', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '33ce7a94713a2d107125c59d167972242fe9d1d4' }, "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: '69cc2516cc434cde9ae9063d619e4cc1fd574dfd', icon: "false" }, h("p", { key: 'd7f4e586384c768e81e88b67d1adf04b9c56fb27' }, "...")), 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: '3a4d7a9f3aef18946d8187580beb426d4a549d93', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '94cfb8b2d1d7cc4c207a71bc18822080c8b9c440' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5c727fdf28ea4b2db8fc21991cee0213b5d46819', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2e20c80b7a060634299260674260d26ada820c2f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f60b32687a519e09ef151ab5df0e1b877accfe00', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6a197174b7848e64c607ffd501a603c22e2af9a0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c12aeb08baa7e4ebfca0c71dc3411a2250adf8f7', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '73adf0854243199f4ab15807c21f9a0600edc12a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ae451b89b9448e60f74612279292e3cf3fcfec0d', 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: '3b56db014a5ab53be0f6ec66c80e06e00e3839ce' }, "Previous")), h("div", { key: '76ec8f567d6e2710aec5c2ee7168a949b274e521', 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: '69ed72f648c5097350c495b777d609499c411519', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '49040e143c4e0ca25301deb1c2d9c8f62a966191', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '14611fa2c163be51f53e0d686f96d857cc5ed9cd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a88b19885bd07546d2f4bb6e8df9d30d73e6eab', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5386809ae2447e29a2da4eb11655c0c27fbfd583', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '7a0924a71b089c1b00f60944153c2dfdfde02f56', 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: '91f1b0f8791e0d4bbfc8bf681f820667d57df66d', shape: this.shape }, h("p", { key: '8f389e12c22c359133c9adc46af989822628c9ca', 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: 'fb6871be091ccc068baab3b3a9052b8e1ca85481', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '853124b7dee09052705d33a643863c769af16684', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b19de1a22d118f608a44cef495c5b7199ec1464a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '47f00d864d5905a4507db349a7e03fc94f0d12e8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0c1fd47a59aa5489845beb38aec46767026d601d', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'c863415ccb03ea527d3f89158dbdde6a99311ec6', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '7fe9ad6d8a7a7fbc9f3ec710e5e830b5d77eff10', 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: '7f4093d8d6e4b255e52589fb9954064fc88fd344' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f74ac482bd84a737f094a6398b581fc7985eb51c', 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: '922d95c06e82215d1d0222f8eab4041d9587a61f' }, "Previous")), h("div", { key: '32a1c18888ab10454ee2fe71c99098dfe6f7ec2d', 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: 'fb74ca5b882fc9df31d3c54a9babeafeb2f047d0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ca026b4660f4b7e7703a00ba459caebd6fcb47fd', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e9fe6dfbc574f6db29efeb9ef9a6eb3f1e4e2aad', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e936933a38184c3b05e1229967c9fee6894b4074', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f06966a7d9d3c2c58f62a86ba4540bc76b4107fb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fd1373c83b280af9ed161ad3b539d8aab8f7872a', 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: '723a8700ec3d58e43ffb1eb683dd60c7a2f1eb23', shape: this.shape }, h("p", { key: '8f7da1196b10122ca7762622354a921b62622936', 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: 'bf2e59269f33b4ad8dca2c9c236c5bff622a1907', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '00518534ad34a428a6a1305271e2bc1725b85a22', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e270f58e96eef0fa5d3fb623e90d5cddd76de6e7', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '70187684d0cab793856cb07b1aeb466eeb43782f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'eaccbca063f3b054c4763b94e1102b713433a515', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'ad558d802cf743ec3b74894100e435a0467e2c61', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'a4ad742bb26955c417c6783236a58d78ec302bab', 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: '7b32f8ebab89e5baf3d065eba898b9eeb3e58f4c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '97b40f98674881261b4b5afe6e2e8e7716065061', class: "pagination_entries" }, h("div", { key: '0e56427cc63147c8d0a4cc7fa1076a616a27b1fd', class: "entries_text" }, h("p", { key: '31c5d82831d122fc62bf3b21291d54c6bcd5d446', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8be609020bea31ba44ddbffa0242ae8a26ade7a5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f76c0ea41a4d6b40b200483bd3f20c43f5cdd27d', 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: 'c56e8ee4c1262d7657c530d4bafccd3410ddbba8', 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: '9e8576c16b38001e4799018e56c0d6245634adc8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '73abd0b2673282ef4125f0e08f39acf6fad0ed1e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a9afc6e3d11da07d139c9ad32c5290a2caaa9e38', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '11f06257fd3aae2d8e0d329c869ae45a40f3c722', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '777072156b9e3c34bc29f27a5e4a6b97d1bfb8a5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b0c8dfa429aba160d3d8d083104dee7b740a2917', 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: 'c0c71162ac1828b591404b9eca1294ae6624d517', shape: this.shape, state: "default" }, h("p", { key: '4d2fd538665e0ad83ee30ce96ae8bb56d7151225', 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: '76e56d1d345dc909bd967936a0cfe5a1ef1a1ef2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9c335960dbe4358837c46fa6f43269b87ff6f44e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0f8df9cc078ee2f1499bb17e10449ea5bf0a44db', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '49b00cd0249733b2ff53bd146d9bdb2bdb52ab0f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '85d5ef1c57d00b156aa5673e8d0003bc339ddf69', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '61062b7f2dea72044ee2da330c845c273e468ded', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '3ace1782ea4691eaa170053a355776f55aaa95bb', class: "pagination_btns" }, h("gb-button", { key: '5a6c6a286e6a5d4d2d5f156638d5ab4ea158d2af', 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: 'c09f520d8d0843a74782cef303419873d946b755', 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: '42a83adad70da7445213a9903ecc3d45a8f0daa5', class: "pagination_entries" }, h("div", { key: 'b5dbf4af8b48c1257c53473dd4a7c17311fb70d1', class: "entries_text" }, h("p", { key: '897b89e2d94c8a806ac145470bfeef233a48ef9e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9e3e664167a2831e46c4fec054085b3c43297fbb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b745f6a21302aad0024c6174f1b9e62a5184082c', 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: 'f98850d05ddabf0d09e72edf25b4de2b1d19c7d6', class: "page_number_text" }, h("p", { key: 'af5906ae760961abafee10df262e4356c366c03b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '507ae612255b1cda263c585f86a066314aebe1ee', class: "pagination_btns" }, h("gb-button", { key: '9bf652b3c68800758e7984c28154fc4b81b4185a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7e1ab46d1fc929c57a7ae6c907c8d9a98ecaac40' }, "Previous")), h("gb-button", { key: 'dfc6523b87aefbd13bfb0b45061bf3f3e43e695c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '037ecd2a773f7107e03141392ca557404c77e999' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0d3db91881a2e1367378f6fb4e7e5d4b08832ba6', class: "pagination_btns" }, h("gb-button", { key: '982d6b37fec866568be0710daa51adcb0a0911c9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3232ed64e16887a35cc0f109af48c1e5e5752024' }, "Previous")), h("gb-button", { key: '8694c24000f72b772200b6b59f8828c82f997603', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '891117f73de5a3373e5ebee61bb8860d6617be45' }, "Next"))), h("div", { key: '0218f1681ad019cf447b3aeca2a677c2078a644b', class: "page_number_text" }, h("p", { key: '3da119a340d67ed292fb045a9eefa20c0cff735c', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'dcb140ecc71f4f598254fb1f074996a3134e4dc0', class: "pagination_entries" }, h("div", { key: '41665539b59b0a1ad09fba02b0d73e924e5c333a', class: "entries_text" }, h("p", { key: '4d10b9a9b4a839f2404255c44887af4e9525598a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '52737b81e50731d91eff97564892f4eb9d67c67a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '192ff92854c7525cfa5af53fa44787af5b5a10f1', 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: '01d05750bd4d7cca6dd979b0eb43124dcfd50316', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '46142f10f16560fbbf6acd49c9ec9c8cbf804857' }, "Previous")), h("div", { key: '7017bd4f66566d90ea296bee1b7e7a25ed3e8e91', class: "page_number_text" }, h("p", { key: '98a3e870caad43a9bb522b7051ed2e4f44dab35e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd41e1f06656e9adb11c0712a214910c58f35c9d0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'abe559e2b901d3924efc4f0d5ed755374f433550' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2a2acec8631921e67145f1c40d2584d980502737', class: "pagination_entries" }, h("div", { key: '1d1271d3633fe66fdfedcd5c21fd0a2e62f3cb50', class: "entries_text" }, h("p", { key: 'cc15a8d33015b0023002b2d4a283a5f7905c3b30', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9cc3b87a6c461d9f4ae22668700ebbcfdc9f39ad', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5e6c9f56331726d761c7aad0e0449652efc03706', 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: 'b08ddcda93d0bc2abf97bdd1eceb66fae4d8c4be', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4c3b49c592932bb1da09b4c14059ea3532faee6e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b02b3ac437f6ef38c05e11fa306726f4ec6d86c8' }, "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: '39c21c9f2e416b9bb49eb2945c650b37dc963254', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3dea646a2766b9d804465987ae4556e0742660c5' }, "1")), h("gb-pagination-button-group-base", { key: 'b4a02964547c384a6a819e640b342c5b82910924', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '671810036782f5ab999a93ca927bd94944eac101' }, "2")), h("gb-pagination-button-group-base", { key: '89a5e2ad3a8094c7c0d90c8b5538d34ff98224f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7f1fb399c11fcc2abfdc59285ba9986221003c53' }, "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: '789133142be1ccf5aaf0864d8bb4d9d9af574ddb', icon: "false" }, h("p", { key: '4846b2c2d82a55c0da979d1166ed6121b99192f2' }, "...")), 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: '1a3d98befdeebfe442ca8e970a9b1e9e337ae4f7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ba69637f32f5e28066407bc9d606c2a3719045d0' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd8bda9b505cdbd32c52779bfc243fc19f1ea7a7a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3d830d320de1ecb5739e031047cbc9cac06cb5da' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '73dd008532560df089ec1a0bf3b33d628e12fa75', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '00da0b6542d3ca8a015e3e4f439d85a74085432f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bf4d1b2c2c6f6b20e2381983eeb37ccf1020e97e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'de9721b5a72f77550d3fd758fc10516d32f042f1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e34b5626b44966ff19d332a5aee8608ceff09570', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '92aeaa0a3d90467d03876586b03a0745b10d79bc', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd99fd95c8d390b965893a814e3e105f7d01e955c' }, "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: 'cd9a09ddcc57550860d1bfc0eae2e0a21ede7ca2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '588b78d83f93998d0f8144eedc338455d639979a' }, "1")), h("gb-pagination-button-group-base", { key: 'fd05ff64c61f48bedee966a5e79c4b1d173bec95', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9ede22a79c157e2ca12881516df6d9aae624748e' }, "2")), h("gb-pagination-button-group-base", { key: '6fa311eb4dba100981ee135eed2cc7329ca61411', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0f1fc244da990c36dba3a58affbe96522d4984c' }, "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: '938b0103bed124639ee6f5741d4009a97336d3e5', icon: "false" }, h("p", { key: 'b3abeeec73aff764f9948ccf7c8a48bf8ad06e89' }, "...")), 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: 'a71e5073c312d6f420f7cecee47e0705c7e3d602', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9d71e31bf6c06d22f38ef767975eec0b3fbdc833' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9cc93270598d69ca462bccd10bd3a96788c4605d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9f81743a463f2ad5ab7a7d5899f7c854bd0b601d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd46d425c0b9fe3e11ff3d571dade4ac5c030d44c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0b8deda9e05e9f17dec63baddda96d26323c0ffd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9a7fc7b515c74daa154cccd88119bb36a0f57f2f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a4c91fe057311adbc226f0493fd18232be91b766' }, "Next"))), h("div", { key: 'be998667e8143152f06d9bc6b34b56403e017b40', class: "pagination_entries" }, h("div", { key: '51941acf249e6a9626a12f7bbf445deabb32db1c', class: "entries_text" }, h("p", { key: '7e89ddb30a777dd240f5c95356457d9c1e70807a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2109898977747961359e6f0c1f6514a981f7aba8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '121d62aca81554fa146967519f6bb5e792684b08', 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: '7405682a46a36c1943d740f311dcf3e9d83beaf2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '802f24c436cef028707639c1ff81a892be5161a3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ba4d0211bfcc638506d951e18dae8d480e01bbb1' }, "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: 'e476eb96ce54d7515e48afb6794547eb530faedf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '23720e3add3e49bb21fd852645ad935529114865' }, "1")), h("gb-pagination-button-group-base", { key: 'b7fff03b8299263a5a358bd5b0c4c0018661ecc2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f63207f7c015f25a497d1abdb89e307133a8bfdd' }, "2")), h("gb-pagination-button-group-base", { key: '28c1b4a9caa85e4507f5f5447d8d870effcc2e01', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7ea1fc562eb1a21b674fca0ef87b3c82732e671b' }, "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: 'bf21b23b16954f9731f08323b0f8e92ddd9c9539', icon: "false" }, h("p", { key: '71a5906a331dccec4a467d0e05f98e240138b2d5' }, "...")), 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: '4df6cdd4c979257cc4c19ca10cc93c8de2dd6ae5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f59cde1e9649242329520430317931765709fccd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2e12c138426dab8bb09f46cf0fa87291cdbbe100', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0624a2ea7100c9a4c585da5f0e618957c894fe60' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd369b71367959424834f558f8f351fa6d3342a59', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '66570ed240581b7fd232b39bff9cc29ded411512' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ae1971bdd61d497bf50bf99efa6c9e4da317eeab', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '65663b72a4e1c839679c5988ebd4e82238895fb9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a3abc33ab735b8cdcbe621ac360fd868fa1c3e42', 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: '082ff49207587d9ff076666dc7ecce3d8c6bd644', class: "page_number_text" }, h("p", { key: '4fc3052c5377208208b04c47c33cb2f332575828', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7e42446545569263c3a475ec25718f2a7816780b', 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: '4d7224ba1ce413befc122b00b0586f27ffbe307c', 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: '555948b47d3199076d67035b5b8dbccb085dec4c', class: "page_number_text" }, h("p", { key: '1051d93c1871d82e97f1ac572a25ab96dd82e8db', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8400dae3ac65e265ee5310a29c2c1f76a7509105', 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: 'cc06431b220f08a2a983cc18d95485b49d8a9fb1', 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: 'cff83de31ef0c9ff3c96b2ab3829d6b22213eee2', class: "page_number_text" }, h("p", { key: 'd5ce177e10437c51b37409e0ddfd1cabe6711975', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd1318b53b3bc686ccfc42d7b6ad2e5a0377f94ab', 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: '57147a34fdb20f3ead03ecdb2c71ef0cd32596ef', 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: 'd74324bff8f15d4ec3eec6ea7e281114da08914c', class: "page_number_text" }, h("p", { key: '3cb75d8aab7b8b7aac28f2763fbe5d85b418e36b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e9662412c0b74fb9149fed7a1dda4b8df3aefb91', 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: '697b5039e2978bfeafcf863e97d3cc9f65befdaa', 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: 'c5ab634698dc3e807f2c800b2040277bfdfb7a2e', class: "page_number_text" }, h("p", { key: '30ad5804997f4d7952600bf3594bf6fcfa58d5ab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e1eae657d5fc876f79e10ee8d17952a70e4b8e12', 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: '832a5a1cd661f685251d15f2b1fd62b7023328da', 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: 'cf88e8bd5dd52e5bfb6bc68ada61b895e839f7a9', class: "page_number_text" }, h("p", { key: '3ebecb86d6a17a37304a45ed5de094d461e6dbcc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '94be26a3a31d8b86bdd5a36d4673f5e29956ef3c', 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: 'ab5bcc9fcdacb8359a7805a259fae0cfc016fff5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9c8f023aecd461a2f8463c6b269326d6d4842500', 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: '4e92220c99958a9566b12b5dec379d0d6d2d2b68', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '91e3710e04d7fa4845012492ccf2c1c9c273ef3e' }, "1")), h("gb-pagination-button-group-base", { key: 'a1694fb35cd4a2b42ff391c73e3ba04dcacfbbab', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3adb41f46dd488462aeb03a07b6b2c583e742df6' }, "2")), h("gb-pagination-button-group-base", { key: '5c0cacc5a79c5670b2528cb5c593275f624e0b29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9919a14ac6722a1e60ed83391ff6ed83fade3082' }, "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: '16f1cd5a78af51992fe709c5c8ccf64081b25ba9', icon: "false" }, h("p", { key: '97b288bb915d9bf75fddd79153f85ae1c9ca2c20' }, "...")), 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: '04818ecd0101233249981b96b1c86bc7e94b131b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a721b0dc330afb58193aa8f766267a2eef50b0b2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b89869ef7b7224575d587a8cb0c3dea664c17942', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'efa2a70cbd96c89a4fc6bcb42380ea5b8d90ab91' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '127ad48f16284123f8e812d6748eb2a8685df7b2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'dae43947189299828997bb466cf7fe86e8ce99f5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b7179082ae9301624db13068cbe0b1abdb3299a0', 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: '24ff5c2e4a8fdee4c153cf00f44dab7f60dda38d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cb9548905d30058d39414a0e8ae8a9c05c224341', 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: 'df8ed0c68fc8b98fb2f706f9044984d58e653806', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '62dd84b3096eb5e29c155332350fef0f9ab0cdf9' }, "1")), h("gb-pagination-button-group-base", { key: 'd8dcbfde0a6315a9feadb0cfe800806965089ced', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '90e0fa9b2cc11783e5427e7867c71354c7c04c3c' }, "2")), h("gb-pagination-button-group-base", { key: '1b09f0d8f7e760e8c159f1ca4e38986af7fc9146', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'af78c33ccce3a7f531d1079d92ccdb29f550d08a' }, "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: '09539133bb64162b80cb0091af29b7b7c26aa9d1', icon: "false" }, h("p", { key: '4dceef96e820a3c119a290b97ded6ff07de7d37e' }, "...")), 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: 'c92dd1ff22f524c9241b2e248f29b4c10df4f079', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5a0f472dad2ed7e0be42cc2a8127979ddb432c0c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '47633ad2ab748f02a966b5b8f621d5f2b8f89c07', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '749e3555268cab347fb0cfe1e48ae3d4a6c1cce1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbd2ff3d4848b9f9f838ae3c16969db51333b4fa', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e159f62cb24d235d9dc29b5a67c4ef2537d60229' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd13b175565e64adeb9873ba34b725a5d23055832', 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: '61b58a84ec315fa3c33168fbf387e3197b9bc2da', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fc41e05aefde96d041d1bed39e07cd13307822f2', 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: '5f0be51e840b7687f21b501cf1b50d2cb090cd5f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b0d96a46569bd880c53d509f0a60a9cb2f6218e0' }, "1")), h("gb-pagination-button-group-base", { key: 'c9c816952a71abc703bea820e751e095b1f56d73', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '67fed012f253af58e9d09e794b749ae9f99095ed' }, "2")), h("gb-pagination-button-group-base", { key: '95d2e0a4d63bd0bee5caee9b09a5387234958caf', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fe5572915bb5b53a06c6df3d7bafd2efaf4a14d2' }, "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: '6d68609657017ae6b83afb01e3893d0d8ab5d4a4', icon: "false" }, h("p", { key: '6ab231f361f1ab5625864f1fbdda40bd4979a985' }, "...")), 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: 'fed8049827ff8ad21cec96833a9b612d99a98572', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '47e843b1524777ab415504b40e21f176c194f650' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e1d4438990e77edc5c8040ac37d143ae79b8c3be', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ba877601388aeac9a192e904d8e88b22db564eee' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6106055f82dab6d81c0b87acc97df30e685ff31e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c477db431108a137d557a4e26e672446bc9c2ee6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'da7c97d330587df05d5282c44623021d25418867', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]

package/dist/esm/gb-progress-circle.entry.js

@@ -32,7 +32,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (h("div", { key: 'f4c73e548aa435f994a0ec4757b3bc22cbad5679', class: "gauge" }, h("div", { key: '63d1c2bc86861297744d209e45027aa68028a470', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'adae46ed73a463aa6597cd0d7defca389832c745', class: "mask" }), this.label && (h("div", { key: '196116bd340fe3eaa82ab77c61961b660e61bcc6', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '63a3af8cd346912d64a546cd1b48408b4a9fc074', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'e9ca7aab53a46eec416e84b1a90b4fdfb7ddebe4', class: "gauge" }, h("div", { key: '4c939463da7f45f5d49fb13b2482f12098c4071f', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '3c86b810b2a88d55a1dd526226a37502012843c3', class: "mask" }), this.label && (h("div", { key: '9b884b1202f6e6e659dad19c2c6b9acdbcae524a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a80ba8623f3eacdb42e8c66d9b7470d4a0e61037', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-quick-action-card.entry.js

@@ -9,7 +9,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '8a7bfa3c86f9289c2e2f9d03c05758a2aa684118', class: "quick_action_div" }, h("gb-card-icon", { key: 'f598051c09977cb3d4741510a8c86389a206a5ce', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'ea7b9067957e3f4f875151b236f801aaece06301', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7d987a1206f191a1e03fa9bb9a70cd1b6ec9ce6e', class: "quick_action_div" }, h("gb-card-icon", { key: 'e796a2d7fe7d61d5162af31d45a85cdfbcb0b643', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '080b7a68bd3672545151fdda2b9fb50f924276b5', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

package/dist/esm/gb-quick-action-icon.entry.js

@@ -10,7 +10,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '8b36176699f25caeb5731a6e1f1e6130c04f1d50', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'c6a4f82a415b95dca8ad9cdb75dcbaa496e7ff66', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'f736f33535e25b87fa75c325e0b266eb243aff9d', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '1ce138b38eb3d8cd1657b56ed2c5f5b994cf5abc', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'd9ce2e79ee88652fefd5d02d8416efef037235e8', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '8f5a1ef8cc967d85543c753a89bce53ed79ac59e', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

package/dist/esm/gb-scrollbar.entry.js

@@ -9,7 +9,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '267913fc015ffe89f943792e99a9ac8c324c383e', class: "scrollbar-container" }, h("div", { key: '39d12d42ccf09f822185efb5f490fa74fa6076c9', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '60396f1702c5ef71e54c95197b72be9220b9f716' }))));
+        return (h("div", { key: 'c69e652f88f9b4fbcd1887ebf3ea326801253991', class: "scrollbar-container" }, h("div", { key: '267e5e2d0a9afdf1cc6fc37bc0fea613d57feafe', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'a12e2f56719599c7e611a7c54c718c598e37acc4' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;