globuswebcomponents 1.1.7 → 1.1.9

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

@@ -35,7 +35,7 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'baf4f6e7051e6471faec9e7dc2380ec9e5bd064e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '727fd1241c6e8d4ba6e2816e37bf184fe462a2b7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '376579b512fd0808bef1ec3fad843754f168777b' }, "Previous")), h("div", { key: 'bb9ed4d3dfb6075891f86649f63c9e27a4e22f33', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '7b2c0d2cfedb2c022ba7ffb11f6d6270e43b16ee', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'e71f29f4012c92bb5b085ce9d26af1a1f8520bda', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '27dd3b25ae03cca4fdaf6fb1d8b341b5b136bd57', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ab7059c7001be959050b46d13f28209fbc5a040f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e791daced6899a3530ce2d34071f3239cce4311c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e8cdaed925b8da3f1363cf0d9025605f4c25484d', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fd144bbbec64ccf17e69ed84d1dd2f82c8a07202', shape: this.shape }, h("p", { key: '0befa244840d9984d7fde39a77469410ac1948b2', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '57e14ba5f9c9ff0e0298655603bcee6a257aa380', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'c0e01f9c7ff3a2ee6bcf24a7770d4f4614168386', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '504aff6b784deb9fbd219b24532e873f682361b1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '40560503865c5399b4d314542801d324e73bc4cb', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e808e4dc1ed4792dd9b2134f5040f7a619106c42', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'e1d83eed6dace8c85f3a4100b8c4dfb195085d8a', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'f91846c0a4e72d2ce62c3b7672793b9ae46023f2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '0a9446695d0cb86061d4d87f9cad959091874eb8' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '3394d9c3641bfa44a083d89f838cd238e1c81e8d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '9edb788d46b2f7531b94286921fa334365cb4ec2' }, "Previous")), h("div", { key: '9d8af6853c16b2e89fe48c8eae40138bae52c041', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'a52dbead7827d760490edea136b4f8625a9849f6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'd51763247b7cf6b4cfdf3b9caadd706df79b04d0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '6a6c3af046159f764fac9c401ac4c2c1cefb06f0', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd15a6e2fc9e66b9f64711a6c0f7390d3bd5bcf03', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1b98f531d779e0efd8737804f14c2159e73f8dee', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '644acfef93a7a2911f00ff5860d368a4d0fa87dd', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4c8f908be4877a09a364f246e585e89c59722562', shape: this.shape }, h("p", { key: '4e4ea0b7c3f7cf78872bcf277aef522b3e89108b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a89c23539c92330d9137f83cf4ce709406b2f680', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '3f65e233af5e10a3419cc4569be9a1199e69a743', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'aac89061677ea4b88c048d6cb3f9bb4bda0bbb7e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'd337e39de639d4410e08202e2e8963dbac0bbfd6', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '3680201944960f8ea2e0e44572ee24b920bd2139', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '808c7ad9d64e90020151925f807a3cd986899de1', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '7d4795e8fb4baff335a2af773c0e7ee5d985ae25', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '9c72e0f02914eb6bc8d0f7a0db1fcf689e7b8438' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '998156c0be45b0cfa2905e603173666ab1f51277', class: "pagination_entries" }, h("div", { key: '7fd68275b500aed20ed4fd898d77d7902d89857c', class: "entries_text" }, h("p", { key: '3f852d6e3f3a1e4177d240a8560ed145f408f351', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd297fcde9c787637e4f226e7e85d7a509093f938', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5f42aa3ea6269acc98a4aa39739d44bf73c9a646', 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: '40ec1103ecd90fb644b2eabca4430049868e9d2c', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '9733911a0281fb15f1abdaddc967238dabd7d813', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '83595113675a3f1c5ad5df4a7d6bbc62b06a645b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c376919520285f368de81144b7f1db724763999a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '563a517951afe1409dfb27d0665e447f5434dd44', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0b8ecba62b86ab0c6743419ddb326b073a41bc16', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0889b7111593dc0fef671d69f5d3a8c3fcb4b72f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1f714fe833875b2d781e5fad8c5e3d373e927cb9', shape: this.shape, state: "default" }, h("p", { key: 'ba8b9b86f4ae88fa7b3071c05baeba1cb156d86b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4e2cfaa1f85a562a1f163ce91958605c463e8bdb', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '29fa1f4e96cabf8581fc2c7837da66a8a3aa93b6', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '8e3df2433a545e5172085844400bc64b77e39ec1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'e4d7d5742ffde0984d7766b90b0e3a73080eac6e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'c9a96d57f307999ff6dc6609f5559858ed07d80a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '6ef85456602cbb0ae1b59c3009b048399a6d4bc6', slot: "page_number" }, this.totalPages))), h("div", { key: '79c8888876713d5468335afc3ebcca41ed709615', class: "pagination_btns" }, h("gb-button", { key: '6942016b093b2a5be8ba9b075c70c4b3d92337c9', 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: '0da45ea24a0ea7045547aeade0723c79d5570cd1', 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: 'b87d691c3807806d90acc84eeae2dd44a0d90d0f', class: "pagination_entries" }, h("div", { key: '1be17d80875f5c531e7836395cdd12f5fc3b2af5', class: "entries_text" }, h("p", { key: '742d06103a630f0f6a1330b7b6fca1e0de93127e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b1ad026cd6085e45ffdf379b9ad54b9aa1af649c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '049bf46246f3dce55acab1c36f1f7030f7c4bd4a', 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: 'a5dd94b4eb1bbbe7cf084f02fd16ff506bcee3e0', class: "page_number_text" }, h("p", { key: 'f240a4b8bf3619fa019a9ebc7284c8d57d07514c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'e1dd2440305bc5c9739f5a2552bb706241b8548c', class: "pagination_btns" }, h("gb-button", { key: '0b0617648801414d0e52c487d30b0552b675b043', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c059ce96c033a82676dc10d5dfe86a2e43c92abd' }, "Previous")), h("gb-button", { key: '7693681187756fab202cafd7296c3a119f8d8826', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0e07bc3dc1f96f11689af5d95f791818b5894764' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5e571980aa2a7de9828da0fbe774223dc01253d9', class: "pagination_btns" }, h("gb-button", { key: 'cbdf01f3e19032009e1856302debcd44ecee4d1f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7c8d00f9e39ebdd55cefafc56c185ec4412fe7dd' }, "Previous")), h("gb-button", { key: '1373c3a2cf8c34ce9a311e917dc06840dc174c2a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6bdfb6d8c6efbdc9e1dd7fa2fd2bf39316d70618' }, "Next"))), h("div", { key: '7eec7e10c96d9da35cb96b3e3fda6dc123b54e8c', class: "page_number_text" }, h("p", { key: '3a63418c3e6f14bc70eb317e3f5c9ab0a008c582', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '658eb6ee2c9d6e51c36592e9a38872718fa8f2a9', class: "pagination_entries" }, h("div", { key: '85ea0e1f531d67226f0f29b9f29944d774323e11', class: "entries_text" }, h("p", { key: 'f6212361d5829c68ae78a2b53457a567f19ea6a8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2c8450a9c8ff15d26624db51dfb97a25403bef0f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '51bbcdfc210fa3bcd4faf3a06a6062325914696f', 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: '8d3f14a6db194b554ece059bb8ea2ad1e8b2d498', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '255ea339eacf87e48c0e0d4e78428141b9699564' }, "Previous")), h("div", { key: 'da4ef682fa23b114da60119cb02ff5c4a8870893', class: "page_number_text" }, h("p", { key: 'c1ad27b54bed47837c26d8ee54b78d92da60129a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8280c0d13c2a81a75fc679e69b15477030023d02', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6725fcbb408bf1c5f7d5f4f1474d90953f665c9d' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '359c3796f74b898ef8e70868826fbd6258f62d93', class: "pagination_entries" }, h("div", { key: '533d8e33cad4e6111749f48b7b818549e4baecc1', class: "entries_text" }, h("p", { key: '9f67b80ce80bfd3f07a12274f90b50e5dd01d8f2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '448a7b8e600c448957345cca470af54bb5d277e3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f06e064c60c2f7e731b0adcf1cb80a4b4118dcee', 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: 'd8f678ea755cbf114386e72a7fdc7fb1601483a5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ba2ce107b19dabb80ce8cb123af4240cda1f30b2', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '840a695aeae0863028f38eb73a0bf9e336a8bd9f' }, "Previous")), h("div", { key: '1e389ef2c9d20fa435ce894030d2c185f76c7cc0', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '939f0a1904fcde30ce03345c200499a367f1d6b3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'dd575a58b05da5277f71141ddb7634baf4e69b85' }, "1"))), h("gb-pagination-button-group-base", { key: '29fbd76eb5876ec4e6bf25e7e6eb81d5eb7dc905', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a4f0d1704de74f26f31881b6e668a5405ad199be' }, "2")), h("gb-pagination-button-group-base", { key: '56c3f38a46ae5f7d7e6bb682efc40b0ac4a04527', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2e108744c07f576175bbd28cf2ce4e4f0fefd7b4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '45fa1b26dbb8bb85089dd3d6c76f1dbddbe6fcdc', icon: "false" }, h("p", { key: 'ae53051b93dac331f76e569e3d6a66773ea53a2c' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2978f36822a8a913ebcbad28fb2c69314a7ecf45', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '63e98dd2d7f28def637ced35e5fc5d17b13e32e4' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '1078820df125fca255a4bed6c3a91f018fdb7b9d', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'e287ac9976ea0d56f1ac56e6fa0c159a8aba5b22' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c4c13902d641df147b90a423cbfce4a523ac89a4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '42850bfa66760dce7c83d605c4b6f23bc91128ec' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'c20176b9161e5e064712cecec4dcf05a3ac8d4c9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '42ea8a1fc987a4eb44759f9ef2f604013d0029ac' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0058d50622e1576c4a3ba32f12f94b1687b7d696', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5f63084b2d1d644db1c7c68833806415d9ca1939', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '25049aff18c18c6d2f5b5109cd65671aef0d3ab6' }, "Previous")), h("div", { key: '5a4f93e97ee50631a9c2b48b9fb44aa5e7bec942', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2aeddb91c77c9f04d82e26586bc5e56cb62e8482', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'bf1fffeba875e42fb2a497785cbffcb12234ba38' }, "1"))), h("gb-pagination-button-group-base", { key: '89565e6f611b703b5621e4c724794a412f4e6a89', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '69da90ed0d07c0ba3ca63f676cc621f6a6d9fdf1' }, "2")), h("gb-pagination-button-group-base", { key: 'f6aff0b1e026afe6b9a60318d0fa52ef02001888', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'b8cb056e5a0dbe21829be22840cb9fe685af5abb' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e195a7b17c56e4cac48f8ecb4cf39e83392bf859', icon: "false" }, h("p", { key: '3fb9d3c3fc0d1de69577336daa60c032f357f7b7' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0fb403528fafa8b874da60a947dd98b06fccc670', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '52f361313920533ac3d23e97fc397ca23e57d746' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'fec08bc492dfbeb16eca189eb2bb0f7e260e127a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c34ef5349a03a5a078de6f12a83878dc3a964614' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b5699f5ee30a96eba64c7d71ef3aabff17f930a2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2499b92b8210afdd586d145407a668d67ee393d8' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'fb9b6d6e08074d3082b6e8871f1bdfb8edcf049e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'af0b7a25097759db9e53fc5b953d1b8c81bea105' }, "Next"))), h("div", { key: '5a70cec7f6aab10dedcfa1a1bb06ea46dcb7e88f', class: "pagination_entries" }, h("div", { key: '13f58004bb91578eb36a3e71b6b9dd968d85279d', class: "entries_text" }, h("p", { key: 'be1df2ed620940fc3d348ce4025082b6fbc765de', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8765386ee117516dae0eed2362d595c59fd57484', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b5b5e76d4c724761cda7fef4d80de74f62760fde', 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: 'bf75a0b80016345ea8bb8540d5480afc2b5cb48d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '702bab02ab03a5ad1ce49ce377716a82a315d192', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8d60ca898772cfee490f6ced8e51c09e11e2cc3d' }, "Previous")), h("div", { key: '1aa6bf74075ac0cee0d64d49a6d7a1185f683f83', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '28835a77188dd3296ce59ab49515a020d7e6a1bd', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7769fffa4f1a352f3512c155da067bf6720aa005' }, "1"))), h("gb-pagination-button-group-base", { key: '8e7eb2b4b2d2e88a496ab78f4e5f5568af420b4f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '370dab76a9221d68e659252a3099574713f991ad' }, "2")), h("gb-pagination-button-group-base", { key: '66237234c68ce347a3fcba2393dc47e59c4fe475', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e5357d7ae214b744cff0b9bd44feb9734acfd944' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '75e8783af68a6aac0f4f3761d5f7225229b84d27', icon: "false" }, h("p", { key: 'ce222f6c649392fe1240e33bdfa2f22c13262bc6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '565d826bec2ea9ec6736896a2db8b675367be2da', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a621fd827e3092201faca8c831ed6c63c7cd356e' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'bc882e1e2d01f654f1ff0570f4d1074f3bc09492', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c12489d54b579e91fae3f67da641c701a90b69b0' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e707f02156364cf50a75a560ff8742e9d2e4dd4d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8d05ad36af4b56ef2737da648e6e9de9df5fd1f8' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'adc8241b0672e595da609c1c0a02a0211fcaf252', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6e6058242e914e4abfe68b4bf5c1f38767099979' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'dc4eccff0409a967bd6ee297e728f647c2f2b887', 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: '57ca517b306fb7ba317038c9a03e00b84cb27cbe', class: "page_number_text" }, h("p", { key: 'a142ca41427ba56589c2896406e1c6be86f0740b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'aad30f2bf1fa8ff886fa692637bd6ec525dc1d50', 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: 'b40d49595980ea6c5752d46f7be19ddceae51b29', 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: 'f46636ab271be85ae320607a6b4558e1091d1781', class: "page_number_text" }, h("p", { key: '2b8aab33a589365d54edca4794e50db315d9fa02', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0048ad149ed4d5dd88ba9a7a4957c8bffa5d0a71', 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: '6c116802430f9a68b882063b959cd6213f79c82e', 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: 'be6754ecc7cdb0385e3d47d9146b3f15254dcd86', class: "page_number_text" }, h("p", { key: 'aed82e00ef6d63733340725eb197431206f8fc60', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0eedd4b594361edd6ef92ce304885d9d047ebabb', 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: 'fb8ebe358cd55dfcd4788d5d789e3dfe41d92934', 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: '66da2f92925dc55952133b025ff0446470b3613f', class: "page_number_text" }, h("p", { key: 'f08c8e781a129524bbcab598b637f369e24b54ed', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '62495378679a5445a3b32e2917ce93352000ceeb', 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: '6d6a989cca989ed4b226135e67eeb76ca08f12df', 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: '8426ecfe0409afde203180102c225d8622dea0af', class: "page_number_text" }, h("p", { key: 'adabcb7acba8c1e6aaaff47d3f95ddede8baa059', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2e5e9eef612e65e813ddbbd6daecc814c6e418d0', 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: 'b90206cf1b6a81c2a86a3122b29bdc0b244de83f', 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: '3a74626afc1eab5280447cebad06218b0c267403', class: "page_number_text" }, h("p", { key: 'a9057500660ed00544cdeb81825032b1b2afce5c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd9291557f789b0723b7d9820a809e59c85b7c328', 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: 'e90da5b4fe18cc8d80e6f6efdad689573714e86b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'aba7d4def14e15ddef1b5db713e39b8d4923b489', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a9045790aedde3854214506464ebc00ed3dd7afa', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '7d98142cb771b8c5473359b3f702c65f526d5810', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ca3f503249a0cd7ece7c7e0bae82fd9065dc30b1' }, "1"))), h("gb-pagination-button-group-base", { key: '2c118fcadd04b74135d0211c77de2d7020c32894', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '90a09b82954ce7e8b31236908e89f39bb57efe7f' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'eed3cf3b4a591f457c9425e239859d41ec63fad2', icon: "false" }, h("p", { key: 'f36f342cbc254560b4d090e2aa1e912d42d5d0e2' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd2d2a76bca752032aeda5bfda8bc7b3f992dc0ed', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'a1f449e869bacbd46102551f5c45a0c35257dc4f' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '53f1529fa2ba86c0f04d88465ee8e665e9cc52f8', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3fb5845c75772015a1506f9f9c73758cd1f16230' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '7d918f43f5177e1c5d89096dd6ed245ff30f9597', 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: 'b96a8960167e8ba40f68dbc1851221226a913f30', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c4232a8e9c34087b20eee190af1393e5621a7c14', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fb5ea10d09119dd1a9f71c5c839cf2789e248027', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e5edf6e596bcc2716f6a7da587cf8abae95d7e75', icon: "false", state: "active" }, h("p", { key: '154fca73a2302301c7293aa755b3ec81dbf4f563' }, "1"))), h("gb-pagination-button-group-base", { key: '7df052be1b0765e5386b3a56e47b8ccc4cfec075', icon: "false" }, h("p", { key: 'af169294b67dba868100787c33369e7414d2826d' }, "2")), h("gb-pagination-button-group-base", { key: '6a5984da3ef24da46641dd8a6d6c5fadb2539bef', icon: "false" }, h("p", { key: 'e6ece64886c33b738ffbb29975ebe9beff5e03f5' }, "...")), h("gb-pagination-button-group-base", { key: '4c060e4dce64defac6768100e243c032c0890b42', icon: "false" }, h("p", { key: 'ab1a1b44bb1fc4ba1d786683838836cb1b501474' }, "9")), h("gb-pagination-button-group-base", { key: '981d14355d7693de83f0b0661a0f1147f79924af', icon: "false" }, h("p", { key: '481e2947c096d8534ac3caf972e93c3d236e8015' }, "10")), h("gb-pagination-button-group-base", { key: '32e1c0d9cacea04283914bb378d110d394f5fb2c', 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: 'e2ce633d1e2d3b8926c4bb291e1d17183b7281db', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7fc0cac27c432c65965e6ce94c932de6fa907fc3', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c565a61d1edc43d60f56905a79bfce1bedbdbe65', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a36762cd48abc882a7cc43e12ae0cd1517fe219c', icon: "false", state: "active" }, h("p", { key: '1946e75a03d0a0f22165c2f4023cdf2168558a60' }, "1"))), h("gb-pagination-button-group-base", { key: '96dff69d9c5a5cded925b2f17c671a595d8c6784', icon: "false" }, h("p", { key: 'a6a22bfca2e4f8e59bae9679c81e7ea25fc45627' }, "2")), h("gb-pagination-button-group-base", { key: 'c3bcb9398c782a91ab1e2a1bf47d611e2da06178', icon: "false" }, h("p", { key: '715f139d0ec8cb0f33394ab4ecec9894153f3b84' }, "...")), h("gb-pagination-button-group-base", { key: 'dc95bcbb5bdde52810e2bbf4c793304ee23ab82d', icon: "false" }, h("p", { key: '359eb385ef16e9b569be84025b2ed33fa5de0d4e' }, "9")), h("gb-pagination-button-group-base", { key: 'f19909dd58d5f1f28f1852f736a75e259257ffa0', icon: "false" }, h("p", { key: '6a0f6f72dda071e99c04ea167b7d0bb1a3c7c380' }, "10")), h("gb-pagination-button-group-base", { key: '9bf66bc400bee63d432f9b24b53456de59f59c80', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'af29cef04268edffb53e1e3e5efeced5aacccfa7', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ec73a7913885f5f75202a0731da343b75614da28', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'e5ecbd006854cbbbc5ade79bdca00dd7af1089a8' }, "Previous")), h("div", { key: 'e8bdc9e50caa6412655d52f971d413e5fc64438f', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '68d6cca5e2d60b29f2123a5ba508dff1a2e52e64', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7ed3b14261dc88dfd67cc4c302c686d88389ece3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '2baa5eb792cb9a99a2d82cc7b91cc6b70e926fc6', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '7675a45eb55d913749f8b65b1448cf578a6bb526', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '85c1779f0afcc70ec45a8dca78f54d251e11f04f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '4b50dc266b7f52453066459838d93f8db8e8d708', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1ef632af3e209c671433af09fbdfd76b05f40773', shape: this.shape }, h("p", { key: '7c79a683eabe9d8b96305aa499c9f27999b6bdc6', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '93c0327782ebc254df23582808346903a9728cb1', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'b69ad8bf345312ef43579237c848e07c84ffca18', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'afaffb2f8aa223a97013965ddd200c3b873a4874', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'e4642363d172eed7551fcdb0506e2250afd2f207', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '7614e12138be4e24a9220c0935a13167782c7dca', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'f99b1e33a2c715a92d4b04d0f65cfe1b044323a3', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2e063015b4a884f6d29d88adba64891d53bd1a52', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '1aa3d06b95bb6cf2720d3fb51308eb52dedb34d2' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '46e97f58f9d9bf901edd74cd71d7347233653799', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '946769631c48121ddf50bf91413acdbc19e1b382' }, "Previous")), h("div", { key: 'c1ab83c5b02b5c28f9efd615b3cc740a17ae9523', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0902a66510fe67fd430970b8b8b7ce971b1d062c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '1e6e62754534d312c2ad9599c30242d106ff2dac', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '3ca718ab9b4a6b091e03ed50a043d98f56822ebd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '98208487eae2f987a3716b5771b9935f2ca60a2f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1e04d58c53f4b5da0991277e8330f43925bc1872', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6bc2eb7d2c0be4a0b5b5ad546658241a16184383', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e1c2cf870adb907b0e3e947c76b30d72e1020368', shape: this.shape }, h("p", { key: '991ac2a1b85c9d306e793edbe71be03f10110448', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '094936c0ee31d929936880435560478a5b450e7a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '4f09812d0a78e2dc4fc8d76a9af20708c3a8d33a', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4af6859cb4c1ef5b6ab6f3787460da621d74df00', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b4508c2da046b859bd5270e9c6a09a3941556cc4', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'd78dcf7e3c6580d36d1f235a092b5e28a8d56e12', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'a73f1be2da5264ffdc238734f65cce34f260e739', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'dfeebfc138b9c172cb5ec916d9c36d8edf80977a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '9ab21d8033949d67b1537e5b62b7f521cc72c661' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca3002945ee685ce64316d89e4d685039d74e10f', class: "pagination_entries" }, h("div", { key: 'cb67f49d84de1eb4406c1ab39d53c33e8200a0ff', class: "entries_text" }, h("p", { key: '62d6de4628a3f2ee6874d1f6e7296f4f39c44a44', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '0b372c2c67d36a7ce8a913549ddf758dc1a9c040', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b2501dae577d276af219d0d0d183c3336f1b9e81', 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: 'c90b2d2b975f3fd74bef39fd63895d072d0ea3d2', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'ec94e427e47ac58217165cff84e06fccc7112ef4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'e1fc77af437d8d19e045fd052efa24b37a1487d3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ca8dd8e07994389cff7028be6a166eefddacd5dd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '048406c08565e5a74ee1bdb925dd811d866934ef', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd62ab10c2fff23938f294f37ce97cb2bf9a6eccc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'daea714330cd780a695bf7fab73afef2e0d9a291', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9942c363fe157cecafef3012c15cbfe16ffe1c76', shape: this.shape, state: "default" }, h("p", { key: '41d51b9f1c1f1d99811505729c3b0543ffc92dad', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '28f77247ad4acef32f1ae3d879f8805ca574030e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'df3619e64004a5f7118b2bece1d6c1075e6b239d', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'd1e46ec14ea5120581aa3c53491a568d9cb2ab71', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'bac5063c50a553d0fa8010e80c94e02a64392a74', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'aaf1c097b8298011dc8afee2eabc2332e4746074', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'c1556ac1013cdbfcf99c976edb57b0f295e3fcd0', slot: "page_number" }, this.totalPages))), h("div", { key: '9d07e7c17fb379a5b74a5dc2504ef6595f1208a7', class: "pagination_btns" }, h("gb-button", { key: 'f3f892a497a8fcabbe0cc420fe72b0244b85b729', 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: 'b6e6c74c5340e75b235402f81d34a674ebc82184', 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: '8ddbaa8428089d3279020d173e2e09d2b7e1efa3', class: "pagination_entries" }, h("div", { key: 'a08d044e6f8fe86423a53f6b63f79199565229d9', class: "entries_text" }, h("p", { key: '6a1dec4ab8c3a3ee7a49e1cc977cd983f0515912', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '192a4638c6549fd0149dbe636c2d4a25c258773b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f24e100fe7a0c6fc78292bd9be079939e7a6fcf0', 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: '88d27d2858e8dd68318013ae644e0ea3b9096c72', class: "page_number_text" }, h("p", { key: '01495982d916b01b22fae1910a264817f20fd35c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '3479d4fb3428965a38d508c7c1ab81348a39b037', class: "pagination_btns" }, h("gb-button", { key: 'ba7efb50d15f431a4a4942b36e07b1ac5c88e056', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'eedccced68554a3415d42488b61e6028ed27fe77' }, "Previous")), h("gb-button", { key: '17cde5ca001fab382ca28326c85e9730114a5912', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '12c00df5c723d2eaa1e40d3d45df2fa8101e45a9' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca9be67195dddacbace4c6ee17d0c9b5f4b288fd', class: "pagination_btns" }, h("gb-button", { key: 'c092c0fcf152a54caace99b68e0343b590caf978', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '67446262125006ae6a83af3630a62cdff89f0452' }, "Previous")), h("gb-button", { key: '076538e4856956bbb7577f1339ea071d1f1ba4d2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e1095537c0a4208b6518ad3c340b1ddf6722c1b7' }, "Next"))), h("div", { key: '0f0ef4f47cf909b85e1bf7cf7d880ff4cb1ed176', class: "page_number_text" }, h("p", { key: 'c475019e6f6e42d8ce7256ee85ebc89a8582a8d5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '3b03d605b4afe2d78413f6a84a60c2712fb80da1', class: "pagination_entries" }, h("div", { key: 'e3142bedd606c2e0f31070dea38ea0af6399a4e4', class: "entries_text" }, h("p", { key: 'a8bf373dbeb987309576e0ad3966b17954db7afb', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7ab6e1d5c18614a4f0b363871e1158035f10f8b6', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '49ae27732347ed3de1e6eec048310461c6c869b3', 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: '46e60da1ed9062ce75d589162cc0c23e462f3698', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4bcfce367d7686cea6bc236b22df47e9931a4b12' }, "Previous")), h("div", { key: '453b63b7237062eeef1c236110a5f1af8f581df4', class: "page_number_text" }, h("p", { key: 'b1eae46926d80541fa473628e92dbb640d738082', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4ca9ecdd27788461af45e836cb498e1517caa87c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '287fb5493b80f7eafd96e3ff76e988a31afd22c5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a0b1012e48dc21a1dbe46e5bf9627b80a63c0da7', class: "pagination_entries" }, h("div", { key: '2312828cbab9b641e83272be5ee79b020740f1b4', class: "entries_text" }, h("p", { key: '22a807dbf4c8fd8282d72f3da8846f768e8505de', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8b512fe822aa0144da5618520b225b3fe9f9593c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e9ed418218ef21cd2a978757676451eee5979995', 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: '6d8efbd2d714397ef7f85ce63dd0664fe34a5b85', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5f53327717dd3e3963cc57036da6b34dc4626434', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5edf942202d73b0b22321b7ecc497d2a96d52e1c' }, "Previous")), h("div", { key: 'fdb2127ac94515f9603fd65a5f283c96dceb270a', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'bd5c6ab07df90ccecba892f85b1e496cb66140f4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'dab694288d5e1afbf86fbfd9f2d0ed079e981a3c' }, "1"))), h("gb-pagination-button-group-base", { key: '60e781b70f08011e01517f810adc5e1584f609bc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '938e1dae33ccb4df85111234b5ae6c0d9350ae76' }, "2")), h("gb-pagination-button-group-base", { key: '50e2bc0210cd3f910cbd0ffafd20c03227f4502b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd1d5484d05620ed2bef65f818662e8e8637e1006' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '93b05dea70624f650e4dc0165580d46a40ee4520', icon: "false" }, h("p", { key: 'f16a06894215e87f65c236482c6401db9077c880' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '942f42bf36aa9bab6ea4d5150dd9e130de178aaf', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'e017c95b04262d970f4974f70768d2d16a198ad9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '95ca88e528df7e733867a2c594e135c40c16c4ed', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '680df9a467468f97451df0a6200a9e42a45f5b84' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f2343d8e130330ab2206d484c9a966593d404f22', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5dacf30cd4f918204547dff50edf81096b9974b0' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'bb2883b46e7dbffc8bb8a9e4bec2491065fffe19', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ab2dd73b7179d5705b873ff3e46c687f877c4ae9' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '43a954109a06eb1b0501f287b92c7b742a6ebc62', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6d40e7d49851fa4cb8804cb776108451bd9f007b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5023c9566bdfb25fc6ee9c4819f168860b4a1684' }, "Previous")), h("div", { key: '4008318b463990a1cdf8ca975961088e9af6a312', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '404097c2e4478efe202c09e11ef7046c51e1d733', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9e0e41e11f5ffe472e561ea06dba30a9c5c77b4b' }, "1"))), h("gb-pagination-button-group-base", { key: '5a77f8080adfba4cfde1973ede71d0fec1d18ab0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e7adb8897887c6f3135dbd640c4fa0f70d332abf' }, "2")), h("gb-pagination-button-group-base", { key: 'e4da644637fb0f038b744eca45cca0fe04adda68', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd893ce10d253eb35b7a6477dfa18e393dc87adaa' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b8808c6ff4e819df1f0ae2ac5e3b28f316ca9e12', icon: "false" }, h("p", { key: 'e356954fcff5fc66a14663f5f430e79e2e8ac562' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b80f1196f9f32d795200f02a057bf4393590fa69', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a22f72cb978a2e152681637d408d831086299cb4' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '909f474b4f705d8344413e87ccd6ac86a0bf124a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'bced7024c9b3532780550deda63e177d315499fd' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4219877c268c51ebfa1b5677070be0fdcb2225e0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3113c87f8e139dc8ca6c49342803394d02d68132' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '458fcd9873910f09c14b816b9babc6d48b644ce9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9f02e1d7714dbe5131dae3f7a4488aa63b82cbff' }, "Next"))), h("div", { key: 'a00ce9390ddbb77f5c772ce48879d6449e511fb1', class: "pagination_entries" }, h("div", { key: 'b26d48fe5493dda904b48c03141884494a30a7e5', class: "entries_text" }, h("p", { key: '6cf5e53b15cd3b4bd35cfef05f60938a23906538', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f87423d3de439c474b3d53bf55e92e5d9b2ce5d9', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ae4ae60ec51c0361fa698e4010d79ce189b4330b', 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: 'e6232ba776e096f2d70b16e66841e013bc7914ae', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '89317c3d833e69755159c1236ba38969037981cc', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '706343f4b2b2f5102a46a46aeda6ce4206093d97' }, "Previous")), h("div", { key: '892143ceaa10306825575db12e7562a9943f0924', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f5ff1f723892e3d563ac6a5754e8a54c3e953b6e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '39efb74dfe7f78df342ca16f36bb493f7ea47c5f' }, "1"))), h("gb-pagination-button-group-base", { key: 'ea8e0864fb180834df1ef2179d8cb058b2caa2ad', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'acfe4aa144a544ba12c67c159ff4398f2252d5ae' }, "2")), h("gb-pagination-button-group-base", { key: '713d3fda7396169950de128dbc62e42c533dc07c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9f6cdb91d87a3620f3e986e91fa39e9b372bcd27' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'dda54c063f62c8906ba5bb5ab9ddef7fdb3e439a', icon: "false" }, h("p", { key: '9f59e0140e06c997ce641402d8400a23aecb8df4' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0c5581d2a401163ad833af9058b0293ca212dbf7', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '8c2ac05196c017db6e5716b1b8a3e6f059bf69d0' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '3fc871778986da29a80f0e4f954a109f3ac481ae', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2cfa17e6a925fb909e4d54ace8dd16c1632bb4af' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b5637e88ffbfb066839dd92b137be6e6a353a04c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '19f13cd862e95e6ee02e20c6d85536e2697a906e' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '66753ddb7c7ddc053020c617aeaf177fcc5b627c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cdc83b03ef3adb4b93586cec926fb4dff54aa389' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7f7e046345b3d557e8df5d76759c30a1a7145470', 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: 'e34246e0571c0ef95b08926fec6d570000d4fdbc', class: "page_number_text" }, h("p", { key: 'ebe105c124c402af0b3f53346cb55ede4e89acb9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ec9304ef9b36899d758d8c60bf36830c9508a4c8', 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: 'b1ab7b1ec726f73f46e343f29e263583786eefdf', 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: '745c561319b4f4a6827a26cd6020b9810159b4be', class: "page_number_text" }, h("p", { key: 'ea092fa00c507bfeeca0894496d9c8efb657a3e8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '32ab8f3e33dd78e737cb72ac286cd3ee1950cf69', 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: '4dae257d1a4a9d9e6d0bb399d16a8b639581bea7', 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: '45874c7c3fab1a6365c810bb8d8ac2d8a4f33e50', class: "page_number_text" }, h("p", { key: 'ebfd4788963647b372d5706aa3925f568febdf20', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8c113271ca62ef3f666529dd9c1f2c839845c332', 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: 'fa8ff7a3ac85d446f4ac3d7958000e2c9c53a322', 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: '86eb83fa66c56185cb47f0c84b6c641caf5de09f', class: "page_number_text" }, h("p", { key: '09074c1906d7aeed44798ebcbf8f73d330d58f8f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '19bf15a3598f17acbdb6dd6644a12ff59adee583', 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: 'aa8802d0eb2f7212fceb8385f98d78014b46e97e', 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: '99b019f8eb1df544b7b566a85ae38109db8f94e6', class: "page_number_text" }, h("p", { key: '2cb9847249980a78550a25d26d7f2b3ddbabadb0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0a54d739022c489216cb9fe98dbd4137f968a27a', 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: '16e0612579c81b0c9eb268ad6950fdc1d8dc94e7', 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: '769ba7b6408549de5c67945ca8f852a6cc8ca96a', class: "page_number_text" }, h("p", { key: '832db75a66732b5ae94bf65be1de474b2c567a9c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6325140e02fcc543aeb78d8b89731cee7d7962a0', 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: '412c5d9910561579c28c5bb6f5d2262baae0ccea', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '13b6e423a1654c036e344df252e1985b3e45fc50', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '9de53130599e7e51ba266d263cfdcc1db36fc47f', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '845ee3d2987aa2ce62217bbda43aa0a078ee9ce0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5b5385c3984c43e6ca8c529670cf87547c63b1a8' }, "1"))), h("gb-pagination-button-group-base", { key: 'd80c55ed29751fc291a34ca4e7f4333c1b3bcad7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1cc4cb5f94ca8c1030f9a2fd6856ecc233f0a9ec' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5358373716d4419bffbbbb540c17de41472ee323', icon: "false" }, h("p", { key: '6ae4b52065c7009a95525f26ffe2dadcca1584bc' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '48c9e526827077dc14571c1fa53c7ae8479de292', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd15e5bbf846a8f091d0477478cd342db9f4d5eb7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '577001f41b79323d11e56ee4564bb70bc04dac76', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ab4af90f03232803be7ef05251ebea3ab512d4a3' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'fdc680df990b330a02ee32d8524077a585bab3e0', 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: 'd07c9f0cd791de79b049a38d584590d519011344', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7451e674a8452a0f1ea8c168ad481f2594f02783', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c462f6a40e9abe00fb51e3e54c098322bf6e3a69', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '7b91a662fd28d4f62b844fb60cb4939b9c071a81', icon: "false", state: "active" }, h("p", { key: '9fb3eeba06c95d6161db407971b278a4e98ce527' }, "1"))), h("gb-pagination-button-group-base", { key: 'beafca187c117a7c292de0ef84fb1bc07d3cd9ac', icon: "false" }, h("p", { key: 'fa91c8f1c10a240f5d4b9c040d8d54de2fdeded9' }, "2")), h("gb-pagination-button-group-base", { key: 'b3da51ed45ae9ec8084e63e61425d9764f0b17b9', icon: "false" }, h("p", { key: '3422d830ed1a9af349d613894e5a23e03962dab0' }, "...")), h("gb-pagination-button-group-base", { key: '682057bc912561bcfc0091e4fca3b165e073e83f', icon: "false" }, h("p", { key: 'a1a787a3fd055d0f6ab4cb726c3425838aa06801' }, "9")), h("gb-pagination-button-group-base", { key: '8419c5f550a8a328769f3c4b15f33e1261023e67', icon: "false" }, h("p", { key: 'af71414e67a01f41bee40f38f0253595b307737c' }, "10")), h("gb-pagination-button-group-base", { key: 'bba52f3d2a9238e90aafd36ccc20445001701161', 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: '92ce450ffa26481fe11c754353b13fed8adf695e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '49277754ee7df3f383a4c1eafc3c6bfba9c63e03', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bea606e97fbbcf1c83c5025737e931b84edc120e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9476b7cef962c4dd846ca684465d6b9606ea6a0e', icon: "false", state: "active" }, h("p", { key: 'e596d9d3ae68515cd7ccac0d04b6dd81f33cbd36' }, "1"))), h("gb-pagination-button-group-base", { key: '471cd32b8941cf340f0592868c9dd3220afe15e4', icon: "false" }, h("p", { key: 'a4ed8bae229782c08187ff6939c2d8c82fb28ebb' }, "2")), h("gb-pagination-button-group-base", { key: 'b80d9b225f9fab995d5329997cfb6911d95c76bb', icon: "false" }, h("p", { key: '24408677bfb0d3113f350dffe616d2716b503b45' }, "...")), h("gb-pagination-button-group-base", { key: '9915358667129f7f6aff2dfcdc58cf692855c27c', icon: "false" }, h("p", { key: '1de7a566d68ed462a76c359e9f9d254f94514acd' }, "9")), h("gb-pagination-button-group-base", { key: '825490a0e1275d4494b3e616ca62df9dae88c809', icon: "false" }, h("p", { key: 'c258ae38d4e77338d5e87a116f9714393e7b9b66' }, "10")), h("gb-pagination-button-group-base", { key: '541f5bc5d54082e2bb97fd41e461078b68c8a4eb', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js

@@ -23,7 +23,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'ace69a519b34fc5ffc175b6966ca48f157128271', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'efeee3623b2935eb1ac47e8a85c54af046b1a8bc' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e02dc9f703ae248156c1634f1cbc6f213a4c4b28', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e338808b63528a2193c42a14c017373ef18cbe29', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'ea44b64fac2ea816cdc1fde1096d5675e640817d' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c0ea1b00caba342e54fe693ba2d7c34bc5b85d0f' }), h("svg", { key: '61680cf7e3ad0b00753831ee077d3af11470d058', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1d1e50ba3efde2a6c66003d8bf1cdbc1a7534d55', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: '05b4ce749b36dd6b3c33d27a1d59da3676c1d7df', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '3fb9a6e864123781e32f72ec6009596acc39d1a4' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '48c40bf8bfc04d60e6cc1514ce7f70a92c6437d1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '29761be94cb8f449eb2f004b4413a8bff129fcf4', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '2ba884c0995407d03acddf21eb38de4c86c86060' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '38131634d6f19c849ad87604a09ec613154a818a' }), h("svg", { key: '89266490d60db5bb32ccd54116ed070d8e07196a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ebb9cd3fc63d5ee4ad2b65b058b86e4dd911383a', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js

@@ -7,7 +7,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'ec2b9fd812222f72eee15f14c2431f0c7540ac17', class: "dot_group_div" }, h("div", { key: '7a966f37f59263e979ad78a1d8b0657feb3370bb' })));
+        return (h("div", { key: '3c39af9fde5ee347678e9062bdad5e700c4f6051', class: "dot_group_div" }, h("div", { key: '6f27d32f1d898fdb7457878218332c4da9495c3b' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '8ede0df12569374c05ba93b3d50a2630d998b277', class: `dot_indicator_div 
+        return (h("div", { key: 'e4895de7c962b1e520463ee2f47b2cad23d401e0', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '4cfde62830081a252b6cab318d32d70caa0e8771', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'e44f38a248bdd93d08a5aabf2f14f49f089ef1a7', name: "page_number" })));
+        return (h("div", { key: '7fc9f3c4a61d53d8f498569a9d90836a1cd277df', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'ae7121c23d19bb20402828554fcb38a8008b5c13', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: 'aaaedfaf2be1db92bbcf22cc77ca8219cba6da13' }, h("gb-btn", { key: 'bec0f526eff7d3c4fcd17d10e3a831d5e735474c', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '28b5c612732c1be3021a674609c71575e9388020' }, h("gb-btn", { key: '79d099be5465ef2a12b7a21141f7b5bf5bd343ba', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js

@@ -7,7 +7,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'db5483afe2e0b74097405338d8a22df3358e53fc', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'd9bb20e5667d769cb5a09cefc5035e0b99cce0c0', class: "progress_bar" }, h("div", { key: 'a6f5bcbfa9ea2c8d440e10c82200fe41f9acea09', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '3269699631d84dff7f4d2c1943f6799e9babdfa7', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'c7161eddef20e05e4456ee9aef078e5c9a4d8acb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '39819a0b99e648bc89960b1aefc304d96db2aea0', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '3a7c05ac9c38f7e2d1f4d56915bb057275428e33', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '09386a954bd7c87cf184d4c85d6596a2be0975f2', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '9bc92a251352ec8968bd42e18d48480a9ab4a444', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '654c2ab635f5e9268c894b0a53196d9cd1cca366', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '486262bb065c65566d3bd2d7d5dc510271311ed2', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'cd30d824c4e46e120e03003e38163c481b3d6a16', class: "progress_bar" }, h("div", { key: '0a91008a8619553460e7dd46d4b45ec2a7241c5c', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '85ea3fdaf615ac1395d0183436e8c8e2c5647a89', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '7b4ca37e9526315de32081fe349c2ca5e0910fb5', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'bcc3e7b8f41b5364549d80130e1f4e498a741dad', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'ab6a5e824bc84666eeb1317874d92f17e36f1f3f', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'c3a623614d2f5f6801504f207857627865ce3b6f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1f12c93a631e47b4acb199f4e388c0eae73e0b49', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '6cf085dccf40af20da027ac8582ab342fbf75730', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'e4ca3f761370b229318bf13081c74467fe0fe8b7', class: "gauge" }, h("div", { key: 'f1149aea6047b74d0724578d1cf5d1b3c7fb6925', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '16ab516c3b914631383c2d94bfb15c49473126fb', class: "mask" }), this.label && (h("div", { key: 'ef3594c29aab0d2f3437f2323839f7b2eab356d8', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'e6211744aa625c78703b2426421cd6c0ef2c0832', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'e25e436e7267e130f2b6bba33c4ec8b374fae331', class: "gauge" }, h("div", { key: 'df082f02193fe4a3aa7c47b853765a1c80f142f2', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '6ee43d472202149733e344e6544c1d6368164819', class: "mask" }), this.label && (h("div", { key: '20f44725f381e80aef7ba25bbf730ee2121c54ae', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a1eb2f2e84279b38b6c8a7b369789905ab9ab490', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-steps/gb-progress-steps.css

@@ -0,0 +1,10 @@
+.text_with_line{
+    display: flex;
+    width: 100%;
+    align-items: stretch;
+    gap: var(--spacing-4);
+}
+
+gb-step-base{
+    width: 100%;
+}