globuswebcomponents 1.6.9 → 1.7.0

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

@@ -29,7 +29,7 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '729f74f661c6eb2946b58b8c5467b45d6abf6bca', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a2de927a14abf87618a5fb21383650a61b4ae70e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '7e79954eac91a1e9b16ecab96127caee5d7cd599' }, "Previous")), h("div", { key: '21ec5377456d255c61e085451d8057bb3324d8f4', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'e68f714fe73d6843ab8f67b6f28afd4848d030a7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a697d920d27a7c621201fc75d314cc5bc51da791', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a69554b85864b563152ee3868e6becdb2dccaa3c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a64105c3da0e515dc66eb2a58f846ea4684f72fb', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9e41858adfb8097ac705a36d0ab6bd92db633561', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c0b8318e87d5b769b66e5b56c8096c4958ce6921', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9ec29e863594ba409dc0de81572d71766a7e5dab', shape: this.shape }, h("p", { key: 'd063577fc97f48c61b811a8dd79199f49b05e20b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e2055ccfda2cb2a7cd69add14d7020fe2e3b3c89', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '50f85337c70acc100aad02f60a5b81ce8f7cef8b', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'c0094ab30f3ee94eb9fac57d6c0f0f33efcff1b3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '0359f46b4f49e414e749aace0c668204bd0ff941', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'afc62e7d67141c74ef3c2d0de6549132f61f0dc0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0781ba9df4c15c29bae2180324834a844bdd74d9', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2a954b2391ab1018fbd9bd11ec679ea703f8aefd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'c1f6ea7e68c3ee05fbdb461788fc57ca213563b8' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '37560e1811e6f2a336d4dda8a72f623cc3829832', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '51697d01771ba02e08f6599b020507d6d9555bea' }, "Previous")), h("div", { key: 'c632f5fc417d37d01e558f595a981e909bafbe89', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '8b51cd1860988223089a0de86f4b6c74d19a26cb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7937ba78c34fb2f5f51f6b14b12ca3df8d8e7180', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9711b73b7432d8f678053d94dacf1e6da3181f82', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '479910486a3510ec2a5c916bc7ecc08a74845389', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'be46ccded10cca8e47ad2a4220f8dc738cd7f519', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c729002eb8b0ea4fa6adfd6bbdab30a48a9d579c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a7405ed82eecfe49824eca2c8677cf45fed27fde', shape: this.shape }, h("p", { key: 'cb2e5acca7c43d8d19dacdb178cbff1a553d6986', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6ceebfbfe6296082feccd01cfed996d6e89f13e7', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '94eefcc36f6c86c532190c6a406482e9ce4e1867', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '8fd7ad96760f0e8b164667813268a015cb0398ec', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '633055684326a677d8e09e96a0029a19f3a97ca8', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f07072e8725568da5219ad09f596ab874cfd674a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'c2e59a45f96a524714d90546a9c9cc9ea989aac1', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'f27891cddf180f1a919d6339b3f87427c74cc814', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'ea7ec3f8bf28033f9c9f56bd66cea6b2ef147965' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a18a7ed0d38a57e347e987dcb3b3adf9929978f9', class: "pagination_entries" }, h("div", { key: 'd9786b0a4a67e5f34b8f196f23a37927e2c3be7e', class: "entries_text" }, h("p", { key: '7b294ffc0d3da30ff76ff0c8eed74dfab076babd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3c6704161457d27fa4ca07e4476523adc4120941', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0ae2bbc0cac8110de61ad54ba20b52d55ebd5552', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '131affe5bcbcb5bdb668bb217d95fef6983b2db8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '4152ddb272ad88acac41300b935aa0764a62f645', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'd217397c1471a531cac48f8be58bd02a25040b17', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fe43229dcab5bf350a705693e09e77afda5f9864', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'edeebdc4ad1b2200b2646c6de3a6f2cf18eb6784', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f220dcebb1d2d51a67960707cc66c7e6c558a6ac', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6ce4aa691a00dc97947769d74e4c90296c4acffb', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b779888512e15dfae89c5c11ab4ce912ce6f5e73', shape: this.shape, state: "default" }, h("p", { key: '6d271e26b8e3d350ed6810a61a03c7ad6b0f34fb', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f0d23d308d64715e10d88827b35f5216632460d8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'ce7a59c5d34ef07ead7334ece42da09937877e6e', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '0d5768104128506dcfd7feb0adccae6ea7cc4972', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '7216226f690b52eee7a2a5feb44ab21a3c47eab6', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'a4f50f96f7f6cafd8c22ba0a3f785479cc953952', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '03071a66f0a339569003af5e2c270ce93ab43274', slot: "page_number" }, this.totalPages))), h("div", { key: 'ef8601da4ba52e9b7846bb89e6e22d438c7d8c9b', class: "pagination_btns" }, h("gb-button", { key: '47e66ad6c457479fa2013c0cdeb3c70808475acb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '0b23a65a61db1872e13995da453353ccbd8b0354', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2e3ba3603c33c34fe515253021e33a2ea6add1d0', class: "pagination_entries" }, h("div", { key: '8cc737f34926542064afb30ef5425f99f2e06d48', class: "entries_text" }, h("p", { key: '69533a99551b4e663c2de5e693ef2be5c738fb96', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '77b61d70f666e6829399d117227da3cb4d470d92', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '55fb3164d72c3f59b2f6777e2e9d9e98b9d767ee', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'd61050b01db89ce74d1d0b677c3b66ad47453e5f', class: "page_number_text" }, h("p", { key: '5e2e2f32fb0f96d63019e31dd65908ebf0270ed9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'a97ee42e10232bd950fddb417a1b9759a1432920', class: "pagination_btns" }, h("gb-button", { key: '9125320e57f374edf66580a5d102d26600e9a7fc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8e388a2168bc84c3b10f30613a1121efdb2f2dc9' }, "Previous")), h("gb-button", { key: '0c417a20802fd39bc25fd9d9b51b0ef58b3cb4ed', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '09ca321166cc8d64cb7cbbaebdef53c129c2561b' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '66ff4fc0639ce8526ddd880ae2e44aa28b023d6c', class: "pagination_btns" }, h("gb-button", { key: '27894174652cf5bd35cc41e7ac714be1b600e9ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '69b547b707a446117eac21759119955c2d1cc038' }, "Previous")), h("gb-button", { key: '125b1ddb3b0494d748dd0ce8be7bdb67d101a255', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fcd10a4eac4ee83646d63aec48c90eb0bfd692fa' }, "Next"))), h("div", { key: 'd213e5e4a49a2f65e825302cd2a7c3b9463c76b2', class: "page_number_text" }, h("p", { key: 'bd44101f0d3435191d461ba18e16cef445450209', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'a83563e9b136a02d3a46ff32ca29141d793efe8e', class: "pagination_entries" }, h("div", { key: 'e9c95f8fa375cc60424ba0a6ae377c552347be84', class: "entries_text" }, h("p", { key: '3da5ec383d1a1b01f83368fd7f5575ec92fd5a5a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c48ca9284cc46df9d6e3228b32749a641af81827', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b0988301b3845fb89c3e6e3a7769c8fcb3b52784', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '392775f6aa342853db002f3cdfff68a0b1fb0de9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '79e2e388a9571602a9aa26b688dde29283945111' }, "Previous")), h("div", { key: '58dbb3c01eca5a6e10f7af86a6b18521d4c767bd', class: "page_number_text" }, h("p", { key: '401359a9d03c2fe1a061c00ac4d91a5507c0d555', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1206806be024b3691ec539969df260a711d7a857', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5f0dc7fdcf6f8e84b7849b57bd4c43794a74db36' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '6eaf365aaed7f42136fc22fe2a1c25d4052319d5', class: "pagination_entries" }, h("div", { key: '4b5a52d048eb075e080cf46df966434eea7d9f6d', class: "entries_text" }, h("p", { key: 'ab13cdf82696066a86693f3ebab984c7732f9cf2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f5d02bdfc7c06c657f776cfa25a42ca0bcfe9990', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '18d65b807eb0fa94722c385f34508e5f14388adc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'cd3e102878481db32f585780568cb81bae73894b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '43e364df599fa82e75994cb8a99148dd6f88c832', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '717bbda9a3632feb6685edf53ba43c1bd579fe73' }, "Previous")), h("div", { key: '6ec81c0081be6388420cdb8275e3f32daddca12b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9fc162b62461aa62d78fede85691abc739465f4b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '377b543d0f1daf567144917504822c6ab27cca30' }, "1"))), h("gb-pagination-button-group-base", { key: '0bf28a0125c8402c6333ed868bf0db44ad663a2e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b813daffecbf77a98f78cf92d6328871ddab8079' }, "2")), h("gb-pagination-button-group-base", { key: 'c537ac762c4f74603ff127e8af2186a373b4478c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f8094e1df8254e179d8a3481780377476d944729' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '288807803d3ae065604792c63fbbde2e8a3bcd89', icon: "false" }, h("p", { key: 'd634c1e53b09fbaae830daa828bb0a9f2ece8402' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9a2b52d1c9f691479eeed60ec475b8639b0fa61c', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c5f7ecb50f5fa83dbff34e55ac64b2e8b1ebf341' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '037fad5a69ad4babfbf703e42e86a4af8d5198b0', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '25951f53067f0ddb1b86b670300b6b4fe56f1c5d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'ee3cd80fa4d5a8c465a60ad454c1c8adf99c781a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5c42f8106ab337195fff6da7c43a5eebc4fbdd39' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '2d7887e9f2fefdb39f7dba175fd738c84cca46d0', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ee8e44c3dd287000f27ad33ccafd6cf9175fb97f' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c82670133e7e70fa0123b4d3598073353bff153a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c5b615a0b7ad72e974ddb63ff4591dff1ffdaa98', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'bf3870c74511f0f412b05871022063a93098e211' }, "Previous")), h("div", { key: 'df7841805dcdfc04ee04a5b15d00e6c310840946', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '463af390b3a90ea978a2690050c3115fbc2ba53c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1163391265c3568ef78d25ed516c2a6221ff7d76' }, "1"))), h("gb-pagination-button-group-base", { key: 'ff0723aceac0ab6f70a9cec1199139d65c427ccf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '13bccf87ae1917dfd6917e93bd26788fc988dee9' }, "2")), h("gb-pagination-button-group-base", { key: '67b50bdf03917db86eacb340f09059d1b8d0597c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '20db5ddd3a574ca871951032f4754722e2109d5b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ace564e29e1ad520c0fe50a5c38b6ebe5823ca7e', icon: "false" }, h("p", { key: '4291fc355b376cae10cee101fe5910e61a798b49' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b9414dd35f6419fac0a02176a2269a96e22b5732', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'b68f1441cd63c38f623c057621ed5b65cab3536c' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'ca5b5936f84969b6716a4c97a15b237a3b7f5594', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '63252e977e7a0796e3e137f23b2c3b3a2c3b6221' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '6a6544fed97681f7e4428a7c2c3dcad4b55b7560', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1f28042c1cae38f08065f4c81db8e7464a2f7baf' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '219cb0f3f02297957d84f51e937a7bbfa14d99bc', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '961347ba053887d66592ceb8c2fa704333bb26ff' }, "Next"))), h("div", { key: 'c65d9b8107b4ae786afcc2a5fd175f948e5966f7', class: "pagination_entries" }, h("div", { key: '36f33070e8c63069d78daaa5f0c38d96a88bbadf', class: "entries_text" }, h("p", { key: '543204542a320d9ce22fffd9c2a71956eadfcf22', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e1da7732ffb9e9b8ef35dd662a2f8f4116c66d00', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0f1cd14288ca2fb188babb7a5d200c1d350fafb9', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1e408c0f74655ba8184336925142fb4086f2d75', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'df442957bbd936fb2f1d85f95106714b8c62c50d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1d0a28d352d0e9ba277ed06b5e02fd2e329aab84' }, "Previous")), h("div", { key: '761fc7ab420ea91860aed065384535a9e6228ce8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5239024fddb8a26060d85ae8380d071d98dac274', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '904dbc5302ac897b27bfd6a2a699ac70892140c1' }, "1"))), h("gb-pagination-button-group-base", { key: '1792d6982171b8a08f51e6b2cd98f1d34b5a30f9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '83da809f785776834242015b0ea75bd08d5dbe0f' }, "2")), h("gb-pagination-button-group-base", { key: '489cc1b4b21ec8ce6003d8a141ae0d1ebde3ad30', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '92ce6e96ef19fb59052d0bc26a03c8a70565eb10' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '42c9e58cf80a51dbacc93db5a2bc0e2b7c442659', icon: "false" }, h("p", { key: 'dc714367a95d5c0cd218cbd857d40819a8822d2d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'abb78b5135ee73f4d67ee19f724743c742b22573', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c7a237bf2ada2f626bb4d02242b7d3bd6b0c9a4e' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'd44adbc4d7d5104af4c1a289f7ba7aef0cca47d3', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cecaf96e56b362241b35d4aafd2173be1e3f26d4' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b6d9f9a421e23c928160ca3d710b3673d1e3b81d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b063bbb5e25dfa3c49c1a457e4c14d019770c4a8' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '6a8b70e175a99741cf6af47ad8eb0c9ee318c0b3', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '24337394c2ecc7873fae30baf5f18da2739f45bf' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '36d54e2d9cce9d2eace08be0b2c44e80490ee9f7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e2f4dc0837f806f1701fd5c80677ffe997790b68', class: "page_number_text" }, h("p", { key: '0f065db681d6834e981c801f9c5bd57528e23c40', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd6539b1a9e4452032d30b7a22809e495d223d5c5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2b52ea1252834453d8829461332c140603833f55', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '10bedd3bc881c295f82bdde1ddb4bbf9fec31c02', class: "page_number_text" }, h("p", { key: '46a29c8d07b5aa064212027b8f7c0825633410e9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8fbdbe6e0da86bd021056d26dee9f9afa728724f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '10e495a1123302d950054352d6811f0297a020f0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fe99c1571392fef684b6ad4ce3b682bbddd9546f', class: "page_number_text" }, h("p", { key: 'e3ed9834ac78e5d2cc1d35be9e1c2912222efb96', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '38275d445dfcd47bb395f2bb1a48eb0f49481d23', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c8a053152a7be74d1c4ea03db843c5e9e7b090e4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b00231aa89072795d290f9e84722e7490d1e03a3', class: "page_number_text" }, h("p", { key: '9f98237d488a6ae03c0979632e5e2bc49b4d9a85', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1ca14a61710ac0694ed3eef91f46f8e94ebe1252', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '76ce20b1ff68cecd2b8317ada6c0343135e00636', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ff031491d6b9ed2f20462e61909373abfeea063e', class: "page_number_text" }, h("p", { key: '72e1bdfec0ce5f369ecbdb8914035ce64cf875fe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ea988c7448d6443eedbecadd06a2adfe1d8cddca', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '00d7d1c63f755e3d6e1516e54b76fa5f903eeacb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'edf51e1c5e5d408ad58848bbb6d674257ef1291e', class: "page_number_text" }, h("p", { key: '54f589e02527dfede8616db6fa0c6d577586b42a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'dd55045c173ce66f1dabaa7b218b9862566296cd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '787b3f6e83908734f73a06d92058134bc8bc250c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '55fbe4dd3748fe13d4068e8638a99316e6d1ac8a', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '419cde946a8367ed363d0133157b91d2ae012609', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a9b85b31bb719cf5ec02f5bc09633165ca3b649d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4a23fc25a849673979421db02e38df98dd49d8b8' }, "1"))), h("gb-pagination-button-group-base", { key: '809c21fee6a3dd8a715426218ab211715f294bff', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '55b33491bca8f4454c42e74cb0803bbe71e26334' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8e4b256ebeb591967d573f301669163051c93b30', icon: "false" }, h("p", { key: 'f6f0890edb0561eed37c9b9fc11699ea55ef3b12' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6ec00e3272df77083e8e63d4742b3a4af74c7499', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cf4587855f66599fc9ae659befce7eae7785cfde' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '363d52133aa043cb374a52315bcb577030a291ac', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '4be6715494146d1a43d133afcb60732a00eb7e38' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '743e03f09cde17b8268bb96f09d08409384b6612', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '4b1d95f55d9dc6e65b85554406d5628f291f27a5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7c324cd87b1ff6a09f111a3d02172d41123ae4a6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '70a28b08b255a5f04adba3373ef2b8eb74680e7d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '8568967fccaa492d12e43de98d5121c5398a81e4', icon: "false", state: "active" }, h("p", { key: '8b79c8f94b87d1fde82f4e9c4d61c4bfe3c26a0d' }, "1"))), h("gb-pagination-button-group-base", { key: 'c88fff9517fa5d904c9e4be8d3c0f975aad48a5d', icon: "false" }, h("p", { key: '6015c812775184c9e8cc18b2b5e502cc884d01dc' }, "2")), h("gb-pagination-button-group-base", { key: '56a9891ea7bac1c580cb2e658afa9d9da9920e33', icon: "false" }, h("p", { key: '80ad1fb4e8aa191be898d8c207f6bed935fe3964' }, "...")), h("gb-pagination-button-group-base", { key: '4cdd45645256d93dea7ec8ecc08829e1ce577e4c', icon: "false" }, h("p", { key: 'fc46f05517fac3f42d18d2118bb8a0c8aa65a4fb' }, "9")), h("gb-pagination-button-group-base", { key: 'bc660e124d0aadff10d2b56f027719827375ec27', icon: "false" }, h("p", { key: '68652c178f30b8218f607a2ca152646cd7243706' }, "10")), h("gb-pagination-button-group-base", { key: '82e890d8646fc0ae1e696a578ec257f6e0f3bdb0', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '4684d072799155eb8c4822bc611e34be295a7088', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1cc714b83cb95b78af53482cdb2031db60c12d3c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '4fcbe45163973b3236bcb665b8104460ff662756', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '76fc9fb58203f7e7c0612e8ac9cfe56d1cc69f51', icon: "false", state: "active" }, h("p", { key: '0175ea100f32c4b2dd4926b33b57a3d511e19ef3' }, "1"))), h("gb-pagination-button-group-base", { key: 'd218426ae503442beb292c6ec7a14b15346ab816', icon: "false" }, h("p", { key: '790e835c57acaaa306aa0c77320082e67d421c3c' }, "2")), h("gb-pagination-button-group-base", { key: '6464a1e273c75c124255ad029bcf238af2ba4aa1', icon: "false" }, h("p", { key: '15d72e43c1a2fa21143039d942f3e1c7627437ec' }, "...")), h("gb-pagination-button-group-base", { key: 'db0215bf578606a36d8c4b305face98ec5f70a95', icon: "false" }, h("p", { key: 'a0004095c37a45ee377cd935badfc5ab94dd2927' }, "9")), h("gb-pagination-button-group-base", { key: 'a3c27e365bc9b31dff7811a896deb9d983395c3a', icon: "false" }, h("p", { key: '549a64a98d30fe6a58127351893f56c13ac7a059' }, "10")), h("gb-pagination-button-group-base", { key: '843d299a4f66f83328e38c7747d84e91090ba8d9', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'ec8ccb0af128b79e0ebc0c348c0536dc71e8d04e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9ccfbab70cb1b82fa5c50290b5ec69e6be0fbbed', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '9312ef8021f6ff39aa5525e3c2fe21541e4d3632' }, "Previous")), h("div", { key: 'da57f318b240b64aac40f2c905827e4c1128f639', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'bff8f360b9bc1e7ee3831463ba2a351d268a9750', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a2d8a364faf11e0b26fc658df24e6397018fecf3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8e61a6539e465d405e15afcd91e051dce0c8eb49', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'c6cfbc3da9922ff769ee134e29f157837369582f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'bb83a94c2d3b525cbc8a63b20c0d378839e3b790', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'bfcc29cc65aad2d306d639a2d1a790c762f039ca', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9847e627afb8cb58b91e36d56618f4e37f227c8a', shape: this.shape }, h("p", { key: 'f8dbe2b15ae995b224af7bc772031892efe68fb9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '267a3cbe037692c2600e036b93ceb27ac25f4123', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '115992bb6a46b5f01a10cdad2ef5978798c8475d', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '86bfb488fb96186ed6fc11549ea3c6f402aa9c94', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'cfcdf36dcd4e249a07d31b94ae37bf8a67828bfb', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'bbe927df769d02c2fcda3bb0449e6688afebb6e0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'cbf0df6641b0483ab60591bd43b3be11ccb03291', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2b968fbc29abf865acaf7aead64543feb2183d62', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a8916dcc58350c12d02978c491a0dcd67a7d7141' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cef448b9ad2c0810f27bda0b62c195c79e1cd910', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '1803554ee6373145b9c2566cb265ed3d6eb0ce29' }, "Previous")), h("div", { key: '4634ae0052c46d67203d6c838270cc10ed7ece67', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '8725b0b11fc6ecf49d21d23fc3d14e84cc4d8126', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'b0daa7936d264910635bde219a008acfa8d415c3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e03b1f621f87fa2a5e0d43325be6bf2e172e7312', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '72ff348c292661ceeb6c9918049c19791b2d362a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd88448ac16503b1212d9c4efa60318202a633ed9', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '49abbcf615146a152b796dfaef72f5ab83ca06d6', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5776f80790217c42fc829de164d912c7d441342f', shape: this.shape }, h("p", { key: 'debf00decad6c8f3b554aa0fb205d3fa8d5ed0c9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f465322acb6213ecfc15dd52734bb1037a43748a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'f54d3d7d3441787516485f3b8f5c5d4389961f66', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '1053a57a2eb0955a3529c02e0c454b1d204fff50', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '2f0f078a29d4a916bdd66576fa792277e7e73707', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '367419fb4d9e6808175f96d6de161d6f146483e7', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'b5503a3d0e8b82d451755e3825a068cbe1242cc2', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'de270856c2444f66e7b29c5673cd8c6239356a58', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'b755f308f6339d2bd3b68ffda4e3bb714cf9e840' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '735f244b9787d8a0520ad8badf072d998fadfdac', class: "pagination_entries" }, h("div", { key: 'b5010e13ca41a71c3401af61475457782c28d801', class: "entries_text" }, h("p", { key: 'cc493826cf6bc262aa795807d10094df318318d4', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'de5cc59573d79f78f39cd148df49d374c7c01d9d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd6841542c48a42d38d41cfda58e77f4d181ba24a', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '50081c5efca804622fcca9da144fb49cec7f01ac', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '3ed5cf3726fa8849d6e8c778211a9fda3e04275a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ace287fdd7a30d101b783e37c79e0da84f0d3e95', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '67a01a4c9245e20d6c0e4d2147c2a9d891d06c31', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a749911f6e523254f2b669d7015912a2eda072d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a29737a8caec7f85ed824b8b6ae302b09ceeee08', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'ef33497326849454afe25704e2413d9b74c85bc3', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b625cc9e55599550b1fc648f05ed368f690b13e4', shape: this.shape, state: "default" }, h("p", { key: '3e1ff1f8922af8353fdd382c0c91dc7141716dd2', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fd4be66119b09a261864c9fc141d39931be39f71', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'a22b5bda99eb798b4f5c8d8de8a16830afbb6fcd', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'f8af4a57306c47a9986c7952a566e42d6a20746f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '267a329a51ae9db9867d1b99763527ddec60b00e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '855eeb0da775fe5463d911cfcd18f92b0efb96f9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'a8e4c0bc1868466bcec955382d5a2eea2880a846', slot: "page_number" }, this.totalPages))), h("div", { key: '90cfc4f85c8055e4187e08a328dfe1aaaaccf05e', class: "pagination_btns" }, h("gb-button", { key: '2be5675fb416e6d794ae5bf56f1523a7c6b6526d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '01ee1ceff436fd75f65994fb2349e7741d0e3251', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3d649a2fd70b6269cb6e95bd43d48e1d8c0b317b', class: "pagination_entries" }, h("div", { key: '0f88dc814b50021d9d16fe95b62f932a16c7b12c', class: "entries_text" }, h("p", { key: 'bd30adc06842d763ae966fa62f665a4171da1eb5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3c6f4d55327c32a8d911499c476b5948c47b5571', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7f8fb06d86f8ff1c869f96a5b490354958b83c08', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '9cd661eed7deea3822ccaf418085974b2af83042', class: "page_number_text" }, h("p", { key: '2ecbd8bb2d052c75d5348bd1848aba1baaecfe81', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'b93c759712d6d6e6b3e4e310ed570fc3276dc59d', class: "pagination_btns" }, h("gb-button", { key: '90ba7ca0e32196bc20bea9258eac97e65a507c4d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '34ba003b53d5473ee0e1f0068cb7c4c6747070d5' }, "Previous")), h("gb-button", { key: '1244c60b7e008a167fad56e6df5f24ece1a90b8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '48997f990a6e3daeedc267ab948764a9b4f5604a' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '08df46cecfdd1d471ae3f7b4588655270786e0f2', class: "pagination_btns" }, h("gb-button", { key: 'c0f454c586f2e9eddb6d733d9ea7bd9ca2b579c4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ff9e7f6cf08c502b6d60e15123961ffd9be85ecc' }, "Previous")), h("gb-button", { key: '3269b6d51bada62deb6f3b7ed3b0171e87c63a6d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '97ec75e57e8ae48a0117f27c2e01125879bb4c3b' }, "Next"))), h("div", { key: '2926a50ba2b487d59bcf18dfd574ef4ba9b1e1e4', class: "page_number_text" }, h("p", { key: '1f9317ed8b0c285357005dead10e965f54ee458e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '5a2666fbce7c23ead94dddd5d07830d121e5f77f', class: "pagination_entries" }, h("div", { key: '7d60f8c724f2321ad199c2e10fd693ab6aad7117', class: "entries_text" }, h("p", { key: 'cd6ae6798adce4ec3dce319f87d6c567a75b3e4e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9c986c68355bd752d77f413c10a544ab2c07296c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f0726ab702a056ae200996c784e6c836335bad72', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '1ea16dda37b3697d19b4b747bec95527336c338a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a1f79d8a14df9314e73c2494597cb68e6a91c74f' }, "Previous")), h("div", { key: '6a8e075b6b5e60dac6c28ae33bb8bd068d9456a5', class: "page_number_text" }, h("p", { key: 'd442a56c9e98eec99296223088d48bbaa17bc33d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '198261e9d8c9068a8a729082303bb667d515216a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a9cbb31e3193de6696d4cbc7e9816aeacc3f9a7a' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7f2a39ee6e1fa7493d9945c4ea2bc0a29f357d9e', class: "pagination_entries" }, h("div", { key: '3623e949007cfb2a86226dfc014d85d2a3b6264a', class: "entries_text" }, h("p", { key: '57366c430d19360db821c7a2e2e0a968bbf0c9df', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '88d7d356b410b269bb6405bf69220013279d3ad0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '069840e4626989ea14d961b371e105df16775bc0', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'a80a51d2c0c8ef50202468efe294b67d51f0f1e4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8485f024fa9c8a94fff10b1618ff91a29b2f9f6e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c5cc10e94bc1f89de72eda7d2527d537a5a0df93' }, "Previous")), h("div", { key: '59f649e5340e5e870de47aae2ec68fd963122f1e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6bb74f49fb72ec7ff1069d79368a17f7311f0d35', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3777b8271d22d6b631da729fe6d263acb94a778a' }, "1"))), h("gb-pagination-button-group-base", { key: 'e4cca8b84eab17da6aa9468a959def54d246f836', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c59c9f7efbe45da961e660538247a33d6da179fb' }, "2")), h("gb-pagination-button-group-base", { key: '10d3fd8389b30d30a8529ed0a32856513036520e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '00d2e477881e890d3b863c1eafcae2b8f5cf8127' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'dc38e9cbb3e1111879e28c74c61a88a53390b791', icon: "false" }, h("p", { key: '741f0a0c88e8873d0b92acc4aa7c8b8097bb2e39' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2f0a8854c42316207d9ca9e9a65e4a3a262263e6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c7616ca96246b88a4360017dd70c37b73c77d1e3' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '062d76231f0a0843936f8d58694836b4faed4ab2', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8113d39bb1e0e99d0f6d2f1c48684e1e63f3c4a2' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '43122b9b879b47d99a2acf6b5f7adbc1185d751c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'fed05e139a063daf74b197c27eb31319cc83227f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '0720bdf1bf9869292a1eccec9211335f21623207', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'dba10cbb024e49bf02e83cbebddce2cddcb2ebd9' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '98ec67ec16226a67120fcc03c1f2bdfe8d74218c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '793d22ad46c1c66a8355116fcfe27571b923a26f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1477514b0b76a0082b8d7a825d51959c01e28ed0' }, "Previous")), h("div", { key: 'e2d8956999280f9f84fde58f1f0a8cd38039d9f8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f3994b19c1efc666544bdcef2619c7d131e0e2db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'dcd1293f394bd0fe5f92f3d0f9f5678e9246c3c0' }, "1"))), h("gb-pagination-button-group-base", { key: 'bd7a3a87a698c3a3fc00e1ba036f40b4373bf135', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd7bedec5d74dccfef6da63412f132bdc4d2218ae' }, "2")), h("gb-pagination-button-group-base", { key: '067d02be96b7bc95b07e8cd960d1430156dd3427', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '076ae8abd18310df4aa1ca1c249afb0370b9c92b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '994aa9a569b2047e63e49b213e0fc9a5f5721fce', icon: "false" }, h("p", { key: '9bb62b2ee6eabc0ae2887dee26dfabb7ee96c4fb' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd9b86a6918be0d0ea874f22a7552cdb8c44459ac', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '44e4b85b7e1308548ba0443a688af33a99692d31' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '858daa1250d1ac5ead2be64987050eecbeebc9f9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd0934d480bac185e3a97ce8fae45b603a9c120c7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '2deb50589f5bd7c03762212945f247211889e3c4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'dd9cc8625dfeafbc7fcf5f54c89b79dc1939f3eb' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'a51669de5105a6455dd4407d444378ea6f745b35', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1cbb0f2ee5019346fbbe6033983e178ebe705468' }, "Next"))), h("div", { key: 'a211c03addb43a7d975ccf0e715150b994c3c17d', class: "pagination_entries" }, h("div", { key: '8e96344d2753886d8d2a1c8c3e8646a9f92a3030', class: "entries_text" }, h("p", { key: '42a26566e0183976c52a807f8ea86b7308665c95', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8ec2052237a856fa9847dea6bfa9afc31dd4a7d9', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ee29b61743ad15a7129c3b9d4ebe25e0f7fd42b6', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd827dfbc32ec1b7e60b4d70130e16eea09e6f439', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fd64e149928df8dbb887e3a0e1437de1bec076b3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '268f5a9ef409afa8542682cf8e0383ee8e9cefad' }, "Previous")), h("div", { key: '34dee38f4504b32fb475983e0d08b5c5fee09478', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e9e39e309c6a72e8d93f30c9c63eb549703b672f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2347c9eb6f418f874f7f06bd369fff6533205b99' }, "1"))), h("gb-pagination-button-group-base", { key: '020920bcfdc8155da6a48ab348c697bb198b7a7d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '78e1545a93baf3fde64c2c2a77939100dbe1107b' }, "2")), h("gb-pagination-button-group-base", { key: '3ac1a4635ed3712c3add2cf4415082aa001c1994', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5b3301e1086924f31179d27763715c8762571608' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c697007745838dddbc80a289e35bed2c5a606af6', icon: "false" }, h("p", { key: '5a552d57fd35a0ef4260d76df03147513aa1b135' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b89443b5977c61a92dd567089b092c5978ced21d', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'dfce185618fcad2b61b4b1e4d5883b27ef7e8519' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'baa6b31aaf35e5aba20c054f255df7b47464e819', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'e1c6d541f0f56c6d3200d19fe60504706620abbc' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '258de0d4362e4cef7942a164ecddf661d3acac23', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'd1e59dcea9e18b66fdcca600f87a77044fe58f57' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'f5eca8187e83bde64a025d2eae532cec4ac98a62', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fcb46fa1d14692175124061fbbecdf4d42809cac' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '0fecf5b50814203e7756dd077da30b5c78be4ccd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1375e9fcc69760d36761217b00dd9be8bbccb7ad', class: "page_number_text" }, h("p", { key: '1314563ec7dc0d26cc57f289f2626f6ae11b061d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ed91b0439af7e33bc3e910dfd2211126af9b1f53', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e8ef80f21f5c0d34a26298afe536630edfbfe655', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c30e78b7462746edbb7df08f4c86740618d5df7f', class: "page_number_text" }, h("p", { key: '94f63e96c9d8bf4f2d548b0dbadb3f9b0aeb9adf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7107b31381d0d05535c00942cf36fff16d51c467', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '73529af4858b0e4d7e7d236f90fd5e8a2dc509e8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a9713b5873c0470021a4b04789be782622ea6998', class: "page_number_text" }, h("p", { key: '103082ebf525579480e6d27513ef2af490dfdd28', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8fb59c70c58271cf9ca6fe98777c41e302d10f35', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '65673aba3530ad73cdbef44576066c22dfbaf8e0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bd59ba8655b469fa05ef1017750f8e4222ae9390', class: "page_number_text" }, h("p", { key: 'b465ed38f034bd10dc0bfb26ac5d2270a60ae034', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '957febcfb8555e910147edb0f1552f237f5357a7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'b84cb3764e2d06bed94a06eb943ba8128d302d7f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'dd14e60db39a0556d45f63a2c963c4d905537a6a', class: "page_number_text" }, h("p", { key: '5c87546e4eec0f0d3c107f4818938b2af7fb4ab5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5eebedfce29e93bd238231c00a415edf1a0cb518', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c1abc87f2d0f8e23feae2796e39601c7976db560', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f23ba1c6e7a52693a07c51908f5ea0892dbac906', class: "page_number_text" }, h("p", { key: 'd63fac67c2d59f9bd4ff409203e597eff411077b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0c4cb6923e786ce55af008ef237cc56575277a88', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '50d4dfde8c97da60382bed771683bcf47a5b6ca1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8e3124b912a6035479339fb2cccacb4f91100a93', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '57aa1db71e7ac2b97c4e625dea5881a5e8ce7175', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd72a4e5e744ab1e9bfdd05862f64f366bac67c94', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3b4864182e206102b261d54d7eb59dce4547e2e0' }, "1"))), h("gb-pagination-button-group-base", { key: '19d7e1b35b8f3f6db4797c8fefb4dc25508cf5bf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bf83518d1758e179df417bc2edf57ce547b63f5d' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c6e24ebda56115547fbf5d124a947346b6e2ce67', icon: "false" }, h("p", { key: 'c7ab32f49ae58c5b7521e4380f796c18880d335d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'be9fb312d65d22ac039b03f27566d54d4192af74', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7b5da6c4bff1c711a0e4b87e0fb822efea7a326d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c9403933f8da469509379334a362f05e2ffe48af', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '57d110bc13b7a9131a9bc3c42e7679463477a009' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '6cb54f744f78ca5e91beebfd097ebde64e2586a4', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'acb72cfb41d7f9cd4930274666912f02fa8ec4a4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fb8f7209415e37b6723f2fc767d89f3ecc9c4d96', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '3a23b84790d53d943458f71693e52a0d0d784cef', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '39c718f3a525d75f28af7787bcfcc49c109a5dc3', icon: "false", state: "active" }, h("p", { key: '9f2c6ac54e38be4347f377b715431cbd303f7ff8' }, "1"))), h("gb-pagination-button-group-base", { key: 'c94af8941919a2bf9af233fbca286585b102d69d', icon: "false" }, h("p", { key: '81319891761f27b8b97c30655a3ae50173632a73' }, "2")), h("gb-pagination-button-group-base", { key: 'e84b98d4faa1c0aa53c8fcd21606e0f590faf61d', icon: "false" }, h("p", { key: '096aa18a84b77fb98fecf5086f6755c457766f1f' }, "...")), h("gb-pagination-button-group-base", { key: 'ef81b9145bf11304b5d7e26b7dcd877daf7dfee1', icon: "false" }, h("p", { key: '7494aacb435cc420d58490e76297702c44d3c6cb' }, "9")), h("gb-pagination-button-group-base", { key: '2c0d357f10714b0d6518d9c419af1bb52394e30d', icon: "false" }, h("p", { key: '3197bd8c09421147f22d4dc3609879ebb4fd4c1b' }, "10")), h("gb-pagination-button-group-base", { key: '03f9e42d09d19c32a7b62f069a529f28edfb37fe', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'be316e4b605a5417a625820e4eef4fe0e6dd3ff9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ac55378c5babf1335068c86dab825ac0f582aca6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '34fc3851bbfd3ce1c44847b0f31665bd62f58b08', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6c3796bbebff01254492ce2534f3a281baf61f3f', icon: "false", state: "active" }, h("p", { key: 'a3544376627fa69e5398ef7b311ad8c314c55162' }, "1"))), h("gb-pagination-button-group-base", { key: 'd4dbb2e18d4270b3df8b97f059c61185595a4285', icon: "false" }, h("p", { key: '263ebe95a30f4aace1bacc4d89fca2a0012e793d' }, "2")), h("gb-pagination-button-group-base", { key: 'c7aaac940d162a9730c67982cda8c48ec888a649', icon: "false" }, h("p", { key: '96439778dd8a90aa8cdfe6f36b0694211e8d70d9' }, "...")), h("gb-pagination-button-group-base", { key: 'ece9bf8f375278598fc778943a44be264e5d6532', icon: "false" }, h("p", { key: 'afdb1652b7fbb1ac4059d5d5e7d0de4905c6a7c0' }, "9")), h("gb-pagination-button-group-base", { key: 'aec675b2631e455ce016d5967e088c04dcc6c15b', icon: "false" }, h("p", { key: 'd58aaff2cb35f40055db6e4981e7b098375bc043' }, "10")), h("gb-pagination-button-group-base", { key: 'b0383d99fc48c71e00406486b7f97e40b86da16d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'ed4b3598225d5dc358fba4d076b47129b1b7e7d3', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '118c96393cd9fcb7667e72c4d4a36575aa9f37e5' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e8afabba71420dbd6759af1e72ce3ffe851274cc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd09a79d083f9d80b60dc532455824292762d43cc', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'f3f787db334bf03867bbd9046ff0ef957b33e16b' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '97e8d1d8ecca9ef39b353650def6cfc7a01d7be8' }), h("svg", { key: 'f8b34b52ef4c12595b0188344ff3e21ebd95dc73', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'eb837057b8a001fae426436b5cd41336b3b390ec', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: 'bf01b4d660d5e3b6490690a4950a9455e79b6c47', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '5141ab606492990adbbd75faa8d19a47b85e5567' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '33211eed023c1d1fe4dd322d481a3f7e4038e575', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'fd46a9857fbce0b9e73c22db0f4fd9bd9239728f', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '44f2e0c44fcde1299c654973c70d6300f2c90423' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c9e31a2599f8182218e14868ddcf8dd58051fab5' }), h("svg", { key: 'e7c06a682e208640aa9670ff5343545657b0830d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ad209c69194f8ca6f202fa601e5168962fb1552d', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'e99ec82a2af761af2062eb81566555020c78ceeb', class: "dot_group_div" }, h("div", { key: 'af41be861ca1468c7772bc1ac7990d4682516464' })));
+        return (h("div", { key: '4a8c2f865c7429330c53e01ab16b38508cfdc34e', class: "dot_group_div" }, h("div", { key: '8d0b195fb56778eec6e371004434913e32890f02' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '480049de6f09085a465402a9e35fe210fa26116e', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '245fac42b17859fbc4431c5ad2035cc6a3de9209', name: "page_number" })));
+        return (h("div", { key: '91f71ced899380150e808f1e5d954a70c3fde207', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '1de593a343241cda4545a5ce93723808231fe8ce', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '3d67d2d579b2f88d3ef46262349a082defa13cc2', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '706121c32715b329122e8680291a46528ecabf2f', class: "progress_bar" }, h("div", { key: '13d10ff11558fd0c9cc1f1890cdfd53efaaa29cf', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '716e94cbb2155f8faf50bfc41b27730d21f14d9e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '8ea75c94d6e6d26be7c13792f0f182c20affe51f', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '5ee4e5131b86d8a6012ef69e4deda57545c28a8e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '7cdf62637516a55d2686731f95ed553530d2a996', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '4b6c76663e332b327ef4e7cccef7bf789af26c41', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1b3beb73a4a16bd7b31b8d430d62cce4952a4767', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'dcbff9079f2824f2a778419a861a583621ce841e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '4a4512d161aa834de58c3666db6ecf71f0d8053c', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'bc49607cc79b0be1e6bfb3116be41c436079ef56', class: "progress_bar" }, h("div", { key: 'b5b2a48b0f7437ced1c5b2e5c4ffb2ee6c2f63ce', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '3002137d2e9229ef2f5db931de952e31fe3a82c7', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '7f204b6464e7f7a987138ac00d3830a9ecac1457', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'd4b1e5d1e9edc5ed4f72fada825b62872b798062', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '26c6eb1144535e7116a0075e87cf0d96148d09cb', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '3703d0866f83758b755bb502be4018d2cc4896a5', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '93026cb4406832ee23852def20777675329f8418', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2c70ea097b102fc5bff827455be2c9596bba4621', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '02590f24edbdd96d7744a245e2c778040742f084', class: "gauge" }, h("div", { key: 'e1712a9bb141adad237b4955d97128841824a500', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'e549cb46a1ebe843ed033ef3da75ecc030415eba', class: "mask" }), this.label && (h("div", { key: 'd91f719108bcecf9e7d57ae228a289da9f3f56b3', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'c1baea93e7e65856a7d4d661ede6e04720a854f5', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'f63f5940c9af0cd7aa6403fa5a7b8ceb1cff549e', class: "gauge" }, h("div", { key: 'df8e8830eef369cbca3a9e0d5c1a2e54dfc8a137', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '19ee1d0024ff6a6cd6a18d729530ecd516882354', class: "mask" }), this.label && (h("div", { key: '5d92fe335c573b34dfc12052b6d9e29661aa0cd5', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '6ee0316e2399a0a1550112bee124ef7acc3f5b76', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'd44ee291cb9e7ffdc9278de344e11142f7366a15', class: "quick_action_div" }, h("gb-card-icon", { key: 'd43db70ee112b8e0cd6e540b5540d5f4b86c9938', color: this.color, icon: this.icon }), h("p", { key: '11685b22a5c661273ae4d0eb1def02403e7c7b48', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '6101f7b717145c6e0570204138ab2d6ab87c278d', class: "quick_action_div" }, h("gb-card-icon", { key: '23a76417d610e153316fca272ac7bd146f90b029', color: this.color, icon: this.icon }), h("p", { key: 'a6c1ce88acfa690da9bee76524665cbd16ff70fb', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '773d10051820b9e5cdc1f4d054ca61dd2ad6dece', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '50135fd7269c0dec6c599c24ab4e639483f35761', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '6ed7a707375030a91cb4eb5572b277c290c27b86', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '06a1b383863aceb9f2dee58bdd1ec01193fe10a2', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'b51b301abdbc332e9310a240f966909f19a844de', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '4b7085ece6f889b1c2b9cb1f824f13131901ef62', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '71b8571b4f1f96dcdc27318737d7f4c81f17fef5', class: "scrollbar-container" }, h("div", { key: 'aafc7596a707ecde13ae518e6cea394897a4f20a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '3b5aaa5d369e9074a57f91667e9c7fa6746fdf34' }))));
+        return (h("div", { key: '61e08697b306dd4d7190ddf939e8015c53c42afe', class: "scrollbar-container" }, h("div", { key: '945ac4a8ea1aa228eac50b8584618e659dad524a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'ca223f90d95aa42bcf77ddce3f8f000031d1289a' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,7 +95,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '01384f5f45baf35b2dd339dbc4a0d1c07f7bf6ba', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '1b4600cf35695d5a4e8b086f596a6520b4198173', class: "pattern" }, h("img", { key: '9a48cf54266bf9ec18da4ff523d3cbd212142321', src: patternSrc, alt: "" }))), h("div", { key: '03f015388ec7b08e578d4741679e0e7c827f5064', class: "nav" }, h("div", { key: '8dc6f0bec710854ef626f6b4546865842665a03a', class: `sidebar_header ${this.state}` }, h("div", { key: 'ced2968af970025011b138ad6d3c1fb0ecafef47', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '4c91ad8a805ae262885565aeb41ffd79e46f2c9f', src: logoSrc, alt: "" })), h("div", { key: '5d957ca2444f6d8c38b4efe4aabf938ee2924409', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '52d3bd25c889354e7cbc0f658f1f3a399226a5f6', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '36f2b730d56b72ae32e610ffcc3049ff2eed3111', class: "navigation" }, h("div", { key: 'feb0de0b8747745f5ef038634ff27ea1eb821835', class: "item" }, h("gb-simple-side-bar-item", { key: 'ebbcad98a63fc62f4366b91b1bc031dfbfff2271', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '1369199391f6cf7e27c5727ebba7cf405765599c', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '438f41d4d2b6db2071bc4714232fc7ab82621306', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'e2891c4dbb1878ffbd385650324fd55de926113e', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '052202bd12230da109e67a0f3b39d10c23e1798d', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '454a5b3b2fcfdd36afe06c5c3412bde6e6971876', class: "navigation" }, h("div", { key: 'f9969e585e5c50c6f04747f79e8f94f5d6ede293', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'a96714e0a61bf98f078973ad8ab8d938e09b9e0e', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '9c3d02f14f7da2e87c58c4532c41abddadbd2015', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'ab1befe80f897c0fb231a9f595ab4891bfffc533', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '87fe4c893ae33ccc6bc232ae74a66835489481af', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '844aa613d6bfff0ae9e8bf0e64fc7122f974ad29', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '3cb207a1efcd60343cc9b559137dd12cc1b38d82', class: "application_name" }, h("div", { key: 'b9c5568035ba212df786337c085ca8cb8633a2a0', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '702fe892307ec861e0cfac2b19cec5f3a377d762', class: "application_name_pattern" }, h("img", { key: '7df19e1b70770967e84eb97ffe764457dcf4cf4e', src: patternSrc, alt: "" }))), h("div", { key: '339c1c55eea5325677fa8d79e85225c54007ebcd', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'cf57723b8ef2d6136ce868b78430a3d051744618', class: textClass }, h("slot", { key: '6e57a35b9f36f66ae35e8a65df0ebef8e74dfc27', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'e7b3403c5f0c780a81205281501f7af21673a4f6', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'cd55da6cdcabaa6e2377137249ba6aaffdf46783', class: "nav_div" }, h("div", { key: 'b981f483bbea38eddc41cd88bb9dc038756201b1', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'f308bee90544030e69d71ba98bd8e12604707f68', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'd7c5560cc0858d39df0f9872d19ab5da7acf1931', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '38f0575b5de802da3554d5de6cf8e348ce816720', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '70d33243618816b298f1b704e7662193eb37ce43', class: "complex_sidebar_div" }, h("div", { key: '70e09c7a32be9aa5eb46cc687357802cfa697df6', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8575473dc4538d86a9a1b65e567c762ea0e8090e', class: "pattern" }, h("img", { key: 'fa8105527523912c08f6f982fded16bd01c53e1e', src: patternSrc, alt: "" }))), h("div", { key: 'b5ff00a0503e020ac0b5495b1e02e4b50896f7f7', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'a52eedecd816bef41ec31693a94f11adc1fee7f9', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '8ab2a0c834613cd9a5e2b629e9333b7ae084043b', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'e49dba90cd5c956f18abd8d2ed8e30f4ec87e1cf', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'ebb9d22d8bb66211d86d91fcb323e0d4665f9147', class: "pattern" }, h("img", { key: 'f38f3abd56e0e06706724bd8edd8476c8953b730', src: patternSrc, alt: "" }))), h("div", { key: '2494180527905071cb681e10fed003dea2f47de7', class: "nav" }, h("div", { key: '1245aa9d456a254dd9140bcfe13eac192ca9ec41', class: `sidebar_header ${this.state}` }, h("div", { key: 'e45427ebe0670bf11ccd2e4b2b90810a161d151e', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '1cacfc915deba86d6a4234f49d3f8381033050d4', src: logoSrc, alt: "" })), h("div", { key: '8ffc18b786ff178ef794cbfbeb2dd51e2e813fb3', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'dae34f666beac58a58ede2d5ddac7f390c876936', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'a4af3a4575bca3a2c04f9026140f60d0faa3bb69', class: "navigation" }, h("div", { key: 'c8d51b7aed32e8682733f32903ecb19fac1942cf', class: "item" }, h("gb-simple-side-bar-item", { key: '08f70df7b38c2579a1c66faa173ab76ff41e74e9', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '5aee6e2c7c8c523128ad405d157bc73adca4b646', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '0b9887f145a4ea0136398c5a606bb440fe32cd15', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'bced4368c0ebaefbc783febc1850db96f44b8ca9', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '8ed6384d193109718db858d4acc5f1b1cc2f7c46', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '66fbc87a5481db2d4b7f203262abab9ae2588704', class: "navigation" }, h("div", { key: 'e78ab47e83a8d54d3083860fd24339a37d8363d5', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '0def1ec65d4a1d661064c15333ff1b4ad397dca7', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '1c48fdaca71b9234a1214303f267ca5af2f51ff0', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '3cc3f91bf7c09180ab260e0f7d10ce9d8a4ce5f0', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'be02dc1f946d2ba75c7e210423b3f9506707bfc5', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'f9ca238bd522640535171ea83351483544bf33e7', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '7d11a75491be9e985de0f6cf23d52c08d6869672', class: "application_name" }, h("div", { key: 'dd46bd895ce532d925e0079c7f9757535b88caea', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '8a05b7dd84085dd6bf24f2d5e13df81a964da521', class: "application_name_pattern" }, h("img", { key: '69d6c516c860e5336046c5ebce156f0330291d89', src: patternSrc, alt: "" }))), h("div", { key: '17dc8aff29d2c2c85e319d546580c364f2f9f8a9', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'e8272320d883f9e9671396c326aed329522328fd', class: textClass }, h("slot", { key: 'ca1e93026428a95ede56cb92e1c81b974d6333d9', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'df85f12ed7f10fd8ddb53d83ccdfa6c0ff39f959', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'f5feabd9f7495fba733243195cc31dc1d7ba49c0', class: "nav_div" }, h("div", { key: '2e881104a293ba7e16b5b57b190446188891f56f', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'abe4a18a5abfcb9baaa33702dec2c422be26a3a2', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'c2d304a6ae5e2ecb8b1a016c6523bc68e3adefc7', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'e997ffb98d5753fe77404c14e2d73f486eb6a5f6', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '7743b0441d962611e0c619c025c65e0aacac429f', class: "complex_sidebar_div" }, h("div", { key: 'cd85a53895501f46b89d2f874c290efedacaac9f', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '6a3fdc85613f30dae16bc8a4682c07c946aaa8d6', class: "pattern" }, h("img", { key: '1fe5efc76bd9a01b0ea49ad8217e6b2533c9f965', src: patternSrc, alt: "" }))), h("div", { key: 'ab626f554758be7dc29fc034c392f63b1ed69fe7', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '9eccaa267472f6b02400ad7a116f33c6e740c495', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'a8c83ff9a593700cd5202aa89453a4aa76c2a0a4', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'e8338356983919167ff62b763d6da59de8a82795', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'ebf31efd3fb5e4c1eefaafb13d1096efc4a5349a', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '2b264fa46a4c83d179a9097558580d16705ba6b1', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd6f6199e46de7b17995c5ea9e33f770eb7920ee0', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '46ef0dbd23e68b52304f2bd4c5765f2e0490e9e8', class: "content" }, h("div", { key: 'dc9e85ee7ef0b6069c4bb1c1cb0df08e9ac97c29', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'a95c338e5fe021d034125c972fe976b9f6576527', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '8cd3d4167c0e96de22d0fdb6ed475d1229d3484a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'a532d7ff873465deb575819b8ecc466fb776c8e3' }, "10"))), this.showArrow && (h("svg", { key: '936871418878fe8ec214164198151125a31cb532', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '6febb27332ee51a8640c23052f5f5f427d17c6c5', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'e0a2154727ebfef6e70906171ec2f99f633f8188', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '40896a7f56bc972cbdc0c2a8b1542189ee0890d7', slot: "label" }, this.label)))));
+        return (h("div", { key: 'd83d826eb76dfe4ba706763d543bce50125d4a3d', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '33a552371b3b544973884bc2399e7b052e43966b', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '21ad4e3d89b93d26840f26e3949dd3558dd396e3', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'ec2455fff093389a590fc3b278f8c0742a114c31', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'da87b6d503782903ae048f4d01ab81d31d9c5c26', class: "content" }, h("div", { key: '10d6f872060cf28e3f811e57c52d05147685a75e', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'a7e162c259e167a4033717ed01b0519b93088f17', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '5d9416291c595e5aeb8f2aaba73875c858c6eb92', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '384a480d7462af87cdc2a8dfed59aee453f51147' }, "10"))), this.showArrow && (h("svg", { key: '0c442f44c149eb111e90889e2e17e59d6061bd8b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '3ad2e75010e32852e9562aa64e7ab5bf01d6095e', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'f245df5ebabd2ef2926b000eae2b92e93f49b616', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '36f935574b5a7c78aa947262e88760864ea4049c', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '2b55cb729f3166d8c8134912ff18f97a8960057c', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '761dd7fab715e8178bf06c5bfcd232478f605851', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '272b9ac44b9eb2e6f56de00f8e57c8ad94bb231c', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'aa3912d4c0e3b06e323eb6740599f29410ecfba1', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '734fce29fd12e7f0d63ff9c9687a39d14ff6b3c6', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '8da70ef5decf63a868a6daec7852f0cf098be202', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'cd8de089bc7f0c05c4e26b40399fbb992c4d2d04', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '73729a7492ad45e96a9d4da36a02663c059620a0', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '2811ed954baee3842949fc929cd055878e9ff2bb', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '91ac44c04f131eebe963c381157afe744ca9b9ed', class: "tooltip-container" }, h("gb-tooltip", { key: 'ec25289b3f2f59a39c73f2dfc536e9c9ed8fc45d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '796d64dffee9939aef1ddfe3570ce2b4d8744c3d', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'f68c5bcd9dc4bd7635c776f905863e2f19a1956c', class: "thumb-label" }, h("p", { key: '0732b0dcb6efb4c8bc46e22168792d6fc4e0bb09', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '598310bc275af289da73620b754ed74b4604271a', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'd2ea1244f2f403d884561d99c278c64080e4d133', class: "tooltip-container" }, h("gb-tooltip", { key: '75ee9ce0a9e21916e3729a7282d0a35a48e0ec29', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '7a1aa46096758dacb7e7eeed2ea2184f7e9d89de', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'fc1f2763cbae48636a1e45130e299e0e532d86da', class: "thumb-label" }, h("p", { key: '7e7b928514bf78c806e524495d19c8a77b091555', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -28,7 +28,7 @@ export class GbStepBase {
         }
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'b17cca98ad38bde019cfa229087bddec021f591a', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '01bef2fa4bbceb7de4d5c497ede859e7b3290a96', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'd85ef3545c10bb040b065ab97a97a67da3c723f0', class: `text_line_div_content` }, h("p", { key: '158ae3b21922568a23c218f0238dc165663edec1', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'f7271fc964c4b06e3a96174f2215768315cf7d90', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '1facee47286eced404667fc95e2e9e20908edd21', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '604f256d9fba0e7bd8aba3503f45dd66d3ed89ff', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '15dcea85227d46043c315de7cc662c9cc10e776f', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '46e4316d57f3f9d119f4186f535a3ebceeffbc33', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '26191b783f84f7993ec2d88fe0fb886dc1f5f1b6', class: `icon_left_div ${this.size}` }, h("div", { key: 'acc2a5c9ce47750d3c57ecdc31c9a1517b527fc2', class: "connector_wrap" }, h("div", { key: '0fd579b391c5ccaf745119456c7b4be421b4b73e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '984b9f7dc148e7bdcb9c2b6f9e81cf836da0fbda', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '40adf0066a4197d794f9861d81d34e51cd6850fe', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '27fab92017e4b4b4877aab69a5a358f28960e01d', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '9ace22023511187ce0a5f41f46aa4cf97101704c', class: "connector_div" }, h("div", { key: '9f9e3b10daa6ac07396484722b3d1ff097d33701', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'b3f848d1be5d340b61d7c678a6c8e2d58f201e65', class: "icon_left_text" }, h("p", { key: '37a0e82be01f6efb5dc52ee90e02e5f8ea4eb126', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'cf9d458cb945cb3ca77aa718c36755c4e96ddda1', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '4914753759104a7796974a81e5e8d596321ed545', class: `icon_top_div ${this.size}` }, h("div", { key: 'a82b5c7efa3e1849ccee764a020d9cf6f84674cb', class: "step_icon" }, h("div", { key: '53136beb33bcbbdd723b3ce17b91377096797083', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ec527444d278c99cbec14599b1058996c57200e2', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ffe59b30db1eb2b6b1d6895c971a906055ec3411', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '7d91833be9cf0ff2410195cf677081a75a5929dc', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '662dd5423d96ef493a1ca9665002593c4a01a8b4', class: "connector_div" }, h("div", { key: 'f9171ba1458d1e7f6c4742377434ed56dcabca54', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '614fce39d24ffb9bc849624e98a38bef4764a0c4', class: "icon_top_content" }, h("p", { key: '1ee7bca7096a711febc59ff89b160a9bf82808f3', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'a98ca175062d8eaf8b135dff5fea7647bb07c51f', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '575fee54257cefcc759c9fb04f392c3aae60bba2', class: "featured_icon_left_div" }, h("div", { key: '02aec41e420b792d848773ca48ed40267518df72', class: "connector_wrap" }, h("gb-featured-icon", { key: 'ad75ca433efb45b156a24573749c11ca2c647498', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: 'c7d60c602f35a6ada6dd0588f884e5854ddbed12', class: "connector_div" }, h("div", { key: 'bab1adf888b755376ff0ff2a2166b2daf236450a', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'bb4b797eb7bac3cca2083e0c66e649f69bdbc2c7', class: "featured_icon_left_content" }, h("p", { key: 'be6ad7616a20e03986d46387978d95cee4c1377c', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: 'f4a362756f7b2bef990ff588cbf648b1227fc459', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '1a2f94d835d146357bf1c092d18a5064ac8105bd', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '615926efc5f5afaaa6d0ac1a03a01dec2182a29f', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '289480fb3e7ada937270668adf98988455af4ca6', class: `text_line_div_content` }, h("p", { key: '61a57b24b81c9adca6b70a23f3c1ed3c7b7060b9', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'eeedb8c8a76adef999513ada9fa49268d4a040c2', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '68c0df3fb2d01b49ad458cf57ed10cd30dc7b697', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f7e1674979297c611f4d924669ea1b42fc159ce4', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '73a51fc89917153793f73c463ad09c84765d4b54', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'ea6f2db3ceede7e391ff5000d59d008f466e3e5e', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '1686b3a92d6b85bc7e26b335961916aa4383ee95', class: `icon_left_div ${this.size}` }, h("div", { key: 'cf40f7764f095c842a4d5eae7d5bb236228c80e8', class: "connector_wrap" }, h("div", { key: '58458e834dad083f56ca0dc0ffacf41590b3cb9c', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0ca1a55315ca0eec40bbce68b09e4b329d453b6a', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '72396b852f05d2480fb00cba74500ade0a01ee4d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '3fdf00df6b45b2e8807e13e221ed3b6c67e41c2f', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '4bbad5ab377f4cd3bc34f72f75e8ce7d256df7a7', class: "connector_div" }, h("div", { key: '8b80110b2ad104f7dd4bfb5806cfab9f6e15cb1a', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '657502674528591687f461baea438fe604fcb5ca', class: "icon_left_text" }, h("p", { key: '3356eeb6b486d94e1b95ef64f81c418330b37bad', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '6f42ee2d5653f368fbedb3ec2cc3b51cd1495eaa', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '5b43156f69caa0d2b654aea940d9cad2b3d033be', class: `icon_top_div ${this.size}` }, h("div", { key: '3af37b73eb67e64cfc2ada82b0b7f145b57eff82', class: "step_icon" }, h("div", { key: '778047398bd53e43acdfba92ab6b3148682dc276', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'e4bbee9f81b238df4c7170a9ec5e7fbccfc81413', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '93e46be678082d993ca2bfbd14a5b5d62501b476', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '9acc34c7acf9dbf1cfba91e87b9841271747a32a', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'e6b19a8940635302f49ed4c798dd6c04b04f48ca', class: "connector_div" }, h("div", { key: 'c050856ba6b761e17102a9f507cfc3665a146863', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '9df35f566a6b59381f2d54e68bf0c308d46cb86c', class: "icon_top_content" }, h("p", { key: '799e4b8538168a5c87ee81c9c145400589878095', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'a3f2b42a4680cdc68684d949480ea2abc6b0cea9', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '0d551f5ff3d3073d8440dda6d0736fb5f61814f2', class: "featured_icon_left_div" }, h("div", { key: 'bda6f3bd541716c08361c1614d8ba99ac811c29f', class: "connector_wrap" }, h("gb-featured-icon", { key: 'a9eeb60068ac907415042f290bc0db13fd5fa732', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: 'eb16ede146d0af536d9e7ca08bfc29a3acf66f8c', class: "connector_div" }, h("div", { key: 'bb6eae88d670214919047e29a468b7396a787647', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '10f397c92892260d136eced3fc8156249248def8', class: "featured_icon_left_content" }, h("p", { key: '761bcead11ea5acb58be3846f70c46de8302e8c4', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '1a580288767ede049974495a9e2eef9efc6c5c3d', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }