npm - globuswebcomponents - Versions diffs - 2.10.13 → 2.11.1 - Mend

globuswebcomponents 2.10.13 → 2.11.1

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

Files changed (464) hide show

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

@@ -79,10 +79,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'dcd69161d8a03771322fcd78e446b248d26ddf8c', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0b54209ea34ac79a861bcaa283b191c24097ffa4', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5f93073517750be7fdfaa8093a6fdf9efcc33be0' }, "Previous")), h("div", { key: '4e644a8e895b2c35f0b6baf8b2430e519c1c5850', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '669fae15e69ac72b1eda34626ce39c9dc4881db4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '54cd8310ec255683c57cb24968f081b3e4da5747', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '14ebbf0e5f5e53dedd9f21714fe4a21d7c05679b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '184d0f9d9533360da159f87311d4b5d5a4961475', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '67e353c0805de406f568be13ad147285822d091f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b959a258a3dd518bc1b3d88543f9c34a0018efd0', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3e6c7b30590b585d6ccb123cbfe68fba70a79941', shape: this.shape }, h("p", { key: 'f11584c5feb7997d4b52e8fb846ba28ad441a067', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd25ce8e1a0e9bc748d4352b331c69f928e5dcc0a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '84456417ec9c142388f291efc953904339e8eef5', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'bba0d2410beb57fba8e483fcc60fe27c301b72c9', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e9d922a1cb91559fd8ec8b480201ce7b30bade48', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a673bb73a9d5fe6b994dfdef79588eb2b389cad8', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'e269bf155e2acb99581085617e0f91b68608dc93', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '41b8b6d77e8c979e695b5c3649a6e1589260fc16', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1529420eeef49b8ef89aa73794006947b58a1199' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '022ef7aafb3115ea43659175af73cfaafae524e4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'dfbf7a8353c1694e14845422ae146a670c339c49' }, "Previous")), h("div", { key: '1497c06bc75c023e625cff19f6b8737e5f0f2719', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '98f750db91b58c90051e85c284393a19a42bacea', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'b660a622368c234e8844ea4cfa229cba948012eb', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fc41e8c6c6ced321fb8da8a418af3cdf7df6181c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '01206379fab257b6be028cec853e3ae510d20747', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'fad65c071c83c4166409e83a549fcc0265068f82', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '58989cb8672ee38833fba056014678e5c59469e9', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8f29f1326cbcd7b0f9d6106b69160bf2f1715fa3', shape: this.shape }, h("p", { key: '43e619839d4183a4571ba20bc76848ff192aadf2', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '7c8fccc5af3ea6f413e379af3af594af5b78f8c5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '538b7dec4ee9294dbf4a082544bd2875a88e719c', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'ffe79fb3683469d039b27b5d2934ff38d9698f84', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '64c4e3cee540fa35f9865f7e847e3c73182cdd50', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'c2955169e9eb3581e129f52d3a3785347aef6fbb', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0a8fb1727f5b5d75ae4f4ba275a01e84c562f35d', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '71db3f2d3d08b818d5141ed3e6cfa3ba60291e68', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '415924749b1811cc77cf66cc25ce4dd1c8f27acf' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ff26c7c6bba0025f9bf55f74b3fe76b95807a200', class: "pagination_entries" }, h("div", { key: '4b5c9fc7d6a31ad479de26abe2025651ba736cc8', class: "entries_text" }, h("p", { key: '48e81ba203d9bd8f3fdf50ca07f1a12fda45643a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9a54feeccad1b1be6148bf738fd8ac2b2d17735c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7de6d3014d67917ed3fef713241713f91f338a17', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '9cae1f5eba7ca2666bcfabecca42a2a25a563bce', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'dcea25d337bd35c1385638fe5afcea3139f64ce5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '27ad20d939a98ffef46309b845e221058461affe', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '118e168b2894ebf02d9f4ed9a932365d0c866eb0', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e61e3d5707d3d1a1064d38345dce4fd4f6aff93e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8e43663e39778d549e94abdcf99e13ae64a1820e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0a123ebf00d6560b7aec3704f8a114831292f83c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '665b93ede6b49d6bec01cb435a4440e77f60f302', shape: this.shape, state: "default" }, h("p", { key: '06b0028c68fd9038d6b19d114089588b574adc2e', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c63050c1d403494f9908605eeee2a28f260d1a42', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'a761c28b8bd31b63d4cba6277ee7baf42a6ab599', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '23e0a1aee4ad7790050e02f86806a09ceae8d75c', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '85e2ac8199981b3c5420a53d2e2f41b10fb49280', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '19462800908a545cb7e5a633a705b29e4795b99a', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '6d54dfd6376d32882208e39fae5ae5d8211be77a', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '5e4b6089649c4efcaa40d353312167370ff2f9d8', class: "pagination_btns" }, h("gb-button", { key: 'df382f4344fb3b734414b35bd1457403866c168e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '1856f3f627c532ff1fbd19d7a155a05ff498041b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ac695667a1f7fffecf2e2dd8923cb71ccd55d641', class: "pagination_entries" }, h("div", { key: '0d53b312af922c91a46d3700e667797b6e041506', class: "entries_text" }, h("p", { key: 'bddb6b459ee4560ee1fbc9dcd75a3d94da1350bb', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fa77b3e343aec55c1a294fdeae96462845d8ce7f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b718b3d3ede75e6f371ef321364a50f0b17d8496', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'fe1f86b8b97717a57b41b1f57d5aa910f890b003', class: "page_number_text" }, h("p", { key: '65abfa6ce9c927a547b874ed1a0a875ba2f29d73', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '860997c21a4a30aff175889ed5641083dd4b78c4', class: "pagination_btns" }, h("gb-button", { key: 'db8310d8b0b45d511b16cb745d28c74c553ae413', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c8beb7464687d370b612abac378fd8558949ec75' }, "Previous")), h("gb-button", { key: 'ab6e0485e96bc954568b103b33e2ac4c2bd31ebe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a0c5265fceae289f2e54fcf7bdc8c5b0b9575dc7' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd47d8c7c7b98b15c7e6efdf1f78e2a93cc78cf69', class: "pagination_btns" }, h("gb-button", { key: '0742024d7d6b0ffc3045f6c13c682df253145f70', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '615ad2a67e2be355f8fc20683ea4064fef38b6a4' }, "Previous")), h("gb-button", { key: 'dcc7b7d34f1208c3e128fa04d816e78e76121278', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6b020b5cd1e9dc96fbcb4f7dbbd104e7ded1b53d' }, "Next"))), h("div", { key: '6554e5d575e4fd392a66fecd6ec407db8438003b', class: "page_number_text" }, h("p", { key: '96d974500bf6da1cdab9cc20cac38e283cb680ef', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'c328ad6ef9b2050799744443771576bce4ba2bc1', class: "pagination_entries" }, h("div", { key: 'b30374e0bcc2875fd67dd7c32d683757cd7ec6c2', class: "entries_text" }, h("p", { key: '843babc511e07a52c259ec05cd5e1c6ced3065d2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b5cc89743afad96008e5ded4be020a001fa7753b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '85c61db49a5b293b5fe56eaaf52debccb58233ef', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2aa2df2945127f5d0408afeb9eed5716af6927eb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ca9c498010dee16167afb71b776c7208bfde1a4c' }, "Previous")), h("div", { key: 'fb5f0d64667ee20ad21814af7a90c724396bbe76', class: "page_number_text" }, h("p", { key: 'e4091cc4c30fcc3d6f79fc8607183b4c12bb2eff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f27f49a6fc8031d2693e8f734d04190a80b3f7d7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f44ce0508c65547dc5773b4222fc3c2b1b4794ab' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2fa0c2e3b845bafdb539dcf3d170bde8e39e418b', class: "pagination_entries" }, h("div", { key: 'be88300db106a8dffbdf26898f414be4ac386138', class: "entries_text" }, h("p", { key: 'cfbf178b2ef6ab98e44bd1a287895424c7313c2b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2132408057c1903aa8b82725210982025d4ea590', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '850d14757722a3546e4dc9e1481f2e6f70777a42', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '5d1d6eb06c58a0a2a0f99bb8f98c956886401c5d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c23e0d9e31580b3cfa162df5ee6eca48ca3fba11', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8a413f6adf78772a430702e03d569bb74589707d' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e76ecba5480407660b600d3c9c6a3908eadcd8ab', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a727153174019d23a7e9919d3de9879794fec27d' }, "1")), h("gb-pagination-button-group-base", { key: '01030792ed6fed8f27ddc3dec050968c9d77f87d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2eefb9430a829286da1922f08b3da5c68b21a9a7' }, "2")), h("gb-pagination-button-group-base", { key: 'eff903ceba7aa56e3ef862d4582e22f5386b9fe0', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0b3907c19c71ba5b688e3dd391fcc3b9db7ff1a2' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '79eb81d2ec40ee5db5e8b15c883c4f91ead6c979', icon: "false" }, h("p", { key: '3612a973a81cbd52b3ada9d7fa8913c676a3bec8' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd503448490eb7472ae5f91aa3bbe205d0e9ccbb8', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f3d276f18af45d14347b605ce2e59636571f59c1' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '3b273d069f40770a5eb15bbc52d146335542bab0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9d6683e23980834cde2c8f309e6df00a7bc6107a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd16d13005cebfcf478da879d6f15798a8a6b1ed4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '2f2521b8e73e54593ce2737c765b4a14c47bbad1' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'cc51405fdd74cdd7865f8ed75d6500fe045a84fc', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '84cd5fee89951fc0801aafecaa7d3ebdcbda0322' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9e8173514c501e1b2e10a7880530b91d22352dd3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '2d96ab95146739551cfbd926ebbd719967531294', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0f481b502bd190919edcaa1455015fc045694915' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '830b066d4a5d5c583f9f64ae6c78aa9fea93250c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7105edf6c7edcbbcd4346cc472535c3cdd436fbe' }, "1")), h("gb-pagination-button-group-base", { key: 'bbcf3943a0dc9fa6daa0cf289c4943848bf59f98', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4753c65bb6480b3ff627d06631c1d542a0ea7798' }, "2")), h("gb-pagination-button-group-base", { key: '76761f495c3e756442b7f93d6a048637f5a383e5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5416312dc27928aca272bd926fecd6b7e18a055f' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b4e5200b1abd47b06cc43171b4460134bfde33a8', icon: "false" }, h("p", { key: '65b3abbf03158966352216c6f2185136ab44603c' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2ee2986b9a3b75dadebedd01e8b637c2b2f000b4', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '32e47919ef3492e63cb090891f37282d54b3c9cb' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'da2db4af82d58c09c90f3dde014b4ebe852f94e2', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '88a71c4b85c65344b4e119484cd21e174b5e2df0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'b8bceb9249e6496c9bbb160e329f87b7793fb38a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '5f38666d8f28ac496dfe81142bd21b12dd3cab40' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '33713eb1377b861fd98b0fab260bf24137faaf38', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '58128e4d3fe08dd69efdd15564630ccb4531fc3c' }, "Next"))), h("div", { key: 'c64251cdb66659c23dfd2b26eddefbfc8e753574', class: "pagination_entries" }, h("div", { key: 'd546944c69ce5136719f9ccfa0a42fea954808a1', class: "entries_text" }, h("p", { key: '7bb1450583508c0dd0e5313c6bbf193f3bbb4047', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b833aa2e2e803915eedd162e53cd2639f312500b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '770d08ae373511f8879402ed8fa023f2d0ed11ce', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '337d4cfbe3d22ed4777bd881c6343599163adc66', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0554b908ed67d3bb80c15b2ef022b44e5c7cbbfd', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'df6ec9a989f38b03631d37709d43913b3fa88ee2' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '18b0ca93e71ab68462c5e5b4b426f8faaa5eca49', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '212b5b8bfc0be84ac9a2b7e27747e1a8d548c97b' }, "1")), h("gb-pagination-button-group-base", { key: 'ea3d3db558d80901c64b8e8839382128300e1375', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bf8ec2164d31a580e9872262e4ce7696ad33af8b' }, "2")), h("gb-pagination-button-group-base", { key: 'cf74cad01231769ba7f8997ead924a538abe3491', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e85d6977b1cd4a515957d21e07a715d09ae3144d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd80600430b1679fd71a450db56fe74aaa644c241', icon: "false" }, h("p", { key: '1bb0d6492e132f27db88f08fa919c612b240eb97' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '37c68596b38494b2ab0cd98b4fefa404df4ddb6a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fc48799975ee0810f1d2aa9894ce396a0ed22c41' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '53dccb7f5d85c7f2998241d710c034e3b68a1153', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0a2ee442fd4c460120f876d4de5ccafa5ddd7d91' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2d77992845c325ed805365f98cf4cbece436eb77', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'ba978bb3967c8fbe041e635bb8f3a44655bbeb9b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '045120d2383f488c68ce00074c25879186615ce3', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6dfa7b348a3df97951672782b1273d1a5d4e854e' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a5ec65e9bae58459fa5f8887c377d03d2c422406', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b5cf7f765e0cc5d3a7e7714aa5f878bb94ac7f8f', class: "page_number_text" }, h("p", { key: '4baf6c58d3a2587e1c6ef1c05588a437e145788d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6bc1e8839cd08f0bed0064e0ef3c212e43f68ff7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3ea59b7e3ae50de51f884b7ac03ab3fdfba89ffd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e1d00ecc9e5a71cc195ad9acd52120a8cf2d053c', class: "page_number_text" }, h("p", { key: '57528c0976b74417e8166bbd345e4c3f0d5bd5c9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5a68eda1eba6a185bf5f7c5a9a1399a2397baade', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("div", { key: '414a4f5f0838758c372c9c5bd00da8ee887cdf68', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0cd8e79fc524c62f4891a7b4022500a34977a38f', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: '6d8cb39413ab31e8b0680ee6e7f83aee381bb568', class: "card_default_buttons" }, h("gb-button", { key: '5223c968cc64d4c754f7efbfa67264ac0b3e33c2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a8b7cf2896f767edad19ed216d30866b8e0f7ecb', class: "page_number_text" }, h("p", { key: '74d78a3dba369eebd7cbad4ec9d815f5e9216b79', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3b940e3ae18dc2e88e7062d061a351defc8f906d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '19e28f982c5d6929621d9c542ea4462909afbc55', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b078f144162dd4ce491863e8965fc1cd2d9e786d', class: "page_number_text" }, h("p", { key: 'b9c4a4078c2209c5d936287113b4455e7f7788e2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e7fa98e4cd84248c1ef23db5f956280a0a1e7dfd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f0ae9a155c41cddc5d5e3f8f8a0f70e98cf092c6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'be5fbd646dbc2cd64204b876660f697fd9e28cb3', class: "page_number_text" }, h("p", { key: '0df82ae7af24ffdebce9eb194deb5e6e7510f86c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'feb5d34681a5012f3318ea3a3fa3d26e8fce9643', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '89161f8554401fcab1857d5b840669dea7ded265', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0a793818e1e006467a50f2f3ad6b91bc4dfc345e', class: "page_number_text" }, h("p", { key: '5e5fca4f35a9b87379792695a91af6a7b03b228e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '33c9442bef5719d1ab7d5507b7483a331b354f05', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '35488b0d156438c9a37be1412031d7b9f2e72e20', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '512188d592d0f0203ae7fffd479dd43bf46d802e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '827c555a37da79e220301b62cec7fe0e7c3aa75f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '664ad559a256f636f2c235567008b5d8f4d9a650' }, "1")), h("gb-pagination-button-group-base", { key: 'cf19bf29cc32c6be88371c12505a23d4d93aa698', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '81573939b267ce4249aed2b34dac32c7024d2245' }, "2")), h("gb-pagination-button-group-base", { key: '527b9476a272dd399cdf5d43ae492c18277d0257', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e632f14aa78d19beba59210bc340e8b22ac614a2' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '112bc0566574b53ebea0b882d7230f5bbe63faf5', icon: "false" }, h("p", { key: '35607de18a7d7ed279e5f64eeca89e6a416ce7cd' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c4e7757addcf5e1898f1e95ebcfde9a1e6c3e822', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'e6aa32ececf6764f8df7ea235e8f39b3c3267147' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fd98ad93d6b7df4d9a4274000b57850f029daa70', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9a09e908c60d9fdb40a059dd3c036ac64fbe6877' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ca12dfe75ff336e85a6733435d3d0314b5715788', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'cb2316ee8502b1061db5b2fd29f5a8c9ecdfc8b5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4e48b6b9fd58fbd77c17076ece462e38f60f7f09', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '39b9bb2bd0ed2f67693b79758e3370086654a212', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'eed7e0019f171a78cce5d2993b8618d17fe67b7a', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'af50ae962f5dfdba1013c823713ed7e3d8367214', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '56d3fbf93e81181f83ae88fcd15f63fd3341488e' }, "1")), h("gb-pagination-button-group-base", { key: '7b5bd21bce135a187be928be53633b63540f2e97', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1180ca8f37753e7924e045b84bcc43dbdb0023a9' }, "2")), h("gb-pagination-button-group-base", { key: 'cde60b9cdac72a2077c3b973fa1e2a6265d09b2f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a4de189391336a76bd91f53e90bda185bb2f8ff0' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '195df7b83b6923b75e130c5997a32a45d56b18c6', icon: "false" }, h("p", { key: '2bb34a77a4d50a73232530273952e3d2f37e8250' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8b742e4a97b7ff2dd5d0ea688409635e7c96c98f', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2ba0778ecd30b75ac14f4ec28634bf6d84482d30' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5a33861ca7ccf30db34200ec394c48bb8a21eb13', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9a36c839a29057e2a3c5353804d1cb7be5cea6bb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a2c3baf82d62eac01eb1339ebc96ce79be280322', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a0615653e7ee4b5a5bd47b30999098b986812612' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7b706759902cebefda381b9c238489a380e8a0d3', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '5cd05921902aa779b8d3b218f92e0fb5e8d31b3f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ff66fa51fbc4ad52efb6dc7d39dbb65158e2e0a', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '99d1ce052a105cd021198f9bc9e3e268452b48ab', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7b252ca4d9f1efea150c0029c7baba40c8eacc55' }, "1")), h("gb-pagination-button-group-base", { key: '81fa26b1a00883d58e36422e67391222a4aa111e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '67645e9929d100d9c7a5738615f117736d4a250e' }, "2")), h("gb-pagination-button-group-base", { key: 'd68ac1e764aca8785dd7e1c0e9547ddd3f6f9564', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f85ca5fe63cb8e88a7512b11ebda9e762e7b381f' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '77d0549a2e7928d51cda3dfa087effd0aaaceec3', icon: "false" }, h("p", { key: 'eaa44d5c794543d60609f166003c5be4e0612704' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'adaf511e34c2918b90f5115d5e80dddfcd0dc903', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '35923e37a8e4b153479f3957f3214fff958fbc53' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '43da6197d0be6d252c7abf004b1cc4875896f7f3', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ca0e628056dd95b70ca53523c7db817303d1716d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'bb886bb3785fe22aa4bdff6711c78ad86a31c935', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e28e5de84c8e3846d43e455b47da987931c93775' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fcbc7e8b79816636ff62cc321da899a19116cce8', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '521390e70346d2f7f3258ce62d8028b5c6583841', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'b2d2e43ba342d20ee6de592353c6e783a5f20eb4', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '42fc102f6367035823c12e6743ed28b306291fb3' }, "Previous")), h("div", { key: 'c484be54e087294040ed727b83a1686f5c032adb', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '3ed7ba6d4156db655034630d53eb8c45f286e27a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f2ccdd08ae0cf3593449d95d8b87f327f0bdb4b1', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0fc10c29c9618b51110574f00be4cccc3c0d6dae', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '95bb91035d4b5321b765c295ec654e511f81b234', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5abcba8db38e86e22029a02e5caf08600dac30ae', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8274d04acb647455535bc202f9f49da1a9ee436b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0d4a63d5f9164f386a4ed1c114ef325b6f718169', shape: this.shape }, h("p", { key: '3f8dbe6e94ccde75115e30e2ae9f2f68b06df963', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'cfa700e235529da39546d46f5d697c223852e08a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ed25e7864ec921f3b470a0494bcbf1b6d85abe4a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a1608778eff6ac3df58b67254031a0a48627c4a1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ace1955df95238b778f60a2b4268d4d95ea1853d', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'fcf20f3b560596993fdf8514d5b003517e6e32b8', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '303450098a060b78a27c4baeedf8856e3d483e82', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '7455fd319490f9569566283f2bdd97066711cc7c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2539adb81b721b3ba40f9f6c8c768e35981cdc15' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '3578fe9940918c4c838ac1d279e51d6723356fab', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cb79076ee524597db81ce738695ce8e00b325495' }, "Previous")), h("div", { key: 'de209ff97164adb472d18d1aaf8aa40c9afdd684', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'ac2f5f6104e6388652f96f72e8273df988a959a0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '33b6aa3f7ad94aaee7882522a032fb7b84321206', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b779b15131a1175d86af5b643418d277bacd1464', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '51c94466239e5291f9fb11321e29501731a78bbb', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b467d60cdf89091b06e212268802959c96483b44', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6af5d66722cd83ee3093088f73ad6d460366bc35', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '2b1f9e372bf92cdf50f5b890d9c3b7a5118f5cc5', shape: this.shape }, h("p", { key: 'fb2d64b32015cbf63f763f4304a19da25bcc20fc', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c4c4215b4f2f2b186402383ffda675fe1ee18c01', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'a465e842f51191bd75db23ee4f44cb6081f841b5', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a2038be45dc27421e33d42a02e5021e478dba4b6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c32e81127adf4f2531a46aea7b84ee63b9b67e52', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '72608af40ba1208987bacd314659a05dca322639', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'af793c5ec4040a5c12561d250ef94d84dd70c15d', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '3f6b50dfa2a434b5f64bd01f1f7011b13c173414', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1e07d2b25589be2016c8f315346bb6c4a3582784' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '961603d94aedba5231d5008b73c6f8c999930816', class: "pagination_entries" }, h("div", { key: '2bfbedfa590bcf38a3fe8fb5acdc715add9593c3', class: "entries_text" }, h("p", { key: '0348855b31719fcaa676574344c26ad21308523e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '328541634ba6b42593894065ecd2e2ad66c05f68', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '3b53948d8d3721c53e55799c1632a263ba4dd301', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '1fa898b44f81c155c4579aecab0ed399c1767ab0', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'c0a59ae307a17760733d59d987b200ae68c2d52e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'cc1eb2d137fda6835af64c51fc1216604776c3c6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5a1f24ca40ddd2a109231463106eb93fc644f6fd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '6268149b1e48373e8fd28e159372057b99f43be4', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '38db83286165a3930c72ebda6fdd5340e5447377', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '980ccc3e535bf36ea2febceed81b3dc53f1d5b7c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4414aa13aa478505a592623818826529d6330c89', shape: this.shape, state: "default" }, h("p", { key: '7ec4c719943a66d89ca902d58b3a0971ad17a71d', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '10ac8fd71efbd57f8166211b14ea700b491230e5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '96a61e889586e03c6aac28df7fa22d790b1ab818', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'cb9c333d648457bd2abb3b58729a0246220f38d1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '931738d3109785843a88ec9731e39a4199ccba93', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '69d14362172ea323b2ec88dbcc1f4842d4225c60', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '2389dea969d5d770b070888522ecb68cf79083f2', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'f721c5eb933021fc9107e7c3b74e05dae90107fe', class: "pagination_btns" }, h("gb-button", { key: '3ad4fedb69256627cabacd57730919fb15a7b77b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'b2a3f25925b019f0c2c326f3c633fe38174c70df', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a09ead72ae27ca7020937a56f49854ff963d5fa1', class: "pagination_entries" }, h("div", { key: '06ac80fcc813a34d126bc56cc306cfe7d1742b27', class: "entries_text" }, h("p", { key: '1208cdc1be1243cef6778d16f6231179dc54018f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '30bed15e0c6943c8857439f6fdbee6d309afdb30', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '46a560264d9ad4a39a56f5602401f9e4359573bc', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '0bfb34a496bca5847577e0880c5961f595d99e60', class: "page_number_text" }, h("p", { key: '61914fb1c043f5bf6b0bef3a0d7a9746d2a99958', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '39e0ae5d89336c87c1725718e2d30c59c8b8fecf', class: "pagination_btns" }, h("gb-button", { key: '4d3bb31fe9375218eb934e37b5b7905bccef258c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4cc2ef422f0540409644fb6aad7e33a7e67580ea' }, "Previous")), h("gb-button", { key: '65d2b21d7e8b6cf586c6c827cd505a161a04876b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '13f8094ae2a5e667de87bf2b9a858a63fd2007ec' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bccd417a0267d9fad3ca93f89ee9265e91bcb1bf', class: "pagination_btns" }, h("gb-button", { key: 'bca85a2663b242f60d8e9121202758a88ba868ec', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'aa47ced290ec6b2cc2a2a6ff441d2b1eaabac668' }, "Previous")), h("gb-button", { key: '46619d8d68a26cc950e67facc5759e41c3a9a1b3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '59a13e684dc47e82365f8b31f274c63b43a83692' }, "Next"))), h("div", { key: 'e9865bbfcf631fea7a7f8d6f271cb2d4c228f43c', class: "page_number_text" }, h("p", { key: '5df18551ccafc440229cc6827265228a77202c76', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'a0b1dd9f6d7e77d1772b6b3d3340b7ce2bbc7c8c', class: "pagination_entries" }, h("div", { key: '0e86223d5bdfd60e4202d3283b733c791cf78c6a', class: "entries_text" }, h("p", { key: '53058d8ed458d049a8e8f710336ca303c012d403', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '89db14f89535029e241b36c065f98a65acdb2da5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ce7809c9ba7b573fe4f44946130c061bd596e5db', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'dfa5891d0ba62bc32efe47c4a132b7aa6d708d2d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3400322e68a0b4f16ca115ceb1bcc7abde348260' }, "Previous")), h("div", { key: '9fd8ae76bc40ace85d8e5713a3b9ce451ef8816e', class: "page_number_text" }, h("p", { key: '56c1e1643c899c32dba4a905d04d6507c63ddea2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e7e05526c153a814a98763d232cd30cbfe11ad8e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'dbb35c8a4724da81a5b39273fedbea5804a41a82' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '49b70ce34b6cf8c5441e24bef0ea19b345c0a8de', class: "pagination_entries" }, h("div", { key: '201ed9e1e5e5438f5f2d2621c2ef7d93b2304bf8', class: "entries_text" }, h("p", { key: 'fb3ef6195ee652b66471bed1f1ffffaf187e4def', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '132ddfc23fb8257082dfbb720df7c50ff58dccc8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ad84bf3ceec8d62a4a5a2350f3a99327d578cfd9', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'c38e9db1649d736673ef43295e895c2f3e5d51a3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '935c194fdf6851c5498a0dba39cb96e89b115900', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '13b69ee296e95ab4eb87694203ac55a7cdf40295' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4f633490b81053445fbbe2e45fc7f459b86e912a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '26e8d069714e7b97bed4e704b1209b340afad637' }, "1")), h("gb-pagination-button-group-base", { key: 'f05abf139c736efccdc3412c612cc1dae2e20201', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5d6ba072c9e01504a690c20560f963fc79120fa2' }, "2")), h("gb-pagination-button-group-base", { key: '649983b29b53c516e8e991a693926cc2b5ad7ea7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ab176157f72fa63b20228160c0fb8c993b1f9792' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2386b5f19d4659f0246135fc2df297b28f7a8f83', icon: "false" }, h("p", { key: 'f119b7a92b8dc1863e117859487a1396b2f1bb03' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c21c2bc49e37ccb9fb68960e6c35f09be34dacc0', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a744a34b5d5c915a89c7fa255d8dafed76809c1c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'aa2e0885a3d775781477866317c72035d68f781c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'dce4cd7d60037229e8353e80526ae2514931e90e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '83cc3354aa2d0957b4407e59f71195542a89099e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e79cfe6a303b875cfb9a1eadce59d51ab50766c1' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fe936835512f246fee3f6b08e64c40e140bdda9d', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9d6f67d97aa245bcd417c38a9340fbe478583d7c' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b4a6f4271bc49e962c559b17155b6f4165d0052b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '41b80c84a9a876626f80d25e7c0935c8018a9513', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8b6b3bb53f66b98546010b05819906780793bef8' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '03f3de2591c59fd960ea7d944baea06c693f456b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd11185b4cb591b088b2984cc9b62a0c8e0994f1d' }, "1")), h("gb-pagination-button-group-base", { key: '0a3cac98bf5702d48f835c4ae911ae6a17d7af20', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ca8d6359aeb0a6a1fb0aea2f5be9f27c65d50f5a' }, "2")), h("gb-pagination-button-group-base", { key: 'a51fa5c57ed7db1e2692be107082915ba7f2603b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'adab5e0b9ab6a6d3281a2cca46ab134288179863' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3e4ce96d911b2691c2ce40cdd5d55fbc027f82f0', icon: "false" }, h("p", { key: '99f156e197a72f15628bed85aa87c61d2a4d77ec' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8cf0d4fbe42eb69cd66866346cdbfad9dba71b54', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b5b19aee8b984dfd08528e280eccd25c851c3a5a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '257cef4e743ef63bd220e9010379426f02a92673', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '27d2be30a3cb92e939f1b304ffbe5c2274ca2fbc' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '5257ae71f07924211fe25ba5ace066b5701bbf98', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '62d0085ba713ea5f838a8bedb4e7102be3b7d010' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '036f5def3798832100e0202f47d4b7f888e36410', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c9d9b4874bfef9f22ea125743f85132bc846dee4' }, "Next"))), h("div", { key: '33807603ad991f5386929d8bf51502e50627542b', class: "pagination_entries" }, h("div", { key: 'b88cfd0525d4c5959d05be86e40a1399bdfbd471', class: "entries_text" }, h("p", { key: '1516abbf7cc1fec799ba787be9335d7c97defd42', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bc61d1a4c6c0664e2fcab785fb2a9adc6f6c9d7a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'dd151a1374cdc902839e466b5d04b1bd73fe6144', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4e2b804a4530296f179af257340f3d34be9685ea', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '069f97f8b61db3150567dd59d99c725c177271a7', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3653a4ddea6050985f01a004bdf8359239d77947' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e2d99c1c45c924b1900fa205fc2c52c23ba2cf4e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2b23eaba2488d5aa1da0816642e082618a9abfd8' }, "1")), h("gb-pagination-button-group-base", { key: '9c792b51e27a3b38d7abc9c910fd65e1b45130ec', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8566ccc323e225af80850c121180b485da7aa994' }, "2")), h("gb-pagination-button-group-base", { key: '1f0afa965b0621585adc75b6a7e975b73bfbf448', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c8183f50a3f245fd5654b045d06f2b5352aa825' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '61f6e3c080421c6d589e36d62a7aa0ae306d15e4', icon: "false" }, h("p", { key: 'abad69b6efcc0e55ab7aa790d50a8208a6129c0b' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'af9df4559491458506c3adfaf7b31f1c45ec2259', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '07036bf86b62207a3fae0c8a9911a35498e80a4b' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'db793cf1456b4fa8debfed646d37ae5bd1f9b1e4', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '725ee5389f3ab48e00ec2e8aaf7d2df943b28ec1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4bbb2ef95cd70d30f1b4e497e949730b3df626cb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8d639fafe8b2fbc8fcc6d97cfaaebc84ab8c1b8a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c0f81764a111c89ee80fd7c6a44115ebc4a0d613', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '642629ea55a96b7fc74cb8d08ec0e840040e71f1' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'ee0ea6cf2645a06b6eff4d6c826d03a20a3a32ad', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0b50d2dff8a16499ef22d760e9489ad6096527e1', class: "page_number_text" }, h("p", { key: '541b2af2602656c40262df51238ddd2056029d6e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ca5ea4f078c146966c206989bd934ced75d60eff', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '340ce3c751484f764bfaf1c7a63b164a4690307c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c46c41b80375f9c52d9c3299d502eb43ed5a2fa9', class: "page_number_text" }, h("p", { key: '6cf37c9408d4137b5d818f6b463139d109d971f9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '238f68fab7fd241c714ada71ead64fe2c7c36014', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("div", { key: 'ad45ec9176a6217c28301dfb8091fbce0ea17c8b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '845cb79d3c18c5763eaee5f165a79784daaf71db', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: '6ec1cb4226594b00dcf24fa6c2350ae31120c371', class: "card_default_buttons" }, h("gb-button", { key: '3aa90c0a5ecb828eb8ba9294f21f57fdf29114e1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '67d98c936bae3ece0cec1126804502fb584d12f6', class: "page_number_text" }, h("p", { key: 'bfbf85e920a74d9f4e1256e2d1facd62bcb04b6f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3cf785e2b3da3c4e937b25339bdd0805b882801b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'af51e65e0726f4bc382ac42b0b84229529c900ae', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2a7181c8377dd2ce58e9958b97dfda6c5e3ea157', class: "page_number_text" }, h("p", { key: '45ba715e0897f84c76662553c0a7ccb1baf23b6a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bea9312ac1cf893dfb96449648431d41abd6b45b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'abe5971e9b22f7b6e505ec32fc783ad3a81d3cf9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '46053ddfd650fa0e36801ee0a17983d2e09bcb73', class: "page_number_text" }, h("p", { key: '42a8a948c14fd41503bcd32c4b988a09f9fc4ba8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '2f4615959d459d7ea059f538f66d12f707f862f2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'eeedbdc53db22a4dc5832761a0f2c7989f68915a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'eb4a80fc993bb1c189aae70183a63e438bf0606e', class: "page_number_text" }, h("p", { key: 'a62b2b65f54198f97e31319660da26f2d440eba3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6cc8e09ec5d8da5c24a35f19423385b1a21cdb69', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'fc25d4f43c1520be608c1cbe804d6b151c951ec7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dafbafb9968f99b6190fc1a0af184dcc830e3354', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'df2839886af68aa7e839bfb1c0436d7ee2a07134', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8c96ab9a0d571827b3309aafc152c7f6043a2eaa' }, "1")), h("gb-pagination-button-group-base", { key: 'a08877a866344de28c42f334deda77dbd54eaf11', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4fa09a2f2f34751e9d2d2e1926b39a73293818a4' }, "2")), h("gb-pagination-button-group-base", { key: '2c045c7582e3043f91856bd5b01d533dfd5c9256', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '94d0a2194f0c6fc36140e0830cc832b25208ee2c' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '993a5c4dd3a6f70b4f42141d62331b7536cc4509', icon: "false" }, h("p", { key: 'acfa59c853c91e8ddea22bfc75785ba49a6fd583' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9fed715f54874ff118317f8a1d668651dce731cd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7e2a6eb9d43daebf605dff6c04f8b6df3988891e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'dafa3d68d1141f70be1640b9c1c349f2d8dd5cf5', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '88483fa1e77f1ff9d84939bb80154ad26a40044a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6249434f7f497da2b0c431acef2d4a3c4e719fac', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a88a143983865d6962fd6d93eb5961126135bf54' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ba7e46e208916ca6e3cd5cba6e4dfdde84b28fab', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'c1ff7e2c8dfa090b1acca79dd397950ce021e4f8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '01829427c27f590563286ba4cbdaad280d873438', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'aab054a5d1cbaf665c47f8fb0b4d44c8fd1b3ac4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4bfcd0a94adac264531a7450191a6137b91f1536' }, "1")), h("gb-pagination-button-group-base", { key: '8e1df047d8f91deb6bbaed154d19f65d22352131', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c2c110813952c66ad8550ec32ae300c46bd0de41' }, "2")), h("gb-pagination-button-group-base", { key: '78d74450769b76e8dc1e997b76cef785b722f2fa', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a5f85fec21101cca9940184a980a63fec7212931' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd6f8d1433f7983e8cc1ef66392225f877fc725e3', icon: "false" }, h("p", { key: '28b0cdda83f9263b288fa076d30850296fd9e6c4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '15ace6d95798f30c9b2952fbff4682ad5fcdd5d6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cb152e961786f1683e6c1896c71460e60377db9a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd0de791f90676ecf0020e8d09b26091371ce2a10', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9500c4bd2eb88abcb51cafde7a48ea4044e6a5fe' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '528d725ac0ccc0f8ecd581dd147b381ccf289a1c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'ab78c1be1f5eebb66e2773a1600f36db351c72fe' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '1387cbf04526402297d9c2a74391ee8c05a1b429', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '1a6b1f30833ee22234070327c7cb58e1bd00d4ef', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ecfa1798a373140c889cf7929766d1921fbecc76', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '2dda0fb956d9777cb0240efdc66081a274bcc284', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '49885ddf1380ef67f82ffeb5f155e5f471f2de19' }, "1")), h("gb-pagination-button-group-base", { key: '9470b9778005ce537c9a5368c0317bed051eb1e7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '56036fcb19fe3a8e8cc10aa31d0e913f1d45c5d4' }, "2")), h("gb-pagination-button-group-base", { key: '9c88850effd36548fd07eee3c3444e68e2b9c267', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '33e0bfa7d29e1b91d0d66acd47f81efcc66553ae' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ce88e0786402e72273d12d666d7c375295ea717a', icon: "false" }, h("p", { key: '88d43094a8f64b06b90f344bee854203568c5d0f' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a9994953676eec5ced384eb8580c08667b57f65b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'bb646f0501b7562c02a1021c78da5862fb240a1e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f2753e19b0c2c8c51d8fd4f64703c9eb4a226e92', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '455a770eea73bf651385baa23ad181cfd4e9b8e0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '61eb7df0d054e6d4f549726d9f6fbcf317aa1bd8', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '15cf5f49074e9879a6f4da5d3397c5b106b19b11' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6992c30e89f39244e1e50e171ec279d25c125409', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '354426aa5d609dce00c54920cec3861b16f11402', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '999e9cdac2b9117ff6a86091a20589c58022a18c' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '4aef0e9ddfce088c8c34271e0948aa5ceb3a0b5a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c07b64fb5deac86da538be13b3c602fa498aade7', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '0de7e912a246d9cbbcd238a7570d271d2d2b97ca' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'ced5956c2d2a497b930b06e951d62d75bfc562a9' }), h("svg", { key: '46189e3e1c3824b8d578ea8758a667c0ef6fe6f5', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '370a4c2457e9fdb5e8cb2c7673b795855b5b7769', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: 'a64ff130ab5323ed1a11349034bd529594a8f73a', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'a57815c51091e879cd0e8ad89cb6c5298bd966f4', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '6fe1d628e79dce6e8933767cb4a00fd424b5c3cc' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'abfbc4792de14d606ac1131651257809a90e142c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f883cf48a3d8794894c0188966b1a5b862f757c6', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '5b8ab729ad2ab5e9bf33a5f9e2cf3404b36a9957' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'fc05e20b2d22e3d31674437a2f921f1a08057b91' }), h("svg", { key: 'd1f29970e6b65f9b9af7f8ff616ad087fc8b2d85', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '612dbcbf2c8bd9caf999a93dba6f72ec414452b6', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '89ec23a1c4d8217db863be9b026d2ce97003f926', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '95c66a0b067652cb73d126e05f83e2cf2b587b36', class: "dot_group_div" }, h("div", { key: 'bce3556ffa6c5fc60b5281afe99a423338be7d30' })));
+        return (h("div", { key: 'b6a7896072be5e2c48035afdc2001ea7bb8eaf6a', class: "dot_group_div" }, h("div", { key: 'd7d40377b36c96ee0eb6bff95d6edebdbf0903c5' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbPaginationDotIndicator {
         this.current = false;
     }
     render() {
-        return (h("div", { key: 'c458585aeee3ec3091be37d32977651e8cbef004', class: `dot_indicator_div
+        return (h("div", { key: '726e0bd936dbe1fd7a49b2070b93e1df0a0ce3b7', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` }));
     }

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'b96fd29fb700f37325e3fa9f94cdd0d9e4ae1826', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '2a4c752fa9deb5d95cd60302ea44e61da6a9fc67', name: "page_number" })));
+        return (h("div", { key: '5e25d43229f14410d7a3f23168105573ec9cda32', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'eeaa90efafcb7d1b00a24300bdd1031935008fa0', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -32,7 +32,7 @@ export class GbPattern {
         const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);
         const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);
         const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);
-        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '39cc489617e61742176bd3b236d7e65a6acfb7e8', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: '47bdfc95f8d14ba1d23f8ea9974ae3fcf2a88c8a', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: '0997a295ee6dfb87a812d538b5bb9a621a622757', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '3d3b1f3bf329322a2c5de34b0ade6935dab015ae', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '9b30250b5e1a0b7094daf27f65ba15693ef79126', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: '52c404b19817d4419f91df61e95c93806cb05d9b', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'aa94fce11f0998577371fc24862733ea8c534932', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '44d77081dea6e43a412b3e7d5b7dd0f9a6678e0a', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get is() { return "gb-pattern"; }
     static get encapsulation() { return "shadow"; }

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

@@ -145,7 +145,7 @@ export class GbPortal {
         return null;
     }
     render() {
-        return h("slot", { key: '4d2f5020846e3dbbc3480d48ec3aae7148aaa628' });
+        return h("slot", { key: 'c912e891bbabf7cd5c457117acc4e0cf04b1e527' });
     }
     static get is() { return "gb-portal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'd386bd85811e023d54bfcbb293335f031213c73a', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '012bb94270faedd2954ae23ce36c03bdfbf82b16', class: "progress_bar" }, h("div", { key: '535e7064ae18e5c3c79073d4485b4b428a165186', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '292d21f3eef971025f484c9a2fe9528fd7805f3e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '496fa15a336ad8506fd6eaad83e4eee80f35287d', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '681d8cd8e7f1a9bc91e25ee6759e31b7bf57d18a', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '5510bcfa710ae8150bd04f5fd9ef9a96680c3273', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'e671da548aabc0df1ce64da6a1764cfbfe22bdaa', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'abc27eae98bbf5d7bdfb413b7165196f45295e32', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '5edebf37c51a9ac01ec494e36fe675228200ed8a', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '3a5cd518dc4bda066a2b9a037b5b5d06b48f5a6a', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '18e8776266de56819f7574179a5a454763a03608', class: "progress_bar" }, h("div", { key: '738d1a7f15cae0e6227e2978dfd943cda19640ed', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '15e6b130ba9631aa7dea68c8c3064b7a4e838c11', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'af21f008735a67d3dffaa7fb1fdc3ac6165fe64a', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a947a865d35004613e86e71dfc6e737362adf780', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'da763951cf7a14cf9f831cfe4ca03abb4e152fcb', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '8912c6f933d30699e4e5d6f8afe8a36becebc462', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '95e6ed63cb88096b86c03f06ddf04056f141cca4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '14a8f4e70ad4699307a34d6ab3dec621c9e663bf', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '65674e9040095906f3d57374a2d58fee2e11f172', class: "gauge" }, h("div", { key: '989436759488aa4d23f3938258e4da9abeb36384', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '4b8dbd47501de0cf26d636d24489a3f1abe3de1f', class: "mask" }), this.label && (h("div", { key: '9984d4d4f2aa573d8a4e3fed366ca3bb8e2f9ea6', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '1f4f956a7f0dac9f0385fd14979489c4014943d8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '17895a84a5a286285303e41447fda7904c3fbf42', class: "gauge" }, h("div", { key: 'd83a8cafe980805b24c5569fcf41372a213d935e', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'edb11b1ee5122c5008df174451f4a409bb6b4a4f', class: "mask" }), this.label && (h("div", { key: '86a12ea54bfe8bbceab07da4afd132bce735afc2', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '5321bb214d00d17fbedb20ad85742f844cf1ee46', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js CHANGED Viewed

@@ -31,7 +31,7 @@ export class GbPromptModal {
     }
     render() {
         // Determine which icon to use based on destructive prop
-        return (h("div", { key: 'a559c067cb75180b4632f48b6db11394802b18a6', class: "prompt-modal shadow-sm" }, h("div", { key: 'c4e015d11e0e45d0236f7e1d1798ff800225dd88', class: "modal-content" }, h("div", { key: 'be439752059f48ae7ade6fb3f279cab8303a6ecd', class: "content-top" }, h("div", { key: 'fa47c7dc430b36f660191a5ac8e93129141f970d', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '7605b6c8d0b753b3a0a4b3ebe155bc202a319a88', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '56a951a834ee3eba0fc9b434979766fffb70a53a', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: '43ceb8bce02bb278b460b159dce0bee9ada4fb4b', class: "content-text" }, h("h2", { key: 'af3680bf4d1039f05475f5633d753b0e58b26024', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'bfec7a906c603ead277ffa2c73829894a497c44d', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: 'fb16c07d3f188de2eeb35280b66b274a1ae7d618', class: "content-check" }, h("gb-checkbox", { key: '3b84d679c856867814ab061dc12cb7863164f9b8', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: 'd0e96a289c00e543da745dc9844f309718a9b9a4', slot: "label" }, this.checkboxLabel))))), h("div", { key: 'e20e9f4bb8f5ce76337dad20d8ce9c9eba9ae021', class: "modal-action" }, h("div", { key: 'a286c4eae1b7d1d2ef8c7760124cfb35d3ac1ab0', class: "modal-buttons" }, h("div", { key: '27dad5551dd37c7ba9276a4e0cb2e60f4ad670b9', class: "button1" }, h("gb-button", { key: 'ceddf3b3f45ed6e5d8b261f6504de27eb9f7716a', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: 'a2f635fdedfe0ff24a2a810b1e56eb47890a6be7' }, this.secondaryButtonText))), h("div", { key: '1cb08bc87bc3b8adf13064aa22f6d8cfe22a3197', class: "button2" }, h("gb-button", { key: '5f7f3baaf4ea2280dc25ee796fbac4d79ac28cf3', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: 'c8e0d603893f782ffc2e364b74ea5323b07553cb' }, this.primaryButtonText)))))));
+        return (h("div", { key: 'e7e0ca8e8c53b2bd767676bcb030e3aaf1ead77b', class: "prompt-modal shadow-sm" }, h("div", { key: '29bdeef8e391eb1c2d855b23fcaf9926f17802ae', class: "modal-content" }, h("div", { key: '311a77da446111f5548a500a36b24845e5db0cd0', class: "content-top" }, h("div", { key: 'ebc77e48ae3913760bbfd6ec60dc5d00fee6a932', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '44fb59a8e27c711e3a69ad99d968d2cc50199fe9', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '6f488677b5c7547deabdbd264872c503fb72bc4c', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: 'be19471b12bad0687da9b4eece7329c8d071388c', class: "content-text" }, h("h2", { key: 'b9126f8e328b19aa6488cba76c77f49383a062dd', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'b8f3146367a0aec2f92854c6cf60b5ae006024cc', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: 'fca68890d2cd8cdf4dc8dcd718fa53bdaad7cb52', class: "content-check" }, h("gb-checkbox", { key: '6f1d30d362b3e4b9b8149831bbb657e97a118ae4', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '93915a6aac613fcf0045c3da241e3f98598457f8', slot: "label" }, this.checkboxLabel))))), h("div", { key: '867a11e295a818ca17e00bae71bc5ef931390a12', class: "modal-action" }, h("div", { key: 'f9a4d1736ac428688fc76a03f74e4ed1d75ca7d5', class: "modal-buttons" }, h("div", { key: 'cac3dc0e419dea4c19f8e680dc0a06fc8e8f9bd5', class: "button1" }, h("gb-button", { key: '857e901df14f359da732e5676347054c807be76d', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '21177fba19364d954c51991d3798c2d162a9dff0' }, this.secondaryButtonText))), h("div", { key: 'c299f9275fe3c546c571fb7fca8b5a64b53eb527', class: "button2" }, h("gb-button", { key: '329b2e1099bf35cc378b8e0f6ea3d7291932c972', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: 'b55ee5257a00a1ba8a6e94df7a0eaf7873e3abea' }, this.primaryButtonText)))))));
     }
     static get is() { return "gb-prompt-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-quick-action-card/gb-quick-action-card.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '4b8a70d44f7d540a051d077bcfcf95985073219b', class: "quick_action_div" }, h("gb-card-icon", { key: 'bda3270268ce9441922cbf61758442059b164f40', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '2589efea0ee075dfab47a4c1af31793927ce049d', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '9606374333483b8edd581493e3ad7256fe0a8301', class: "quick_action_div" }, h("gb-card-icon", { key: '5af04869add6d95ba593de2db3f6a00df8c9eeb3', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'e8c14ab99eda2f14155f0511b522b0abb296f13b', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: 'ddc08bb2e4ab130d9e5c987fa9a1fdf6035177e3', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '8b50588e79410c3a6b06565f8da005c91f4f20e2', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '43531c07a308966884be95dcf3f2b7f67ab36292', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '79be204e54fbb3236ed52dc1ea3bb51ec385a6c1', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'cf2d09d87802df57cbe794636c5f5cbc571254c3', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '5792cda94dc920601bce3c31a2133619be2aad9b', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'f1ca8c9f283cc3a2a1c524091caf3de90a851a1f', class: "scrollbar-container" }, h("div", { key: '33fe6bc23a6536aa9c90b4709ae5b420f95f6946', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'c7d030a2f4c782c51ce41ef30b160cb9560e53c7' }))));
+        return (h("div", { key: '4315cd00a2895f74e2e7ac6e7b43859bbbac73d4', class: "scrollbar-container" }, h("div", { key: 'a0e82b7b00cc23ff4307f87260419d96af4d2ebe', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'ed9c03f8a55b880983fb09e44ef33c55e1d70154' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }