globuswebcomponents 2.4.9 → 2.5.0

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

@@ -81,10 +81,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '40d27b8f518a1d317a25e89ad68a2379ea25cb5b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b0df8994a055e45835620eac2ae6bbe3a6d4b759', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '41a2405c7f24902f816a86645627db90e6e868ca' }, "Previous")), index.h("div", { key: '91081a553f717946d314230d534753db481b28f9', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '32fd4d0ecb3d89a3f04ab571469c8798dfb1e000', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '74080ec33b475d49d2e0a0e37a145e757e4d11d6', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '8da002fc59272636603ce1e62ee3f96ffec13d1b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'f29089686d06202f8d94ba185eda9f10eddde435', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '6879eb2208a2f4713887645dda9c46345dfebe6e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'cfee5f6dc9911258f666314c4cff00af12a36faa', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'a8eb1f070565a83e1ea800685abc94c8d615a0f6', shape: this.shape }, index.h("p", { key: '5f188adb50e387d7bcef0ea271e7a66e03e0c774', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0ba033faa7416dd9db19769ceba9f869b83790da', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'b6b067cae44760c1d0b029e92685990366b12e5d', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '57e0985d6dccc8c61db1d800355746734a082dc2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '5c3fbd818164e9708b96b2f129d0614be6be71ce', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'e14ad5fa03270cd81e67df86362157c8f56c62be', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '68602ec2db4a90e896a05f28ebc0b64447c625fe', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '2fda688d7f350cbe399ec8d95f3ff2d5875307c6', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'cda181c48b1bfddc44375ead14d4fd8026c87d4e' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'd04b63ae784ae6cc8e0b7804f2736800dbaddf5b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '88ff0a586dda09d8e3679a4609b0eb4e821a3eec' }, "Previous")), index.h("div", { key: 'f213ffd05208194ea3014176f1bc88f92a9e226f', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '2e278f20573fda93a24713ee92004c71a3233584', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'f26ade5420cb93171428e7e6ac1d2857e9b91e75', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '0d8c72f0f6bc28b0ea633a5f3e0a57c470c6a16f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '15da3f1a519569de6cfcc1d1d582779cfe942b8d', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '4941b34ffa5bf631a81bf5ab9b00db9a7c6c5acd', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '1e0541d8eef088a39839d6f530831127fb469686', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '55393ed4b4773c1cbe40d87c3a809b885d2b4cdc', shape: this.shape }, index.h("p", { key: '912e2439b78cd0a3f2e511c9f9e457a5ff43da60', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'bb6e958b825da87fe40d75334e28bcbe97d74b3b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '074b87a4fc589b62608ea0ee23661e4da785bdd1', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '1fb20fd51f15b6ccca19f85fb4fdd21293e2dec7', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '542867f59924b0b940f04257e38252a342f52ca8', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'eaadd573c5ea5884e7b8ee8d1372d65a73de56db', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '06c344fcea4943acca417f91d063aef85bc60919', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '725f7297c91fc3bb1d8977f974f2b8a6b843b16a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'e11141b45c39e0c3ae3cd6aea995d56ba37c5317' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '00a3f68221ef959e0c7863563d855f40c3dd35bf', class: "pagination_entries" }, index.h("div", { key: '1c1892163c9cd349d8216db37f6b0c357ca12f59', class: "entries_text" }, index.h("p", { key: '34d9c11c6e229bc49881d2baf218f9706990d728', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '0be2be479364241fe74c33c6db9faba881fcf9db', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '6bce11ffde1d192a2aa2f2b8437ec919c597ffdc', 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 }))), index.h("div", { key: 'b1a7a1898014ff30b8cd475ba2178f3ccaa725ad', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'e1c065b664a76b4c12f35dc444924032e6778863', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '8f09fcf4999431150c357c81ddd2f41645d63571', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'd266959367cb68bfc5e76140042234aa4b17692a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '48e15e2a635c9049d6713e513547e030e810dcd8', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '44ece53b554df902bddf66f1cd5d254ba2bd77d5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '9947d7a8debc4903d878376def657f8d09473d6f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '1daa8acb6cd196c1f5f20977c03ecb87b1b38434', shape: this.shape, state: "default" }, index.h("p", { key: '3195a006581c1e4ba4a3d1c63eb5f8255cbe121f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd91a21a0d52cf76535e20b7ac69b3c7ae8c4791e', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'c343a2b12344c41eb11578bd21c3ac56015b7b97', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '3417cfa9c8ef88651868764d7d07574673c08aa1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '6d31e69687cbf2be1ce69c55b51169b1372ecb3a', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '31941c008318e380008f4901f9131d635e30b42b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '64a675f6ae10679864f1f824e3a230f4ae71daeb', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: 'ad57014d678e38e637d8ba76233f728c1f7ee61d', class: "pagination_btns" }, index.h("gb-button", { key: 'd099b149bd46b87dc5930a5a4b483dc5e3af0641', 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() }), index.h("gb-button", { key: '9bd4278f3157b9a616dcf06e07f663c05ce91bd1', 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' && (index.h(index.Fragment, null, index.h("div", { key: '20a4b7893d5f3f5d59316e270adb86b136489c7d', class: "pagination_entries" }, index.h("div", { key: '268264d2088a74d18e70d0ffabec631dcf0d4bf9', class: "entries_text" }, index.h("p", { key: '7b137e6c688f08c77c98f54c9d473dfbec9aeb7d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '2ee8e7926e5a46e38d9a513b99152cbd46bef060', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '025c65c1c11333114cc7551abfa8932df7f3aa12', 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 }))), index.h("div", { key: '14ce1181cd122b5b197c34ef5a5f9bc57c63109a', class: "page_number_text" }, index.h("p", { key: '686292c84518752b76e5b0b1978b85c07c8fb2a8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '73820daea8de366772d9473e93709413c2b218ec', class: "pagination_btns" }, index.h("gb-button", { key: '793221da9511dfa288c25fde69423c8fb5737317', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '8185b4dcedb36203933df9d51e4de12a9e696450' }, "Previous")), index.h("gb-button", { key: '89ca18642d6487d57eea7ad48eff1399e09d5759', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '59572fedee6927f45f5f5b272c69344b7950b524' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '4194d68f2444fbb26c2cb95e95cc05b9ce8127cc', class: "pagination_btns" }, index.h("gb-button", { key: 'a23ab28927b488854b7843ded3679ab160387284', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '90f70a4c3e34987e8060a2b484f181d86f43cfaa' }, "Previous")), index.h("gb-button", { key: '63b350709bb0ccb2428bd5f3b70074055b77e62e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3cf0f238133d501fdb177196f73223f44f5f4280' }, "Next"))), index.h("div", { key: '2d1016bee6b6d2c3d1728cf8c86146e598d7b953', class: "page_number_text" }, index.h("p", { key: '16221ca8937e764b8c2921590b40360a4a9a6aeb', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '3a39ea0c007c3b9175804593440544d7c2f0d1fc', class: "pagination_entries" }, index.h("div", { key: '07611df78726780eedaa244d94d08b16d9a3ed54', class: "entries_text" }, index.h("p", { key: '2cb90f2493bf43aa822ebf3442357d9fdd7c697f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8056fcc4f4f1b0230e559763274edac9918af0d6', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '4d6570ec3d329eac7c69e96d2409f0cf33aac452', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'e7162dc4df2fed2f8bace2e7c5c8258ce2d6cc1e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'b2dfd35beda46da83d768ab07de3edacc5a1a4bd' }, "Previous")), index.h("div", { key: '0a07ae8be2760c92a6acfad56b3f0f4d246d62f3', class: "page_number_text" }, index.h("p", { key: '25be62014d8b5bfa93a435438e6fa57364e52d03', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'a37cca5c4d517c84b92ec182d4de2396ef98e6fb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ff61ef02cb71654df58c21dd017d4fab6ac7a7d1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '86893d6485bf87ab69f6b37dd29626fd24a223ec', class: "pagination_entries" }, index.h("div", { key: 'eb92ab88466b08865c83a9949d32d894b1f6f247', class: "entries_text" }, index.h("p", { key: 'eecef0739c4ef5928014643fd8ee688e6d05fd62', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '66ca1afe5d6d21df4c25ca8c15e927f00e6bfe19', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5b71a9c77844ae555fe0449476e408e9ce29b965', 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 }))), index.h("div", { key: '20ac56d175c4bc7929f54b730fbcc03a0268dc12', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a73f6aaa819dfda82ca33b34871ff87760e26dff', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'b3d2b1c4953c69016ed3bda0067941e1fd6cb79d' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'cda5d1053b76667edbb482eae64f4fe4d791810d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b703c9a513eef8c15025bb841cf8ca6eb4408dd0' }, "1")), index.h("gb-pagination-button-group-base", { key: 'baac1e726ec39a039803db7e473998afb9772075', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '4887458fb86e6a5e8cc525f08997a14d9f3e257b' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ef381c821ce0c2ee863eaebab13a695ade1f946f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '14dbb52d393ac2a9a91a82fa2c3a9de6fe61ebc6' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '339a69810a583956e687d292800d0fc8fd189dc6', icon: "false" }, index.h("p", { key: '615950dfedb6fb86911ec33bc15a35e531ba0dba' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '32ecd3cb2ef682c931b933df5f72d336ba6ead91', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '2f1b6ed5706aa9a3a1d01fbe8bd9c55cee815db8' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '3b7eaedc40cd6cd52cc486e7c2e33d4126cbdef7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '2bd429b408c3fe7edabc6e06f02118ec84435c93' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '70360396b155ed6d0c3d1a71be28fc992fdc11ab', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '0e37938c6513c12d71b5c3f55b9b6a889e04e9f3' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'fdda158873a16c717a86d44e5abc87f00f04fe92', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '39d13bd09560e2ed6d4f3a7f42a45bfbb4f33189' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '15fd386746d92049240f3ad41f4c715061af75e7', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '51b51f2d65774eda7be2914185460b44be9a948f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a41635636b95155fd56c2df11f7a14c707af827e' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '9632837004e3e2cef7559617078430eba78d417d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '810fd34305eb54de6c0534707c47b16c85244c8b' }, "1")), index.h("gb-pagination-button-group-base", { key: 'a2703a8929ac268574b151f0defcf86532249bdf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'f5931e4a1b54bb41fd1ae248521ec02640ae1a49' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ab0fdd9d1be104da88f8501fb224c073cdf7b35d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '5f8a34ba8ffd0679b8e65e8f0db9297033a1520b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'cdca3c7366fe20c3b8fecc4e4366693233872cae', icon: "false" }, index.h("p", { key: 'a71c8f6f96a4f192dd22c11eeb46a8ecf6e0f21e' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '092f1d17dbee354b1bd65c1af9b8731efac410ce', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'c31fe315a0c67d3cd49ba7f23abda741a2022eb1' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '9ec8cd0f4e4d6df8e05774b8fd990e4a11be8489', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'd710c62812f5c896a60c409ed3e6e148533dead9' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd069b84da9765db1311f350f4bbbbdc76b999ac3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'e9c53516ef4f5b94934c3fcd0f544ffc962264dd' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '6586269081446485d766eddaf7b7aaf607b44db3', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9f33eabd9b8fd29f935a6a0114fd31f31029aa7d' }, "Next"))), index.h("div", { key: '14a54ca8ece77261710052c17bb43cbd25a19419', class: "pagination_entries" }, index.h("div", { key: '1d15108b7b1a163bf6e5fcf64878daee271bfb4b', class: "entries_text" }, index.h("p", { key: '5a74a677e4966b127c6330ddce95d367f1419c96', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a64e29e9e5aba4da69509321054dd71005907657', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '061eab7c7964c86ebb21dd48f393fef2bc486cb6', 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' && (index.h(index.Fragment, null, index.h("div", { key: '5414d0fcaa502cff6888b7afb0e336b319d8e8eb', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '504baebbfe2646e33bb9f6aad0ca52cf98495040', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '592208148062397f09f3cb649502fe45bb726dd6' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '3e0f4d5cdca3c5149e29a0a8c545151759f37bc0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '4ca908ef93ca317d7b2ae4b88dd213f0cb72b3a2' }, "1")), index.h("gb-pagination-button-group-base", { key: 'd06044485c7b2286b873fc4519a2b8cc9f650f03', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'cd1a36da632d406142d0805e49be121ccc62afae' }, "2")), index.h("gb-pagination-button-group-base", { key: '81c5c569078fe2413f1d608be767f241df24da99', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'f0a9e5af349d61d348803383d0e4e9acbaa55f45' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '959adb37dab650b36c6739cba1afffb0819618e1', icon: "false" }, index.h("p", { key: 'df3ada2fc8fd12046b37746b7b86b3fd1f0a8ed9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'd5123055b50aa1f33c78af203499f296857c35e6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'a03ae0f86f5f40fcc2c328fe26042ebe5fd552b5' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'b4088165a4aff1d69f361de9bc1532c0e23a399a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '8acf9c8500dc28a70c2bdfe4775aabae8753aa85' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'b2cc15027f5b99904ce2ebfe36103c7278f81c60', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '32c0e3c9db274396f028c2e422e5df54832673d9' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '6c929409f9667d2460254fe1c809fe52f01bc6ee', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '586460b0c7155f4e473c6ef504a8150c5f422897' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4197593b8abb00178ff9d942d576edfd88d7cbf7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'b413dd21294a378e022b75b0dccbd27b85ae6af8', class: "page_number_text" }, index.h("p", { key: '1170c2023c63b064be5216b168d14ba92b3dc379', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '0e6b8c8ec6d551fab08e1eb6276279063ee73fe3', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '93e53c18b0116dc8b176adf36fe7bbf0694059bd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'cbe5142902e27c90b5fce706a56be27e9e011a29', class: "page_number_text" }, index.h("p", { key: 'c4684cf3680d351bb71b2c4b34e5067da188c6ff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '3542d336633877e4a0c8b53f7f43e47b494a691d', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '8cc4dd50bdca403472213b51106b082d0b6ffc21', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8560a2829e701bfe13c95d785ce4a3dedd3ff4f9', class: "page_number_text" }, index.h("p", { key: '205a3481847d65cad23cbf4980149bbc068c6362', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '46c29f63416557d78d063ea9c8c2e943275da0d2', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'e882c65ba0b10a8ab92fe67ff80c244e797edb85', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'bf44492d977279d549b135e646e783fc37b2c223', class: "page_number_text" }, index.h("p", { key: 'a7915be0ade43a831d858e338d46922bccc040cf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '577b9c3e33532c6ba3a320ad977c3378dc72580b', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9631bfef72ab618171813003888a819d2b2980dc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '4fe81de38a52b6f4a444ba869c13baeb5e701ebf', class: "page_number_text" }, index.h("p", { key: 'aea178f2780c7f2002b008c4374d94fc2653b901', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '42e071577cc05b1c3c8d2e0439d2c427e898f5d1', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'cb88f67e955c248a836733aaea7359a9883565cd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '9eb40f83734d2496444c602ed5d428f63e6f3885', class: "page_number_text" }, index.h("p", { key: '5641f91d1a9ce301a588674a4ec5bdfe22ff042a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '994bf31ca7b8611f601574d906f052da259a9438', 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' && (index.h("div", { key: '7d4262c5d4693ad4b2f5699d489e9955c01a3362', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '9363d1b152594b4fd60b283c85cf5ef9f3e1e7ce', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'afe8b05250701e55d62211a96355bedada707dfe', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '49e27ee12326948f52bb9b9bd813908a48075457' }, "1")), index.h("gb-pagination-button-group-base", { key: '8d0a4d2e17b7f87e39d8ed66b0c4e7c77dec4f63', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '759d651cf24846b8947584c49db7f24a7c1b27bf' }, "2")), index.h("gb-pagination-button-group-base", { key: 'd8a362e7aacd57d885b486740d8bd9c79f48e1ef', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'f8f5e2a4173facd97f16ab7963816feb75d40e28' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '97d7501a59a1e1c62d45e4990aaf13554aaeba65', icon: "false" }, index.h("p", { key: 'bd9f4f9c4c04636de0f7a85c741fa8c109f876bb' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '357e8c410e35095bb17b6733224fbf01ad130263', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '8441a16420e6c58e741536285a8c9fda0a486fa8' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'c000eaa10a7684a8faac62b24b821cf8dbe0f1c9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '084a79e69486fa8e1ebc354bd70572a93f3e98ab' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c75842a1e3f777aeff9c977b3445b98c3027e6b4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'bb85ec1a218bbf93bd731cbe8486ca302c7b8428' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '74cc10d415586fe57cd7b0ce3382bb6a68769cd1', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '56a7f57048c7111481e55c9e0fc33752baae90ef', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '83db5d6f96c9deb2762430f4bae7f9fb03e42ac4', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '9f5cc2cd9b4375ab8567adcee49051a0c23ee052', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '7e1a3a6d0a30375ef1157f5b7c96939b4bd1bcb5' }, "1")), index.h("gb-pagination-button-group-base", { key: '11be194e989e65821e077ecba5b7f8bdb8fbf6a1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '711590a5a3218a58bb8d238c1c93ba2d6fd03ad5' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a704cb8ae6307d681d85a5c5a27288644483327b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd59c57030493c9e6bda5042b5c13545d06128423' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'fa8d3bf6ed6adf4ad29badf34c68e6128a1df959', icon: "false" }, index.h("p", { key: '33ea0e66d0939a40a4e3b8a8a702e92edb3e9049' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '975338729b3d617259be56b0cf9fa3c30e06aaff', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '89ab3535d5fde3b47e5e2eb05cb3858f0a2a6215' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'a1ea49d291ad86dbfd41054ad31708cff88adc3d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '5cabe832d6c8f061ae522c3b8d08431b9f01e74d' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'bc8ef5266fb845bc61906a5a5654a29beaddd941', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'bc03615a969e245d75f8ce0726fc3baede30fde5' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'cf5f35ea3d5e2857fbeb61fa21812c043ccc4a50', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'd069019f15c61760ee8272bb020652c2124b0491', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fea83ee60d1b9db6a23e0b7442e7e21f29e16150', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '40c5642e01593d635272008995903abda59adcf0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '08bd31f25cfdd08fdd8271df6990d31ef77c22b9' }, "1")), index.h("gb-pagination-button-group-base", { key: '78256426a3f5d5128aa14784cd8460b7ef9cd698', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '24bea0b51296dd5434ab15362b408702738dba3c' }, "2")), index.h("gb-pagination-button-group-base", { key: '7a9b9994daddbb7161d11f2b5f59384cc8fd82b5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '3a1c6915137fbe1fda643acfeee303949137caff' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'dd0f2e883d922b93c2aa3837870684a4c9d981a1', icon: "false" }, index.h("p", { key: '50f066c105bca8861da7b48ebe09629de2939bc4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '6ffa760ea380231edaf6f09a95f858dcf9a573f0', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '1b0d40c538ea7d075f427c3a99223f8981e0df60' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'e82a1dfab7c647f96c8e84ee1311a3a16e524e50', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '009d668fd669989eee673b1572452641e472234e' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '959db08aa5c8d117284cc613e60c82e26d19f7f3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '3ddcf7c28a66dcbc6ac88ea030da6bbdf63ddcca' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'a457479f407962d5d3669081b80d66f22168a739', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: 'da97f3b4ae01037e605f5a34c7511eed42672602', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '0c914aed1e1bfbe93a2787723ba7bab2736ec0a7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'edfe8763d631d0098cf1853316bab0cf9cc1d422' }, "Previous")), index.h("div", { key: '6fbed6b95640c2eea0ad29a6b7a11188f4979d2d', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'a733da20439da26167a22e3ffc3a8aceae0e1e5f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '978244f7ca057aa68a897affd2045da2275b2f7f', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'de22bd6e53be495684ac14b56600206eb39fd86d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '58bfc33093bbeb71e56d57c8d54c9ee7dab25faf', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '944a49fe87a3dff44109075ccbd42d2420a191d2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '1cf7f6a3fd8b8b6741caee3499cdd95e96f2ebfb', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '60e15dd439bde3e20638272436b0c1cb49bec17c', shape: this.shape }, index.h("p", { key: '5d3be71259d1ddd421994a34faccff628e55651f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '58feb1c78e2b25fa32b0cfaa697102972c81df46', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'd838a8e6e4e90a9b96e5c98e85c4e46a3e3f916e', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'a9362cd54159694c6cd8c674be811e3170d499c6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'b67530481d9b0a9ed8087a251f18ada9dfa8f71f', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '31771f4dcc22cf42113829872236b6d20aa5c1ff', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '0bc4a2264afc81bfc102ef34cc81c625cbad22bb', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '250f614b76fccfafcf3a3b87d59fe18f97f65d88', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '0960a36b78fa73a98cecf9a0612fd620a421eebf' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9e65f06fda497a092aee3825ac9d0173d75d0cc6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'd0f6fcd3ac91ec1058c80d4351bc538f5aa440b0' }, "Previous")), index.h("div", { key: 'df0d0f708f2380a70736737a7972eb1be19f086b', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '56b751206a69c9ed98071ad92542981ff2e450fe', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '7d64d01d019948f302df6f4086fdc02c67558f15', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'bbb616c2ad9777a470b21277555905457baf6852', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '632d88d9335bfb1df658fc1d1010f8c5eee9087a', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '0dbb22bc84b9264a8c4050d50513d966987ba371', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'e244c2faa9f5e0d546c436a3d593f321d39e94d9', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'bd23ca888c86975d58bdbb0384bb3db52611a305', shape: this.shape }, index.h("p", { key: 'b7a517d155f0f617e4de7d5136228237a0f33be4', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '424ecea92b14e1f79c644d35d1f13a8fcbc12395', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '59ae82b73e54f06d278b2b9a636673d0c9829c5e', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '3e3855ed7fc7a1a6ba8211eb77524d2267eefacd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'eabf137dc84890cb1340c959400fbbe769d1600c', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'cfd84e70ef3e5933522660a038b04b088e55c767', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: 'b49f04e2de1786ba6f6412dd8ab79b918ffa73a0', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: 'c8edc567d7189faee83772bb8bc0182048ead818', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'd5d360017eb86c31b35b9d708aa862d114816ec7' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '15311dc2c66ae3773a9d07ae0c51c8c52338e5e7', class: "pagination_entries" }, index.h("div", { key: '68594524aba09dc44f502394b7a702c4f01793c2', class: "entries_text" }, index.h("p", { key: '0ce84151e8449600d07619586277d9183956cca0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '426b1f273a83ea327ba3e8e9b9836d1363c01e33', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a8875361fe55d1967f453c5ea8be33b2aa05234b', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '96e6f17c6927ec16596a1fec595d99b00ac0551c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'e4643989858508f0a5d8ff7142ad42cb6aab73c5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '0973e81bf4a089331b3fb906ef58344ce0a62691', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'e25101dc07128bba93a8e279af667926f36ece0f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '1a3eed273418e877019358dc66b9cc26119782c2', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '86b462eb64c7ab712dd97a7fc4c58e10d9732617', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '0a2d66ccbf341d68958accf8540bef75992e029c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '6528ddc2573421f8f1648c2258eb41de580905d3', shape: this.shape, state: "default" }, index.h("p", { key: 'a7b343e05ccdc543be38d87c3b16c1619cbc3f7e', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '325941b09c0e7d1283d8f695e5529b16f3753acc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '7c9f257569e17eda20e67d4bd78d2de6d3099723', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '7b515fd4e0a5891fe50733f20e633277c920806d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'ed2cbb661a5887f7fea48d92bc834690b3f6db28', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '7214100c051d1182d69001a8015a7ab6047b491b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '8b45efe309e050bd3386ee67227387689b2e82d7', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: 'a1068d3b87eac2aedf4f808716f3db49f1c04d0e', class: "pagination_btns" }, index.h("gb-button", { key: '9bbc0c0ac84ae04ed83f5239ead350d001f68bf9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '785192e40c16a02fd9f333be8dfce8a7a1c26e87', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ebd9cef7c98c7579d9e1f9ebb8ad41a233316d12', class: "pagination_entries" }, index.h("div", { key: '6e7555a344993fad15b8a41c024b2163d318bd8d', class: "entries_text" }, index.h("p", { key: '041f9f4497763f0c69727a8375010b31fe7e6f8d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '23b437305e9eee7fcb6507c08ba97a0449748057', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'dd8d23236fea5b5bfb3f3e1f5b9af105b2af922d', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'da24db6b6024390c71f22cbcedd75edc0dffdac5', class: "page_number_text" }, index.h("p", { key: 'e2b7d92f6e9fee1a813bb18cd4193ed96a71d783', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '9e9eea5d442f7c424ffdb42948de416224cd7785', class: "pagination_btns" }, index.h("gb-button", { key: '00a4640b32d223979e979d57fa8f2eb6253a4878', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '30580efea8b40cf0a4044a220be1805a27799c55' }, "Previous")), index.h("gb-button", { key: 'cb9fcde87c3aacfa37f6e66c1417978a828f3b00', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fb8d964dd34269f375f00d4524bb4c888ce8edfa' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ca9ccce7c2286ca21b7ab37f0a104f30d8446520', class: "pagination_btns" }, index.h("gb-button", { key: 'eefc1a9e87eb19deeb6418579fd532e1713d94af', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'fd7c6a54dcfee723fc1f8862f4efc8929d968c52' }, "Previous")), index.h("gb-button", { key: '9b4345cb4ddd7cce8dd8415fb3543bfcd36bba63', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '66f8d5d8308650cec0d2d685b6bed794114e8b91' }, "Next"))), index.h("div", { key: '1e467729d13ff7aec4e8526898c38482105586a0', class: "page_number_text" }, index.h("p", { key: 'e957fb9bbeb0378c85137385612a83d05119dfba', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: 'efcac1004b19293e88f6a9a418a9a5814ddbfeea', class: "pagination_entries" }, index.h("div", { key: 'e91fc6321fba2493c3e835ab93995a95a10ee3bf', class: "entries_text" }, index.h("p", { key: 'e936c776e08b3637c62c8e2b22970bad180640f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '7fed0f5722d6fa159e295ab5fe54572b442e906b', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'c0c6ba96a450645871fbf7bd3193e111f09f11a4', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'e63c941267c1f67582cdae05b19117ae84cd943f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e5a1f3d9d446e4996ef53b509d71f410dbc06ce0' }, "Previous")), index.h("div", { key: 'a7f7d07efcd61b7509b51f019af12180ffd452b2', class: "page_number_text" }, index.h("p", { key: 'b7fe9f36cb5ce685225d08067e560d63e80b47c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'bdbff3498fbdc5adcc175bcae72a1c3703d9f09e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6d8ce4809c23c71465539e633acb5b531e6266e1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '265f5595f8a9b200dd59b1a10ade73067d0009b5', class: "pagination_entries" }, index.h("div", { key: 'c6e9e6b3a796332cf78946d5d05fc754320bd5c8', class: "entries_text" }, index.h("p", { key: '7b600eda08a5857b03e5d7c980d1a0fe0b7abd0e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '6eb553133251e12191db09d237b788a56a85dc9f', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '6b46c49a53066f69ddee2e9427057a90209a7688', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'e8732957c152827b152d19be39f7222cbc2202ea', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '697d29e38938ce5c236026ea69fc9bb18611c777', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '6d5ef4d8d34dcc6bbe12327f954d9ffa9353be10' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'ba3630a828ee4de82a7ab3453f6e2e40def17682', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'ca112496cd9b91f2d41240b57a3e4d150b26ac3b' }, "1")), index.h("gb-pagination-button-group-base", { key: '355d5fb1d582fae39ff5aff32cd88683b7797660', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '5e99c0d7985154ba2e02f8c43eeed42a1ac0ec1c' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a64b5088c9fb2dd0e4a3b03df198d9f62c6d0e22', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'abd4396ec3ab99a013a9d27ef5dc52574fca7edd' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '54891845442ac26ff58c8e290013a298d75d74e6', icon: "false" }, index.h("p", { key: '5f351c7e94084afd48198ce29567e17b7bbd3666' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'd04fd3e53c7d0ca4f261b8776875bf4f5941f7ed', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '95208e6266083194caa2efbcf8e69bcd7fce566e' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'f13154530174c3daa42b8433e1561275c97f2feb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '67cd3e6c4b9727b3fe2e3398dd67c119adc98c46' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '81d3e10510669f9479385f070083f3920c61d14a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '16d656dc81dcb2ad4cb76c18d9e2bee4e3f7f7b7' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '778ddc84e3d0a94e0415163c12751f26152181bf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '0085354a6d7d0b69fd671c0bd40822eed05ce023' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9e0e628dfa7ff1e4cc9c666b159104565c7a8632', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '4180f68c0e2597cdc82734e945f9e976bc1e958e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'cc173b241940422c462fabeaa241506a17ba4af0' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'c62155f3423b18d6503209c44e57e0b666803535', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b7cf8126c653738e13da2848eb602b2b3bdd47c8' }, "1")), index.h("gb-pagination-button-group-base", { key: 'b56c59f82d9e7ff1334ab8070d24dfd5ce6cadfe', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '99e1a165822f142006cffcb02752b2ae00ebd99b' }, "2")), index.h("gb-pagination-button-group-base", { key: '863e8ee9b1b5fb11daedb4f981898e2a754363ab', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '0d1e7876ac876fa73a43ce71ec9726db63e0fa6b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '079c8ee63741b6f543d64f64f39daa5399e9e3bc', icon: "false" }, index.h("p", { key: 'd32814a882538d3f977bf1d1c7d51887c9d9b39a' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '01315d23b67bc8bbb3ce6938942a267ecaaf2d29', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'a59f6acc6646d2993375173791ae4f795cc5d8b6' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '79886b309d5fddb84d36142a673d3fc1a5e3ebda', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '4faece6539b9dd90ec55ea9d9b8b22b7203f5e05' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '6e893f2bb474d30fde401d4d3af143a71f902550', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '7c0a291c921bb1d108cd30c005ee97ffbf0f4a21' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '153bb48650937781c6c4452d61f35d90ed4e3102', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '26e24ef7222baf383988dd139b257bcd4c5ca262' }, "Next"))), index.h("div", { key: 'f6a8993185cd9ec54d3e7af70b001f6a5f5b6f71', class: "pagination_entries" }, index.h("div", { key: '0550d43d672629aca8ea607b899bb2bcb4b1daf0', class: "entries_text" }, index.h("p", { key: '1c383547d2b48e40c825d03968e74662cdcf91b5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'ca834d4865a29d40a8424fa91089e575b5618044', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '366938a50d1201da06109872f76f13f63133c47b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'a8875e50e800f971fe031d0ec1e86cf002df9a3d', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '77199981563ae3da3efded55236abb9f759e1f60', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '46ed43e0532f4dbd05ff6d81ba4bfbc71256ebe7' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'd0e8cc81728fac7e3a53890acd115b1789d41574', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '458dc9a69ef9ade2ff75efbb91679524bf731c1f' }, "1")), index.h("gb-pagination-button-group-base", { key: '350f4146a9478710d9a711640f5180cfd5aa45ae', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '93147ab6389da1357b085ac33886d595634ca563' }, "2")), index.h("gb-pagination-button-group-base", { key: '0c70e18a278c57ae064cfc5cfd7caf25f2ac3608', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '31361b05dc6324a2decb132d23210173b9e687c0' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '879fac21e394938df7aa2fd0fc2bf00042dfb15d', icon: "false" }, index.h("p", { key: 'cd9e3d98ed9899a719917d05b822faf79f72d025' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '44be2a37e00b181d99f27c167a81a8649a568b76', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '340ea0a753353c75da7d6553331495aaa5316af9' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '8f78f6410aadcf00d40252bbb6301ed54aed5c51', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'a62e4210409c4b178991eda471eff5a9fa12c874' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '693e6a98745b0f05d657e411893ce4e26fcdcebb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'e46a03091193152e2495d1d76323c61dfb2d4902' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'd849fa0a40be702f06cbf57c687effc59851e492', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '1dfa065623d2bd54ff32307cdd545ef9bf400429' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'a7b7e0b2d867e88e09911e32878a377fd4d52e14', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '7b5ab5c5cceb098f19b4aa5b2863a6b4878cb3ae', class: "page_number_text" }, index.h("p", { key: '5cd2ccd5f67d1dfe078e63d4abf3c9508e30e103', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '3dae7316942e38a5c9a8514fe1bf77dad650b70e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2c821b7c6c7ec353ef761b2198b55003d51cd8c7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '5a1e997e4e5e49567fa43c24a3aae546719567fc', class: "page_number_text" }, index.h("p", { key: '80a9c709f236ed9f17d64399ae98f3a3d2d6307b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'cb66bb144bd68a904832b46d8c52c091ddcc1a9e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'c69499b7fd03b792329dd67916a270ac10fc51cd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '16134816f97d6ae34816e0db51bbc3d55274c1de', class: "page_number_text" }, index.h("p", { key: '8fa616b5ec712ed141b22bfea599cebb09db3515', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '0be3579c1e0f5d7835396927849725e28ebd7246', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'edce873c03557db10dece1dacf2bb5283610d3ce', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a1aa27de9dffd00c32516c2c8b767df787ecff23', class: "page_number_text" }, index.h("p", { key: 'f0278c6cd02d215697069ed43c79d9d491098bbe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '55f680efa2f9c629601899024e6275a8df7416d6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '6e2916af4cc662b0e0aad8b5391f12893d884b35', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'aa314050de1db6b64820f1f058b68c0116b42728', class: "page_number_text" }, index.h("p", { key: '0991cb7045c29d8ca905b1fcdb43a35480ec950c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '8229900fc1db91633f58fbc2d61d40955d68e78d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4a2ee94065a851a177af6ccc5bcbefe6b7518fda', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '90d140198b6736a07289520b28096f8f192484fc', class: "page_number_text" }, index.h("p", { key: '69c59947004779e099ca6a102b365d309a059a75', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '3d58e831d93567ebaa1251cd502d3891d4c590c7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'd53a4016774b09bfea3d4ec5beb1ec334aa0ecd3', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fec4db2c2e1cedd8a8b0bea69127221bc9eb900f', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'e6cad45535a6238656612893faba7682b3f599be', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'bcf4fcd242c79becf7ef231b230a61ded37bbfc7' }, "1")), index.h("gb-pagination-button-group-base", { key: '58e693e28134d566599c9ca8e21eb2d23b6f9ff3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'dcbda432fdd54b623c514753b8497f644328574a' }, "2")), index.h("gb-pagination-button-group-base", { key: '31ffb27898df928ae94808600eda95c0a3d7ceeb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '6c4bd2294e522896c1952e941a29cd5fbd83b885' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '2d3570a12dec36b8379a22dce30c245c69d1889e', icon: "false" }, index.h("p", { key: '7c69118c6f2bb480beb7a92710badb13d7d96d4a' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'e293f95355a0325d10940e4ec85e28de94e6dbca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '0b60b670d5d607dfa10cec317c5ebfd2b47db1dc' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2d4caa3c6d30e0848c3b692aa756f9759d95fd17', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '846f03a0d18b30779803656c828b8b90b5419be1' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '7da3a6364a36917da9be53d3f34cab88aec9ff68', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'af486777f40902932444ef25a9a9ee6bee7b1764' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'b1a238fe20043dd156c44e156216f03ef73881a9', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'cc1a578ba7e1dcedaa638f40415fa34a2a6f085b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6b4fcf4ff19bd3509f60456ceba7a9a79a33399a', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '55976e30b793589db4eaa24e3248c459766b2f8a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3a6be2d76da5a26cc62c0f43fcd21658a0690d8a' }, "1")), index.h("gb-pagination-button-group-base", { key: '18c8dfcad89ebb8a2f7b28518619b50b580e4568', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'a8c2bdd579d7df2f16e89528cda2a736a2087ced' }, "2")), index.h("gb-pagination-button-group-base", { key: '490fda6c4e90fd3228818b3f0c35eb2336920ab4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd6a95dd6cc9b403efba98463acba8d9496f72f24' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '37691db05376c8cc8a6ca50dbcfeaee82822a733', icon: "false" }, index.h("p", { key: 'fdc68158bdd916ecd330cd200a6fc5fdd33abba1' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '8f723cf6088173d22f8a8760f1b684a72f44afca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'be85706f424417d9b886484e0159e7696edcd52d' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '914f6fb3dd53acb2f23024fa0207cf4f5d886afa', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'd248ad44456cd1f0efebdfa75db4c22bcb6b2891' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'a239727405677de5d2b44e4bb9123f5358395f6b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '0a87c0fbff9b53f92498b3802b1d786b82befd4b' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '535bd7156bd89dbab86667d2529e6b1eb79641dc', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '57e133a816f598b863f36f6a2b2c90156e59a6ae', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e659a0ec132e811055af5a7c7374052b18711874', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '358f09fbb1a90b6b95a87a9a43c8f0ffd5ead9e5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'a471957a9f53c788993bb44319b0e22f6bf18375' }, "1")), index.h("gb-pagination-button-group-base", { key: 'ff3c20552b71f3fb5e94fc7359004739deeddd70', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '535aa19477deef03cb4ba1663d0f0d3e811953ed' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b9a5a24b78644f50aab658ea7452d508c4a3dbfe', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '33ce7a94713a2d107125c59d167972242fe9d1d4' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '69cc2516cc434cde9ae9063d619e4cc1fd574dfd', icon: "false" }, index.h("p", { key: 'd7f4e586384c768e81e88b67d1adf04b9c56fb27' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '3a4d7a9f3aef18946d8187580beb426d4a549d93', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '94cfb8b2d1d7cc4c207a71bc18822080c8b9c440' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '5c727fdf28ea4b2db8fc21991cee0213b5d46819', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '2e20c80b7a060634299260674260d26ada820c2f' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f60b32687a519e09ef151ab5df0e1b877accfe00', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '6a197174b7848e64c607ffd501a603c22e2af9a0' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'c12aeb08baa7e4ebfca0c71dc3411a2250adf8f7', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]

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

@@ -34,7 +34,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c0258b5c5857ae5b2143662bd10896e61100843c', class: "gauge" }, index.h("div", { key: '54688de931afc038f551f689377def13a7853fe5', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '43db954c7bdc6ab28089d3f0e454a77865a66437', class: "mask" }), this.label && (index.h("div", { key: '59e17ba66470bd549b13e11a21e23f769488c6c6', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: 'c07d3aebede327d305ac616479e6d81328abfa42', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'f4c73e548aa435f994a0ec4757b3bc22cbad5679', class: "gauge" }, index.h("div", { key: '63d1c2bc86861297744d209e45027aa68028a470', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'adae46ed73a463aa6597cd0d7defca389832c745', class: "mask" }), this.label && (index.h("div", { key: '196116bd340fe3eaa82ab77c61961b660e61bcc6', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '63a3af8cd346912d64a546cd1b48408b4a9fc074', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

@@ -11,7 +11,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: 'f82dc6f886ed9b24fd8f202fa0f24975efb3e657', class: "scrollbar-container" }, index.h("div", { key: 'ac862e9ce48b911a47f35c56223990c8de26378a', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'd01f33d0e0d83d778257022bcd4866a9af6c2fae' }))));
+        return (index.h("div", { key: '267913fc015ffe89f943792e99a9ac8c324c383e', class: "scrollbar-container" }, index.h("div", { key: '39d12d42ccf09f822185efb5f490fa74fa6076c9', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '60396f1702c5ef71e54c95197b72be9220b9f716' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

package/dist/cjs/gb-slider-control-handle.cjs.entry.js

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: 'aa4238863441966bc5bdd007453d139068850ebe', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '8106cac51033802c4e62625360887df9a2a29f4f', class: "tooltip-container" }, index.h("gb-tooltip", { key: '8e41b906c3e06f57923f993e6dd63c6ec98e9dc1', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '5d2cfe8a29ba79ffa1b12956b96028c79a13abe2', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '1b4266b2dcf69577c975caae6e13f2ad84f9145f', class: "thumb-label" }, index.h("p", { key: 'f8f42f3c633b316aa54d230bc9a521d0ec8e6363', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '0ebd16bd76ebcb336866cfa418a144ea0021c84f', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '9f3b0e45a1f068ce68167275dabe2c36b97ce4af', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'e7d413eb811579bfc410e7423e8434dedbbcdcf2', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '973371af2ac5e8c09a105ecf24aef239efe9fdb1', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '7ba171c282939b830175c5294fada631daa9477f', class: "thumb-label" }, index.h("p", { key: '4e58bfc42545a734d72e60f8369dcd0679bac200', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

package/dist/cjs/gb-slider.cjs.entry.js

@@ -78,7 +78,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: '92b9cc9dab0f4e384a0643ad4cc13501160e714e', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '3c2591ce70a8ba4e8f9640093f562aed3ee342b0', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '55719b207210cc19f69fc0a7d530a6783b8e760d', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: '2a54c79187d92c3bc38e6291980eecafced989e8', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: '9155b01c2d2aceb3dd01f0f0180553ed53759036', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '00668d79eb19503600c82980acb6158b1cc71e39', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '2acd4513914e7eedde4bb64afb85576ec7ad7779', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: '7cc4c07a3eaf655357a118a101feaba032decac8', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js

@@ -35,7 +35,7 @@ const GbStepperHorizontalIconsCentered = class {
         ];
     }
     render() {
-        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: 'fa5d51b24e4529d5367515a58935404be91ff940', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: '64c91e66dcece03b8f71e23f74679d19c5262088', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: "connector_div" }, index.h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (index.h("div", { key: '6ffbcfc1056c51d1a751cde061c4a60e67ebd847', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: '478a962901703939eab6028856a93e385e51b8d6', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: "connector_div" }, index.h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: 'd853bfa0ff706e96a2eb84bf3e1f7040b896c4bc', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: 'edaa90ce13c27eee1eeb93c43783aefa96b76bfe', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: "connector_div" }, index.h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (index.h("div", { key: 'bca61b919af56b0102c031e03653020d11d7f1d2', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: 'c0aa3eb919e168a40a77694e84686bcd93931c8f', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: "connector_div" }, index.h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
     }
 };
 GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

package/dist/cjs/gb-stepper-horizontal-icons-connected.cjs.entry.js

@@ -27,7 +27,7 @@ const GbStepperHorizontalIconsCentered = class {
         ];
     }
     render() {
-        return (index.h("div", { key: '85565585a98a9065d72dbf8b8574fb2cd737f0a8', class: "icons_centered_container" }, index.h("div", { key: '612107f29edd85b43ca5025f5607f3ddcd89f5b8', class: "icons_centered_div" })));
+        return (index.h("div", { key: '5dd57feeebd3f5c2fdc9f0de778ddd9cd6bf7348', class: "icons_centered_container" }, index.h("div", { key: '1e19b24afd6a19a2eb194cd92ad124e209275a45', class: "icons_centered_div" })));
     }
 };
 GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsConnectedCss;

package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js

@@ -47,7 +47,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: '50b95ad485bee714a512e284004d6ee8b807c8e1', class: "text_with_line" }, this.internalSteps.map(step => (index.h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (index.h("div", { key: '4cac7f8de99c69a82556d22fc6995c39a5c692ca', class: "text_with_line" }, this.internalSteps.map(step => (index.h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
     }
     static get watchers() { return {
         "steps": ["onStepsChanged"]

package/dist/cjs/gb-stepper-horizontal-minimal-icons.cjs.entry.js

@@ -29,7 +29,7 @@ const GbStepperHorizontalMinimalIcons = class {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (index.h("div", { key: 'a34a1363dfd297e77f103b06ce12c90c65bc3318', class: "minimai_icons_container" }, index.h("div", { key: 'f40764b0155bb667150330d42d1a122800547e00', class: `minimai_icons_div ${this.size}` }, this.text && index.h("p", { key: '6a243213e41e71ccce5e6a23e7edf671955b5f6c', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length), this.steps.map(step => (index.h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))))));
+        return (index.h("div", { key: '6497ba1b653e602608452d39a769ef2dff3f8329', class: "minimai_icons_container" }, index.h("div", { key: 'dab64f6304f6dc9a69da8700b5afd0df93195027', class: `minimai_icons_div ${this.size}` }, this.text && index.h("p", { key: '7767e1e17caa739120c2e592ddbf56607e96186c', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length), this.steps.map(step => (index.h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))))));
     }
 };
 GbStepperHorizontalMinimalIcons.style = gbStepperHorizontalMinimalIconsCss;

package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js

@@ -38,7 +38,7 @@ const GbstepperVerticalIconsWithText = class {
         this.stepClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: '16201a4d5a811ace102f0b603000759afa989cef', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.internalSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index$1) })))))));
+        return (index.h("div", { key: '4ab2c4c3132ad180c648bda260cfdb0c41987233', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.internalSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index$1) })))))));
     }
     static get watchers() { return {
         "steps": ["onStepsChanged"]

package/dist/cjs/gb-tab-button-base.cjs.entry.js

@@ -47,11 +47,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '160d6494753136b654cc8b9842c52c00b9a73535', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '6dc161fea6741787f786d200b3383bba778602f2', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '69246e6e736cd7c16949b2aad31d3307f28a46aa', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '721853b8138acfa402c49122951060a4e1467f3f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'b6d30c1c32e406c920ad7b4728e02a4a56c03a82', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '14bb2ac4695b5ec64b3b6bd54f9115593b9e9d14', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -60,7 +60,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, index.h("slot", { key: '8399778219e17b5c02059d60adb19237ecfbf572', name: "count" })))));
+                                : 'gray' }, index.h("slot", { key: '65cc8561b65e7ff15b366a9f8d2a4f9d0d454fdd', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-table-cell.cjs.entry.js

@@ -9,7 +9,7 @@ const GbTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '40b696a20688a415a9ab699db132b89dada44a75', class: "table_cell_div" }));
+        return (index.h("div", { key: 'e1cf3198894f263fb1716af55c7cd3847e8dae25', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/cjs/gb-table-header.cjs.entry.js

@@ -60,7 +60,7 @@ const GbTableHeader = class {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (index.h("div", { key: '897caf7edbe3c239ccb03277dcd5d1bd4314e861', class: "table_header_div" }, index.h("div", { key: '48a6272d0aacc8789146bcce26f086ef5bfcf165', class: "table_header_content" }, this.tableHeading && index.h("p", { key: 'ea8d679e251943ef4a4ddc2b984ea423ae644e19', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), index.h("div", { key: '0455d373b617401891203235e2492d3f88d51045', class: "actions" }, this.showSearch && (index.h("div", { key: '65178244151bc4e164e6b5f5a60393e129f88537', class: "input_field" }, index.h("gb-input-field", { key: '60df7f2442890f04c62521ab31cdbd54cd3eaa50', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '45de5a18d1a77661b346d13e5b409fd4704a505c', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: 'a1cf63e8130679af6bd0e6fd9966a13d569ed827', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (index.h("gb-button", { key: 'b8ea9fbb2cd95c26add2a898d1a2ef0ab3047e41', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: '309d9fd8aa2702efcce3047208d1c8e77c258003' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: 'f6462c3fbffd2418e9b820083212b9c27c1f1e74', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '5da418314a9d663d1768ad0dae31c435d66ba9e1', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '7a20cdb70e2ddcaef4910d5ccc34ca9cc3a8e975', class: "export" }, index.h("gb-button", { key: '333d0429c02386020ec05a2751e2042f90a6ea24', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: '5cbf7933e068c4bbcca652dcea43dbc10818ab73' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: 'bed3690613ecf87c4121cc20c46ef3c66ecd8161', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (index.h("div", { key: '734577338590d8bd88c4c134115f3d952ea9928e', class: "refresh_button" }, index.h("gb-button", { key: '901012b1ea240c50ac87d58c9137e0383af69a4e', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (index.h("div", { key: 'b7efca0c23293aac41a7108abd3f8aca775bdbb6', class: "table_header_div" }, index.h("div", { key: '2ead72e6d5c9710514e023a1e56fc3c0d01fcdff', class: "table_header_content" }, this.tableHeading && index.h("p", { key: 'b1b190fff26c192f0233f13e4fefe75f4f03587c', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), index.h("div", { key: 'f73a36663b225d6ff82bad0d4b74f80aaea3af2e', class: "actions" }, this.showSearch && (index.h("div", { key: 'abdc4749fbd373b0a9a8aa669626522fe3784286', class: "input_field" }, index.h("gb-input-field", { key: '9dff7ab8d44e94a7dcdf2b21efaf6441e0caa73d', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '6ba7b674d80849cd5282956db353304e3c455415', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: '7bbb945e63cf69efd76543d0bc29eccc45d4c8c5', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (index.h("gb-button", { key: '70268c3157404f47f2c036d333817c7305cef935', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: 'e9d931757f9fc0e8b8cab865dbddc6ff1fae7583' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: '57eed9d5ff423ff2351039570ec8432c208340a2', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '86a764600c646f1de0ce125bdb2ca55e4ae90564', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '859afcf2646a1789c61d823132ed4215b53a525c', class: "export" }, index.h("gb-button", { key: 'e115e84ae96184cd4b70ddf2b4063c669d9dce8a', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: '7506d0e7d7e23ca25687e7f10b3ff6e93c5301ec' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: 'e80dc1a9aaf9f4d110c15fd8627c62e36b28dceb', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (index.h("div", { key: '04dd04b0fa66f1cdbbf64883986f8e3ad42de9c0', class: "refresh_button" }, index.h("gb-button", { key: '09537417cdf914528d48bb10583b0b687c009ab9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
 };
 GbTableHeader.style = gbTableHeaderCss;

package/dist/cjs/gb-textarea-input-field.cjs.entry.js

@@ -15,6 +15,7 @@ const GbTextareaInputField = class {
         this.label = '';
         this.showHintText = false;
         this.hintText = '';
+        this.errorText = '';
         this.isReadOnly = false;
         this.value = [
         // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },
@@ -66,6 +67,11 @@ const GbTextareaInputField = class {
         this.textarea.style.height = `${this.textarea.scrollHeight - 22}px`; // Set the height to the scrollHeight
         this.textareaValueChanged.emit(this.textarea.value);
     }
+    handleInputFocus() {
+        if (this.destructive) {
+            this.destructive = false;
+        }
+    }
     handleTagInput(event) {
         const target = event.target;
         this.inputValue = target.value; // Update the value
@@ -193,14 +199,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e0d7b697a8d100201d592c499dae79b0df98448c', class: "textarea_container" }, index.h("div", { key: '40f9d5322276aa94c8f66b25c39b34d9b4992779', class: "input_with_label" }, this.showLabel && index.h("p", { key: 'e8908898fdc2279dafd4436d4efb1e4d30235553', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '2ec6b9b311ce5f6ea32e7719c4e0f70d9d0df860', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: 'e2da86f38624a7638437c5c59a39b8d85dce9ee3', class: "textarea_tags" }, index.h("div", { key: '59d8465d4a91bc9dacc58c89160ec7a4d2d14526', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '71eb01faca6baeb665e2016ef513c54c3a71467e', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: '1ccb563b88171aff31cd20cff9e515212982e0ee', class: "textarea_container" }, index.h("div", { key: 'b9b4c55cdcd11b0e946141a942a2b45c2dfcec6d', class: "input_with_label" }, this.showLabel && index.h("p", { key: 'e6dec3c09609a3fad2ff2355c86743a3ed375861', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '105820794b1f5f0ec5a99e47c2b400d3f42b0f77', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: '76a141cbfdeb4a3e6bef1bf5b29c0eaa782b7b34', class: "textarea_tags" }, index.h("div", { key: '3e732ba54ffbc1050fd37b2bd712ea495c9a0af9', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '3d764c004e69ec44e79b5ea2df8b22073e0d7e09', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: 'f56a2c34765701f1deee5acd570c6311f2b884e6', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'e59c14aef2e301f46be70141483ddcfc84f04dd1', class: "input_field" }, index.h("input", { key: '04ecf04d6080e19ec07dd24921b1e80b55f4f556', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '84b5a765f72530d2db4afca875b8fd14a1e7f55c', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '86874e3f040c5bc1185c286dfd21b3e0a8afefff', class: "input_field" }, index.h("input", { key: '34f0a3dfeaf6777c02f7562cbe111400aa01648d', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '49b29af6eddedc05d7d67924d1f8271a4fa1d31d', class: "help_icon" }, index.h("svg", { key: '228d49fce1d96fdcf1c3f207cf9151b7cca24259', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '18ac2a271c83da95ec17d4ea08297221372c8512', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '5fd295a70b73a758bb5a34531097054f9ca5d96f', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '0a50fbe2ef2608224e2669437af2eb395a1f8439', class: "help_icon" }, index.h("svg", { key: 'ec990976ef3e6678634fa691984e5097c35381c4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '3c0d20a2831d2007e41f20b03a961c873c06d1a5', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '47c3761eaf06f8f2d9caba9e73370b849e7d58ab', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'a0ca0151f2e90284d3afebbbfc17b55692fb6ebd', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h(index.Fragment, null, !this.destructive ? index.h("p", { class: "hint_text text-sm-regular" }, this.hintText) : index.h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {