globuswebcomponents 1.3.7 → 1.3.9

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

@@ -35,7 +35,7 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '57f0e603789a2f5fdf47b84f186e1ce577039f76', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cae4d7f58d6fbb1c8cb144d5a6603faf11fe8361', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'd517b520fafb80e36af1a72e2c942981baec106f' }, "Previous")), h("div", { key: '4fcdaff73dc269157674a2b3969a8fe5023f767a', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'de1608b3250cfb51ed5ff53092d6558743c15864', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '71db6b12e536552b26ff6a96a9b92a3509db0eba', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'db25e9ba66c812b8b0c41280767259664d229ec1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '18a7007e3b431399fddd82fed32e4d6a73f5cf53', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '80aedfd9f64c8ea2948d7150e77a3830f28bf5cc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'bec9039a52d5d33db069c289ef24978fdb981dc8', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4572d0baf91347368e890d6ac100bc2685c8d365', shape: this.shape }, h("p", { key: '86f74f5f63c10abcdf88a1f1a15b913a1e93cbda', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3031dce9e857296746071681d16a1cf49a5cac78', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'ed480f46dd5667ff436cf019134a3ca5b8df1c45', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'ee4bd33f1b6a47393c17f1eaa32a5602bf622cab', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '606a1747c63b2b37b518706de07a035762ba65fb', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'c6c2f1c32a9b64f2a774460197e89f69f5312a54', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '96bc415eba2de0efdb7a9571f25aaad83d66408e', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '6d2b455f7484f46596148a67e5f08a69c6b0f0ff', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '9b0c609d6ac901c1c7a3b798555151a1f532e675' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '493d2ba2b3251a0ae88f88c0e668463c38355c56', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'd8769fca38696f36e445d88dfbfa08d432123e6a' }, "Previous")), h("div", { key: 'ec41cc3d3edb01a30ca17d0c951df2022a271b74', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'ae5c853274331366f9859bf5e78917915f26e239', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '6c8f2a03a00f74417e07a9d8271c530f9f6808dc', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a924c9f7a33ba37ec95896afacb0ca54e84cf734', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1c1fc5287c6599a3067c10ab93b7b61d653d7351', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c9dcfd75138518f587b21d679112de26ca420474', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'caa18694fe18b8d101e7920cd920fa9bd946b40b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '081e5965082934ec0966045e5c21f5bd418b3809', shape: this.shape }, h("p", { key: '3daddb24db0dd672ccc742e52d3c3719f5e30d4e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6480f1aed4df98c455ba831ea6ad5acbf8e9be33', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'efc805241f710e65798b12670835499aa06eb5bb', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '5218191e8ca736770faf8d4272a1666b0113c66b', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '447df009f028fef1d264d889b4effb76262a978a', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e6936b265391c79675e2f1212b16eb587dd9fdf8', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'd70a821d943bfdc935599e1ecce19846e5d049c2', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '263a4f7ce8affecbd5b9be1e5ce246f7be589ae3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'cd149b59a3b2fe550ee813255159ebd874d5e67c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e6c01896de1cf6407494fe06d7568a2ee8d71fdc', class: "pagination_entries" }, h("div", { key: 'd18534e420bc48284908aa8551adb64c0ade0790', class: "entries_text" }, h("p", { key: '9a330a2378b8aa7dbc2eff65cab77d796471b741', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '95ec7bc15af2b8ac45355d0a2b288b30e98e53ef', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'eb1f4823610c672dea3c9d0a566d0af75227ec02', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'a6f572dc5c6407250ad3ccd0547982612983707e', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'eb25c2d256b9c14d5528a1674b09c4069ef1f5e7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '947bea14c196a25d872afaa462de027ce33a4d5a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8c7ae4165b1d18ee27ff2dd9ba2e30f21b8d152d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2fc2486863817cf556101bf0a5edf485000a30a5', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd485235718b1504b2cf747854c2b05a55f459406', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '55ff16e66a6e0d22be67261f08dac8a78d65bcf0', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0a2698c7b01f5cd7083c3e0f9282c8ce3ed7bfaa', shape: this.shape, state: "default" }, h("p", { key: 'cabfc83c766dd54a7338b6a55e1dacce6005ecaa', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9b06c261de1dc68dc70637d13de3903c41cdbe58', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'ecf6e736324a9831333ede8675c6c94587625bd4', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4e3a499fc115f72da02c171c3df2b4865fa35521', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b915f5d864c79d1026a89af916b31d9fcd0efa0e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'd94c345ff87b771769f0ace17f0ac9f2d69c5dd9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'f8df152c297347411bdb4b50ca687effd535bcae', slot: "page_number" }, this.totalPages))), h("div", { key: '42cac776f3a0b0c9d84eb75b473ed8093ac717cb', class: "pagination_btns" }, h("gb-button", { key: '90382bf195889d1ff983fc07fc9785223952ec01', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '46384f865b9d0b11cd72c8d335de6e59e07fe5ec', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1ad0d7fb2abf0e869cf31fc7289540ee52089f8d', class: "pagination_entries" }, h("div", { key: '77816f1a7056f47068e840ad21624f3852b68344', class: "entries_text" }, h("p", { key: '125a88cbc58189559a4848bb48f14e029ae23d4b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1b9b5cec18b7d506c2cbfc27e809bd2be8e040fa', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c5d83881054fb99d7c091d5ffe9b8a6ecfe7cd57', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '7048ba28a6d401b860d491a453032d48996729ec', class: "page_number_text" }, h("p", { key: 'b14aa8ebb37f29acca670abcd1a185258739fd70', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '06d0bf2d2fcf2b0e615553ea1edbeb553f52a5ad', class: "pagination_btns" }, h("gb-button", { key: '8613bad1d9cc79393d1cb53f7e38cbd1abb2a6c3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8300948346fab2d7400015700031334f016dcf6e' }, "Previous")), h("gb-button", { key: 'fd1744c48bde4e93b71a22bbdab015a9280e036c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0ef975b348dc6256fe4aa875ff1e111125a825aa' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '01c11510104d7d6c9f391c9753bb8b45b4fe5ea3', class: "pagination_btns" }, h("gb-button", { key: '99f3ad570d042557df6f28ca599d2278f5cd734a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '081b104152b1345508e314dc017df5b55259ae48' }, "Previous")), h("gb-button", { key: 'b0ee51a07381230f1027c723ba23efc74b2a4344', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8a313097f52462446b3517e36d97eafc1550e981' }, "Next"))), h("div", { key: 'd96263c5ea8a1f2519d9122080f4c55c9e7a3f1f', class: "page_number_text" }, h("p", { key: '1c1612c625c31938093d63dec07fa3ad22f2bb0b', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'db171053595885ef98e52d2ae2d6ca6e0da52a32', class: "pagination_entries" }, h("div", { key: 'c83d9e7799fa4883f740f2f826cde93e5f1d1e75', class: "entries_text" }, h("p", { key: '1368c1f0420bb2fe8507df305d7b994a32fa8032', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '25716ee4dfe19e4525e1589f5b10b77a15e8db91', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f8671e9093164ee971c87fa52f967f5cf04e079a', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2428d0cf3ba2f0f6b92e9ea9fdeb1432b3d85d62', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b162a3c7ff62b7970db0f8c30b16bf44c9bf84ee' }, "Previous")), h("div", { key: '0df0116a3ab9d38b5ff5681e7cb5f4207009cf53', class: "page_number_text" }, h("p", { key: '5292856a24d39609bee4d4e7d43bdc8bd0627e33', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2d9492d7665f79b964becf81efb2971c55b564a1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b1341d36a2339df153e7bd001265d5c1cfbbfaf7' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3276f1d82a37fe1c7c22b71a83c57624b97c29f4', class: "pagination_entries" }, h("div", { key: '8e34556b31367f2f61c2d607cde564c0447caad9', class: "entries_text" }, h("p", { key: 'fbf2b36a73bce47e615cc9c06591cb3bb976ce5f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ef2bd887a13a39b833455cd7648c8f8e9e7d526d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c54fac5af577a5c60d211430a2c20ddc94db2f58', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '93cbead2589554d8ed42c8b499ce52d85d410295', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd4df0ea4e0263690ee9e80741c835368018fc748', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '26e8cb360a4e2f5d43efc9ccd02c0df6291e36f5' }, "Previous")), h("div", { key: '88b6316545faa657f0edf35017779cb789f4386b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd5907780ae31d010aeb3f0b56b89175f344399e2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4c8af1299e2a52771d28b9e11f9ec811ccff3970' }, "1"))), h("gb-pagination-button-group-base", { key: '1da27c8f90f12b8bd68291f64095275812ecbce5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '26eb29f4f087007d43f5f2a81a5e22984da005b3' }, "2")), h("gb-pagination-button-group-base", { key: 'd54de09a4a52b32710c9b56744f2245d46e9933b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cdc9c8c0419f653e8bcfc95cfdf7bfcb91092796' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '33c62f4e6927a561b2949fd9f6abba27b00106c2', icon: "false" }, h("p", { key: '64f99c5bdc5733f2bd1bded13f4093f18674b0ae' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8e40e796c376545128f5710d99b2ab8d2e471f34', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '9a2ef5eabcc2882c73aa5b7927a71d7cb391ce4a' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'dee50288609e6875c558a7d6b854c153ccda4534', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '784ac60bbc923aac801d93771c9b4d28ef679b2e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '05aeb435ae9f99c11be6a89a27f8130561477a87', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'd1992794eb359452fc1f767096d8ecf39157122f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '4f27ea7655fa6c32898f807280dd3759790fe818', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3bdc0bc7463b1ee3974ae992b763dfff910c0724' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5bdc82e74911d1fe94dd83b45945aa11b58bab22', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '005d33fc62d560e57ff8ae16ac8a59998ee95333', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4a3ffc77dc1975a16d9ea29d89fa87f0d73e9b82' }, "Previous")), h("div", { key: '5c3e432bb18079411a32159a910e2b59ce9ec39c', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'ca95074ae52e68bb7069d8f113506fcd0b71c780', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '18915af1e7df0cf9241d65ec48b2c7cabc156fdc' }, "1"))), h("gb-pagination-button-group-base", { key: 'efe074708fe1af5870407a5ae091b344d1b4693c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '29b08ec1e127abb80dabfa4d1a06ad1e94c40c92' }, "2")), h("gb-pagination-button-group-base", { key: '04ed75cc9b4b0768e7531cf786a64538f03b0472', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9d98b9e35f5c544b87dc8424569b6fdbd4b7f132' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0d785080f3a5154595fabeab7bac99a708298749', icon: "false" }, h("p", { key: 'a100c8c001d3747a584183c502d19b05056f45b8' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '716ca1ddfe11c7bf26513c7dcd00ccd982f8c844', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '8070a388fccb296e8e5fecbe73a67f399d94a57b' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '043f96bdbf66a30506e8e7d62af96d0e808bc768', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7443a8abe4ab1779df85cee6e4c41ebc697da908' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '295ae50e8a77018804e1ad79afdab071d4b55d5a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '75138bebfa7b4c673abc839e1889b54cdad45d1a' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '36ba340b906a43708dcece54cbe70cc8e93a10d5', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7ad03864be18792e02e6d3a4ca1db6647222d5f0' }, "Next"))), h("div", { key: 'b6a767a94a54ee5d8df27d62358584f083ad678f', class: "pagination_entries" }, h("div", { key: '223fdf6819605d586c4bd624b7a6cd38bc8690c4', class: "entries_text" }, h("p", { key: '161905e52c5bb337cf03bcc5f4038c1cfdb1eb72', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9c948071b70abfcc7915300fc5b92ae4c298417d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'af3833f8e2ad47949bba3c3bc74369f7530d640b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '76a6c75dd366fcbb9695efc809e67665f2f74ee7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8b6816dbd7aabe93a4457d10effe9d6f2f1ccadc', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2c1d5c8da27387470c38fc8a010c6a782a03f64c' }, "Previous")), h("div", { key: '4c8fb91ada3f66949f6488ca2959553d4e84ebbd', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '1cd08d3e13c53d8317b0bbef342cabbd22952a9f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '19c88137f73b4440c24f10f89ae112c591a49d44' }, "1"))), h("gb-pagination-button-group-base", { key: 'ac892227ed5397b62e2ff3b3a4114b3cb0b143f9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '80b04690f9cca3ba5eb160d88ab0425496a93455' }, "2")), h("gb-pagination-button-group-base", { key: 'bf569994629b876c6720496b0aeb5b75774b32a4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3d361da5a8ce636a35b8e599d8e3bfc945a3d59f' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '48763ad2b32682b485155f35c832e3d0edde9575', icon: "false" }, h("p", { key: '53952833f82e9c4271350258853d7fa126e98cc9' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e667b3972ece19630d92bb308dd8d5ae645e4d92', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a77393eb660d3776a1955f2f53a0c852054a8110' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'd661d05629ca15e7efc4e07c8c76023d454a9d5e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '277f0a480d073a6e218268db1ba1ed8a4e1bc90c' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '74c869c7a730b4736149eb4b42dfd3e27e8a3b92', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '828c3761bcb87a9c23c7358afa92ad7b10f4d1f5' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '8542bef14a166195debc9b70066518658d6704f0', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '362bbd85b64ed537209969286ced1c23ea0111d5' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a6c87d969714b138befcf2464e40884235ee0ac7', 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: '836ae6fb9e90e28d6308810e9811d5b7aa9bdf27', class: "page_number_text" }, h("p", { key: 'b821a55c2bf5a1b2fb95e2f1b29ebde6c4a9f6f3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '3bf226fc854294609d2d691c0adc3e540cc7eb22', 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: 'ad18e809870a33cd77653ca948e63e5ba67e0a4c', 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: '01a977d9bb982d936ed711ee7a25041e668c1d1e', class: "page_number_text" }, h("p", { key: '9579b6f636bd0fe4d9f87800503fbfc2a0107210', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd987c31a244ae77c7928f14175f6b107d0572e71', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5998797d62ef529f88e99b6ece420ddd7d978e8c', 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: 'b474e8ffeb4412032067a0034778cbace3ca4202', class: "page_number_text" }, h("p", { key: 'd4733946bda1eebb437ddec49d2b6a60b15d9d7a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bd54bfd431880e5820f6e0a286e27b6bacf4273a', 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: '3a390ed365503a32f8cffd3010c7d5e2b7c83858', 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: 'cfa434fb49795535a6c2e4356758b64b767c66a5', class: "page_number_text" }, h("p", { key: '7bcdd1f41fcb096ffd0b26f9248f1c680d866069', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'be212a2ab3a61a052612997f8da89ca779a5f76c', 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: 'dfade16d740e48630d6c7e8f1d4704b57b363b7d', 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: 'cde2a2f20a50d518608ac65c6f3b2911624a37f9', class: "page_number_text" }, h("p", { key: 'edde0f2d95eeb58126f2f13c0a2ccb46a2071bd0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'e4b826cf8e9f6327023e5952ab564c7c15adf4f9', 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: '375d5d9a05e67846ac921120fdacc69262fb1222', 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: '45935cc455f393fc10b01d2ed9fa6885583dd63e', class: "page_number_text" }, h("p", { key: '9ee5c7b9a8d2cea73d35af8a67ae7148ec5a3027', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1581203071857e21eed3a232c1ebf4d009167009', 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: '9b3a360bb0f739fc2e9600cc6b603e808e4fb4fe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ea38e1b637b9e7180bf674eb00c3cfe0e031acc9', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '6ae78f2dfd17eedaa28eeecd10c2a805e529298f', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '786f8513f9ee918bebc1ba9442d050c82df94684', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '04b694a999083012d3b46b0b8694568e52d143a5' }, "1"))), h("gb-pagination-button-group-base", { key: '700fdbb5516e35de770ab72f255c09279c86646e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a59bc0da1f5c6dd387cb780a1e1090d959039835' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '025cd27637e744175090ee2daeba87a74fffce9c', icon: "false" }, h("p", { key: '32d7afc9915e97f2a2ea7dd64ff998ba53649dd9' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3687961b81650589b15105ee3e6e4f47cc30a8b6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c715d937970e3dac4cd5050cb6f84d701df02595' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f34ff3a75638c3345fc45086f71a24e8cd38bcae', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '946f814558c15dfa2ad61ffd657bdbc9f9cccac7' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '79c1733cb2e00deedc9bac026acbeb447681d8e5', 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: '5b60d44fc68ff5af79ab24493d2e19cdb8a600ea', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd22e80264cf7c5e8091c22e14eada80dbc8c3824', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fa9edf130094b79ecdc75e258c2a9100c12aa7e0', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'ec48b3d51a9b2e65e63ac291defbd3230b12a3fe', icon: "false", state: "active" }, h("p", { key: '367861073aae28d187297884233f8c18332b45c7' }, "1"))), h("gb-pagination-button-group-base", { key: 'c280d39065745b0f57d6e9ee24f5c7fe55abad29', icon: "false" }, h("p", { key: '04c1a1df40a7043efc7b40db4a6d0977d84a87a2' }, "2")), h("gb-pagination-button-group-base", { key: '608a33c1d5ed3242b40befe418048a385b7e01e3', icon: "false" }, h("p", { key: '7b9ecb3e0baa067c8b61dd645162794573d4afe5' }, "...")), h("gb-pagination-button-group-base", { key: '1d7e748eac36eff7cd766aab88d63b31d671b5be', icon: "false" }, h("p", { key: '77f3e2281bbf71e2bb72fcebebecf5e2584751e0' }, "9")), h("gb-pagination-button-group-base", { key: 'f8416374cfe3f821c16bd936effca6155499db25', icon: "false" }, h("p", { key: '7d06a67346b3939ef944a8d5bd0f6f43903e0a5e' }, "10")), h("gb-pagination-button-group-base", { key: '44b708913e2926ba21523cadef79d53760254452', 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: 'a7ad8dee4e0df4f5409514af053bf75fde04ab30', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '10817ea020985d80af1b88e41d164d76088cff7d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5e198ee6e655b581af7f83ba61b0b46d025cba26', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd0360c4799bef52b63bb93fc3f5dcd559a6caed7', icon: "false", state: "active" }, h("p", { key: 'd1d4ed3510d3ea5e239b61fe2c7f5a0ae6816bea' }, "1"))), h("gb-pagination-button-group-base", { key: '47ce784312197833a3315bd8507e5e22982b556a', icon: "false" }, h("p", { key: '3a60438fccc5270034e01df8bbc625e3f713d745' }, "2")), h("gb-pagination-button-group-base", { key: '6def3f642a25746b10a19a0c5035662502a4e9d8', icon: "false" }, h("p", { key: '0d02aac745913020d9a0149167fb758138329fb8' }, "...")), h("gb-pagination-button-group-base", { key: 'b619479e0bc19c9f7ef64eda5915f4c740208946', icon: "false" }, h("p", { key: '61d9205e60850412513c7b4c91cb2d7f40f78938' }, "9")), h("gb-pagination-button-group-base", { key: 'bff8879811cd0baa4cf482fd5158e2779b9c0919', icon: "false" }, h("p", { key: '8a8e40935d9b5a29a1880b4bd249cb8e6d7f6ef0' }, "10")), h("gb-pagination-button-group-base", { key: '27d7b5cabbea38f58cd0f1871b45117f83f90d40', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '7d21afcf7a3a63fa2066cf5d7b86367ec6aa715d', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '68a4c774c225fe905067a685ca5219722e0fccc5', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '300a75d9d8a3e3f2959dcfd72831ce8547babfd8' }, "Previous")), h("div", { key: 'a9743ebdeaf584d1aadacfa15d9a320afba37f71', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'fc9d10478a24a7e337c3446bf8d929eb22aa10d0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '83274632b75563ca22a20d6bf49a436aaef60364', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ec481b7ced05d81157c21e820e6f0ce673dcffa5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8c22e9687ce9116d88582d3472668d0ec382b119', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9c4dc2e0b2a95a3420dfb9c749e31e35339624fe', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '114a15dd0d2558a66d4a2e773eab0e4ca2937b25', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9a6f50de1e93f6372391d64001c4ccd568e92eb8', shape: this.shape }, h("p", { key: 'f9af5b3e7d7d3b5d47b1d19fe442d453a43deae8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd0c9826f7c2f779f25cf1f6194102493a1bfa14e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '074247a326bbc7664a76caebceb5951ac17e2e1a', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '806f63ef576b42a3ecae5acc55e595d4096ef1a7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '26134dcd0d8706fdb715846a8c6059392664cb96', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '7a81d5fcd8167dfcba80e7d0cf4f8a37331e29a9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '7e83b263ff64174d4242500f4b7516ac7f68f45e', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '4c5e317580a4c33eabee98a32ec1d4085e1a8a88', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '0da45993034ce697a1328345320a3906da112357' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '5a0eb562f744a1c983afc20901abddc20596412c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '885e789f308b14893ddd2b1f16319230b7aae769' }, "Previous")), h("div", { key: 'a5bad8aa8321f18c94cd09c01069d31be35513b8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '870e63421346f4acdfee205829ca34ef230e218f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '462a3ca4f08935382164a532ee1231431b8b0e90', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a06a80d910d4b5d03ddfbc697a6e26498c61239e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '646bd0733835d747b4f08ccaab8cf3883818cd6f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '85cba5f770d5ca3442491a351c806767a34d6bec', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '363a0f8c12051ee14fc07596f3c0daacf6af0534', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '044834b317478422bf6c9d31299a2998717b12d1', shape: this.shape }, h("p", { key: 'fe74d29cd962acb0d590d4e7e3aa6f47b9fee7e3', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '34b3d6a5b3cdd6f5a38f677af831b29ee584d38a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '86a662729c7fc3f6160d627290529b04d20bbba0', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'a76779415c4059229348d47f574902907a96adf3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '0315797d7b18f1d47ea306454bded20c2dab85b7', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f476b8ae3d50abecf22b2a40c91803d920220205', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'ef0f3bd43e8741068282faaaa8b79a6b95328a40', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'a5ef1931b44b43783501914857d3f15ab2c2d169', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'cf20a8358eca13472b930f5ebb11dd9c44210de5' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5c4a2b2a270d745defe2d4f141126fd1bb07c7fa', class: "pagination_entries" }, h("div", { key: 'd8a9ed993e687e3ff1680418f55652cd2aeb53ef', class: "entries_text" }, h("p", { key: 'd8cf976aa2f554c858cce6b265b8ebc9f627e75c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '01cff073d2d7b61b1e29967d431dc073bf5e9f41', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '44e658065cd329b873eaffeaed0ca6650fbe6409', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'b1a1d149b7817776ec13a6cfa71a3786fb77a4a5', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'f3e7605ecd5cb002add749ece1469e6cf1e5c3b8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a1afc60beb9631688c43526ca87efbcfbf448555', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ed8ea9ccfb19953dbd0b6fd48edd670097016240', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '76b1665e17d0608bc6d9e06d04a152d95cf545a8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a69d9444fb1eb23db72fba8f7b509df77ffce28d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '033e1ea09a3f161de5b6d58a5857719973217ddb', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '022877ba94a89f420b808d0b74ce7fb4b8184420', shape: this.shape, state: "default" }, h("p", { key: 'eac6a3367a05ee58a164a163954854fe7d5a2ff9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ea09852a06e3f1ef9c4f07aada3b53ca5a9a8a8c', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '89d26b102020edf9fc1eb0bbacf68ff537834529', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '543c43e7adb76a575ec205c755118cc2b4d6884e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '30d62b13d2b2e937f6ce866a3ee81d71cf80c614', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '304eb1c11a2d163345abc4a9f937ecc93d083cfa', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'f59b024b940186aefd753bfd4e395c910358c08b', slot: "page_number" }, this.totalPages))), h("div", { key: 'e790e016aec3a698a51b11b2ef035dce15eff6d4', class: "pagination_btns" }, h("gb-button", { key: '5f8e3c38c2b1832e5ae47f3a277cf6db89d91fff', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '30f7cbf126a3882461ac989f223392da4cdb7b0a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4eec95dd09e4798575c308385855f62d11dddfa3', class: "pagination_entries" }, h("div", { key: '22268d16128959b67031c909767806fdb1c27c74', class: "entries_text" }, h("p", { key: '1bc31a06b85bfcd9466569ce1644d7430cc4b880', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ca36a3ec0e894c01cdb8d57f1f9b3b2c4d29e4ff', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f3a26daa3425f51fa8fc42e0c5314657ab4c0123', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '349247ffc903d907b1afa45025b5d100843906b8', class: "page_number_text" }, h("p", { key: '163d8e191ee1741d8feb4a381ff47741f5cd2bc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '914a9c4badec4354334896e73ce421c87d1b1d1b', class: "pagination_btns" }, h("gb-button", { key: '740e7a23f34f11590263c4208a67782b025c474c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8ee0a07aceffe31dd49edaed77b2db9201b97778' }, "Previous")), h("gb-button", { key: 'c3fab14b8d64105e018a693715519f5cc3a4468b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5ad9612d40a0d5a29e25a2b295826a28887441a2' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '85a14f914f809331a6b64846dbec568586f28ea8', class: "pagination_btns" }, h("gb-button", { key: 'e2e69e54c2302416941df204e3fe47675b3bdce7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f5e68bd0fbea53299a1dfaba3c35178bb25ea43a' }, "Previous")), h("gb-button", { key: '1c5d455a938dda25208361014f3953f4a6d588e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'de5a11381c84a1405d77ad7d9a910551055e8d35' }, "Next"))), h("div", { key: '821bad5430e30be3f7799a20bc530d5ee2fd36dc', class: "page_number_text" }, h("p", { key: 'f21aa9dfbb5172bb03b6d9d6ba03818e87f1a0f5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'be0f261beeb231fcc96d982037bce85891976d5a', class: "pagination_entries" }, h("div", { key: 'c963ca1f59a8bb130b6b7ce8e767a1cb7fffd33d', class: "entries_text" }, h("p", { key: '757b15f8df11d93e12462c2ee3158ca5c479a7b2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '995f6aecd32fddfee2a7e089dda6d2935461a6a0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e5fc384f5cb1a6f7dc101ed423d445e5bae4afcc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f8bbd4551eddd15320ad9bfa4d51e31c4050381e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3ef10f16ca21cc7ca012736dab41be8394b18cf4' }, "Previous")), h("div", { key: '98f1c05ed91788ab725bac7ca998466ddf70043f', class: "page_number_text" }, h("p", { key: '93e4cbd511537f02548326de558773f5ab2325ea', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'f16e4db105b39605d8d9a522f39f430de047fb7c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cd3b083d28d5296271060f00cbbfafe757f5e5f2' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0ef97d3a49cc1b2be0b63c5d551fb70f555bf8aa', class: "pagination_entries" }, h("div", { key: '1d47f771e737106f8b51aeafab901ffec5b4009b', class: "entries_text" }, h("p", { key: 'af02e150ce9998b7f3ecb8f232a68ec954925be1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '89fceab8a54669773a6113ef88efe955181e19ee', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd3eddf9698c1d42c6b1c62db49fc57d171ec6c41', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '671caf175e63fd4ded4da096395b997440007630', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b2571a2c91afeee5e7712637dca8f430681da20d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5e27081a62dee6d613b132467287f4743c12a23d' }, "Previous")), h("div", { key: 'a62eab540397afdfabcb6d5bad4aa0f11176ed33', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2ce78efe2176d718782a5b9f64afe343580b3a9b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '59a6831ad079604c37014fd462f75d6d18b0c17e' }, "1"))), h("gb-pagination-button-group-base", { key: '0314147c90b2daf561b878ba4b5cd9844729b40c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1353a80c7ab4cc727e70b451a7a3939b6f439b53' }, "2")), h("gb-pagination-button-group-base", { key: '56366c7856bba2c1bc2ce9dc055fa9ebbe71d60e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9a4ef5912af832782f92d31b50ea3466eb21a13b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'bb7abd180eb460ff908ae420ba77733b14e2a8f2', icon: "false" }, h("p", { key: 'b35c900aae75ba72da8a84402e2f3afdd145c0f6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7d5b6b6eae8377b24afb9f588bc585e2ec4176ed', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '2af4e5b9500bf9c0d3f863e94ab082f9f4ba46e1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '4d83c5aaa0b4ba0eb059707c9e6cdb08e898562b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'dd8c5bc4a45cc7cad17a19d8d77cf94086a0c48a' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'eaa7757e13deb0459d524bc5fa5197bf071637d7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'cde9f578edd1ac9daaf5489a4f7927d25627652d' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '2b087eda2a45c0b423f3b06cf3ec44f233beba40', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0c497fb40dc93032e1496c42468f76e6f5c00112' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c9ea077e269aa1acfac15cc6784be4ae193aee95', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a57c60943a69eac31ca7db7563542ea099764f8b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a4f9f6e27c02757b6aa0c2c46cd748482a6bb6e2' }, "Previous")), h("div", { key: '7795ca4a5e8a39c809aab4dea5c1936e4885cd69', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f5be8376b0aafab856965bfc2813693d44c360fe', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6a7bfa08dac1ab931b6291d791b9ee63440643c2' }, "1"))), h("gb-pagination-button-group-base", { key: '320fb18edaf018ed5365ff11ddc16e865eadcc27', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0a683d7c54a98f31126ecc90e994c7525ceb281c' }, "2")), h("gb-pagination-button-group-base", { key: '119efbc523bc66897bf06dcf03aca59a72182467', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fc197de260ec7be76c4c0554c81415db5e896b7d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0bb4cdf119738cc5c172a44f9bdc98439f15a9e5', icon: "false" }, h("p", { key: 'd0c2baffab92cb0790b6a7ce36dc8a084f7aec45' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '895751688bb5ffb784ba9761c476f02fdd837779', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '18a92d2e29dbd8117c4df7f69e7650b58dacafa9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7e4aa9c5d8b4e11c2087d37ac3beabb7e76c3517', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '5d69958b87b73402f7a11588c52932f4ef417904' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '70a1d002c29f473f0f8d889fef190635891e7940', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '7a97090446301042cf1f199fc9bb7b8ffd52b168' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3d3bbbf08f2e2a02992f931c188137adf59ac6c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f543e2f0d4357379cfcd39bd46ea295b3a1a4130' }, "Next"))), h("div", { key: '7ee9e7e9a717aae439d29c78e8f5eac6f601d90a', class: "pagination_entries" }, h("div", { key: '34bd262e403234296f9206ceae0315fa8dbc012e', class: "entries_text" }, h("p", { key: '26753e797ae2d8266a48f15f19000e911ded4d38', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e38b33ac821449c7541f8978eefb695f539e7d46', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '93608eda2cc55ac2abf7c247781517c29796cd57', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2480de8a43b2cc9068527f0c015a6e03d6f86504', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0fd40edf4c175dfa32994a9edaeefc74eb93c7ff', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1ff0442271f9a2a350b6ce48a19d2cd5794b4374' }, "Previous")), h("div", { key: '657d46dc78ff70bfd1a1bcd67bb24f6fbc5067b8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a2b071a84ffe3232f86c1f89efe47ff28c07dcf5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3b5ea9aa67554741a0eeefba9b30a9ff677ecc0d' }, "1"))), h("gb-pagination-button-group-base", { key: 'b195c8649f752c71206c2c3a2e466beb5ef83001', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b733804bf6c520314f0c1e56069ac9554a6768e6' }, "2")), h("gb-pagination-button-group-base", { key: '055178d62c825bd55a358b5b0157b6f2c895ae57', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd113755486055949ff54c57b19f01dff2f37d5f7' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5627d055abb124f13a4e645022144eb64d928310', icon: "false" }, h("p", { key: '6911109fa5ba6a3a8538e6889f45ddb544b72c64' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'afbcc81c47cdf1926f4948fe6a7b57b022a2e4b6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '87793871279606278935c74c6e019f72fa619e60' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b42edd82b114ca53b457860ec9003f584f48ff23', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '6af475e8140506a29db8d1b6416fc44ca6a3ed9f' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '781f7aac8c5a2fd7de39d3849b7d9ecfb37fb2e2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8e5206fc5c5ce66f2222495beccb4f32352ddf8a' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'be9c9addf98dc021ac1cf577dccafa044804c085', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd78887e7348b780cdcc1c108a8efe2aec9cdabd9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3e617ab60c6f5248489082c9d4be9cf6ef3f54f3', 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: '4bb9aadafb2742ae6c914f4200331d132653ca00', class: "page_number_text" }, h("p", { key: '4744ad5085b8ac3f6dfe53526cd87369b57d4c65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '59b0b06a69e69b276c57c92ef8564d246b193d3f', 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: 'a474a0fc1cdf50bbd2ab5ea7d591cb720b6e1b38', 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: '7d4fcbe01a218005e614d9c1e4d5a646b746cbfd', class: "page_number_text" }, h("p", { key: '4f3836af47da53ab71da83b7dafb8d46b8d4133b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ffc54cd025a3732f41bd714e0a01a384148a3029', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '0c98c897e62c55be71fa4e7ee67cce78031fdf68', 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: 'affd25578790f14b028bbcd3b730e4c0618505a1', class: "page_number_text" }, h("p", { key: 'ca78cf984aaa4a32ec89d4056614e729f5122916', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7b0c26259ae1caf0c54beef43cdc438dffe3eea7', 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: '02ba96aabca5405a12aa7b7d511a4decb7e161fd', 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: '3bbc380bff805f98eee74dd818c76efe246ed439', class: "page_number_text" }, h("p", { key: '05299c7968a35b57042dec727bae8a9fd5079734', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '98773ef30011123b1bcfdb7a51f79348b5d55262', 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: '842ad148ef033fe50bd1d8b6a4e99d3b687368b7', 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: '6c139cc120ff5fea4866dcd75e1ae4bd963b1cc4', class: "page_number_text" }, h("p", { key: 'fef760dec31d268498c8ff2e93645166b126e3d3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '3dc7aed32100e9587617af5a6d3d6bc1707be4c0', 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: '339e28092f3c8ea643f073f28a7443ff4ef3547c', 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: '64b8305f24e8931189c160856be3c0b7e80499b1', class: "page_number_text" }, h("p", { key: 'ed2c5f55e6801b3450948b159897453d73000bf1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '397a318c559fe86b82d02fdb96282a9ca3f74a2f', 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: '0a0ff309cd2e8da3f7d1ad5a88673a463aec9baa', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '633364e88128e3d27f07cbc0b5bb8738d100af6f', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '092e1070fae3bdc5f12a51efc63836ee5772e950', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '39bd02f4b6f10264b2c7dd510c30e2db59f688e3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '252e63ed2bbdf8963d6eadaa4f9879a3ae983cb2' }, "1"))), h("gb-pagination-button-group-base", { key: 'fce699cd23e9caa8647f6b95dbc9b232dfd80136', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eda1d88614391a5da41da5a36379ae40a4dd6608' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ba1a4585b4dae5eb17c31a601cd5e7934ee233e2', icon: "false" }, h("p", { key: 'e2e74930dff253a9f3780562c83d14873cbef75f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1b431351c91fd06c297638bdf61135493a10a843', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8c86ffd2977015d104b68eac96cc7a7cb59dbd8b' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '09c8eedec8ad8893bc217cffa05d8048adb15015', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'f99b83d7d06c413e8d3b155d1f0e9ea8973814c3' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '47410d27fc126ba2b836bc26018aa3f97e95e9f0', 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: '6e90b7219513cbd3397918c490a31ba241956b72', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7e01d4c0496c7ba6694a0a551f0690a3bcad81fd', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '50111e31aaaf812c8dd0808864af424c69d2e549', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '0a383658ebfa21a7903e00c25873e4dd57897c00', icon: "false", state: "active" }, h("p", { key: 'c6c6982df3d52ca6dd4c640379f013867dcf7043' }, "1"))), h("gb-pagination-button-group-base", { key: 'b0ea99a6e8337479c6dce09fb32bda1712cb2be8', icon: "false" }, h("p", { key: '8c90c2c6ddfd5da38ee3b3fabb849142a01cb608' }, "2")), h("gb-pagination-button-group-base", { key: '7444494f25f26911e4be797f23c5eb284abd0616', icon: "false" }, h("p", { key: 'eb9533579bf1b639a2ccf3e630607984bfc4fbc6' }, "...")), h("gb-pagination-button-group-base", { key: 'e6b21b6bb3320b9634c0b7670643559722dc1820', icon: "false" }, h("p", { key: '34d53fc7427939c65120bf3c64596cc4011860fe' }, "9")), h("gb-pagination-button-group-base", { key: '3fc89812fb24925dbd58657dc29db7edc6b3c9fc', icon: "false" }, h("p", { key: 'b1006f40b99c7f67901abf342cdedd76d402fc5d' }, "10")), h("gb-pagination-button-group-base", { key: '48efc6e673c432c79b146d0ac534fce331057514', 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: 'de5de2f146b68e69f56e90f52e887a9be2be0e2b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '47cd9b972a222e969d05a0166d8d6290d350d889', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '35b2f5c3a7651c7aff174fd21afd813ff58b828a', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '570d88d72a9c8b4631fde5622ea227a054706a98', icon: "false", state: "active" }, h("p", { key: '33d6c076ead43760a94031687d6964ce75da710b' }, "1"))), h("gb-pagination-button-group-base", { key: 'b5a0f632fee095326c30b59b0e460bda6543cda9', icon: "false" }, h("p", { key: '0b8709a77adf752bc329549efc65d58b40aa174b' }, "2")), h("gb-pagination-button-group-base", { key: 'a78a564ff055d42e945218b883ab50cf09dd725e', icon: "false" }, h("p", { key: 'f069f8c9148ca2e36e8c98d174d6be4ee828e4e2' }, "...")), h("gb-pagination-button-group-base", { key: 'f4d70878489d1e26d17b40ed31be5d1cb7e47d97', icon: "false" }, h("p", { key: '6429bbf74283d2505fb9a6a6f1d73b26492aba98' }, "9")), h("gb-pagination-button-group-base", { key: '92d2c1f4565cc054f1e09fb51e05121963bc6e4b', icon: "false" }, h("p", { key: 'fdfe9ca10febed8c22b632041a52183e931e82e3' }, "10")), h("gb-pagination-button-group-base", { key: 'd419a0e9e7fb0da62db8d804f8c3d99f29896256', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '7e0dbb19f25c3a09a4ed982d59a532db1be7da55', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '571fd5b71942fefdaa1e181daca222b3ea719c64' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '441a48db220416c026f897ecb753368f22103eaa', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c5370b2501974f332b8149b53858ca1442f6ff4a', 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: '9b44ef0a54c653c958905f1632e628bbefa7092b' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '5155d05cac5f4585d2fc1565058893b82c83590a' }), h("svg", { key: '2ba4ee3a9107f63d9923e50ca959064852153132', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c31b59a8986b9e7f7b001d544ea00d0f45b6164f', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: 'f4ee45ad208fe746bb9772b5e736eea32ab54b68', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'd88bff124d5573e03d283a72011c4eed2e6fecef' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '5e508fb70ca1d8f083b9da52ff857887631cf600', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a0bbb8bb36a03429f4fde832ee57f2394108dce2', 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: 'fd82d818238db279bb5371528e8cdb2b103c5eb6' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '4168780308802abff01cabc128d442a1b1c0c248' }), h("svg", { key: '941fcf3a97a181cbf7ae34108d3736c52e1c0f53', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'db95a435b148f731dafd744076e93a0dd7d26c0a', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '5f9fc184abc7dc01519deb7bd7c954f6738d5062', class: "dot_group_div" }, h("div", { key: '5a5b56c3a716926c9bc6ea8315cf62c646301b1f' })));
+        return (h("div", { key: '63461e3b729f0659cd3750c810f28ae144004d23', class: "dot_group_div" }, h("div", { key: '44dda8a78da216a8769e824ddb856922cd8c0dec' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'ba3f384eb5c97b7e9a9494a7aa2bb15662ab9224', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '59d73d3b0cef202be59e268fea3f54e62c3efa52', class: "progress_bar" }, h("div", { key: 'bf582bca9926f4138c8ccfef50e73e01f66c181e', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'f1be911deced575fe10d424b9d76c184fb25140b', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'a595ecbedd95a8d6bd3aad0e8cb04f0c0135c088', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a46061b64fe1a0547b1cd427ba7ef073bed98a5b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'a51cbea8aa5536a5c52dcd5f8f55a835d1710367', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '13f78d6a88ee585a4b2b3c321daa35792f41a1cb', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'dca1c003f8f9c3276962b74a5a5eb7decfd4322a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'd5142a13fb81ddd6f3ed36c1d6daf77d3effde24', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'c08ec9085c6c540031c7d9eb77e53c6fe19a0b88', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '07fd4ea996b16f5f34584967a8850a92fbba9612', class: "progress_bar" }, h("div", { key: 'd50a46708a5379918dd7705bef82792802bb8d44', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '60ad3eadfb781c8f7ad1876e6b8f2be5dc80e29a', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '59eb1900ef24f1f5d7d373f60faded1f77668c73', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'c083ba464b4bbac4d8dc8bff92c310eabb0f1ff9', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '92d3b80f46bc158fbf1eeed2fc467a0d5e3ab712', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '5bec4a0dbe7979bf7de56cae3dad560ac4574f7e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'ba13e0a6d19b4b7225bfb884bfa5759c215a0f81', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '1a162daf4ae7d5c52802abd079f75fd42ab029c7', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '16c8ddf505a120c2803fbcff6eda7cbe9cdebd4b', class: "gauge" }, h("div", { key: 'e10182ff8976fab9ac550e8c9daa7f0c6853c50e', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '8ed19886c3623fd856ee1ff9836e442e694a5c05', class: "mask" }), this.label && (h("div", { key: 'ddd9480ada9d1d655b0020f10770dd9a704e1eda', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '98c149a8a33c358f620c70a4dc78e0749da73df4', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '1b9fd4764122d4b2895c34b1c40b3f81decb08c4', class: "gauge" }, h("div", { key: '2a60898d1545df9e672f091dec796f1084b4266f', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'ae0543b2d8fee1f74f7190e7ca6a50fbf2fac806', class: "mask" }), this.label && (h("div", { key: '2875106e61fa4e0e2c332baa4565c7851cf8e46f', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '2e3177d4c51ac950ffc89e40c0951514e0eefea8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '43cf0f7a54fa75997b66b02e909fc1cbf67b5060', class: "scrollbar-container" }, h("div", { key: '6f054da593e8709ea0a8fd9680c3c9bd6b7c8329', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '77a9ec8368e4ba16c410d28b4abc67c94b5f9e4a' }))));
+        return (h("div", { key: '13bd5e169fde2b506eded07a64ece8517349c2bf', class: "scrollbar-container" }, h("div", { key: '2b97f06d0a803690701f339eb320aca0f06e68c8', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '69a2d591fc65559c2d7e2bc185ce44d65d17c5cb' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '7f58edd6a793dc6e8d44a9f697a736e8183e4506', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '315fe2b7587e811936e244d0c3cc521b106cbd8d', class: "pattern" }, h("img", { key: 'b4a562b12733a51095a44dc7dfb5c52e2459029c', src: patternSrc, alt: "" }))), h("div", { key: 'b498747a8690903d30530f42f1ad76365e220d98', class: "nav" }, h("div", { key: 'e21ce9b6333e6449fbebdf94fab2eca6c8059ac1', class: `sidebar_header ${this.state}` }, h("div", { key: 'bcfe15e8afef108bc1e12477f5e6eb9c6ec69de6', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '56b406a0645ff9472f52eca4b6d146d9c57317d3', src: logoSrc, alt: "" })), h("div", { key: 'e2726e4a183a90a0f331592a185e34cb3399f205', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '8a52fdff3fb9709a3877e3ec694c47dd0fc044eb', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '1aea579ae60751f6af1f8d308d15287391ac05c5', class: "navigation" }, h("div", { key: '8797fc0cd0a677ca5eaa9ad511fb8103537e611e', class: "item" }, h("gb-simple-side-bar-item", { key: 'cc56593cd0d76421bb0d18223e389b01bec24f18', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '7ceebf2c1305eefb60c74a4f56bc409408d12d46', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'b5af061d8e5f0e02b082f53c46d5da34702b7275', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'a532c6fcf583065b30ccfbece8676c4781179f43', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '76caebc4607b1d7a718709514ce5e6108478b970', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '289d51efa8afe45c5fd4e1e338a0d56b880f4d85', class: "navigation" }, h("div", { key: 'dd6b36aa7575236e427a3341d225d1afc0b6d005', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'c81eeb3801fd43713a858ca706c7d6d345de45b9', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'ad63a25345b8baee7dab054338c665bccfd7e655', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'b138ce3eed643f6df978cb10e96bfdf9424fd4fe', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'ff1c11643b8519853798b300d6607fa558a85638', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '63f87e2ad96c8ae50fc9a82336c167271a81953f', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '1ef5ba929c7c846c52f72144428d7b346a25e7db', class: "application_name" }, h("div", { key: 'b5159b85db83e92b0838fc6273a590876e126228', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '549a28527605f2871fc4d092f526f34fffba044b', class: "application_name_pattern" }, h("img", { key: '2d025288eaca38d3cf3fd7dd096ca3e035b47d89', src: patternSrc, alt: "" }))), h("div", { key: 'd59b6f109416c6ba44aeb81642fcec55d5464795', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '98e58f425f48174b7405102706b28b95b0276b3e', class: textClass }, h("slot", { key: '87df7065cad6a705039a620e3816d42a33da0769', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '6e62b865dd9e5be24595ffb1e8b7738946eb64f6', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'f97398dd9ccff2a1acf693f0efc2c147f4eb66a7', class: "nav_div" }, h("div", { key: 'f19d706fbde0ffce345fec1d85aa374d9b2fab7f', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'fdedfdb12172d47acea37be0059a66b5ff186748', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '2004e71287516a61ae864659bb4a9ce1e2e318a5', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '6ca6c7fb2e4a1f061fc1c47a1aae1d2907ec9275', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '89b8b188597d58f530a79d17bc9cd85735c78601', class: "complex_sidebar_div" }, h("div", { key: '3d890578e650dfa967370d7667db5287d2339336', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'a08130f7b7dcfd029df512ee556557d04cff853f', class: "pattern" }, h("img", { key: 'dab2814eecc672102b1c2316a234fcb5bb2681c4', src: patternSrc, alt: "" }))), h("div", { key: '9f15b04057026a32588b1d99fada66f1edda6733', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '84ad0f42dc3e99bb8711a56db8e6c3068255a341', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'c44310f558f455dc9058d09cf37112ef4919808d', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '85f43b0ce45fd59df12fa7f667a4093b48b4e41b', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'f64de7ece5cdb1da1786390518a4dbb55bd92f40', class: "pattern" }, h("img", { key: '2417ec9ee03e9af923d4fb5516bb5080baf5f4bb', src: patternSrc, alt: "" }))), h("div", { key: '2652c8345920cfa40b76870a4f46184077980719', class: "nav" }, h("div", { key: '936657f854f2a34f3078d272544c201fad3764fe', class: `sidebar_header ${this.state}` }, h("div", { key: '9b29f0711d74a1f71dcb468341ea4b35337049b7', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '3fedcef868af836b7b62af55ada4b3c451937bf6', src: logoSrc, alt: "" })), h("div", { key: 'dcb68cb798eb0c74a7299aa8d113ec47abfffedf', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '5a4ec14c825d3968ff66b0cab2571edaf68ef235', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'fc09870400b2e94e0bc041beaae3f42126255986', class: "navigation" }, h("div", { key: 'c4a3b943d22fe18010337b45138443e131be2f3f', class: "item" }, h("gb-simple-side-bar-item", { key: 'a481d09e458c8a5eeae730d9ff78b56f1352abc7', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'c4db271b899dea814772e6c89986ca971fce6601', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '2bf5934bda04e33df3f5eb927bcc5a97239fffc5', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '2925a0a7c9d58af206e7d7fe3a2dba2d01a1868a', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '8344593087edd81ae54a384229570092c657c4bc', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '287e228f788edbe3566e25206242e8e9601abb41', class: "navigation" }, h("div", { key: 'e70e78454fc7d89490cca7552f6a8b57396729e9', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '1139f8f3cc6e1b089104847120d88d9a425e6040', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '7fb521290aefc5b3ddc951716608c961b387ce85', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '80749fd9127dc8a559d5fe623af39fcae61f7d6f', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'cd9a2d42fe070cc7933d7fd8bbc6ddc189bd80ce', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '8b4465f3924a428ae147d3d27262461717f3b322', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '6f1bc3f7d9371fc611402eb5891e121ae18cd453', class: "application_name" }, h("div", { key: '16be8d3a1e67773654ddbcf76361ba67640312db', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'f600bab9abfb276d7088b31f281559373a3b2057', class: "application_name_pattern" }, h("img", { key: 'ea8d0d25e435b431615af078d025cd4532e83f33', src: patternSrc, alt: "" }))), h("div", { key: '43c2cbde601f9b7a35b57dd9a10510984309d242', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '2f548406c6a48271f2cb18caae67d1b8df233458', class: textClass }, h("slot", { key: '4325857ad1cc761ebb8aca5cb788c4e00a29978b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '0e2e6e15e702ba6dd9aeecdd57c97bea65bbf603', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '59436a34c2f79621243c72d64b7b0c47ff7979e0', class: "nav_div" }, h("div", { key: '6195682ce64ee43dec608cf48614fb9f638c33cb', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '9ce35225fc6266327d787a3596b4c35c97521407', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'd95dd739af11ae7889469b7859a089da75f1bfda', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f7be89d8e749affc90fa5d247a9f37e1f49cf5c7', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'd38816d420d0909c2add9c0c37c59e5c73c8c8c7', class: "complex_sidebar_div" }, h("div", { key: '4079a7d7be709cedcaaa89d662bb14c01c8f99d9', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8ae3a59a3a0ebba432d8d1093b82473be2d7867c', class: "pattern" }, h("img", { key: '1d271b857b48b503979980fe4aa907397ac7f5bc', src: patternSrc, alt: "" }))), h("div", { key: '15892e8368a22163664ba89d378b551c83a1afa1', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '841dc29f9e0fe72f99b2183c106ba103a190b393', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'bc399e7eff528318c246b467a65d635a20879783', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js

@@ -31,7 +31,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '927e2929ab63fbc59db76e28f160277530b00a0c', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9219f2f5cc142ba71a7648a43604961d7e466f68', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'e4617d850e26b431c7e01bd27439d0ce11340ed2', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '30a08bedf1a8aa3d94f6d73b82395f94b9e281e1', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'beca98e8605bdf0b2ae3eb55cccdaa90142b8eaa', class: "content" }, h("div", { key: '4f5c320b6d50db5271b4067c25b7f320d865d09d', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '3023247a8303a9afd4911a346e7c2d531083e461', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '0d4ee6f1ad984aa9d1462aaded249e72d6e16ab7', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '33bc97acfc6af5bb26ded287d947bf3bd17db41d' }, "10"))), this.showArrow && (h("svg", { key: '5f4c0361654c31478ed8b51c13f8cf6d664511f6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '172bde690b70eceee22b149758860d797f386097', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '4b9fe8e6f6f6816e3d4ebe771a4424ec605c826e', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'ce64030b5b7a19a88e569c9d03e947d05a14423f', slot: "label" }, this.label)))));
+        return (h("div", { key: '4044a678afaf66c2f12f53dc24e41771c609a7bb', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'f04abcde2701178c0729a6429be6683bde9bec38', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '6868e85ec9164af02cdcf198fc04bbe370ea7381', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd59925da1f60db8c0c81d1f71c4e0949819cde0a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '38d3822adb358f2a435ef1146ceac79cd2580aae', class: "content" }, h("div", { key: '6cee91816964060f573eebb03bd59fb38bdc2e2f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '241bc7d21c7ba0652cac83b094ab5b87801122c2', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'e4759f517e492ae8e0a6a064fc0b152de25c5d56', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'd61b8bf4cb3befebb09ec64f262883b5f8f251fa' }, "10"))), this.showArrow && (h("svg", { key: '334a8a6be1bb99e68b0e90dded82782a495a11d5', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'c95eca04eb7845f7df7fc63d9bdf77d2fe4991fb', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '76d649c5f5dd3371b36a5b0c65666e743226f511', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '28f77cf8b7d1f35c4c60bc7c4eda8b93f11a3338', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -75,7 +75,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '2e63287e69d3ebb9577329c65d6554eaa92bc5fd', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '253bc42057508b4f632419bc5007459bb3bb26b7', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '1127a56d355e4959a4fc4d929a853b7d5132deab', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'e47b6bf3db37c4d39799995c71658a3771f7e1b9', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'a7c6b3461b482dd49ed452d26765867677706518', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'ae59ade2c4a9487e66b969526570b3d635be67bb', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '8c8fb07bc883885912c59408080093d54f8c6f97', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '293197c621b407f1b4beca6ea9d6e9cbe6c8d4ba', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js

@@ -19,7 +19,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '9a55cf6b2238333a3508133f4f4f01190fe61b25', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'becc9dce1eca262cbe569b754e758b5140589785', class: "tooltip-container" }, h("gb-tooltip", { key: '5deaa63a7d3160273a96c996a8b4d5e9266760b8', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '49e4d49b97552bc7948136392556cb8bb50f1938', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '538975e367be77501ad826a491c6892f9d96892e', class: "thumb-label" }, h("p", { key: '25f8259f1262a5b5b3f45a6ef5c9eeb54f87b5f6', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: 'aa37625f7f8ab69c76fbb8a4c294173e6207c917', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'c4cd6aee70ad2c248d8cbda231ad9319e8fc0787', class: "tooltip-container" }, h("gb-tooltip", { key: 'c7c01e67fa84b8334e486471b99fc910d5cb7ebc', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'f6604b3d927967bbbb0625701f04b878efbf838f', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '5abba1cde6c8430740f2bb42695e57a451526e61', class: "thumb-label" }, h("p", { key: '0d4cba0704b9a5dffa0e16f2b1fe7183a9e8ae88', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: 'dc4ba369d7fb2bc4d8ad874b144c2f3b7f2cadd7' }, this.statusIcon === 'online_indicator' && h("div", { key: 'b8caa819650df2715d4251dd6439d4e9bdb6620b', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'cecf05b8b6c38ee54bb72d96b3729ed373aa843a', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'b3a43679f62c4ae172ab8171fc1dc8f3531cb1a5', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'f353c155841c2201db907fa3131174cecccb4eb2', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '86c651cbaafc7a2e2ce3dd4f5a4ffb722281e059', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '5ec9152ee55d1d75d4108e67e808d6ec95338e10' }, h("clipPath", { key: '1664766e0afc5f398db206c161f977f74045b339', id: "clip0_0_21453" }, h("rect", { key: '84a119426ba80ec6584f20d5a350e2856241bddf', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '0ce0173cc9ab9fb1165512d7c3205e0be5867db7', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '4fd101b6049bb26e172714a7e802fe63860f9256', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '802e1b8695b2c75eff5ced46c24326442aff1f59', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
+            h("div", { key: 'b57898b70655db1fe1f50f6d0e6d0eca9c0bdab4' }, this.statusIcon === 'online_indicator' && h("div", { key: '205f8b574e59f58312c10f8563faebf79174e6b8', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '7677c406193f6c8bf391c383fa0294b78670e375', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '081c1efa5e593d4e80fca8827a9850f046de8766', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '11624b60d6c9fe000122befdae8cbcb5ee264588', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'f0d3f80ebe641e76eed4e8573714a9f368933d76', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'e3d52ecf786a8c7b4c855ad8d2bccffc053d51df' }, h("clipPath", { key: '8c802e981dc6516e4956246e3fd75bfee9c79029', id: "clip0_0_21453" }, h("rect", { key: 'c28d2081e24cc3b509cd1522ee7e041ea058f5c7', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '5d13abb90bc7fe6cb4aa9b9d147e8e2a5918d8f6', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '6ae06d46d582e2a20d701aaf25909249fb72d09b', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '61e6c8483026a033c91dfbfa74cfd3af92495502', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
         ];
     }
     static get is() { return "gb-status-indicator"; }

package/dist/collection/components/gb-step-base/gb-step-base.js

@@ -12,7 +12,7 @@ export class GbStepBase {
         this.supportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'cabab5e9b9631d4b143efdead2ba3e0260ae4f52', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'a4337442ecb21dc9f552e924b5ea695b03ab4c19', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '53a5521edbfd91729a04c7dbdf8d509af9dcc2e2', class: `text_line_div_content` }, h("p", { key: '8dcdad4fbacbd6ceac4459a84ec4d49b501704f3', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '053c5f18ccf8fa9871505ddb8d8f5014a5109e7c', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'ca2da65a1a3c20c1a2b321ad0c5b915f75c67682', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'c0164e6b3749733008a1f8df956899a7d2ef2576', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '28e260667c4a546ffe34ec76e374152f5b66a864', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '0a10d18ee73462cb0f8b45800ab79d7e16e48f08', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'f94aeaba107f6c983ee68075e21f2d96f47eef65', class: `icon_left_div ${this.size}` }, h("div", { key: '0b47282de58301370dfe224840996008de4d8966', class: "connector_wrap" }, h("div", { key: 'ffec8038a0d39c41c6715853e6dda089bc8ae18a', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '7c4d8b4c3a9a2a21d5a0d995e04cb5a649df2b4d', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e6efa2aa6d6065359519bd44a7a53ae38e25741c', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ed526cf7289b21e67b9475d0f613246781f66a61', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '964921cf6122fcfff34cdaf5ace4f0e90fadcbce', class: "connector_div" }, h("div", { key: '4dc6ac19442887f222d003c5cdff3dac04ea6844', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'd953587307c15f18a689418de74d0a094fbe9af4', class: "icon_left_text" }, h("p", { key: '5a1f8f367e69c346c01a5da8212b27509663fd3b', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'de84e418afe298a5e4eee011ce367b7f194576d2', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '25fd6cbca9a87714ab0ddd2f072656578ba23bf7', class: `icon_top_div ${this.size}` }, h("div", { key: 'd110927693e479f361cfff1404df0dd42629f1b9', class: "step_icon" }, h("div", { key: 'a64e6d635391cd803595d27f1a40107a09d1c2d9', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'a0a4d14ee33a1d677855a4715e01b5e02af2d761', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '03f3b9dac4a09d89b37caf7e46f439c0e911575d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'b7116ccbda9f01b342d5277990958550e08420b0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '8b29ede08ac673dd1bf551b91753d162b95ab69f', class: "connector_div" }, h("div", { key: '0b844927a63ac0346796955e4790aa54e335dd62', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '5dfcef0683e7950d244424b4e750a8eb2bc55585', class: "icon_top_content" }, h("p", { key: 'f58504c3440d78d0334c45f51a232c9a862d92a8', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '474348e8476517732c429c7579232abe8d56652e', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '978d9cb3c0d355041ace1527664c6eeda0c00786', class: "featured_icon_left_div" }, h("div", { key: '7f67eeed740114ea5eea351a22046b2773be12d5', class: "connector_wrap" }, h("gb-featured-icon", { key: 'd5cf3bdd0dbd34e15b224f644705a37816173ce6', size: "lg" }), h("div", { key: '51ac2d31cbc7ebd5dd80fcbf15b68e5cd072b445', class: "connector_div" }, h("div", { key: '643cb12ace0562ebfaeca9c3cba3be6b1946ec95', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'be7c13fb6ca6713e33a6b11083d34128ecb85ef9', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'a353fa98b9066e5d8f49f49f8166d4db977759c9', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'cc17d74e46013194d55db932cf98fa1dab6300bb', class: `text_line_div_content` }, h("p", { key: '2cde06a8d7e8f2ed616a741c45e3fee6c1f9cfb7', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'a1c80c9428e2b4bb3167033d85ec5afb33a97e5b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '3e1c59033d30ec37f2479520237002271d157150', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'aa0ac7a0e76188d8afbbd1d88c81c24b3faf91f7', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'c9e4c10e2789d34b2d924e5a108d7e04feeef12a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '88030df47528fca8734540fd3baa385825bed8d2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'cd82784398b3b119841da50c8898418081cc517a', class: `icon_left_div ${this.size}` }, h("div", { key: '53e3f6937caf90756d28dddd337c1424d5a63e67', class: "connector_wrap" }, h("div", { key: '97194e650c1ca1860cefbae40d2f04f7c06a2d2c', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '4e9aa9a9bd1d13ac8a0f61b4dd60115d2ec20809', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '73810b14dfb08a7f9e5e3b033b54dcd3e7bfae98', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'a4aecb00736ad08b483d8b469027cd55b644106d', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '3133262cc40c16f5f018e1240fa25282569fd9ab', class: "connector_div" }, h("div", { key: '6143b0d96eb30e2f510476ba8aeb5fa332628de4', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '560d5e1727b468884584456cdbee844399aec099', class: "icon_left_text" }, h("p", { key: '63a68ab4f38ba1f29cb23e53ff388317c6b8f4d6', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '0f3636f21e549382601a5275f423d7d278255373', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'd1f33af166b9f38ebfbc1d542e0d7e0dca378ad5', class: `icon_top_div ${this.size}` }, h("div", { key: '99e3c331d6513a75ad885b3037929af623f672a5', class: "step_icon" }, h("div", { key: '5a86c110daf3b781c1abde7fe213f65186d27a41', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '134f177923f0a59dc8be5183870535c6aefe04a4', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '0adf458853bf4c7b01fb00ed3107102f18edc4ab', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ae2c45077fbc2e5f4c744ba1bb22b28994c1fc97', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'fb3de93c20487eaecb9c24994b08ee5e9c8772d6', class: "connector_div" }, h("div", { key: 'd7b4ad3e247d630ddb0ad524302f682179b47b74', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '4c39d1e658cd9378fb545599e149f358ec17ebd9', class: "icon_top_content" }, h("p", { key: '02cdf922176fd227825305c5920c9425133df49c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '21703bec5233c34959bd7a81723e069acc826109', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '91ad5058719a05ab0d0ce617b604201a837d6b9e', class: "featured_icon_left_div" }, h("div", { key: '9cb66cdbfc9f8194eb7442d8a86eff206e7d629b', class: "connector_wrap" }, h("gb-featured-icon", { key: '584c00c739d54031158f853fd3f794e3602fcb65', size: "lg" }), h("div", { key: '4a5e334c75373fc4aa62934ffd60043a4d628614', class: "connector_div" }, h("div", { key: 'ca322bb0d43a25ce4b7202c48c7f4bd751540126', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js

@@ -35,7 +35,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'd7950dec5447dfaf8d2ea37f71bcdc7032e03b79', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: 'cd36f970281e908457a11f3e09d5aff7f9c52eb2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '2f7ac5d6b54873d9574d9ad44e1405cc216342c6', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '478b3423be7b2de8ab4b7491d73f1b284bed09f3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9cf9c17075b3e74635a3752026a03abf30a31c69', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a96f1bb6da94d0ff0ea5b9ef453972d06e3908dc', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '0ae18576a2b193fdfcf734974a62c147b7ff7c75', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '556016817f7f42ff2cc94d34cf861ae1e3d4de89', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '1a1e1d9a500845930f00289b544ccc50a8d5fe82', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '90ee88c9218366ad3edd5204f4f971fcd83bf7f6', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '9bbe2b59fe052d2a4152c5eab676150004611943', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '76d000440ede6b918dc7e8af52849cb57af18453', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'ec0156c2a9ead1b9fa7a1ca7c351d6def25817be', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd6f9e3fd21a56164515468799d964fe790be75eb', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '048150f8a340c98dbfc63a3fcd501a8e3119eda7', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'ed8076d2e32af3c855918866a7f55c4f2072fa34', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ef2ec628af94856bd01c6aed65965e25f89f5d5c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'd6c536973ad3b2092231dd1e38ac914d20d34523', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '8fa36861048cdebdace013ca012937652dfa78ff', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'f915282f11e4db5f76ba9fbe4122f89b9e0b8d8a', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'ad3d73bca2e795c7e1d74f8e6fd4aaaa9f1a62e7', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '2d4cb815801e99a3f8a6e4bee22797c0e659f90a', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '4308ef8507331a3eae19e3d17bd674d844df8a1a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '1f00e66e0873b13b954a607b4ebba78f19dcd430', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '829b231305eaf7df85797202b46bfdbdbf52ccae', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'aba89af71a31af5a793169e390ba820241d5874e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'cfb440a9a082bc33db52cf6bd57f2273180c6eba', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'bd363f8802a16dd0feba30b31b971bfca3e1de36', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '50568a950ac298e6f6f7e2a917e1d4e6a4bf0035', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '42298efff696e8842f49730d7743384616dba1e2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'd54767f3d11fa559dcefcafc135c277136d5cd6a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '86c2537e36b57d1313e8fddae77e186595d8b585', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '386cfbb1d9fa638fb777d12d112abaf29a0e0c9c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '729683c13917a7e597eee52d4e8cab7b7c1baf11', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '83e517e368bea1d85b6daee5fe02f9df2bc9439e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'f45f659869147c167f7b2f3dd92b01b08536cacb', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '96600e760a01be0f01cc5a680173f1a4785086a2', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7dba1c86ffbb0f2d00a664e1d4e22baa096b8ef2', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '2b64c59f8dbd5e0dd3c3e30db17da0fdf7ba6eec', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '24982817044a136ea94508839472b62c6e285365', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '900425db36c943f6f10754b20462681948250e4b', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '27e2dae9c0728a5b27fa43ad835a0f48f82d99df', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '8dced94fedb02e513900ff2d734905e34a674499', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'ad8aa8b8807cd19ab6d4940c50a2b9047538f327', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '47533423dc57d1466d1ed674f109f9a5fb7c720d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '2457ba762709a705abdda7df9a6846be32bb60f1', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '37accd8d12f5ba4c2490faafebf83d2dfeebf9ac', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'c92fe1156fa314d01b9f810be019f0ea6362a6d2', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '6e2cdc341d801453d3f1c28e6ffd038224bed9d0', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '1571543a3311c8946164dff6666d5c2fafd938d9', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'be56c0c295227b2baa0ff94c24c95255787fdb2d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c9650d3958ccd9202788d91e259afdaa1d2445e0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '491805ed32684847e7539d461c792ddc8ce7430f', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'e960bff19685a709f1704ae3b5ec9944ead610f8', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '4bb21591029d477e7af6b5f76747c52ac82f2a60', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '52e4591fbdd4feccbab8852097935efce795252e', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }