globuswebcomponents 1.5.3 → 1.5.6

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

@@ -36,7 +36,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '7448adc3db80883b5eddc43f682eb2b7cec24288', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4ceae2fc162195a036a2c8093cde4abde69fd3f3', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '9d3a5b5f024a718140bd0d9468427ec20f17d016' }, "Previous")), index.h("div", { key: '38e232aa40d9ad9f57394d43a1b58200d3bb1f68', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '525e4388dfb153ecf9b624f3790c7bdec57a5308', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2bcf9c1b8754ecc2cb447ccff010b759f0009596', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '1dea05e997fb770b96cf5544882a07da886b2478', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '25a760b485d60ea7e0352ebbe7f03ea377720ccd', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'c87bacf7c463121a7678de9d8b08bbe8bbe64b7c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '1fb1441f143cf1f4da40a2a9b0bff64ca944865d', 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: '9c4f8bfdca3ae9861c5ec7aa4b7104e92f402093', shape: this.shape }, index.h("p", { key: 'ad3c6052d995d20eaafa395e2e9bee3551f0f1b3', 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: '0c2e8a4f36be421c3e1d8b9b1949718dde2150a1', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '907f30089390bc6cf349b394547d7971899d968c', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '8c924d1fd70bef6ae2c73d8f6937c6e958c2dbe8', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'ed9df88a2688f7b14ff1a9ff00ae3efb56ec7cc4', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '17ffcf9f2843c37bf5c3850c3a21b22e33170256', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '5f83ea05b14e56bd06d95ff7622e7fea24f940a7', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'a16b75f11b76a27f1ca009c7a1e35c8e61498f7b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'e3d1879d57e60efd81e2dd68b5066fa0a0ceb640' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f90b726e706cbc8064dca8a91db914ac63ddd7c8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '05d0679536984c910c54697b75c87348b1c9a259' }, "Previous")), index.h("div", { key: '3dbd47b70da36d0662e34295df8599c9dfe1c25b', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'bc3ee384fc340e171cd0c9b5273bd626779ef912', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2c2f06eb0a9f18135db048775c25d0e2a0f3d8c2', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '4d95a659d900764293c689c77cc5cb707261e30c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '04c04b7a00cf56aace9323d7690485273e06f9e3', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '7fa8eca404affe655483a0c6fc31b278c0cc4af8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '759c8c4ba8e4ad1ce7fed65ee8801dfbc0ac6c89', 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: 'dc6e5f9ecb926bcd2ca04c2c1e74c4f1e43cb4bf', shape: this.shape }, index.h("p", { key: '2af26ab96fe3eee495f99217fec6e599b7872274', 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: 'adc371a228cfba75d30b418f225f21f9a2532dde', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'af6f9f9ed079f64a50ab8da656a32b02e4b887a6', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '28b834c57d85076a200180901113b86ba449c4d4', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '8d96accd329aa05a954d6150d8973a3a93ca571c', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'cb6daffaa0c88fe081d730cbfda1c39e0901c004', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'da311c472087d58df1014e964369bba7fe8ba72f', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'adde7d419f431e5127ac78815c9d7b9161507896', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'a2c659115433abfb2e540186507c20226e5ca55b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '3ac055e2646ff8ebd309f4f7b16edf44fd518750', class: "pagination_entries" }, index.h("div", { key: 'c4cccc060356fa62bd5a1bba6c4dc07fbdffad21', class: "entries_text" }, index.h("p", { key: 'a41cb52264ff3e6bab955bcdaa07b23c47845695', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'cf431fccb865b092256c36bfb86cc90712ef6c23', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'fef2ebb0083479da7890dbabeef399751db8583e', 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: '3d013a9de170d80d656dac8f22f5497c22672c0d', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '38956fc91cf5132934d538eb5e9168307e1c6ce1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'c64d7c1ae3679dcb143e6d17eb45075b16f270cb', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '51a2af0421ba91aa284bb59e5c538b9f52345521', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '0dccad7c45d5b2051b4cf7b8a2142f20a59daf38', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '1331c35290a7c1c55d9032406e1bad49a8378da9', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '6df463ba158e1cc1211a7376b63d69cc4deaa2cf', 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: '80379bb405cb3cef1a1831d3439e91f068833fed', shape: this.shape, state: "default" }, index.h("p", { key: '8d2dc9db147167b60b430f9d9b3ef352c36020f3', 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: '4d7951d83ed90b5050478db4ed25f96c267c7138', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '0e45afe32745884cc1f80d3c8ebd06bf1ca364c9', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '4c373c3b9d277c8c53ae4d4dd3797f1e7719572e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'df5ff2c68632432aefccc678c49328951992e069', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '51aa5bb67b95a107842afd336fd68166ae35063d', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '81dac1d141749b24ef3c50b708945a363153d1af', slot: "page_number" }, this.totalPages))), index.h("div", { key: '0d3e8730eeda294c8beb549fd61592499835e6c7', class: "pagination_btns" }, index.h("gb-button", { key: '875d78759b273de0e4ecd61b9ebb235ccdef017f', 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: 'ac49d603aaeaccb510bdccc2c6c3dbce48466b9c', 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: '3352784bba7490e2514f0713cfdf126f83e17849', class: "pagination_entries" }, index.h("div", { key: '8748eccb2058192c43fdaeca6e3e3c92c9577e4c', class: "entries_text" }, index.h("p", { key: '7028f38cd47ee1ca46f7b58d4f7bd2e0d47a5c81', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '1f8f64f7c02d7c51726b1f1bb682426b9097a8a3', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5a2b18c0ed0c1f663f58ea10f1914a49179c4504', 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: '3b780d4ddab2f2f6610ad7e3ee5e2d872f5bbf16', class: "page_number_text" }, index.h("p", { key: '520cc4539b1359c4ceded4bf901a28636e055d83', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'abb445382232ef34772e99a89f4d9f0532e2d40f', class: "pagination_btns" }, index.h("gb-button", { key: 'f9c000acd4cfce054d5bd97ad84b61186f324924', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ac6ff98bd8108b3a13c994bf437ccbe14db0369c' }, "Previous")), index.h("gb-button", { key: 'f166d83439f3d0768505577fa9fa3a536ac16b24', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '4d346873707f3cbded311e3ac901ecd1ee3884e0' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '2c9f2da87325f62d2a406ebc305cc7f6cb1f8c02', class: "pagination_btns" }, index.h("gb-button", { key: '7b20c095e74a502c19608f08eaf0341ecb0ee6a6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'bc91b91b63e7ddfca0dbbc85dd335de44964686c' }, "Previous")), index.h("gb-button", { key: '6f11c524b0ff7b942b1e8c87161296ea2084b7b0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '65a2598a5e4ba8e7ea5337c274c3edc7b0d70045' }, "Next"))), index.h("div", { key: '8dd6c0581b08ecc7082329e09651c89b1551d17e', class: "page_number_text" }, index.h("p", { key: '36ba9b1a9458c388b8eb75c5ed2816710fce0e6e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '6e888ea8960c7b6bc559d87e62e35c7b83680ac0', class: "pagination_entries" }, index.h("div", { key: 'f2fc514b6df0b88548342760c2b91e69414a2e53', class: "entries_text" }, index.h("p", { key: '6450ff13dfc67faeb6dfb561c1a179bbfa0fa0af', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '7d0dc0b361c9d62f4cbc1d2c935aaab3177342c3', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'd8e17309c78db77c83e805a2c2de247a3df15dec', 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: '8d2d2c05aed2fd0f6dbd919dc05cc811774a42ae', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '9942f01d588f369f005d1eb353f408280c51800b' }, "Previous")), index.h("div", { key: '8b9eb263bc0415f4deacbc3f12e688b749e76376', class: "page_number_text" }, index.h("p", { key: 'b88f6ecbe822c8941f759a528f2f7286e9b3048a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '77ec6e410c08e1ad2ded4d302191feaf60fd0319', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '77c1b416ce261af7ff707d0553d73ec42bc8ae85' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'b151e42a5135810fd5adbb3f05956bf217f7802e', class: "pagination_entries" }, index.h("div", { key: '505f8f8569d11a7f2a8b796277fde86fa8edac85', class: "entries_text" }, index.h("p", { key: '948c9d6ac4f04e8428ad15aeee31671174534a69', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '146fc8fc235850f5f97dd302033f1aea513f17fd', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '3011d4a1cbeb3a5c12f3e70e29db9fdc6871ce6d', 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: 'abb7ac53ad61fb5d1c93ae608a9f2ec63c3d7b7a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '17a4865d57c7da52bc9a77c89b488f3a9e66e8af', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f6029dd6946758ddced0fd7f1a375aff777006ef' }, "Previous")), index.h("div", { key: '73c95bf5a79b2b66487b1a8553dce0473277b6bd', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'e5ab3b50552900188ca747dd8a634044536d665e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3713491f08c0be3bdcc836ffe0dba19ef4c17beb' }, "1"))), index.h("gb-pagination-button-group-base", { key: '3b8c79c7d1f50b72e23806153595e56602a90e60', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '6d8699849cdc1b9acf71395b85c7eea2763e94ed' }, "2")), index.h("gb-pagination-button-group-base", { key: '3338b93e329704ab6faa89187a84eba7f9b5d897', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '8c215f47a874bd415b2c7131d50aba1e4800629e' }, "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: 'aff5254d2bb91edcfd0bdb5b11f8bdcbd666dd31', icon: "false" }, index.h("p", { key: '6fa2c7fa9f9ffd467277370858153b6a30290460' }, "...")), 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: '5e154cae7b0f7a3ce2ce422ed17e0f11695acbcf', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '344648776b5ec3a7fdd5c1820a53490ecbdf62ab' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '91729cf1513d1f6b5f874e1f4bfe446a5369aa41', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '4a40507dda280d9470c132c6c31e4cd9afbbafeb' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd4bb125cd65dfa7294ef2c197862f9597f270ad3', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '7fbf5faca0cefdbfc09d5224cb63741a90790b31' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '3ceff8a3a7b3545477f4317ad933fbcc54f36f0f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '7ae060f1b06a84430d4be863b01bd5dbd66b0df4' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '2495a98a2a1f3e0d0d05f5e1d1d07fb4d5b75324', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'be95a769a8ece5814ee1e76df02c98a673efeabb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '0c3e689006c05128e0c5c0a1b379ab6ee304e077' }, "Previous")), index.h("div", { key: 'd0501637284c5d59958166effb49db61f9b07de9', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '0af1291871b2f5a4ffc2b2a5584864ccebacda0e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '75d72c2a8b1e89029ffd74f3bad51b76f85e308d' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c6a33bdbfb6b653610d8b0ecb283c5cf74005e32', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '272d306451926a8735e81e9f70916c33a22b22b3' }, "2")), index.h("gb-pagination-button-group-base", { key: '47542a7fb775e0bd7e0f0554c788b851030a81f5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'a8c94c75d26640032a6a54fcd2040e2e5c0d7dca' }, "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: '6a4087ed566b4a48152713c47c647e8fc775752f', icon: "false" }, index.h("p", { key: '0276ec62ab09f49a53bdab89200ef4a8cfcd2de4' }, "...")), 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: 'ab2122a1d049dad8a1054c614604b9c883dfc786', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '10d8cab4d44c5015b9241becafb7969ec934af58' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'a22e42901924fea9fd622e7fca3d996cc1999af8', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'e12cf904227b1fb41c4d3097f7a9180a60f7afd8' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f8725c7c39ec3f5bedd2291e658d64b18f0b5c9e', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '553b48e25fca93d40547defe10ddb577cf116f8f' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'ad6d433944cbca0b932f47456ee5e5b3965f221b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6470d537102d7d114d0d20b0451d00ae52352415' }, "Next"))), index.h("div", { key: 'ea2b4aaf8e6077af7c2292eaf6f7b3e5b245d84d', class: "pagination_entries" }, index.h("div", { key: '20972d8d569e9483f9331c991ccd8d78b1dafab4', class: "entries_text" }, index.h("p", { key: 'fcc8380db114f3c82e66899a0472a39c402de1f6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a24bb52e46443c05c8722794d139709924f77544', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '49bb364e5e09942dcd6b231be5115e6a931aa516', 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: '4b6a3daaefaa6bd262bf537a600425f65fc401bf', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6ea0286bb287b755ea0e5ca05a6381377ecfe7d3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'd63c329f226d01ad8093f15f34a6d99c79bb35f0' }, "Previous")), index.h("div", { key: '9532ce4a5f38fbbeb1f0ec343044e0068fb21655', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '513c07e2bb551158598bf7c624f304cada33a158', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '82f3f3eb10a6d1c3fb56d3f0de9b05acc54cdffa' }, "1"))), index.h("gb-pagination-button-group-base", { key: '991bff44a0ba37f228b5f25d09af6b704ef252d0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'e62f43009f9eef797c6431b913741ca80e4d2598' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a6fe094f858a32bcda7de2df4b38893edecf352d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '7bee0d5e96004faa1ca6f5e1c9a21f9dbf68c4a3' }, "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: '0c29d0d9824b68804584997584dbf178a4c21ab8', icon: "false" }, index.h("p", { key: 'd44b350e90ebb7c036d5224322effba6cbc7a968' }, "...")), 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: '314b3ea48e9090c18ae8c7f09e05b5907a77d30d', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '4c1e9a8423da48b9bc1b49809e6daf29f8c57b43' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '11c416a7aedb68c7a5a33c39ad45966f27e6cf95', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'd645ecfd7d4325fec1e2de68159ef3a79e58939d' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '2372c7a2a571ca68291591cbd5ef346a5457c0ef', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'b4aaae51737c1a14510a8475b78c3ecb4c1ac020' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '3bfb7e85a652781279ac9a56b44e932e0e55f97b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '00a9f8566164a527333916b02d470034bd6392e9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '1c1dede37a1d847397bbfbc98a5b9a2fb75778f4', 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: 'b0d854bf7d707f68084cc35f1f19fadf581f75e3', class: "page_number_text" }, index.h("p", { key: '9d84f97984c0de1f1ff6e453c7f62df1e0af5b90', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '65921abeb724b4ef70a910e777339c32ecaac0c6', 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: 'f4171806d688d304e7b28a0b14306c21929c1c48', 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: '498e3225951e731841de49f6c3b560641a13f1d3', class: "page_number_text" }, index.h("p", { key: 'f92b181508a56de12b2277b5061e402cb8cb591f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'c1482fb0fdabc6e800dffa213c7eb61f43e84c5a', 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: '1cf728b38469f1ac11e2e6c73de96254f1c4f731', 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: '0215b13d898c152c7fd092b1192b74e9ada0e1f4', class: "page_number_text" }, index.h("p", { key: 'f1b918bfac4be737a71983392f80a98a088af652', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '5fe847258c2b93d06231bac782d23ba055768ace', 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: '43a092ed7e8829c3df9248369890250b560423e1', 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: '18f549b8d0106ccdd4ba59ce04791e37eb832406', class: "page_number_text" }, index.h("p", { key: '112c91b8190505cb415f62ebbbacec3bee3aa65c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '790af2cfc4cd6368fcbf34fdd5d517ef56bf61dc', 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: '305c74feda09f4f645ec8b51ff9e1649c9b1125b', 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: '54eab313d1e39100d1c0f93be3abe49cbb186747', class: "page_number_text" }, index.h("p", { key: '88808f080da360533c53bcf22608b5a2d7ef2ec4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'c79d70e6dd8bf565e45a0491f3cf58c72862739b', 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: 'e5870330c9f51abb51c52f813066d371c58e815e', 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: '75316d301dc2af368684e10649a3cf2ef862bfd2', class: "page_number_text" }, index.h("p", { key: '8aee22f5a477421760ea228e657122996cb8272e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'cc61e08ead62a5c5e16a107e0b104fa8d1d7a601', 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: 'aa0ff8b3be4c20705cc245be8f0f007f97d98a52', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '60428624f213e3d360742b8a6b0be1b9ee3724e6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '20a7d9a6250a56ce2c64aada61d6cbe8fab7c81e', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '55fb5bc1924bf30cb5b67eff18229de6cb555958', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'f737cf2fff17dbcdbb17c7f0d8eac6c2de56e021' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'f0a4dd0a348f58f75461611df96df3f0c7f58fe9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'e3f6b9bea6852a350b5ea3877a2bf8a268277be5' }, "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: '5cb819fd9e22514b33a165c5db0e53677c1f8231', icon: "false" }, index.h("p", { key: '95c08ded597f7e793fd947c6d3a0a7175308fd69' }, "...")), 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: '56090468f6edbad6500f3d2f70db0d5d644fb010', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '4080f007b4cfacd8ea4e8fbfd32f84ee7c09e2bb' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'e41308638ff7f4d0447ca163c753d993c3d58f7b', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '76be837ebcb70033ab1a70cb0388dc1febf6512c' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'c1208a6b4e339433429b9ab4c18cba276baea5da', 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: '78b4147c1c0d61d4510529ab7f7da4ad2ccc2b95', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '2ddcab187b65d30ac711b1f308257b79702d2198', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '947d56e6efb319cded8192c3ed59671fb5bf8fe4', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '4b5283723531f26c348110836121a42d3643db1d', icon: "false", state: "active" }, index.h("p", { key: '5a242e43556de9ec2a189dcc29d6fce0f15883bd' }, "1"))), index.h("gb-pagination-button-group-base", { key: '869e1a5c011faf6a09e9be1e5c4ffb212c1a0e5f', icon: "false" }, index.h("p", { key: '0f25a17a4434039d2bc2b644ebf00f03ce730deb' }, "2")), index.h("gb-pagination-button-group-base", { key: '1a25cdbb0887e8deb7dc810ae4a99e6ade66f2c4', icon: "false" }, index.h("p", { key: '6683a1e18b89df6c42fde4da6519f1b8a477f96a' }, "...")), index.h("gb-pagination-button-group-base", { key: '8e1234485d2e3ecd1581e3710cf25988a437da14', icon: "false" }, index.h("p", { key: '75e7dce86b8d278564e277e623fb730a53330849' }, "9")), index.h("gb-pagination-button-group-base", { key: '112f1b2ec48f51fd090e622319931a858eff5702', icon: "false" }, index.h("p", { key: 'd77a0994d9286430f146f1d02e1b2ab712d6149f' }, "10")), index.h("gb-pagination-button-group-base", { key: '14451745a6db467377308d4cf62ca608695e557f', 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: '047295dd795c509edb5d8e67da93c2d3fffcb31d', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '40b19ac66f539199aee0fc65dcd01ef1d4af76cc', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '1179cc1bda7afc7abbf7cdf94535d36ba79f8a4c', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '873770779483ccc1de1af522b8691b4b022cdffa', icon: "false", state: "active" }, index.h("p", { key: '636c0c2a9b40dccaeaf4bf7d6638a7e12dfec4c7' }, "1"))), index.h("gb-pagination-button-group-base", { key: '2d79a1a432470b34ba42381bf171fce123b12157', icon: "false" }, index.h("p", { key: '66253b21461da38b10e011610ea33064b2a40560' }, "2")), index.h("gb-pagination-button-group-base", { key: 'd798924816243ca14c37fe753f18cda6f46a5980', icon: "false" }, index.h("p", { key: '87dbab1fee3dad967c4f742783c4c4c6b7a4234d' }, "...")), index.h("gb-pagination-button-group-base", { key: '3842cfb1e50bd7731bf9cb280a78d0cbd511ee81', icon: "false" }, index.h("p", { key: 'c87d0c995f03d02dda64b0387f9e164986faf097' }, "9")), index.h("gb-pagination-button-group-base", { key: 'f8131d0a6946992211f1f5e2b7bd44147b72e5e0', icon: "false" }, index.h("p", { key: '26a37356e6ec1dce2043cfe3ca51db6cd97a3c09' }, "10")), index.h("gb-pagination-button-group-base", { key: 'a6d7551f737bfffbb75de2cb4e2397fd4d6407ed', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '756ef57a62649739c9c30ae5c8b1f929931c4f7d', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2bdfb28b6f78f3a8c4731edecc191f77bf854d26', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '0b119324379881ea8b04cb59866c2b29c688019a' }, "Previous")), index.h("div", { key: '6a73470427d425e033b5d482a95033cf01c6ee33', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '6aee9c987c6c338f0ca966901010206e6b0fc030', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '7cf4616ffc717b4c2776fa63ddd5ec25e82f1dc2', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'c9ae0d40a72e61884c6e7712e6ba026c5bb7a017', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '49d15379f19e63300b8796befa8fc4bbbb2291a1', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'bb83aa9286ee2ca89a5ed1e7c46a03445b7d522a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '8bc180f4a9a5c639c0046f5f32c60b6e1fc2f047', 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: '96a79da2549d91c5b7213144b9979204f93540c2', shape: this.shape }, index.h("p", { key: 'b23e81c770c701db64b23810c39e7545303db527', 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: '98790681945b81aa380971547f575de68d3ff245', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '381461f58a81b497b3f4c2ef400edbb23d844989', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '806c32096117e60bfb0ccf551394c8644b79df8e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '15410d2ac8f6eedc65a636b88bca66d101668924', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '5248be923107ed076a2c047e467ec7a28a040f53', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'ecc17bb35214cf30393e08f7343b39dfee42bf42', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '3fd1a31e1014be0ef49fee5a5d7cb4821c73c66b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '5f81d04efd2b4196e93e532198480d2394b690f8' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '1bfaad078f13be8097dacac1660eab8c48411139', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '0338309aceedd119b6f29dfe31e4f55a1bb637a5' }, "Previous")), index.h("div", { key: 'f879cca80b9a0e9870efbda362fa56af20fa937b', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '37130f80ea93bb58ca2646d49d757ebdec269bc3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '4a9ed1235bf391aca2344f5efabb579b2bb2fd19', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '16f9e6b9a0ec31afd2a69980a0288a5acdd77cd1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'e8ef751862ab68a4d9241b13b593aa7ab1c54a4a', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '459ca032fa1d19b39dbb74652ad257f2290b378c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '9a483f19d24ad59677009b83ea131395f8dc2717', 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: '7d0e9cae0cbf3ca72af438efadb5fbd019f57e33', shape: this.shape }, index.h("p", { key: '009549daa9c2b2a1205ca667e25e9f2877af48bc', 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: '66470534d21aa10a0dd5ff0deaf8994b8437b9ba', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '10aedfd22889adb109b5b801c1c3fe74881d36cc', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '0a306d749ddc321b8d8b9b9589d1bdf591feb4b7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '5e0e8159587a208697466c6f4ec4eb1e92b10ccd', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'b407a12f0af35bec0fa6ab4f83b91994415ec738', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '09a8265598c3b0bacbd2b3aa75fb1c273ed7da48', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '8b75ba5a587a409957e7cfbf216ad5a659cbab02', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'd22b070339ae062591c584670b91ca0bfc8df12e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'c6211977a40f829bd858285111dcf60f235adecf', class: "pagination_entries" }, index.h("div", { key: '4c8732b8476b3dc63897f175b0ec40f4a37ecb94', class: "entries_text" }, index.h("p", { key: 'd3f8f0e4057ebebfebb12962bee0bc0fea5b485d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f33bb5bf8b0cba88d98308169f2813806e7eb206', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5129a94f10b23061d0cee49f966a0c1cc374b31b', 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: '6ba23d05a441603596dcea2f676d333a1d12f338', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'b0ab1df55bb0c537033cbf908961f1d936718a2c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '8da89875411f5db73ef3031f17b6962adee04bc6', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'd789c77f1ab99c190eabaad50fbd12b049e6f76c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '563913e3172bd3e0ffbbec4704a3103bad03c78c', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'ba0b508398189fec163795d62d08bc0caa5a7e0a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'a16266cffd0a5cd4b249d85c185e6ab043617e73', 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: 'c61bda9fa3c1d3b5aa61c14cda7219a0c3755b7b', shape: this.shape, state: "default" }, index.h("p", { key: '9985b6a4a4058d0095f94492400936286b37bbb6', 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: 'b75254f1e67412ad4c1fe12a9ebeabc4ada88a93', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '200057b55f56ffd2228ee78a6dcb9248cdb19526', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'accab51d9b611a10f8c14ec99bc90acba5170fc9', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '1306d4812ffae0ae46104c2ee369b4a32b30b3f7', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '583d059e97f7de863b7aa2dff7cc5cac883d7c89', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '48538be6f9b4edb1780e02b793d2cb514907ccf5', slot: "page_number" }, this.totalPages))), index.h("div", { key: '7c6953bd4cee41a98922307ea3b2fb3e04afad22', class: "pagination_btns" }, index.h("gb-button", { key: '5c2bc072202046054b070ab8d5107df4a8a4585c', 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: 'b07ed8e54a7ecb1e8588d872790265d580b6b9cf', 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: '034dcb578c4e61668cc9c0e690860ae1cb80d05e', class: "pagination_entries" }, index.h("div", { key: '74eb56d88be9fb41648e0d321fa1269308e7a864', class: "entries_text" }, index.h("p", { key: 'be23d158677ece671108d467786f2a3ea7e4b609', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '12b4b754197a75fd330efb5ac576eaab1703d8ba', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '54ea0e71a6d42613137b7926d56fdfaacf0e28d0', 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: '2f1bfbfd154caab1967746f3bd33453e2a0e862f', class: "page_number_text" }, index.h("p", { key: '133c835da2c3513705fd6e79fcfaf5bdf4e85e91', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '8ee5f40db7c5aa070678bc88f6168a0c1979f9f7', class: "pagination_btns" }, index.h("gb-button", { key: '23e8feb23a336e769add2d2ee332a1883c63f15f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '50154be435bd2df49109b40bd78624b423cbc284' }, "Previous")), index.h("gb-button", { key: '3f768e4efd2a11c85c71423de1211f9055f3070d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '891344a9152ec63fd7e6650639dd7dc67cacda1a' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9b9db81df01d60163ce7a6c59c30f16586709aa4', class: "pagination_btns" }, index.h("gb-button", { key: 'f1e14a7f776d14ce3bcbe0706112029a61892006', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '621d59070c5897e2931ca79c63feae62e70df310' }, "Previous")), index.h("gb-button", { key: '7d20803f000c033a0fe97fd0d8ba25b5e90fabac', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '785bd9a3dd2a6a664d66d20ee307931bb6588187' }, "Next"))), index.h("div", { key: 'af44c2a7be76614e60215763e7d9f9a09ecbe86a', class: "page_number_text" }, index.h("p", { key: '9712060c8a217b83fde5ec2d5382c0eed5111ebf', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '7de37378ba34b270987f9e8f0c72533d0a7479de', class: "pagination_entries" }, index.h("div", { key: 'a8a4d4752b57719cd8ed285ff5cede5556cfd044', class: "entries_text" }, index.h("p", { key: 'e73692ac49ce99c620361fe4132f116328d1e4cb', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '5dadcd3e3edeb35bc14bd80fdda1d7b9ca161181', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0f1060bcd64cc804eb7cac381e751b81bcbd4233', 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: 'c7cd0bcac071cdcc0a8acad456f3965856228edf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '858f8777f9535b864f113a31090536aa2dc26e57' }, "Previous")), index.h("div", { key: '1be949ac0b271f648ecc9f6fdf1a14f5d3c75363', class: "page_number_text" }, index.h("p", { key: '03d8060916822f993e1a69a48a7ff2f18c802f62', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '0ac8a64996e6c95171d1dfc60ccdc975441e3ff6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'b9d7ac36eeb0b7bb9ed325a12541d8ed57367064' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '46f0c2eca3ad28db2bd4104e1891f1f000ba4e1f', class: "pagination_entries" }, index.h("div", { key: 'ecd6e5053a84aa12da8a490c1cb3389ac7899804', class: "entries_text" }, index.h("p", { key: 'd8c222c733c7fea905bb9ef4838ecfa69cf286cd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '32bc714222c7bd825ee15561b34e048163c5d020', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '47103e01a34e58ec8c1a8cd5b55bd2da8478e5b5', 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: '632036011e94ceda371a3169b8a05b6a98195b11', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '7d9f57f66058e22b68ffb48ec8a4bf90e51f3cf7', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'c939ee586266a86f47eb567712f88e78308bddbb' }, "Previous")), index.h("div", { key: 'e36096432a5d943e6be639273e2c7893b9d10710', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '140660d24fc4e182e1ea9a528684e7bb62faf638', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '77a2ae59770f739893c7758faa724c9948aaa339' }, "1"))), index.h("gb-pagination-button-group-base", { key: '472777bd4de8017178994b66faa6addc7639d7ad', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '33e1cf2e9584cf548d98c345b65bfa3306bbe52c' }, "2")), index.h("gb-pagination-button-group-base", { key: '9f3cc297e0bd53d0e22b734c72681002ba462c70', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '19d724780ca437c2eb400ee3ad493aec6dcaa034' }, "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: '15607f8a0ffcad9427c6e526bbc261c5ba58fb49', icon: "false" }, index.h("p", { key: '45e5b8293eb1804c01375adb79b99ca1978eaea5' }, "...")), 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: '2f5b43eda3dbed0f9cbacbfe8483cbd44c5037fa', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'd69ce8d5e396f2b3928687463249ac25d4611aa1' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'bb79c859ec226bed3303d2cf27725831bb130ff6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '40e530a9d4d82ce49203c2d6254b408dc9ad58f9' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '41852370696d18808c26a172823b0b60503320ca', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '5ce48475d2d9608ab1015c18976177d2eed38978' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '941c2a3f70dca78801a6e213a8f1da674a0faa2c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '36477b0ac7661205c83cbd79b432b3784dd2c81c' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '0402c43b8fdb382b51703a8e6d2e084733409473', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '8766370588827ba8cde835c1b3dbdaeebab0da45', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '60d01f686d7794ea38a8735163e096377edf78be' }, "Previous")), index.h("div", { key: '5fbca8e8020b039ffe70dd49b2a3788c33261f13', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '8a9b9733afdc3f2448003608b98b984d45a93355', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '4a77c98d7905e78260fb667eb339a06f0ad339e6' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b74d6e2c810c5a12516282e3a820337e59074aa2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '4bd5f2fe55014a6e2bb0649c37d47b8bba2391f4' }, "2")), index.h("gb-pagination-button-group-base", { key: '81dbaa4595352be5c63eedefe0e078e1515adb2e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'ffa641c53b5c34d376f5104349c29248e6c50ec2' }, "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: 'ad6e8c88c7971fa43cd8c1e61c351c37954cc0d3', icon: "false" }, index.h("p", { key: '4044fc9845be8b8eed9fcd9c6395ddd78f777502' }, "...")), 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: 'f7d5e25338ac7ffe34bd94b2d1cf91c0b0c03ec7', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '736479c6937321bf7329810c62fbe45e25808886' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'bef6fe136356510a09e3a83324434361ff2a4032', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'f58b60e22245e132c5aa2701802739fe6d49d07f' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'fa79dee3921c8b6b53183d7c5110f51de52c25da', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'f44f94d2e3a467e140fb9f9f4d32e7073c30f7ad' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'cf58ee55b85935e122c1b111ddf10e9dc1e150c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '110f18d597995822266e95afe6230c8753637170' }, "Next"))), index.h("div", { key: 'f1cdc9ec6753016b384d96822bb895b042e84703', class: "pagination_entries" }, index.h("div", { key: '1fdc3d5c40fecf3db1e2b0c0f61cd98c33e564ae', class: "entries_text" }, index.h("p", { key: 'dc5d13f2f79fd933db7a72a1780c2f3c0de58c34', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '48e8393156a6e14048b1bebb3ddb459cdc49a17e', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '415f8ae62644e6a130e9ce1e1e13c85d3ce3225a', 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: 'b03ea79790bc740b4ab3da0e285e7f6cce2ad97a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6468eaaae782f6847993edc7abb58cbec1af9886', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f5b50e22e084655cb7d5d726d6e4cd80a331ee9d' }, "Previous")), index.h("div", { key: '06934aec027d63a3b6b227ea24bb3121f546ff69', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '9bacc8290639ebb877f2cfc7ab3a72f9ab127e9c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '823a0eff555c6ea3ed62f0bb634ffb399fb1d281' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c03e484e9eff0ab1c73999b7354256d45059f33d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'f795bcd8da2e709bb340642b30019d0f39707bd3' }, "2")), index.h("gb-pagination-button-group-base", { key: '435a842c64165ecd1f45ef7f4697875b6fd34dda', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '10dbe07c1aadeae8bc0bc09d0627cf325a7003d4' }, "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: '4fcd07799e680dd720e47257dbd02f6f95f85906', icon: "false" }, index.h("p", { key: '1f3db91f2bed89b99d19919c42170361223c8915' }, "...")), 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: '13efc9c0f75efa6c0b290a40aa0726423d3a9274', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '5be4ab7034565756c19ce24ae3256c7422814fcb' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'ced9d7782459b3c0e0511d860d733f4d0a19410f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'e0a73c6ae98bbd3a79aaaaa9bb75a0b8da3fff24' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'efdf5abcc9bb6ed0e4d5a8104748e10f1af498f2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'a392462d4ed6e86e843d4ec06ec278cfb2e6bd71' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'f83913d6a921e613e9c10412e5e941119dccdf5b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fe84bc3dd4ff654f56cd791b69b7e5dbc436c2ca' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '3ce8d9dd4b0bdfc27ac03aa23bd65fc425bc3a0f', 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: '977a7b2312a9635045f720d0981479e62e23682f', class: "page_number_text" }, index.h("p", { key: '034381591855f09f4ef61717e70f50872ac56f04', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '66abcd1b89533bd9f89b9bc6a310b1d04e11de24', 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: 'f19efa412fb122addd4504b3b4232960e5dcbf5e', 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: '5c6012a86be45b66451099df1d34c487f360a076', class: "page_number_text" }, index.h("p", { key: '5986ca20a6767d45fe43bf7308658d3fa274d096', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '305598db9131654d077a5a5fe2dce72fea55e6a2', 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: '8fa97cb0af63b72b437824680e0a05b05fdd2e6c', 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: '1a5e86274bba0f23628cb8d74eec7a83cb527f96', class: "page_number_text" }, index.h("p", { key: 'ea37ce1db36ff9ce25458570d245a8065d0a6d8d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'a7129ec56269e565f6183eab4210caf4689673ae', 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: '543ae75223326d44dcf3cf7aa246c7cefaf3a6f9', 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: 'cf6e22b4b31def5487943249f2d4706336aef60b', class: "page_number_text" }, index.h("p", { key: '4fb319e984f74a0dd38e65a27787d975e09d7a42', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '51ea391ddf52df6c908d0a782eca22557ae67a62', 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: '689525cda8a61003e4253b9d993404cc9c661ee7', 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: 'a96b4435535fe2b65c9767d49dc3d0adb3b40c2a', class: "page_number_text" }, index.h("p", { key: '8248c7a16c4b83b3f53c2e29b4893ee72a1734ff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4e5dd7a5407e48e2f812a5eed2023b5db487bb22', 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: 'cad57e352785ae0ed500f73e3328fefabc85e9d1', 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: 'e2c0b6f90ca48ead595d9165dea9baef14f3941d', class: "page_number_text" }, index.h("p", { key: 'dc37bb256edde42c13bff2eb4a77f5319531a0ef', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '573fc5d28b89658b879f1a14323d507ff898082d', 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: '19c9d9715a1bcc387b9d4b874a226a791f0125f8', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '71eea69faed7df79a1956b82bf6bc00446a64e35', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '1fe49d56a4708b064d6804306b4e3702e2b9d802', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'd316da49e652dc1c092e83bf127b6b711d2c3e54', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b8efddbbed7272ee3963dec29963c7c48b307b11' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c07136e9918cf7982a8bcdccceda3d3b193bbf9b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '8a641f4b86502810be3a7158f2c9f373d636af55' }, "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: '1cbe946056661b12ba13ecc0da92794ea84b03cd', icon: "false" }, index.h("p", { key: 'b9180d4496fc74645eaf11b7ad738e08bdbcaa52' }, "...")), 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: 'b15754e22bbf7186770f342312534b07deec65ef', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'bc8e63ed83f5b3957f658bd74724a57aef16647a' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c5afb9407f3bc7fa58996251d60df6c115e54840', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'e63bb50a995a1c576d4009c9cc61860abe798607' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'd1aba37c0153fd5d8e5f646736118801fd623299', 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: '04a9f069e798918ff89df0b40eebc8e7c2a04a4a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a60ae46f6d2bb4b7bd7f393b4a35503e04c7a09b', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'f2d09f03520530dede5402dea4e557e06fa95338', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'ce0cb0545caaf486d2e0829b1332f46880f9922a', icon: "false", state: "active" }, index.h("p", { key: '92afb74bf02dc9e132b992ebb3ebe2a26b18fb68' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c3845a15808f82c8244d5b1a74244ebd46f48eeb', icon: "false" }, index.h("p", { key: 'cba1538d47804476249d3c1ec27d7cb6bbbb1730' }, "2")), index.h("gb-pagination-button-group-base", { key: '528934ba98c2328196dbe315a008558fe5dab4a6', icon: "false" }, index.h("p", { key: '143b7c8c61ac7d88cd662fa3f0b4e06efb73a445' }, "...")), index.h("gb-pagination-button-group-base", { key: '99efeb34715f0bd84aa833a17980a2631e71571b', icon: "false" }, index.h("p", { key: '83c8cdf6cc5acb994592f9f3a1eafe584aeae314' }, "9")), index.h("gb-pagination-button-group-base", { key: '398c79d61a25bc9d1c0f3d95b82266ee44cceaa5', icon: "false" }, index.h("p", { key: '1134b7d231251514140f1b28e2224e3ad945ffac' }, "10")), index.h("gb-pagination-button-group-base", { key: '6fcf89cb956714aa1ba4753ffd1133f604d842db', 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: '2c54541ea36e78fa1cbf079e6d677a98f09bce6f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'c175ade2cc587ade88d8d60c894248d33b735a47', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '2edd99d6a903f1afb0828327a883f0f3aa142afe', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '023311f8368e3a796d5223f402dea46240105525', icon: "false", state: "active" }, index.h("p", { key: '937c23d528c8055954038b22a3d1f2b0b1d097a4' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'd68266abc49b8deca19bbe671629b442ffb70733', icon: "false" }, index.h("p", { key: '4c02c124adfcd2b376bd305a1bddf6caf3efdfc3' }, "2")), index.h("gb-pagination-button-group-base", { key: 'dc2e77b0bc734979342110eedd2b696023ad47bc', icon: "false" }, index.h("p", { key: 'dbb23dac316862c4d1820b612b24f34275913092' }, "...")), index.h("gb-pagination-button-group-base", { key: 'a9d747bf721c100364ce4815a875169eedd68fa2', icon: "false" }, index.h("p", { key: '3a814589c4af8c787757b3e04ecbb619b194a18b' }, "9")), index.h("gb-pagination-button-group-base", { key: '873555d0de856ea32da6aefdb2fe04407fa91c29', icon: "false" }, index.h("p", { key: '891a4e2a5fdbbeab0cedd51095b5756fe5fefe61' }, "10")), index.h("gb-pagination-button-group-base", { key: '021c2bd1481c4f68e7ff96a11c3cf72fa41c927f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = gbPaginationCss;

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

@@ -34,7 +34,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f65b0bebc92eea2d4123c856b5513073345d61d1', class: "gauge" }, index.h("div", { key: '5773b1a5b89aaf0ec8bf08463f44516ca2859ee4', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '1653421597104e8a7474f2a4626ff2bf99e3e7e0', class: "mask" }), this.label && (index.h("div", { key: '475c013d4a85b76db332fb40bc80629cb25817f0', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '929e590929d22855fed1d9150c2f7ba21e276441', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'eb80c605f83f65aa6b37fd03c6e244cedf14710b', class: "gauge" }, index.h("div", { key: 'c7fd11a7ea23c110973caf7dc61d669099493d41', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'c044fa48ed8d33b97304f784119619368268deb3', class: "mask" }), this.label && (index.h("div", { key: '0fcdbe182f171f6e43eda61fce89b2a1897c11bb', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '58b8b9c46635bec3f695f357ec6d0b6d541ebfdb', 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

@@ -11,7 +11,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: 'bcdb8da9540ae4ae379f1a5ab952a89e387a3f69', class: "scrollbar-container" }, index.h("div", { key: '4a6706d26bf3f455bf32695f20f5c16374e2fd8b', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'd22f40d787829034f71527669379b3b746ef24e4' }))));
+        return (index.h("div", { key: 'ac90735685e875623fe0196f8f5f0bc6b2173d0c', class: "scrollbar-container" }, index.h("div", { key: 'd26c2ca70eb2cc4770f39cfe23e75787d6656166', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'e87f88608046cf8e6d4d28d81e9e5b02f7f6de4c' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

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

@@ -105,7 +105,7 @@ const GbSidebar = class {
         const logoSrc = index.getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '9e09c618e7a849d7ac35fc3374ed861ed136226a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '0220b03c26e3e6dbd02d221b7689e98f8668bf3b', class: "pattern" }, index.h("img", { key: '326728fabe446186fce6ef0ea673a1811e583748', src: patternSrc, alt: "" }))), index.h("div", { key: '7d1ee8bc12869e00452ca2f4bf3c15093bc3ec2a', class: "nav" }, index.h("div", { key: '7602035452e624bc9faa682b8788620754641bb9', class: `sidebar_header ${this.state}` }, index.h("div", { key: '121f04036d5e88b9a97ba1e530abf4f2b32af67e', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '6055c5b4095589514b061063ca86a1a56b7a69d3', src: logoSrc, alt: "" })), index.h("div", { key: 'fa940a6e8c01bd904e16b143dcfeb5a186d69d6b', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '9e944082f3822074dbfb8ad525d95ae340da0987', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'c0475980fb1fc8d1a24f899ea941fa7b8e9879ac', class: "navigation" }, index.h("div", { key: '639e98a96a5e1768773855248d82d3f8f3e68105', class: "item" }, index.h("gb-simple-side-bar-item", { key: '2ee9e07eba0bea7c46d162ae6757577dad4b697b', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), index.h("gb-simple-side-bar-item", { key: '519bbf67c22a38bfb50f0313d46add188e34787e', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (index.h("gb-simple-side-bar-item", { key: 'e52c0faa10f0945267d0996892d814442d7353bf', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'a552f38fad5dd095567d753a5a305e63ca414ff9', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'd672bb1b915f3699362d6ebd55edd89cdf6ce4e1', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (index.h("div", { key: 'da3c1ba4292b2afaa847f80b485dbf8113707236', class: "navigation" }, index.h("div", { key: '9e474e0f99284c2d02ae974f1703b3b623d7ae39', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'f69877db1ebb81cb17ff0fee195acf0e3c1226ea', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (index.h("gb-simple-side-bar-item", { key: 'fbf168e0aee7f17141883f1f598e8dd2591d6d07', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (index.h("gb-simple-side-bar-item", { key: '4a75c950b5ce3d92001ee3381e9cca0365d6fc3d', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (index.h("gb-simple-side-bar-item", { key: '419a60c078986984e97583849815eefafeb4beb6', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (index.h("gb-simple-side-bar-item", { key: '216d1c6ecea785e9d770a5bc6b2b7cbd006355ae', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (index.h("div", { key: '0d4a310f02b1b3ba0fbaf2fa560ad8f5bc8e6b04', class: "application_name" }, index.h("div", { key: 'beca400f77274324c884cb9a7eca435278608e8e', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '7c9090f31d5bfb53eb92914676d4c11c477685da', class: "application_name_pattern" }, index.h("img", { key: '70f29594265f4341a8fa7cecb82aecaa62c56705', src: patternSrc, alt: "" }))), index.h("div", { key: '0556bc0806d021803bba96f6fddfe1a478527796', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: 'abc1dfff0f558a30fc0f877d37e97bbe1f321056', class: textClass }, index.h("slot", { key: '3cfd269cb25bca0513c9a3698c84aace808debf1', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: '10127fbb51c62de5437954f29caa324abf4cd184', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '3cf67cb13326e0e5fff41d39000a53d929382eda', class: "nav_div" }, index.h("div", { key: 'b27f1c1851b3596dc0338f7830ba31662c0c91cf', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'ee4987ec5958f231983e2723192704ddca005921', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '85320f7f1372f55debdf8ffce411befbc34e8b6f', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'dec1af67f585feb369822e200c4a09178c75f22c', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'a217e4eba36cf127d408630e402c7795993d9f47', class: "complex_sidebar_div" }, index.h("div", { key: '230572a4ca3c8cd305af4ffeb63fb0807f4d9fa0', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '4f3eeeff6b41ff41e7957d65129a297b30e9e2a0', class: "pattern" }, index.h("img", { key: '6f1e81bf3eeeac3379b9b14f183e93cf6df74945', src: patternSrc, alt: "" }))), index.h("div", { key: 'c391158b7370e662c6993f3b333449954026c3ae', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index$1) }))))), index.h("div", { key: '203fe2dea96124cb0e102fd99fe761de25888c4c', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'edf83c2fea6ca4eb833ecc89262b63d500b16b0e', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index$1) }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: 'dc806ad14e11c0c9ce52f204c7c0be372e6698e7', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '90cb4baa959e3ba02287f93d1e0ed68edb38b71f', class: "pattern" }, index.h("img", { key: '5ff7dfdf8d87b1c15641b497afb7868835952728', src: patternSrc, alt: "" }))), index.h("div", { key: '08f813bc30321c4dd28954c384ff805d95731720', class: "nav" }, index.h("div", { key: 'c36e65b861db422e78d8a9fc919b6cca172491b2', class: `sidebar_header ${this.state}` }, index.h("div", { key: '4bb25b37ec291a46c5b75150a647a0969a64a709', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '6f973b4b4ce6f9ba9c2407b1e6cffb70227e6853', src: logoSrc, alt: "" })), index.h("div", { key: 'd23529372282b95f57b0da50c4d509f65ac8177c', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '2d611dae8c1715e726ff0b0d96ec269d0eaa4600', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '3f130843c9dde92e771c1ac21e0a8618e658ea53', class: "navigation" }, index.h("div", { key: '6b18755e4f75b5766bef0ba88b97b89efe894a3f', class: "item" }, index.h("gb-simple-side-bar-item", { key: '91178c5b4961d532a848ac6ba4c233b438e3c556', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), index.h("gb-simple-side-bar-item", { key: 'c5eab7ed3105ce2ca98d96b587445b605582c571', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (index.h("gb-simple-side-bar-item", { key: 'c552c1befaf4cdfdae1e0d2c13b781325481ec74', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'e913e222e3fa84f1312cc666e5829c8654252a68', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'cc14127b84efc2da34177215cc555d2679fe0a58', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (index.h("div", { key: '1c617cfd002806b17972756c91a20b3e330ef118', class: "navigation" }, index.h("div", { key: 'e516a3f96af94cf31aa3f99cd848b9d19fc70b4b', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '7633e55a3054ca761c56791d8c3217be71c86c12', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (index.h("gb-simple-side-bar-item", { key: '8a9dbaeb2e10d0ea7aa4bc9d76469e2a34195535', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'c700572f72700295765714783e8269a51df4e7ab', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (index.h("gb-simple-side-bar-item", { key: '84d478ea2b4ed54eb5e57785b80108d9740e6b3c', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (index.h("gb-simple-side-bar-item", { key: '16e35653f9628c0b99e622d60fbaca7b0c543b6b', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (index.h("div", { key: 'be426b6416f1b0f1b6fa6b70cec0631fc5e9bb84', class: "application_name" }, index.h("div", { key: '7ebf68b9f8a56c3726cb41aa2ea926308f038f13', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '40ea8ffef0a6673fc6b04f6c20ac2d87f1f897d9', class: "application_name_pattern" }, index.h("img", { key: '041e11056893aa8069a946dbb8b40f1ae75c232e', src: patternSrc, alt: "" }))), index.h("div", { key: 'eb3411b67a0b2089264f1d4924f25450c4f0867d', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '419f374ab637c822a103a6c6b15aa8ae01188816', class: textClass }, index.h("slot", { key: '0a610c79740b1c12a60bf6e99450ab7be5155af5', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'b6427737444d9e38b8c8e6d5f02fe8c68a811062', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '06f1735e2df369992373a766930c962e08469ed1', class: "nav_div" }, index.h("div", { key: 'ac5d7b9c360e6a9e15a6b18de0899aa345fabe8b', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'e020fa101fe63b798488e3248fe26f22dc75dd01', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '873650149a54cf25567c0e7b7d5a0504f85de956', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'd43c6e3ec28592392475ad531b8bdd8b98428c03', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '1c76cd3a4ae9c26433aa34c323022624ae9f9403', class: "complex_sidebar_div" }, index.h("div", { key: 'ea353cfc7c64ca8f4f5d006301205862abe019c9', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '649e50af9d778ba219cefa22add8b11d0e4c4776', class: "pattern" }, index.h("img", { key: 'cdff4b8b23e1c5a782ce0363e37da468ffc6420c', src: patternSrc, alt: "" }))), index.h("div", { key: '73a84026e369c3a1e89851d909211239d6c231c6', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index$1) }))))), index.h("div", { key: 'eb797ca5f83f4a72185d1f58b8961b2b9896d60c', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '8752fa98da6582bde0ab7aa2cfdeb77b0d4c7431', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index$1) }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: '1fd2f71cf22440dea73ecce248ccd67eeff590f4', 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: 'f2bee42b56456a941f83050f0cebde787f7b10aa', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'fbd3cd74db7880f702687b0e5d273d2d7540db4e', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '15bd729cec5dfedc27f66701694e6734a3987ada', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '44cdf12ddb108f5c2d646140440ff7ea89752a9d', class: "thumb-label" }, index.h("p", { key: '2d56444aee403034ed942cfe8b4d0dd19d88baaf', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '61c3ec5c2d35d8bb3550ff0f4e28e03fd30d53c5', 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: 'c929678d571381d9c3e417c7714de95f73148ff2', class: "tooltip-container" }, index.h("gb-tooltip", { key: '87d3a0412a38776853c434740a8d7b83fb72de30', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '210aca5005dba9096d12856954caf9457aa9e2f6', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '8e232246f97554fd6a0a62748b744c7bdb1b7e4a', class: "thumb-label" }, index.h("p", { key: '9e88d59f07385791a25e3713fd8bedb711f4e8c1', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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

@@ -78,7 +78,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: '022f4f8a038204b8054b2e929a28ccb2a09cf745', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '96a0437dca3dfea648bb247e7ddefe3d2ab9f048', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '6dac1702ea7c86c881d525e15dd3f8eeb7a1ed0d', 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: 'd17b8b48512aa79e700ad1679bb4c1489900619b', 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: 'a912851bcbeee3b4749ab14e1c205d537e465006', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'b9caa4f7e5782ddcc60b8fcc2c11c731203aa0a4', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '21b753fbe66c6e7982acc27b39174b0cff094b5a', 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: '9ae508442562c21a0171712e8e76a0d2b452de68', 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

@@ -23,7 +23,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '631cf547277e4d3ca570d00644d8c824efe4ab4f', 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: '93e04c2cc80d1fbb96794f3d11b0f813fadb5e4e', 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: '48a270bc452c7c0fe7b5bf9903a2c44e66bd84d0', 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: '910f93890ca4a52156d5300e1fd499afe4e3fe69', 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: '1b8de550c897533dd70a22d138362d1050929ebe', 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: 'a4c133ab0890e024696200df0ac5a376c5e8d2b0', 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: '54dc657f99ab7a419f241609ea73b8caffb3d158', 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: '29a4c6961b187d0427ab2160fcca3be3ceb63998', 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: '6d650918925c57b9cc12fb49d5cd2af35765155d', 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: 'b170b016c98461e155554f2fb40f535f993d5f9d', 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: '311143b3452e005cf645ab6d3a84bd55e161f316', 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: '01b65440b76012e83b114b606580dd8b68329293', 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: 'a3448e6fc5b87d2bafa4d486d75f689bee741397', 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: 'af6e08340abac5fcefcf1508d18560bcbfecdf84', 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: '9742e12c7d41beea7956c2035b1d848c1d855c2d', 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: '32a9fa1e791c3be41be566a2363d36dcc6f4ccb3', 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: '4960086a7f8012b481e11741bd7243c076cfc109', 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: 'c5e671fa2c7bc7d53ea019d3d77405196db05258', 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: '91708aeb972b482306a775979d0cb2ab4a14d528', 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: 'ab29b4d75c5f6d109c44487f74203199449e4a2a', 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: 'bd7bd4a565c59104d485ceca998b9002f3949853', 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: 'a20b2d6a85cf956fb929c35d00048290a2323f3a', 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: '6b00f74234c0060173fab8f76c835182161f102c', 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: 'ede360e5ec7238aadaa668746efa57a35054f38d', 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: '7ff264e53be07b486d9eb7ff4ca9a78c21379b66', 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: '7d3151dc3d6d7925ba8e66038683a2adf65a5398', 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: 'be1ae6f5477ceef5e3f227915bdc6f608d71005d', 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: '344642be06286a914c15483b8a3eb76539b0f6dd', 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: 'dec223900f845ce64b58cd24a56bcf5c9ee40671', 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: '637dac7a94936c0f53ab4dcc42f0d93bda2673df', 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: '851fc6c404c74c450be0d3ff5995765cf7783c89', 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: 'd8b1a6db166c07f014b3ed0d434474fb6f766a06', 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: 'b13594cf79aaaf687b65927f9e3fbb8e100d796f', 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: '59c2939a769984b672646fad5738c6d4b3373fe6', 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: '0ab90d91c2b7ec4cf66c11d4c2a0032164504333', 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: 'f924df4abbeaab1c6ff43f4635ac1cc3758d8c6d', 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: '7e854afb3dcb9c9fa767f3feb6a7be7afcc0e812', 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: 'd5dfdd99056209af88f76c71030a58afc4ff305f', 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: 'f1d45716c38c52212490dc54bd3b87961ad912bc', 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: '8da3da10eeb70a1fb6f2528c4c9e76df489d0008', 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: '6b27e10b6c4d7c2615d442223669cc497be5d83e', 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: '06e8d83083d1a5c2f1dd0f0afffd9b559f89dcbe', 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: '6cffae252dfdd2227d7218774c48b0a465b752db', 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: '92dd2f0f0e212a457ff24b1c38f8ddd156e2ef76', 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: 'a132abb39889e8543ed3a87bb534d4bb64c76856', 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: 'c365a55f7a6b0fde53fb1d747eab3a777c8643b1', 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: 'fdb15988c41dc3fdc42365d8349a625c5bbfb61a', 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: '3e5c8d5bf51245488698047176268d051a661364', 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: '336c727840cf9a56a181f92b38ab37f5538ee3bb', 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: '666ec723e7119e61559d363f8ce5c0a2cc6b256b', 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: '9f1ac9bac108a2d97bb27cc2fb3a20d21ed5d99f', 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: '8989e2d84f0b416504322f54489b14da0e33445b', 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: '1954cf2717b2eff9c8408a30709da191b3258610', 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: '6c5f15362e267736d085a150e0b91befe7c8e154', 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: '7e405a53a221a0d3ccb1a22c7fdf1de95054d8c8', 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: 'f2272c8ea1bc23f55cd6b6166c6100b7f9e257be', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

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

@@ -37,7 +37,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: '2d8845fb17d15ca84be88fce982f4722a8b888cd', class: "text_with_line" }, index.h("gb-step-base", { key: '0d2ee3eee516246f60f47350f811fec22aa00b72', 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: '1decffe02e32c741e4c7d21bb6b517053a3143bd', 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: 'c7d34e7bf7a2dcca61a6c761967b4d2ef6a9b87e', 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: 'dd230f61687a36e89e2abeb2af30c7c015da3dbd', 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: '5784243c9d6ff073ab8efb723b923324009bccfb', 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: '3527599b6260d89baf9ea18f687b59e9cfcfe889', 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: '1ce3e1a9f0b4432559f2097c5b812cbe35b39bac', 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: '6815f6ccb33ca714ece7bb746cc27df9aff0b989', class: "text_with_line" }, index.h("gb-step-base", { key: '0c29cc8be9984b4f177d07ba61c1598dc9e7126d', 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: '5316d1f250a3551aa7ae3185f36636ac47cd207f', 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: 'b8584af1390db1920cc9b847151abd5c3caf022a', 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: '9452f984254adb985a58fdb8096a3bd0d4fa56a9', 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: 'be9b508d9ac704208c4b986696758f5cf55f2d16', 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: 'ccda4b98faf27073dca79c534469d623b50821ad', 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: '37cf84938d7aeeb7e94ed65145f76deeb3d6c1d8', 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 = gbStepperHorizontalLineWithTextCss;

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

@@ -83,7 +83,7 @@ const GbstepperVerticalIconsWithText = class {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (index.h("div", { key: '8d5710f61408b3e549838a64579c040f19cd6ac2', 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: '98c6f7e45b7a0d3f3973bb2bd0092438a97575f7', 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 = gbStepperVerticalIconsWithTextCss;

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

@@ -47,17 +47,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: 'be9c134e4eadb06aa99c811c805859183a914500', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: 'ed8fde1a4bdcbc98639d2690c642ebf579378c83', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '568615942ad0cb8c7e49b25122109013f26a2c81', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'd22009b867f2876800708cf566a3ee18d7d9245f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'cc9262417d4c987f94f927d6062a7964596b4f0e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'a85d29294744bc5dece9365b77236a0133527276', 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: '2e4c96b493ca9dbd82276627aa7cdec446077077', name: "count" })))));
+                        : 'gray' }, index.h("slot", { key: 'b10d50409eec160f87894ca9e6e607ed28f08a26', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -190,14 +190,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd51c6026b1c8757f5a65e9da9f823a7bfee2d9bb', class: "textarea_container" }, index.h("div", { key: '3a8a8b817a14f1e4c2f8e97f38132771ad1e7254', class: "input_with_label" }, this.showLabel && index.h("p", { key: '31d5e3039fc07fc35d422692ed3e4fa84cc88497', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '8e062328c4b78c2aac8ffcdb50ab9db8d8d341b5', 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: '6fd22260adc5945ef17ca1a940fbcaba6efedbe8', class: "textarea_tags" }, index.h("div", { key: '3e82749af0350c9d891902ca33ec3662b7b00c3a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '582a98344e9d140bc590de40235a1eada4a9170c', 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: '24830164c09d450894d160867a00ff91f87798df', class: "textarea_container" }, index.h("div", { key: '0519078e5025891edba5151d6bdc477dc8c15027', class: "input_with_label" }, this.showLabel && index.h("p", { key: '7f126fd7e382395c8875569b5bd3e18cbeec99c4', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '3e27445bf3659914a594c803e8f2f6e38ef083c7', 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: 'ff2b0cfb9834b391fc407da6d36ff989f00c0852', class: "textarea_tags" }, index.h("div", { key: 'b66e554c00c4ed4ab7dcffa733ff64e17bee5b27', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'c163db58fcf21b9fb460ade531e89de395b8f0eb', 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: '48967d39b6fd84bda3b8a4c024aa6bde54d9b1ac', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'c0ecc4ac99b9c79a4baa8bed70e14cbb2f2ca757', class: "input_field" }, index.h("input", { key: 'ed7848967118cf09d497bf547c6190cdd0db687f', 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: '374e590051ac10e0efb109547941b91f6848e051', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'aa484af806f595a6fcc7115c8d5b48d7082a7ea7', class: "input_field" }, index.h("input", { key: '023a161f67b86664006a5a55c3072f02bdd8bae8', 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: 'dfa353cba4230f237ff9b1566fe370f41d785c64', class: "help_icon" }, index.h("svg", { key: '78f6545714d47a847e4f2d49d4508d27882f9e1c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '09d8d7b50f380bb14494373d1b1910c93b2ac9a6', 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: '2ee1790dbeaca3848a6c8db96d476dba08d150fd', 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: '5c0d98d1a46cc3eb88ad0748527e69cedeaa2eee', class: "help_icon" }, index.h("svg", { key: 'e013e2fa650ce342c9b6f7ccdcc4a7bb8d4780f6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '1f8ea2de0eb7f28039f224db56427f7db43a2746', 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: 'ef3f269e0618a2c64fe223642057982b31910607', 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: '604ff8a84b0b52364e991b626f444ebd463f8c18', 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: '365fe2b0513f60cc6a060144b2c29839dccab2e6', 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

@@ -13,7 +13,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '61260ac4b7148498acfcc407a2e9cf947ef33edf', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '45252dda28729581c85c98b264aa5a6fe633bb28' })));
+        return (index.h("div", { key: '316c421cad78a4b916f32234b785f1f265635bab', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '7ac559c9a4b57960b0900bd118c45a99f78e45ac' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -59,7 +59,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: '716efa20fc44ce42fbea948c1e45044df4a192f5', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '001e44e21b03ca04491803cef5bef5f8364789e7', class: `icon_container` }, index.h("svg", { key: '4d6b8e634bc71c479079c44bd0dc4099e85d9913', 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: '36154b187196dfa384910aae254add990750b6b6', 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: '52001b232b963b7e4c365b7333db7ba171a242e3', "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: 'd839a7b372f3b2f817e1c64c8b0f15e848ed4fb1', "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: 'da1c8c034b699869975fd74c7e6cec1ce2aa7dda', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'f37076ffc6a65839bf27bd7908fcf9dad0d3666d', class: `text ${this.size}` }, index.h("slot", { key: '769eecf190114423ba8b67716aedf0fcccdd060a', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '43dfdce2f83890b4fcf00063e700f9327c1b2dd4', name: "supporting_text" })), this.actions && (index.h("div", { key: '09b9b9acb1c617f5f8c71635ae68c832ed7f8a49', 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: '035b3170835c1c819776463646c1eb74d0fa5899', 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: 'c3ece26f62c397c1dd6c6ae2495b3734cd951ddd', class: `container ${this.breakpoint}` }, index.h("div", { key: '60cdf5646ed2dfd89a4f32560405544f8bfade37', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'b0e1aba8418a27c7315ac950cfa8150da9574796', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'b10f57e168bb6a587d5564d425737008d3081fdf', class: `icon_container` }, index.h("svg", { key: 'c25a498d3b82a11a672023084785d4f97ccc8355', 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: 'adc39843d3586d3c4e53bc69c6fb65cff742c548', 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: '8ae7008cad5bab2a02a12fddeeca39ac7384ffa0', "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: '95e17756c8d9d988ac1c4ffe93157c9688809bb8', "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: 'a8d39098332927bb82131bb6a5ca932cc6ab1d50', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'c32e855495e1b4433bf393968e812dfda06a0ebc', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'e1e2833e1cabc1b3140ad3038b1cf4ca1acdf3d2', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'b9e178146256959440d75387fcbf3ad1cc4a39c8', 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: '52bf36105e91217c84362db8b87ddd2a2e6508d4', 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: '9b6f6d8a8441b81dbf50b8cc5dcf5c968167dc59', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'f62a7e60131b643d024f897fbd9a89c827f173ba', class: `icon_container` }, index.h("svg", { key: 'd8f43757f92c264a33f360ea4e02976e7b44bb16', 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: 'e14daf20d87e9ca06cd02418c729acd97abc7b47', 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: '0ebd58f6e1d93ca96a2ca9d15ccef09f15bedd52', "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: 'e6d1c390e84003ad7a4db8bdcb4a5faf95b59f69', "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: '2e02e5972b1dd088fc6c4aee617c3716ba550aaa', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '0ef28d7dfa25e040e96f208f9eecb59ecbb9a234', class: `text ${this.size}` }, index.h("slot", { key: '3ccfe80cb83dda80c7f35e7aab4b1dab22f0db3d', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'd369591aef5bd8ec3074e80247866a3b8d5e4260', name: "supporting_text" })), this.actions && (index.h("div", { key: '2875b5e3719f05469b23cf923931f6e8017d4397', 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: '238f1f686a2e4e9c89fd2ec4dac43b91d3836fe7', 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: '32ad77ba2a0df87af532f4b18f8e0d97b6593121', class: `container ${this.breakpoint}` }, index.h("div", { key: '091b0a64d807920df96e4cf812f479404e4db945', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '1e7367daf3dd348fb63a037b2c1bcbc10af4c6eb', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'befac5d10657fa581e34f94fa41491ad1ce11afd', class: `icon_container` }, index.h("svg", { key: 'ee6c039b88d1a1b270873273c486fad5506ce31d', 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: '35dc4feb5a0afeb53d304e94645c2d0ddf31d425', 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: '641668c6c65decdba64cb90181cb4b9cabdcdc1a', "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: '56695dee23fed326b277f49ab17ae80bb5643087', "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: '447be120f34afdf5a4163c173f82650e5d5cd624', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '664442e9557f31f6eada17638aa5e73d6dcbf452', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'b7cf224897ec8f11bd2c8c24675fd6f56f02434e', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'b875e3d9f93f486eb76bf968ba1238ed7a3eb157', 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: 'df0e6ebac1a55cbf0a07c7216b1d218035162a54', 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); }
 };