npm - globuswebcomponents - Versions diffs - 1.9.6 → 1.9.8 - Mend

globuswebcomponents 1.9.6 → 1.9.8

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

Files changed (489) hide show

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'cafcb9886a502e08d800e353217135dc5e1ec2d3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '94ffa5eeffe59b8762936e9f40fb17ad1562c953', 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: '72ac3fa76b643c323901482c0bc6ddf4f2cdc1d7' }, "Previous")), h("div", { key: '7ee4e696c08e3f060cf00bec084ef4aeb25d161f', 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: '23894fb3fef358cf887b338ac013ce310573af4b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '07ab4c10a8bf2bfda64455ea8bbce6d735c3812a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cc15e198439588d9fc6347c36310455b70498752', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '83f44800bb12404f07ef8426611420a3b9b8d986', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cc6cf9c966d8a3a347e3d3a9b6fef90bc931047', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '85a1c0a9fc93d1af21ece6487fd6a242ea530c9e', 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: '8736949a43413f6a14ed7ccfa4d577f979fde0ee', shape: this.shape }, h("p", { key: '92b85ddb5341fce7229924ac2989c08ebc9e9d0f', 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: '3629ac4adeb27d6c3a22078c1b7d93c49fba5ef2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'e3d854e62d6b410332d39ba1568b14493c83f33d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'fdea94d0f3ca851619d09fa7890389fa73e25cf6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'de4c9498288e8b4b886baa6b5093fe94c81dcef9', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'dde243f3cd86b1d0d1618bdfeb9d6969287afaa7', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3c3a6e312e805df524f3debfd99b5987cfe41b2f', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'fdd6b46eb857eec8ec6e89dce00a718a4852e4f4', 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: 'a789653fd7b43176d62ade490963e131ba260e58' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f5dffede65511a20959c81404b21da4687264ff6', 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: 'f8c6767308353f670da04d75bf42fdeb328f2c08' }, "Previous")), h("div", { key: '4b9cd6bb3dfcb856abc520981a14cab5ae8df366', 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: 'e7c2c6a1e19e8c47d49f9f139bd7244d9f0161fd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f5f2ee887972a100b50ca2c35c94d0b863b51ef0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cf15f69c921cd4ea824b69d86a6d8669f050128b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd0f2e90d0177e9b79260610d0a91da28342058b2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2247708bc5d5475a266a821f21a1c5bcd372f740', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'bd5e70c9356ee457755113498c9dca23708a4c6f', 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: 'ac3a55ff33c9e6bbb0cb1b6ecf476d1f9dc2d287', shape: this.shape }, h("p", { key: '5b242f0504924c76ae6eca67f2af7166220298d1', 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: '042cb651810dfee9ef767e86bbbb2a738ca245d8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ded3082de0062b6a6ed1d645440dcda4e442dbb7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'cd842101779d69803a04d31d8a6782a121e1fb45', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b7d420f972e77ac053f3d331fe00b3d56d9f9b87', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '5b66896898d4c35d97419702e5a4f8db8db5cbae', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b0945125490e4db890e48351b19f1d74f67eb24d', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f768ca4a1b2250a0a0050aff18776a08eb94e2a7', 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: 'ce5c5e4b04d3362e85fdcb7ae0135878ab4c3c4c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '36415bdfd41545de90e6ea9844035438ab0e5984', class: "pagination_entries" }, h("div", { key: '57730487583c90be7253472928541c15eb27bb8d', class: "entries_text" }, h("p", { key: '712aa0bf6e6f4b36baaadd57dab4b6b8f0c5019f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3f9ef5bc9c99e4f80f2bd4d699bdc4e3ebf1d638', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '35556b59bbd1958d1f687c9289e65254b52ff723', 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: 'd206099b23444d6a27ddb5f54b0f3a09bbf895e6', 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: 'e4e3147057ca060349c92b95e74a1ffc3846e62d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'fa6133b04f907724fff755c8ec295dcd64e41b5e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '356cc9c7ff65056d9afe9c2002ef2e2b2496d588', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'af98a920c87b6d0138518db23e825e98506a769b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0842809418a1864f4299a3914638b33d3aab988b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1821ffe76537c5612fb25cb69bb5c3a4880ee87b', 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: '785cae765037128042e0318448891bb9ed19f8a0', shape: this.shape, state: "default" }, h("p", { key: '2de3a633950fdb71945ed1f2cb12ed98c840a085', 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: 'b88c310c83f221f0bbbbe888960f2d370f5542b2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'bdad4e61237181e49f095e47f1dda0c4e2081e23', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '8e0d76372a8f36e96da39f815f672426ae803d0a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd8d0ed6147e2e38d17e4e4dbf271f60010347032', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '201710eef44fd7cc201c8695edc8ce7e210486dd', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '91cea05cd53eaf477fdb9c78d5f05d4d1d85e93c', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'f7872dd09576e58b594b8616ec4d5830f7a9f60b', class: "pagination_btns" }, h("gb-button", { key: 'dcbaccb0d9386c4f20cc58636b6d9f373b84fc4f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '3bac05ecf85095daf8a689b9e4faf258ae4119aa', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '446868acb2a5d3de47884253a71b3f14db1ac7fa', class: "pagination_entries" }, h("div", { key: 'c89ef2745b97efa7c08c18c9f8d7a156cb6f2c02', class: "entries_text" }, h("p", { key: 'b9d6f528f55b31ef1b090968917b7e223d5ad0d8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4de82b3763c8fe85997b3a77fecc544c90bd87ff', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '75f4170d28ecb6e040f39218f6524e713c960b96', 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: 'e3dd6abfc810a1fd5ff9c0bbe53228ad345c6fb6', class: "page_number_text" }, h("p", { key: '76d436bb92016c9d9fa873f022b40fae22d98bf6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '75ab3fbf8e0b8fa274c398f24343b3af4330f602', class: "pagination_btns" }, h("gb-button", { key: '707f47e0e8fb50f843889ca3b101cad542cf1e0b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a4d1fddc1ed59631acd13855cc03710d3c99be61' }, "Previous")), h("gb-button", { key: '415a08e89b56ff5cb1423d0c847afc17920253ee', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3cc39c0dc473efdeffad4e3ca5f4e81b32a821b5' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '77583667c83c9039ddad929b540d0e42a912fe2d', class: "pagination_btns" }, h("gb-button", { key: '0acb34a0fbb9b03e4b661fcf162a72fc09f88855', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e1b039f72fd141ac0a4ae46c5ad7dd2cda8a8b06' }, "Previous")), h("gb-button", { key: '7086283805084184832ab87c3cea2e25fbd36c20', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0bdaec188938ee69036a4eeef477c0be83dafa7d' }, "Next"))), h("div", { key: '3cae3775bef831d6534718fe99c26797b8305d3f', class: "page_number_text" }, h("p", { key: 'f986644c6c92a6e315000a0254ea73bdc60759bc', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0bd2e22c097885166e41929c12cee78ad271af91', class: "pagination_entries" }, h("div", { key: '5506a0c6473497ff00f723b7f75b11e891b26f38', class: "entries_text" }, h("p", { key: 'fdb6bf00d13f507c871069eccb70acc1b41a902e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9fdb8fa89dbfe2c4e40410ae49a3bd1400a8ab43', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '59dda156a712aecbea185f66131fd6465f533c28', 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: '16403d797a392449adf7e88114686fc33b804088', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd14f0de23ae52ba06ede2bc018589e0e02e686e2' }, "Previous")), h("div", { key: '5f22e6bf5fb75c832bf33fe91880fe71456362dd', class: "page_number_text" }, h("p", { key: '162e4810940ecef9f9390ad3fdda761ea71a96fa', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cdf6b7a35f05ed0f570ff0d5d77623478665bdd7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '634c8487b8a9de26fef7b0f475bd2fdaa99e0ff5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8253baa47f8134ee1aea4880690323d3bc20dc14', class: "pagination_entries" }, h("div", { key: '0aa8d463703d9b06c61184b8cf1c8a0a56c205d6', class: "entries_text" }, h("p", { key: '72157bb4ea365e319ac41bf3ab122832be5e598e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '88b0c366593bea3424d25453d57cdb8c51efd932', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0cdc444e62c3b6a6d75681803bbf2c3d4e82f378', 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: '08da07e8d59bd3271d882f12b5a2353d5eadb528', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '83b9821cc2b795b231fb96ebbaa35500573ddeab', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4bbea33e213dc3762503aa38710e5bb88a1c88a2' }, "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: 'a820ded4dc6665fa06dc5672dad8b31fe77e27d8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e03fa45715b5c26c279a222d7e810dfe10edf520' }, "1")), h("gb-pagination-button-group-base", { key: '26417fcb0af25a2b018d866322dbcf81c15cdcac', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5882a82cafc0f040f8302fb577f098ad5ac40a92' }, "2")), h("gb-pagination-button-group-base", { key: 'bea7b871c377e6996e2184850a9ddfed1bd966f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4dd18a28e17cb1e483beb61042a58d6914fd3ed0' }, "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: '0217c4f1a5e64b0b85bc088b3c86cf2a8f05f6e0', icon: "false" }, h("p", { key: '5290da5f6e611f2b9e4649bc854ebf1539cc4254' }, "...")), 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: 'cd82678655b976e73454d9a68c413f0e51f23871', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0d59bf20a75a59e012341ac35666864a14927398' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cf613dc923adbd02fd3a24604c61085972527656', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd9212bc92e3082c95b90dc6e6a03494f07ebc082' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '07192ffca079ba6ba913a94cc95dd33db1715caf', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'bd08dcad0af7653f6783eb911078aa399b941d50' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fd43bc8b063d8fdf67702df43152bc87783635cb', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '61e2f427c4e55903d25a0b74c9497ab0b4a40d34' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '45b83c9b9b89f25f8dea1541720a89fb085b0d66', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a74f434a614483181e9bfd18fd6ef821c898dd80', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fd7b78175727249b493baf5a0bda3e61700d3585' }, "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: '3d6d15d658f93fe321e3e65e4093f6c6ff6e6240', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '38008873bca210c55c3f07c764ed4f0299076cf0' }, "1")), h("gb-pagination-button-group-base", { key: 'a64f98374cdf58c7e1934840640a9916f7e0bf55', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6a965f9cf62d8083ce944f3f25fbe845fd1eee11' }, "2")), h("gb-pagination-button-group-base", { key: '9f44c66f8ddeed785c0baeb4329014c0431a07b5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0f12200ff8e5d122c29f21dfae1dcf4573f4052' }, "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: '924e098f9d047ff02cf973bd86e00d508d03bd7c', icon: "false" }, h("p", { key: '594049de25c58744e84640cedd749ceeda8da91d' }, "...")), 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: '3949844887650062e1c37e048607cdb002fc8205', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8951e8b3d355c992c89015a612680a37750c4f55' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'af2547148854b92ccee6faadc6a2eee771fff54b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '02b111d47b358b92293103976f8a06ea6743dc7d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'de269226b7fcb690701a5822535b93c8a218f19b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0a563238c2aeb11faebb9a7bbeda8058d2471d11' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '014908836c1db4e2884ca9230c473205f7f89aa5', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '228ced636ee808f627326eeb4c2a825a41d7d7e5' }, "Next"))), h("div", { key: 'c61491689dfa2f1ffc809af32f36946a4056e930', class: "pagination_entries" }, h("div", { key: '5379eda5b0816a8e84b9563cb0c350479c589f91', class: "entries_text" }, h("p", { key: 'c411ed9496680e2da72bf13e08c263be8dbf33ec', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b24fdd38384e4f00ed59c67b27b4617bba6a1c7c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '858aff7a79d0298ca59e3ed1f387323fa73385be', 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: '25cda353ef61d9928cc62f4b83c9af7dc8c9d1fc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1de8a7543a3a61b985a2bf371cfd3d94e01ae1bb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6c00dbe263d4e1f16f75d4284d284c9ce9fe2410' }, "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: 'b761fa5bb948e15003644a9f3c39df6bb08e39db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a5669031d92c815f2a3494c1de85c7f211660df5' }, "1")), h("gb-pagination-button-group-base", { key: 'dc38a8197c0bcc19927bf16c509e3da56e083ce3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '59122bff3b8fd70c6bec5d1723a89d169451b723' }, "2")), h("gb-pagination-button-group-base", { key: '116ca26cbe596edafb55cc14c4abea13ec427162', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '488eaba5107c6908320e921588a322770dbd44e3' }, "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: '6116ff0a321907c7d0ac408af8b2f44e22646f86', icon: "false" }, h("p", { key: 'f8aa32a7d963eae5639ed33c0c9d4c0643c3c3d6' }, "...")), 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: 'f3cc6fa691cb28508e0415e900743e99e1d992ac', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'be7224fec1c27e8fee2d256fcb1ccb23ca15405d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a53b775b734dbdbc8a8c99fff9329fd1e9857e2c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'bbf43b4e5ec06bba8521768546bc70deac30d486' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e3cc92d6bb3ad4d92eda918d09a29b778fc441b9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f4188afa2db452800fd5a0c76e64012632dd4786' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'eb35ae415635740f93ab927294dd7624918bb947', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f3b74e785f1a5920e262aa1113fa1efb1e17804d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '056281d63119b321830a115554019bd2c1325c93', 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: '418cd4d5c6f07793349456ea1a5f4690aff36992', class: "page_number_text" }, h("p", { key: 'd84ff7318350dcc4d7b7f06565918f83bd62db8a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bc93767b11195276a1333501ac2eee19197ec832', 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: '3abc40e91bde28c7c5e499ee8307e4468f2c10ec', 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: 'e44766dcfec98940d27eb1558e844cb76baa0dbe', class: "page_number_text" }, h("p", { key: '07fc9322a19aab4800548443f2d52b50e7c30ec3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '71c0a4ec917b2f4857731f6be96d330eea9279e1', 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: 'a2b3a25b612a10e3cecd98ac5009118feec3b291', 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: '97eeea52fa8fce30e87586cfa406615ebaec4ed3', class: "page_number_text" }, h("p", { key: 'de6156bf9a37aee7b60b3a61f9d2f79a9b46f9dc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7a499ba04b70351be42bacb6d818a39c79748629', 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: '7efa67a987d99f0b0454ee0e423c55ddb32b85fe', 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: '915fb71fa94e9f0671d7a1181bb944392539fe8b', class: "page_number_text" }, h("p", { key: '4d2d70f0a217c13c3cc3d850f1aacb2c5bcf560e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fc56ff5aaa666405885a954f13fd39f546572152', 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: 'cfd938d939e264cad472421c824b9e2526349368', 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: '665da93346a28384f8c897756ddbb83733c02027', class: "page_number_text" }, h("p", { key: '6027f65f0202db0fae616d59f2d5a1d4b3bac217', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fd85c9b64605978deb460e5762df9c9d37f38786', 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: '0e787d84aa94e0fc51eaed789afa8e83852d4ae0', 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: 'cc7f703329e29da818e254ff768683845f5a29a8', class: "page_number_text" }, h("p", { key: 'cc4f02db0eb8f7a689ca9443ffb7a71140a4849f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '63ef007a488b29e1bdf167265e60da14a50b33b1', 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: '3a19305132d3bf4a812cca075b3da42f7faf861b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a8a0278e3f793a239decdbe71ccb83e882787774', 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: '8c39dbf3c01b682a2dbd2235fdece8c848d15e44', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4005a2a52af9b32b7c4a3a487fda411e71b2bf9f' }, "1")), h("gb-pagination-button-group-base", { key: '57a57ec644d27d9812bc13fd2f69825d84899bc4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6490f915fba75829826f2c10ba4b19eab82ce02d' }, "2")), h("gb-pagination-button-group-base", { key: '47e7d6d74a435b8220f4b31d073f798447df6026', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f64b0ace29a72c0f3b043ff7368770accee0051a' }, "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: '4dd942910cfb8b7dc7b8fd1bd00ba3e03420ccd4', icon: "false" }, h("p", { key: 'bba787b13f1491ee3c34be3bd73cb8daad6ead2d' }, "...")), 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: '334a54efc0c0a0ecf4a262a0a397e8bc454ea266', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '648482ee2cc3d80b4b3be524e012c65a0f79b6dd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd000830143a1dafd29bdfaa3977f0ea619ee73ba', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '305d2469d8562ff460f33aecedd79e2c07328bad' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c58cc715cd7fe876dddeaa5a5c3d5e57fd7e137b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd5992a5d53ca72d072068e9fed4a2998d30697f0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '584ef72b4b3e8553092c9140dc05d7d41b7b4863', 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: '5c9b2c8c789f8a638f24e65f37c26822dddc7975', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3191a7a54a6668f932ad278bd44d02b487f1e20d', 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: 'bcf62ecc22d4027fcb86c710cbf7cf84e3a29e7b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '222fdda25153f390cb11d7f3cd8ee0fc6f16d35a' }, "1")), h("gb-pagination-button-group-base", { key: 'af0973b4fe625e1c322ea51bc8bf1ac0b893c55f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '95752d457c6048797d080e3faec59fff5c2106e8' }, "2")), h("gb-pagination-button-group-base", { key: '41ec396b3f76b4bbe526679699a1470d352c79a6', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '152d227027b1998d12c5dd90523b5c8c78b72264' }, "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: '10c6fa0671001c05575021f457c6819a83c157bc', icon: "false" }, h("p", { key: '623d7ba8c71275c21e9a8faa450af890ed77d4de' }, "...")), 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: '4b9fc6aa64c775f9240eb7889b8add66274e18b5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fd570f9fc260b7972c16655672e998840a2e8dae' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2fdcd7885e93cf864e0e043ba6d02a45d8d50517', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e1522bc93e3f99b7b7e9bf195ceae3ec03c9d1ff' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2643d2db5d0d1622a9f0b896835c0edcec2c9062', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '54d82e13cc7e0ae7f9fdc33cdf77f89bc1026eae' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '51657ceae2ac25626988c22c108b1f5e0020be9f', 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: '2b2d77339a8517daa292870af78e4face9b2d36f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1d6b4586fbe311b762eb4a7479d2c9957da518cb', 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: '501c669c56fd70e5f23fdc63dd1c19d31eb52499', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f4af327c6a93b3ab4293ab8cae9f0c4e1df978cb' }, "1")), h("gb-pagination-button-group-base", { key: '1a0e4e1ba8192e1d1a85ca69db41193d55e9330e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5e84d834185fddc2b49ad3ac1f3c4484b5c9ffa4' }, "2")), h("gb-pagination-button-group-base", { key: '3bad8871c41cbb95574b5682cbad1d7f3359ac6a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5ced591ee0d9093ce32921043fe72ac5569ba0e8' }, "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: '59ab614b65dc86ae302abbb97080146d05a09c10', icon: "false" }, h("p", { key: '7cce2cdc8a2161695a2604745c65d6dfd0d807e4' }, "...")), 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: '5b26f07ebe660c16940721826f85ed36a8be86e3', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '75d34d305aedaf646ef516992606b0c4a18244d3' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'be1981afbceb0ed91782a530e73b434f40465cf7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a5b440bcb45001452361509fb1a8ce68ae91d744' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '49a6f39b624c2b59c97e0064a918081a56e9a681', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c7b727c54f9df30d4f0c14b8d2bedeb9c2bec891' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7aa7d937217d96be41ecfc20ae477d0e73aa8540', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '9df2a9922834c5cf0d891ab9186b29668e70a109', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '05664355e9d8d18d377f2a7221b2521991e23214', 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: '943b6874f83a0ae9c6de51f307a1397991ffa3e4' }, "Previous")), h("div", { key: '4b10b1ff1c283d87a08b498977e962426191673c', 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: '3224cd5a8d009719d042dd24c148fbf5f559e957', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'cc5c8a3882bd850810bcab7c3efb6e7790b63ddc', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '21b67df06d9b730fde54d68140cfcc7bfc9d861a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e08c77430b3071f86ccd4b1676394b49f673708a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '85194f3ffbfbdc370c2f6cca0c213f0165b68dd1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '064e38b012aa75a14e63fd37272ebc4e043f898d', 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: '9c513c1b1c91d8e94a950f5621c6bb18ef5471ea', shape: this.shape }, h("p", { key: 'af998053c652d067cd443b373da875e82e193499', 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: '38552895149716c8949ca2e69a4ef3cb77a99b79', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '3be1784f54fbe0eed8c3521779d437b0d31e6ae3', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '1d07bb865085f359b22b82d3e6632991c5071f1a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'fd679c97273eceb98aca5b220f25949785b37975', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '500b613f98e89f3d71d2f700cd9aa936b2fc9ca9', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9ccec84255f82025863db47bb60218f9d29cd5e8', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '797aa0170e9ac0239e49128c8bea88920b313385', 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: '648dc65a18c32121f17c9e4832875f78d724042f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cc7835c97cf4fb145d41b9281ff1c6f050fee708', 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: '11e9f2b2b6687dfc174e6790a62d9175d1777843' }, "Previous")), h("div", { key: '66ad1a119f2fce58779c173d5a5a7f33ea36cabf', 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: '8c18c6be9c44c88441f6d781129dbdc8d911993c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'af2864e9250c6b9bcc3dc3c1d0b2341976a3509b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1987c583018b0aa6d1562e13ba9b86a6c44de3d5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3e3c23054a5b48d1975dc3e634cdfe648a00946f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7ad5f443499e5664db7e67e1d015fe3a2de3cbdc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a7d8651c560cf7c07619dfa5aebaeefe9860668c', 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: '8296d6f33b753a05cf1afcc0778655633118f405', shape: this.shape }, h("p", { key: 'edd8cb438415a8cb2ebf8c184a7c835c4f0ef080', 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: '56dd83924dfd09e53eb08a5458eb5304532858f4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7b17f33527119d8e403f4423a0f7c7174cc8b4fd', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'dbd2d3a5916b7f06a4e9e1fbc15b12b0954fb741', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'eb966e3c73c29082a964895f71b77d2882b5949a', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f96428327ae9868d6326779e9c4ee353b163ef30', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'f6a415b9f51493a811ba1fc11acc478f864cd222', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '374706e650da9bfd787607d1ebbcfa32e6862133', 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: '38dc270372eb1065915e0cc9369a26417fbcabf2' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '14affefdfc11123ffc7b5eac2aa36648df780108', class: "pagination_entries" }, h("div", { key: 'f594b81885a92cd6e1be134bf3faf2c82ae71d2a', class: "entries_text" }, h("p", { key: 'eeb065524671e3d39af599b5bac1169365176ff5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b2b3defaa7ebb7307a94b6ad9898083b9cce698f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4ecd75ed39619b86729646ca1d70d5b5c69e8483', 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: '54c8b5536c1495729492423e65dc3f8dea2af3b5', 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: '92b6a09f0afa4be39d64e509d18f0613009e80d5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '32c13a386110a9dd6cb376274044c82bf2c708f6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '22d190522933643b3c6d20353fd59ff6f066be93', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'c4a3fb1d410c81b95747e98a1afd5e65339c8433', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd43642a3dcd06f2c84ab777695d68d237b3b54b7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f5a65e962606192a8f9115a5227292bbece76582', 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: 'f627022c7372f645981289a547e4946121cf6279', shape: this.shape, state: "default" }, h("p", { key: '936b27a3c34562eee5a2ced0bdc53716dc3dd388', 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: '83861e8f75962b1d826580f59ab8cc57d1012ee6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '457ff765df6d45d44f780c48b29ce957682c83d3', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '1263ee7b69f4349367d42c9baaf67bea221f1dcb', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c699c3f3a389214eb2a54d5a15b34ac93f983b04', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'bf64ea3f1590074b9a77c24df94b1b6c9f83f28b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b71428476c919d0f7bc4d9b58ed30db56acf7227', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'a11778740190de93ed9580b697bac99bf96d06fb', class: "pagination_btns" }, h("gb-button", { key: 'b80923254d4401cdea3f3da9349ae63f94d0c04e', 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: '71ca253a2a06dd1c922652a55ca56c1348b87bfd', 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: 'f827962d0f0ee950cd9d3b26cb26031d8be2738f', class: "pagination_entries" }, h("div", { key: '12c6123ef88a9064dde1a3abe91d25a92196d537', class: "entries_text" }, h("p", { key: '8c3377bf570798e6a48dd06b063953fb561623d1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b34221b7b893f3a931a81b8fd748801b5cc55e2d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e4e0c018567d89291565cfa96f1b636b0dc1d43c', 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: '94f9a3dbc75c79d4e104a08c19a37eba023b24ad', class: "page_number_text" }, h("p", { key: 'e77b16981ab0f21d7c0ca0c2e2365ae7e53e6276', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '56be5ff0bec908313695dc475997fe21050984c4', class: "pagination_btns" }, h("gb-button", { key: 'f9f5e5f0f0855fd2a0236c004caea1579b117cb5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4c22b76a38a7d9c428d8bfa2d3cfcd4c9cceb1cb' }, "Previous")), h("gb-button", { key: 'a207979838d62f805db5ecc972e902bd5aa47d39', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '705ee97bd08a553f9b4e1343ee9c86f6248cb50d' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bf182a54392e9fda3178f5c763af96e12f157a12', class: "pagination_btns" }, h("gb-button", { key: 'd2b3e25dca93c36f37ccf44e8a7d70a641c7854b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e6e5cf79e98805e4160e23f35276da27ab60e3bd' }, "Previous")), h("gb-button", { key: '040bd429ab4b8c5bc680ed24993cff1c0fcd4f36', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '94f8ea52b1dec46fecc45c5c30360510232a6906' }, "Next"))), h("div", { key: '75f270661593df4e18e2df66c8667ce7c6ab1d15', class: "page_number_text" }, h("p", { key: 'ba5e67a7aa2b902e556d033fd5d802cd76cae865', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'e9dbbbf641f8987b3b119107f732122efcf30da3', class: "pagination_entries" }, h("div", { key: '129145f7fb4f0a826e6b6ad422ce092820dcb774', class: "entries_text" }, h("p", { key: 'c5c010e5dd8307dec1f61c0b778a40a3296f9297', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '32069695a3456064ba9792485afa4c12c35c7ce2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a4520567f83edc5534347be9159dcc26bcb04706', 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: '2679fcc2dd0366b060af332fc0716c919cd045f7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'eebb478993ee76a75fcc72ede80a3fb5d2b11a2e' }, "Previous")), h("div", { key: '3807b9c7e7ee2bf1cf37bc8a4a3c66a2530f7af0', class: "page_number_text" }, h("p", { key: 'e051d55bcc00c3739d458c44066b2c04ed7701c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8c4d1229caa8ac28a0c0aa148ccdbd43175e8ff3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '69802f1c9a387a4c0b5eb0a7157933e0a0b5f390' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b2d00ca3bbb06225f6e37c92ea181b09fdc83b94', class: "pagination_entries" }, h("div", { key: 'bad80b4a898c9f2579f547742a84c57af34b38eb', class: "entries_text" }, h("p", { key: '96419acfed1bc548bbd6f1a0819d797cfc17c92e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ae2b84e9f628f6aaf60ab3f2ab9d392d9dc17504', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '78162ae68f3924a390c915f085d5d64315870a3b', 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: 'be5d6f8e9c1d60667c781bc486f0451944663d17', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '293da16d4470c867bcd166ffb0fee1865d9bb440', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9d947affd5abaac5071a86d00dccf549a798c749' }, "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: '5f311668ea0beb7c7c3583751ad0375393f03d15', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ed55f6556023ffb23ffecddac5831aa54399e17' }, "1")), h("gb-pagination-button-group-base", { key: '3a7db2555231328d3f80a8a5bb88b15e1c0f8498', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4b231b24be73ab06842f5c41a2be9436397c1ec8' }, "2")), h("gb-pagination-button-group-base", { key: '4a01bb900b9279b61c194db81e52aea3fbac9316', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '63c4b8148d158f3239b5da198e5bc0d36770cb26' }, "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: '69a902d26385d8b95b5a8ae838c3c8fa45a6fd29', icon: "false" }, h("p", { key: 'e6d2c0a12606014883ca894feebeb0f637d17599' }, "...")), 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: '30af8ea0c433eb6485dfbc4bdea9a14fb36e4887', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f06813a458048ae543a9f56f24400c84f3e50df6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b3a15d964a1152cb16b59f22a99a68ed90af8ed6', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '6727e6047769cc7093ab21e4e7f0ba4ee936a9e3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ae6cc9aeb5a8478ae80b937f3388ade75d8cf475', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e82b6703732ffd1f49df8652e24458bbc6607c0a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5f8409e1ae8a55757e6294ec6009de2c2dc0abfe', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0b43b582f5c3076215317474b44484695bd55160' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '451e628eca3630a91c98f9a7173d368fa094c56c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3f9f8a82281cdc961db988649b4522b2bd817a70', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a83741686e1081aa1eb3726582e1b83d977b5d1a' }, "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: '9cf02a21aa5f134304ef650037d3073012633222', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e15cb89eb1aed60fdd0d7f0262ceb140e4aacdb0' }, "1")), h("gb-pagination-button-group-base", { key: 'a7c7dac2ba4ccc73245aa5c7d8b5bc3cdd9da022', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8431532824778cbda98229866d9000b627086a9a' }, "2")), h("gb-pagination-button-group-base", { key: '2e024daf55833b96810ad4429ba2996fc80f0d37', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '12847d2fc5366eab0e0cd16e2a411b808194fa95' }, "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: '9d8c2ba8d9d64f60f1051861d09403de7f540945', icon: "false" }, h("p", { key: '4e9299627f9cc92867f1069e3777fd8b2ef3968d' }, "...")), 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: '485811f185dc0fc88e1cf324d880eb61f9a40154', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0941ed9dddf1a797929355d264066bae6adfe88d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f15da39247ce0b4d997ab4e24f5ac89d6435f9a7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4a97e23565d75125badd34b3004b228834dd9e2b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6d78fbf768a9debfd5c452bdff0a947825bcc60e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e65ad93ab685848a0d6cab1d3a4ee4994314f904' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '24335d03aa08e2c454d620e307d9e4b0a80f2bce', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e09ecb34fbe6804e5c50f2dca292c3e9448a791b' }, "Next"))), h("div", { key: '3e4f9b37a7b1fbda7ee02d12f1b2e7d9b02271a7', class: "pagination_entries" }, h("div", { key: '951e9204f84dfc628076a059f457517882b0fb29', class: "entries_text" }, h("p", { key: 'c9269786da4ecb258c2ae0c17d5bba0265d58d4f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9a6440dc0958a33a070e395178a0d50a4528a41d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '025625192aad5b2ff27c28fe756117e3a204bc97', 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: 'bb80055317f3bc66e2638dc8fbcb077064883f89', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fb5c3c687b8ee11dcd90fbe4d166223dbcd5e7fa', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '79ec35aeb9f49dc230c6c3cbbd901b5fc9be4336' }, "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: '251f491f4f47793ff09dccca85653db45def7cb6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a9ec308ef1a5de49b10f547c881790af320dd468' }, "1")), h("gb-pagination-button-group-base", { key: 'e261afc6d3595959f6ba632b2d2a42e6132426c6', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd709eb08badd07c4f7183b6b6a933210c7d4a53a' }, "2")), h("gb-pagination-button-group-base", { key: 'a63f394b1d21341cdfef54afa74a9aef00ca666a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ed6c5ef2e5d4755f971a80986baf8074bbc64cb5' }, "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: '7897d15501ed4ed63d3adb21b92943511b34e910', icon: "false" }, h("p", { key: '3c89285b5829fe5d4ec8a426488951631ba521b9' }, "...")), 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: 'be3f4574c5f5f437e8d60f3703f77b748362db59', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9a7f72390c6c3e6651a0134ee858c09ef5ff8c3f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2593b249dc7a7f00249c83d0d794322de24d837e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2f8add2fe65843f98310369daeca5418c18cb90a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f12b049184c5c5a76ca5401533cc2382f94560cc', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'adba1378aa885bcde0637b3557bedfe2e2c97161' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5c66354e54c0c316df87fa9d83364d50b527f5e9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd3c13ba5c70911ebd7d9e73c9e5df7f0d6317cc5' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e1671a1883ce5c56aec1bacc734b0265095b0ea9', 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: '9f723d59b724582a5afb8915b88afb5952d43e4b', class: "page_number_text" }, h("p", { key: '5468228dbbc3ff9dc26b2a804deed08eb0170946', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd9cc109304047a636a7eb3db6fa5787627c898cb', 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: '212b5f80f8b305aad641e0003ccae60bb56e9b1a', 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: '05007a56cea02f1e8e9dbaa1e9cafa5190c75084', class: "page_number_text" }, h("p", { key: '7dda3d0be778a22160c594d1c7260248338cea5a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '64ef08f3ee5d9ec6e210d748a7eb4f51acbc3b5f', 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: '540cff5e7f62ae9477421c80a08c52042c2b5a16', 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: '2f5c9d763f07456e7456a961e0348a990256d958', class: "page_number_text" }, h("p", { key: '3fc5e9a9671669f64a8b4c9aa3007bf90f2f1a5d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd68149997c8160a5653660bb6600f11bb123ea0b', 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: 'e86245f813c89506e8ddf9198ffcae3643292b00', 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: 'a39baf780cddfb82836aed1675ab397dd721ea04', class: "page_number_text" }, h("p", { key: '953630b1a78f491cb0f2fa973690e67c2c267c9b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1945955c1d31f1d58fe4b2eee08af254b84aa8e0', 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: '7325330a9cff239c6855ba551a36edd84a736b56', 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: '636fa07752cd70581e26ed15df69d790f3b974b4', class: "page_number_text" }, h("p", { key: 'e42a44aaa2ce91fc4bb6a85ab831bdb1bb933cd6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fe95232473fcb38029b1019adfd4e7e31673e4b0', 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: '468719ce59c6f8c578ba740e973066f1fffa9e5e', 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: '68666bf42d5f72eb205d783c515c79ecfe6bf613', class: "page_number_text" }, h("p", { key: 'e452d8c560bf31604f7caa145ac9464e297ada6d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'c3b7fa6336cf6193808b0479ef02596315669c36', 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: '2759125be7a95e719b93045b055192863d90c5b0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c3bfa9d4b2805dacfc33693f74c8e8ce17c2c051', 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: '06d837abe925fe34d8f50d46bbf01204141c5a19', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '70fd8bdb599a0f640e2222043456cc0f41678b7e' }, "1")), h("gb-pagination-button-group-base", { key: '065265d151427c5a90be7fec5198793414989df2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'de741def2540e9d78e6952facc65bba5cfee4605' }, "2")), h("gb-pagination-button-group-base", { key: '4b206016b9acaf6df8b9fa936f3081e3bf4757a2', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3e5a445de6ac31df3ac678502567c54419d8f48a' }, "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: '472fad6784b27f2f4763677fdd4b8601d75be9f8', icon: "false" }, h("p", { key: '86e75e262c357714c8ca305577ef01f3f6dee49a' }, "...")), 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: 'c15c0af3efb9dbec4f7a0774e74a3133667d5cfc', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'd6a01204316aaa980e2e4957b325373f5e38e700' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2485bdc9953e1ebbf223f7b2e5a469482556c7ee', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1eea82d1af9cf9a08f762e70ff590c1a0f512841' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ea7c114351d90aea5838cef94260dd981b26daa2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0d37d733fd5b712ca72c93887717277585941aa6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd1afcad9df4868264d0957c6e5e277c3425c30b6', 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: 'e999a8092f49d65c7506bb9a41ca46713b148adf', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '76f00f88b96cde76c8ccee0da9b75c24b0ce85dc', 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: 'e9b530a8d3aa1f1cc936bb9c8443a7ac70f5e184', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c1223a8d5e8a4f4ca7102370dd3df54aac3dad9c' }, "1")), h("gb-pagination-button-group-base", { key: '2b63d19ff5dd4643b05881e99067b5ca8c8f69d2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bf0a977fbc900ce4d100690eba0f1e5d955398a2' }, "2")), h("gb-pagination-button-group-base", { key: '7670674cd21d22160410afe18954cd473c6f800d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '51b9250fe1dfae1609be9611f8746bdf0adba7a0' }, "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: '00f13bf9b171df5a0de6d525b35be34873e6ba67', icon: "false" }, h("p", { key: '8512fa92b17c387ce68f574b966224ef8880b58a' }, "...")), 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: '561750f482d11c284e1728d1a81a0b2c2c789254', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '78b7fa22d08ad08ac02c53ec1f0c9293f016ff35' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2eddaddafff11d13bba84457a212daea2cc57314', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '549dda7cf7ce1d7cdebd09f8762347ee28855d9a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0227ad8aedcfaedcad60f6fa482a8ae24282d16e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0cd2ed1555e11ceec5b578b59eb044bb41140e1c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '21a10d84377db2ef1d90e754be28688fcb24c46f', 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: 'ccf99e059be6075f4e71372e65ea89f0f890a3ac', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd50d1ac77493f5bc11e6b04dd3bff2997c144420', 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: '0ab3378b5e9ce14e0b7dfc9bd6752462353c1273', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6f86ef8b34e78393cd7a194c71122cb13aa40c49' }, "1")), h("gb-pagination-button-group-base", { key: '6fad93952be018f76b25666002aa9599f3a10f33', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9ac648b01e774ee0a16fff5cd119f8732b9820c0' }, "2")), h("gb-pagination-button-group-base", { key: '3c2c6c6649d1ae1b8e5861dabc692652906a47a9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bf735308b0d3384251cedf8df3e0926f81e18b2a' }, "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: 'd2c6f31936b37ecb7ef00d88f1556411b208906a', icon: "false" }, h("p", { key: '2d3a3f54dc2ab7856413e45725e3590b16078236' }, "...")), 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: '1cee82bd80a63bea8cccb878f8e252df88a3ed23', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '474ef7986599f849e254eb0166cf8ee89e1c4002' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'aa9e52a9f0d6cc3ebc75a0fa6483e50cbd50caa5', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7925eb3064cfa6a2391e50eb5adf94ac2e0f09fb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '70301715c4b89b1440db39c2a964571bf52f7b10', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '432c457701e964cf3cdf810a0d550495913186e9' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a0f9d94d4f1815f1083ba5e437f1e158bd06c90a', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }