globuswebcomponents 1.3.7 → 1.3.8

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

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

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

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

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

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '43cf0f7a54fa75997b66b02e909fc1cbf67b5060', class: "scrollbar-container" }, index.h("div", { key: '6f054da593e8709ea0a8fd9680c3c9bd6b7c8329', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '77a9ec8368e4ba16c410d28b4abc67c94b5f9e4a' }))));
+        return (index.h("div", { key: '13bd5e169fde2b506eded07a64ece8517349c2bf', class: "scrollbar-container" }, index.h("div", { key: '2b97f06d0a803690701f339eb320aca0f06e68c8', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '69a2d591fc65559c2d7e2bc185ce44d65d17c5cb' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

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

@@ -28,7 +28,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.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' && (index.h("div", { key: 'becc9dce1eca262cbe569b754e758b5140589785', class: "tooltip-container" }, index.h("gb-tooltip", { key: '5deaa63a7d3160273a96c996a8b4d5e9266760b8', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '49e4d49b97552bc7948136392556cb8bb50f1938', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '538975e367be77501ad826a491c6892f9d96892e', class: "thumb-label" }, index.h("p", { key: '25f8259f1262a5b5b3f45a6ef5c9eeb54f87b5f6', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.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' && (index.h("div", { key: 'c4cd6aee70ad2c248d8cbda231ad9319e8fc0787', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'c7c01e67fa84b8334e486471b99fc910d5cb7ebc', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'f6604b3d927967bbbb0625701f04b878efbf838f', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '5abba1cde6c8430740f2bb42695e57a451526e61', class: "thumb-label" }, index.h("p", { key: '0d4cba0704b9a5dffa0e16f2b1fe7183a9e8ae88', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = GbSliderControlHandleStyle0;

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

@@ -85,7 +85,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: '2e63287e69d3ebb9577329c65d6554eaa92bc5fd', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '253bc42057508b4f632419bc5007459bb3bb26b7', class: "track", ref: el => (this.trackEl = el) }), index.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') }), index.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 (index.h("div", { key: 'a7c6b3461b482dd49ed452d26765867677706518', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'ae59ade2c4a9487e66b969526570b3d635be67bb', class: "track", ref: el => (this.trackEl = el) }), index.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') }), index.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') })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -44,7 +44,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: 'd7950dec5447dfaf8d2ea37f71bcdc7032e03b79', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '50568a950ac298e6f6f7e2a917e1d4e6a4bf0035', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 && (index.h(index.Fragment, null, index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 }), index.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 })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;

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

@@ -56,7 +56,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: '75c370144ea912fdaa7530f07ef2589ab00be1c6', class: "text_with_line" }, index.h("gb-step-base", { key: 'd3b41fdc8ae66f68845894e87d285900b2e546a1', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: '3605d1cc7adf42dc6b20f2477bb187a41246dce9', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: 'cce374c3d1f9c3c0dad7119f4b556d3618dbb799', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: 'f2244908d742b7c8070b72168c3e5382555e16ad', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '5f9510a5fc56b76932ceb51faf33e366fa36940a', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: '0ab60c2ef454434560c8924cd2522963a835c3f6', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '8805f70c41ee8a92b0252ee0602cb106d58d682a', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (index.h("div", { key: '22c2b9f657aba8f9be819e321fcf7212e7ce2dc0', class: "text_with_line" }, index.h("gb-step-base", { key: '41ded36a0818f197f28ec4baf7163f7acd36463d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: 'cdab642d25379733e6327602595f41ee7629e605', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '1f92b691eef3d5f63f380540502bbcdce3c6612e', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '3d4dc4593bb29b8b066210d083a04df78989a1a5', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '22597f0b9d6b36862da98da6722f23ec6da3ce60', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: '88cc32b52cb88bc838b9526df2ca4259f9208672', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '92781eb17d124e7bca2d494c38cb528ce1b56b81', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
 };
 GbStepperHorizontalLineWithText.style = GbStepperHorizontalLineWithTextStyle0;

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

@@ -102,7 +102,7 @@ const GbstepperVerticalIconsWithText = class {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (index.h("div", { key: 'b772e1af4b825d44dbc5877fa0264d4dec68f189', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (index.h("div", { key: '583b6c67629731d689289dc2b4a9ed6bd4621590', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
 };
 GbstepperVerticalIconsWithText.style = GbStepperVerticalIconsWithTextStyle0;

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

@@ -53,17 +53,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '4f617bae8df12764df2d75adaafb6912e2dacc83', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: 'f591de11fbb5b1fbc2471a03a41bc0ccc716fac9', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '9d93b6c989516fd8953d7e3ecd19980f4f962f9d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'a34107b8d0aef2e11990236e84de8b8e4db67934', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'f1315c7bf9a8006c1cc457d352c012afbb43e7d5', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '957f297f810516af17a1e3847e2efe8f5c3d81ab', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, index.h("slot", { key: '3bffc5dfe156f76c863646f27ec628767c873337', name: "count" })))));
+                        : 'gray' }, index.h("slot", { key: '5ce087587a5bc5a5c7de4d2fe293cefe5cadfbf4', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const GbTableCell = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: '5a1288cdae6a041a19a9f9a643e275cf6e531923', class: "table_cell_div" }));
+        return (index.h("div", { key: 'c1a207d8cb13bebf320de70914713514a932d02c', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = GbTableCellStyle0;

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

@@ -197,14 +197,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '07e7e08b42575df2a70cebdd4224dba5d8a1362b', class: "textarea_container" }, index.h("div", { key: '51cfaffd43f9aed9549d0f1fc2c9d20fa0fde7aa', class: "input_with_label" }, this.showLabel && index.h("p", { key: '564883c6d86afcaebf70550a31d10bdf76751028', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '89ed991a49f6cbf4b8c2088d7809b863d8205d8e', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: '4cd069101dc521fdedb321563590deb8f264239a', class: "textarea_tags" }, index.h("div", { key: '61c4f1bbc145fd3a2b4e4cfd3aa0bd516a66d67c', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '2de4ac52d586066ade92af2a196f23b847b5e86e', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: 'df7e8852fdba53180b72151796d057caa05777e4', class: "textarea_container" }, index.h("div", { key: '796e75c235f07fdf4c31f1f72e4ada33adcde25c', class: "input_with_label" }, this.showLabel && index.h("p", { key: '4137c2283c53a36ebeaa8f7f63d630f26b824c06', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '884208ee72b1381d30ac3764158febd34dc8bb4b', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: 'c2c9e5c4098ace18ee3c38f80824226a271b5a10', class: "textarea_tags" }, index.h("div", { key: '03f91d70dd25077c859abc5d7e0318997e6b095d', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'f7ac417743cd2d5098cee77c0db7c78324914d0f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '77b11d86351db94e51cce03bf0bdf4a209cc16b8', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'a3f7646e5024bf92225ed45ea21e9ac36fef3f85', class: "input_field" }, index.h("input", { key: 'daaa14f9a26aef1ddf40e29a5d99904e6e7c6aff', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: 'b1020f529307425f5f9373fd11a178ef57d19f6e', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'd9c2d601766035f0c6f1e4afd9ff8cfa37181ae9', class: "input_field" }, index.h("input", { key: '27bb5f2a1f98c5829a160767bfbf31fe594f2c5b', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '8bda85823dbdedd636eacdec0d9a1959b96a4b12', class: "help_icon" }, index.h("svg", { key: '5c5a56d634df2f361e3c66173b61e81c46f5af4d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: 'a36205a54ad7d0928f69749de8762c5bfef58178', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '873daac074ccda1b34ad153cc2d501fef58a827f', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '153f9b461e39fcbf5d851f10da3b22ccaefe4b9c', class: "help_icon" }, index.h("svg", { key: 'e0473e302f34bf2e12cf1fd52b800934d934e7dd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '3a1ed5e9be528c9c1bebff7346c55ef4fb10f7cd', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '2254538210f7952f8ab638f78965a72e1cd60d70', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: '322b84a321aae503fbd3e805143beb1febd60daa', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'ed18cb3b293f9b603de1456adc54cb0e93fd751d', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-toast-button.cjs.entry.js

@@ -18,7 +18,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '8eae1030a5195a0dc7d72c4baaa4155048292c6a', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '7d7841ed27a9391405970cb2eb773b8568893307' })));
+        return (index.h("div", { key: '6726d451339b510916fe8007880722603cf199a2', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '103e9a9420c2b3d6ba23478713585c9d196a4d1f' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -65,7 +65,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: '4aced25f1992508377cac4a3a4342a8cd7dc6511', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '624c518cfec251e80a114d981e74d9d26edcef1f', class: `icon_container` }, index.h("svg", { key: 'ebaae51091b8a908aba08e51c8c4ef7f072d3fac', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'a6bcf3aa174cac2745db6e21b5f6ed73931f1806', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '8aa55037312efae8d11e6f6da04d7bd4a374cec5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '714d4cba309d36bf68c516fd365c9aa3be19c2e1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: 'd5f4c33b1ad399e64227f40dbdddc76dd11bfd6d', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'eb090367ffa22730ce426ca421858761521c2ec2', class: `text ${this.size}` }, index.h("slot", { key: '24a076469ce14ec9fbcae0d9f2bd0994b3059a58', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'ac03edda2eb8b03323b626c95c8aa1b7f9cad9a2', name: "supporting_text" })), this.actions && (index.h("div", { key: '152e04092ac80c050a7ef2868bd2a789fe271531', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '5f541697d3c3abf02c774b555d2c33ad7648213e', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '74a79da4d32ef01d907ee99166944bf7af6a6079', class: `container ${this.breakpoint}` }, index.h("div", { key: 'e39588ecef7f40790db69305638094ba9e83136a', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '47555b085e512e1ab1ea234c26332a117313f938', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'a9ce00a66b6ef853897d31831ddae2984d771935', class: `icon_container` }, index.h("svg", { key: 'e132113caa914f54f887a37546f58567cbf52dde', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '764975f0058bb10dd7c1d50736594636b621148f', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '33887b4b4c3750025897268cdfa87c0cf3cb9712', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '0ec0b03460fd6119a29bc676803493d0e5cb5ed2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '39df2cd94a516117d45d9cb66e0f4157129cc770', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'd9e4825891f60d62290db5ba66244904363628bb', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '71f4e8ee2a00964a3891fc3a672473dd34fa2310', name: "supporting_text" }))), this.actions && (index.h("div", { key: '0bd49868787014819b43b8e028cbcf2e54611cec', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '6bc3d4a9a20a976fc21d58f74095931073e8e0b6', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (index.h("div", { key: 'b06813d599dfa75a208517dbdddb1bc1dac39fc5', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '691a7a6dc697e0ea5a108dbb1bf75d0d2d804b5e', class: `icon_container` }, index.h("svg", { key: '5657f43b0a8fafeff62908117a374886b9ea1630', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '49ce7ac7d9b208ac408458c3708613308ef82bfa', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'd59cfcb6d2b1ce0e51900cca312c1256b406bd3f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'fdc7a38a4929f4eb4908e84fcff99f1056a728bf', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '2e8217909d0afc51cd63659ee201980eb5e788b8', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'ad703a0f8a460ea395a7074d503677fdbd9735b3', class: `text ${this.size}` }, index.h("slot", { key: '8d2b9dee8e9f7c1fc52592b06b52086dad920027', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '3b7795d78508f4b64050a36da17ea7b04f3eeef6', name: "supporting_text" })), this.actions && (index.h("div", { key: '3e24d72d7c7d869c895ce20297c27050e59ce066', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '9cea4218c1d0993b6dd9f3673b36ae760850615b', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '236250552a81e9e78571fb654a36b98c3780734a', class: `container ${this.breakpoint}` }, index.h("div", { key: 'cac4d69e33f8d4fb4802d00b387100e10771182c', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'f9b4abf72828fb2234e5587799ecb92f82512124', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'b860923a79dc09bc40da263fc0e780b711104630', class: `icon_container` }, index.h("svg", { key: 'b72b9fbd976ece895bbefba7d095d528925c0190', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '88d7ab31bc2f1af0dd175a43fd9518ae8a96cd49', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '459c0dbd9de4be1d8e7eada3b4ab0b722739e7dc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '4e6990f5d8d5cbfa40fbc0f5792d3e929bc977be', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '91cd53d02a7dd8baaa2c43cf2adea80612f72a9a', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'a48c22243c015c231ae39981bd7a4aeb4f2d7aaf', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '87a2651bacf4e274aeac8e3ff04ed963f0c8f552', name: "supporting_text" }))), this.actions && (index.h("div", { key: '2684909b1370287280146c944c90060c5cdd2549', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '10632584c9d9938dede5d0c34fabc9ba340eb508', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toggle-base.cjs.entry.js

@@ -23,8 +23,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '78ac613ef3145c8ba0233e98065a17605e793508', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '5cf3ee71aeb6900df940d87237eb67ab0feade4c', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            index.h("input", { key: 'd4193fee27f56b365cc6ffb604fc5864f13475e6', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: '4b458cfa0c615aed3dbab57cedd6660c2b93d227', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

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

@@ -45,7 +45,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b842fd4496365c16dc27cfea8796ce9a3ae08852', class: `toggle_div ${this.size}` }, index.h("div", { key: 'dd369f6e04349fed0db7df6d252fb3cd8b76c524', class: "toggle_base" }, index.h("gb-toggle-base", { key: '5aaf5253b34f44365031dd1c27a1ed915bd10a48', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '4738f0166dd0ffc7341229dda9a4210f61f42a17', class: "text" }, index.h("slot", { key: '419f086d4060208ed8ce93306316d444799f7052', name: "main_text" }), this.supportingText && (index.h("slot", { key: '12a8396ff87a649494857b587a0fc4d11d2f8d65', name: "supporting_text" }))))));
+        return (index.h("div", { key: '3c242139526884494e83117b491c337209797e26', class: `toggle_div ${this.size}` }, index.h("div", { key: 'e9895f339f93a55a1490afef8338b064cc3ca570', class: "toggle_base" }, index.h("gb-toggle-base", { key: '36a5e6a9b2364582e9efb4c907c029133fbd7ca5', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: 'b15c26db29c151de0535cdf95cf42a31f72ac5da', class: "text" }, index.h("slot", { key: 'd1f00fdaef0dfafd0257bc689a1ece9068c80641', name: "main_text" }), this.supportingText && (index.h("slot", { key: '408dde312503fb950b9f9cbb921b75e14ff91bb3', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field-compact.cjs.entry.js

@@ -18,7 +18,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '096fbcc0f35e2770e8a2a465729271340d67ae85', class: this.size }, index.h("div", { key: '5c53f600084292be89fc4a7ac635193302630989', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'a455703744b1ebb0611399e9e916d3aac67943f9' }, this.label)), this.digits === 4 && (index.h("div", { key: '03540782d94d84674f7a5ac3f4c0e04eba0bdcc3', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'ec413037ce7d7c2ffd8e192b8274a0c79e333898', size: this.size }), index.h("gb-mega-input-field-base", { key: 'fde45888b346e41d67d34672ef42e3f7da19762f', size: this.size }), index.h("gb-mega-input-field-base", { key: '58f0427373006d8bc7570d6d513b9bf6b25edf7f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'acfe32c9d8556c0504074b5f3668caf3e4f76ea0', size: this.size }))), this.digits === 6 && (index.h("div", { key: '67b2ca7e0396062551b6f5d184d9cd5f1c42c4c1', class: "input-wrapper" }, index.h("div", { key: '9ac47d23c8b097af26b2c8d8ec7ec970870c98df', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'f95766cad112de4c9cd53b16570377b7c80d7ab1', size: this.size }), index.h("gb-mega-input-field-base", { key: 'eb4244750a53d5faaa58c2f95e5efa01eda7e780', size: this.size }), index.h("gb-mega-input-field-base", { key: '7fcf29ddd2cf39f2b9587db7add0c2e2b1fd7add', size: this.size })), index.h("div", { key: 'b1deb019a5d5c0dcaf7efcb76a396f9a242023b8', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '3b76dc96366a7543f3bcdb279ddf028070eaa7bd', size: this.size }), index.h("gb-mega-input-field-base", { key: '02d84e400d304732310eaa06980f36980ca1d8f8', size: this.size }), index.h("gb-mega-input-field-base", { key: '204fbd3fd443a2358d89728517bcbafcf3458ae9', size: this.size })))), this.digits === 8 && (index.h("div", { key: '65b3541d64d56f1fff4d4c57711e3ad2d92ed762', class: "input-wrapper" }, index.h("div", { key: '8f094104a60b048f38b32f3be0e98b80fa251fdf', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'a190be73553a5ff1840e42ad0c065dfa22774964', size: this.size }), index.h("gb-mega-input-field-base", { key: '25dbb9e678e4b4d499ed38fc22a3644e152a0db1', size: this.size }), index.h("gb-mega-input-field-base", { key: '63bb746571e8ffe90e1565862fc95714fb452022', size: this.size }), index.h("gb-mega-input-field-base", { key: '8f7f63ba79ec3933400ac02c3360845881ac85fd', size: this.size })), index.h("div", { key: '2a9b1849669f70c8153d6685d87b04d1476f3c92', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '10baf5007d328412266e9d6474d5738a01f8375e', size: this.size }), index.h("gb-mega-input-field-base", { key: '4ce27e25a02736fbbfed900dd4870e8b1b163240', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b4f500d7157430c50060eea83f600afb84f09729', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dec3f2ce5100c4540e74cdaa37f1245ef0175782', size: this.size }))))), index.h("p", { key: '440aed40dd5961e55e853b1e2f0c713ad056f95f' }, this.supportingText)));
+        return (index.h("div", { key: '3253fab985f6d430b0546290d91b05283624c5f8', class: this.size }, index.h("div", { key: '3e4427003d33f63d44f6afa0824f744e5a542c6a', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '9f9c1eec5f284a6992c5397cf49deb7564c8e4e8' }, this.label)), this.digits === 4 && (index.h("div", { key: '2d41ca7d6c86b0d45e5cc39844d29b6916ecc89e', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '2f97e2b3658c3ce3dcf1b5fd714f0b4e94e2086b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd34ce9201320d2d22a1ecf37edddaf11eec0d732', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a7388165c90825059b9498950292b3de2f6f98f9', size: this.size }), index.h("gb-mega-input-field-base", { key: '74f89f5498c0cfabddaa8fc0d0b0d27047b8c170', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'dc9c86f3eb13c62f4ce47558b25466d6120c8479', class: "input-wrapper" }, index.h("div", { key: 'c710c55beffe20c32a142ebc2283c181abbcd391', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '006c87a3f7d134b761204038b318cde8ba04ad4b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd371cbc4c8ae48dda3fef58a5faf9ae9cc2b8ba8', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e971d37661c7c2bef45ff7f0c7192bdda00a6fcd', size: this.size })), index.h("div", { key: '9c1cc5bfb9c6b3dca45904dc7baa443f42770405', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'c6c583191eec27545e553a8d4de4ac28c3d09fca', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bafbe9fad8c9a594858ff56b26f153207e9c28be', size: this.size }), index.h("gb-mega-input-field-base", { key: '11fcdb8e7966dc575ae1d198e3119f9dc520ea2c', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'a3430667ead8afe58740f4391f04ae544407ea78', class: "input-wrapper" }, index.h("div", { key: 'e53b36ddf1f52b90d10cb595a29fe550d7288370', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '23af4fa70d9e5efd7030deec249e4a532b1ad13a', size: this.size }), index.h("gb-mega-input-field-base", { key: '1f95a4ab3ddc8b23d8810b6e826ef016a539729f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b60a586657272d8b9ddd4b4b87b3c49a3da6a747', size: this.size }), index.h("gb-mega-input-field-base", { key: '168dec3d72b58635428ed952b2bb7b7de22694ca', size: this.size })), index.h("div", { key: '1885c3c642e88fef60ad27f7e3b383e8450b751b', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'caa5001b8cc8b9b08f821477620e76bea0d23a5d', size: this.size }), index.h("gb-mega-input-field-base", { key: '5c893a5b1427ff93d2601a3464a7775e9a692c33', size: this.size }), index.h("gb-mega-input-field-base", { key: '12652b7261145711f914667d6a591015d88ef70c', size: this.size }), index.h("gb-mega-input-field-base", { key: '9b873f0ca097a3ddbd6d4ebb26c06421edd412f3', size: this.size }))))), index.h("p", { key: 'e0905598e8f20f8ead28d03953b700dfd8821ebd' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = GbTokenFieldCompactStyle0;