globuswebcomponents 1.0.9 → 1.1.1

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

@@ -33,7 +33,7 @@ export class GbPagination {
         // console.log('Selected page size:', this.selectedPageSize);
     }
     render() {
-        return (h("div", { key: '01d98f7917d30c2df06574ad385177bb8d88c4ff', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '321b696b3859eb3d093e63e1b5f613c915e77332', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '658c1165cb99420fb326a2af77b3c0b8529a7d0d' }, "Previous")), h("div", { key: '0bce7841ce4568295832ce6d045bbf2f6232443e', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '7ceffef9dbf3cce418045b0dd2c02f3f4b9b0fdb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '04723b58999230dc1bfa7cc5a94c4d6cffc38ac2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '28bed8c06ebcbc6a00ed13ad4b5081c1adde14b4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'c51b85b9ad67645548adefe02d3faae766ecd59e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '77cc26ef2e4ce2d04ea1d510c986c12cd9df2bcd', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'd4de5440b2cc250a183d0540024066c98e1763b0', 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: 'a34195c7a486b04e37d590f90dac68bd28bd7f4d', shape: this.shape }, h("p", { key: '9921b50023b1746eeac5266c4a91f53c970df292', 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: 'fabd808e1af0c65e401fbe1a5efeba39e5617328', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '24183c6b7b16ab9c777343c6b7a79820230ca3b7', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'f17861345011e30ee0c4eb7ecf7756423b72b62a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '5135341b51df44c09e6618bac2e3d21907886981', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'db22077cc825aa22e12869ddff33bf78b9d81771', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'fc0937505cdcc918b3b6f79c7653669350daac5e', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '13e8a1e2ce84ea237bbd829dadf5fde40a6d3f78', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'ccd62fd0ea15f66495f96850e8ab1dc7ac2a88fa' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9a37fa02450d5b71c0715d5ea8d6e93e4df188e4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '569edbaf705709064d6e162f0d00bdaf48acd281' }, "Previous")), h("div", { key: '56ddb0c173d91384f993bbc9382b03806df87237', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'a1ded63025662cb32897fff49a0bed6e10874618', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'bf2c2407ff30b1992f2c5ba3c8268f8c4c821bc7', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1a55d8836e4aecc5fd04f9f175f70be4ea983ce1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '3eafe8860ddf5ab872ed866c05abe6741eab7ca7', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'adcb5f80f94137de2247943ccb7ddf88b1243f37', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'f060240a8d197e7045699b0cf1e077a6de65fcf8', 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: 'f389ba9f546b52c6501fe633418ba386d3dadf92', shape: this.shape }, h("p", { key: 'b711ea3f7ff72dfb8f33e2306513f487e30510d0', 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: '958fbb5522042319a7d2fc7048f3214c435b4397', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '677cff8cd38a403b5710b97c424b14997a974c33', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '91ba1a486f004e5c69de24f5447a94cbe74ee467', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'c360b29ae89ce2a743dc9fdb82b66de6115a9957', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f4b9c07958f92a72791e1b804e052846fc78975b', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'ef0f9b8e1fa35370639301f179427b9275aa8532', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'e4cade397cf24a9e1c4c70a0962849fce4b82e60', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '4c1f234decadce339a188bf8dcbf0e745d5a5946' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2582fd2d79d1c7449fc0cb100c8377f71f50cdfe', class: "pagination_entries" }, h("div", { key: 'ce0af94f018b452b88ba31d72e74c7cfaf87b4ab', class: "entries_text" }, h("p", { key: 'acbebe5662dfedcef62bc80fc442e1f2d15460c0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '51d6bd04b13df7ce0ae0bf5bd35129aec42e0dcf', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '290a45d73b266c6215895347a77de58d1fc173f9', 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: '93bf42cd19c2c71f71fd37b453d013d227e197ec', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0d3da2e82d1764a1e8a8121688cea8593e883cf3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '71ac948dc880edee90778117ce5bb0e327a5f488', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0b8f6552ada3b35a5c40beacf49a29227ec0c606', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd02018681ff47445ed3c79907eeedb1e790ebab9', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '47f30e3b690321898c16a2fa33efa5507fc21f89', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5d7f8b4e4d59e013c3a56af29539afcc4817c33a', 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: 'b3c34899ffa26c991529fce0608868d8c0852887', shape: this.shape, state: "default" }, h("p", { key: 'd159cf96bb3ff602c7a9b5ba010ab6bb856b8b68', 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: 'b95b8739dc48ce72e5ced981b8da031c2ada786f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '9573a39cd0e19309d0cd4873f0bbfe4f69232b9c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '74227604a51f35c2e43f35c468a1ac499f998b13', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7477bb94a5e07e99ddf163b2647da85b32d2a00b', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '1a90fc200f9db62360439b48f15b7a6b8a11677a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'e5d5c293ca08e17c193c3dfa7433458ee24edf7a', slot: "page_number" }, this.totalPages))), h("div", { key: '64ab81c0c6cb769a1351beebc7599adebd4c2bb4', class: "pagination_btns" }, h("gb-button", { key: '578a2a8e41acdd2389341df9ba4ce55876896bda', 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: '66c49815d046740622a8598ebb04e6c22549671c', 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: 'f0c16366e2032bd055b88db04ac3f263582d8f77', class: "pagination_entries" }, h("div", { key: '64a490325ea51ac51c9dc0f74fecf9f4e3287b2c', class: "entries_text" }, h("p", { key: 'f3e30a409ac8dd30c67764801a6dfa3143e06b99', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '831c66c37ce42569a5d7439fd2361d07db3f68c1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6e4b849849094482f5dc231d9ff5a139cd560728', 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" }))), h("div", { key: '75f82223a96f350152c5e437c4bd57ef6f2ce745', class: "page_number_text" }, h("p", { key: '101112229211b1ec464a11624ac4cfd93413ddf4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '56680944682d4270b8ae0b7dd31a56718e2722c2', class: "pagination_btns" }, h("gb-button", { key: 'ca2321db32d314f4ee024554f4452cc83abfde90', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f54e332dda6070c706734012828b07bf33f5906c' }, "Previous")), h("gb-button", { key: 'ec43aa0820fcee71057c3ba9354b1266255e27d0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ef666c3fb4709bd3911444c3333b467b95875cb8' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8d3e594897ab7f21a84daee5ea6149e8faee8302', class: "pagination_btns" }, h("gb-button", { key: '89740045a90abfcb3dc96713a372430bf879f694', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '06384b51a24385302737adfa7cb37296722a013a' }, "Previous")), h("gb-button", { key: '2473d215151bc64b890919e340e80e2a5044d683', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5bba5ddf6a8e9a5370904b46bddfbcaf04403b72' }, "Next"))), h("div", { key: '3dbcd3580fe69e076947b2a8eceb733e6e12279d', class: "page_number_text" }, h("p", { key: '0425d040fd20615614b5648bcb6411feac320a23', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '965518f1cd92bf31770bec05db78fb2a31fb4613', class: "pagination_entries" }, h("div", { key: '0119a42daa4af124368faab6dc53377d3633ba25', class: "entries_text" }, h("p", { key: '23dab2f84e5fb79c4129a4bdf620f467e8d779bd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '17acc81725ac384ee32cfda3039fcfbe08f1a8ba', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '194cc938b47cfedc780faa858e1d43b30bff56a5', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9d509bdd292f1b5fb216bdad61f6b305cf62c80e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '05ca8a3c7c35cd1a41521d516dd224961d4e7279' }, "Previous")), h("div", { key: '967353b4150b85ae0e5564d220183199c9134e6b', class: "page_number_text" }, h("p", { key: '008a260c4d653b24db1af5f144930b4c9c8130e2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '094b8d3dbfd3bca099ec901d48c020e6e4c93cb9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2c4a80a6b1f1276cc0ea305695fa11fe8a24bf1f' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c862713d30192de9b406a5fcdc8d6aff9d3d30a4', class: "pagination_entries" }, h("div", { key: '192c38eca79d780c547209eadbb8d405876fabee', class: "entries_text" }, h("p", { key: '0c393ef86b3aabafca7f5cd7a188cc7d2fc88082', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '35b42dfa1496802635873e616ec2f497bcaf8bd5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'af05b612f12d532b1e2705b4a9a6a5b5c2952e98', 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" }))), h("div", { key: '5ca856fdf2e1086dceb53d9bd947ee537dfffcd4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '104e829a5f3a54e5a25d0bc13fc07dbf72f43f5c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e9152e9e6d14583486de4dd638bd7a1b9e74bbd0' }, "Previous")), h("div", { key: 'bc456796a901dcf0bdeace5b3e3b43f21180846e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5d6e3c06ac2cf4bd27f6c580cca4395a15573511', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5a2b0335703389a20b2c87b6983d1d295dc9ffe6' }, "1"))), h("gb-pagination-button-group-base", { key: 'fd2e4feb01046e5399f4e7bd7cc369227103e7ca', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '975cd6134282b3325b75336d688fe7fa4dd3f9d2' }, "2")), h("gb-pagination-button-group-base", { key: '356cb23c33d03aef377b7ec5b6cd8045f624ce35', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1d4a9bbcc86a6c5749a715afb2b47e2a2dd5ea53' }, "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: '8f5bc9fb2db5de8e6feb4fd16f020f06e083cc6b', icon: "false" }, h("p", { key: 'f4b1e22be161b6386bc72f979c4b5502635fcefd' }, "...")), 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: 'f9e36d33fbe8131513c1926ce9e3335215af3dc4', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f68a1a512a7e49521c646df71cbb124bee89e6fc' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '304d13d73f852318ff598b94d2b37be20c41f351', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8cac54ed64b712f5a482e6045e6413f3f891c413' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4165caa45035f9cf65482e2eb9864b3f16a42650', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'cf05a367832007e65f4ac0c36eda29612c05c1c7' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '8a2258e96f41198a9c1e67433817336ceec9e9e0', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7e9029c9e66a420baca92ab5f335073a6b1f135b' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2556396c0e4f82ebd6135986e0d925c0f61af5f1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '2364f9e07a08b2be50333652087f7630a6ba1f79', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '058bfd85b06d643d7a316d590ce380c2a2830c0f' }, "Previous")), h("div", { key: 'adcf54094c891471af3b0676f12e8094eac6bde4', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'aae34d4b8a1f9ae01b38c201e5ca5b40136b0cb4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '22b2fd74eb6a6a2479b3ce197079d093df8199db' }, "1"))), h("gb-pagination-button-group-base", { key: '96fd4148d3bc6763718554a17de5fc07bc793893', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '41f51e59ccc2949bd82848efe3d3feb10d14b581' }, "2")), h("gb-pagination-button-group-base", { key: '7b7166af9b1b19bdd1114c06a96e7d9dd8a86185', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd6df13489520bd4cb3d3af0bebe980fb0a597896' }, "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: '46f3228c679b5c189b0e407031ab2748e2779154', icon: "false" }, h("p", { key: 'd931bde93c9ae6ec1d18f4434a78cbe302ebc134' }, "...")), 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: 'da441c2031bc3a433fd9ede04d125257ac2ee3fd', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '6b2e161e3358fe0bad945b3546e41790944f28ad' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8614156be4a5ba624d1c9bc9658cfe8866680511', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '0836a1462c69935430b568201dd38d653e592dd8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4a3dbcd49677f2b667d7a3807d2270a3f3ef40fd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '664270276f942bab42a4f1c6df1b2bc635e6091c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'c0fc1fd70b090e91afca5a59f62aed725da2a17b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7edd5cae1db39e36a1e0346f4680e50b7fcdf602' }, "Next"))), h("div", { key: '02a5b32923b2d807ce7d60f34d726ab0948e1840', class: "pagination_entries" }, h("div", { key: 'ad3b73d72299b668f8e2af5ecf3f2e19d5944852', class: "entries_text" }, h("p", { key: 'f9040f69d33fbd4104dad38a9c4774995b8c9f7d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8c2900ae1bc78e425d84ddca6445830809e2f3ca', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7b3685bc6d41152901b76f8cd82e51500dc0a634', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '808ac409521701aa442b3b09c229fa9f0bdd2c5e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fbec0b8ef241600835e081d985eefeb90c85e430', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1cb84415f1d56bd3f294edf65e4239917d8c80ee' }, "Previous")), h("div", { key: '470b63061d6e746aac88d08419be6045e7aace6a', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '158668d1b0daa9492a1c8e5c7407f3f28c4938b4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f1710ba719531d901bcf45afd1b4e569016b7231' }, "1"))), h("gb-pagination-button-group-base", { key: '5c4ab4612f29c7c0d32d501c214bec3087e344da', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '63db27c0b3f612ee9ba7156cbc40b2ea0045024a' }, "2")), h("gb-pagination-button-group-base", { key: 'a0ce2edbf93d8b21a4508a915b9d2a0aae619cb2', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1e52ab0b83e3bb3ebbaf6dbe488cdc75911dc9e2' }, "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: '01b9ca440012233c5c11c80f78db8688f11abcb4', icon: "false" }, h("p", { key: 'c73dbf8e42cd3ec55787f7fce4011d369aa7f0f0' }, "...")), 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: 'f3a6b1c33e8e34d9627d3172309bf52b9c5fd598', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '3bb9edeb65d9d0b190a7f096a627c291f977a3ac' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b908fb0c9a9f767499e19aa166ed2dfe35247da4', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'fac731a0a9292eee335a045e752f6ca61d4d5899' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f9098aa72aeda12c2ec6bcea5a7942870e1e8ae9', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'bcb96d93f60a17614ff1ef86f7f5752f02d5293c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '9e6ffa8ef57702b95bcb3f3afa9e1e6b9f2c4609', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '753dd63d8d515bfa401f8d671797028034eb9236' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f6603513aa1978043fcf4323f6ef5c8606421eef', 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: 'c57462dfc4b6133612d84cc2132e8c4c0ab9714d', class: "page_number_text" }, h("p", { key: '8fc2502ba820c570fe427e76040bb99861a0283a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '728308546fc989dd3d39a0895e8b696eb6bf33e2', 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: '63df61801514c5e0bfb29499b3e10500f4170c9e', 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: '748465996f92f27d27e7a59a09ca3d6355b2e267', class: "page_number_text" }, h("p", { key: 'c5628d043a1f23c0f7d652138115c319678d04fd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '763a9cbfc653a6db2414641edc7af3282c54ee19', 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: '6f88b9560a2a98097641f3820776d4d21a4f8c8c', 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: '7af5be01e778a2667ecb2358ab331bff2854cd3c', class: "page_number_text" }, h("p", { key: '520ab84afba96a7bdbdd6da359a4663f88df7304', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a7ed9140eaea9b5136d1a5ceb94fc705ad24a38f', 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: '820f7c3281079fb448287e323cf19696146b8862', 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: '77d5b3ef770d9f2eb6c8de240270fc0abcae8237', class: "page_number_text" }, h("p", { key: '35ac8cfe46328bb22614adec26a1d236de68498b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7ef6fa6bc9be80bbad7568313102a95b458e0af4', 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: '9bcdb9a6162d32d73de5ce7b400e76f78e66d7a9', 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: '584684f6cc20fef78955963a23dfbb5e9b3f9b72', class: "page_number_text" }, h("p", { key: '471de200cf66fa430c6328a9c7620a482182dd5d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '834c43ddeca61bcfd30dc1d209668ea2adfc5cbe', 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: '387a5610973b6360a88d65786c80b37030d3a57e', 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: '3c14c3d2c5e4a0ce663fcf0bb4207631b43dcbe1', class: "page_number_text" }, h("p", { key: '81b05ebfdd698da44b1d7a3ffc79a3f84753a445', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'fd5e6ea39eaf8128745ce5df0c4641d231182426', 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: '3fc5cf1e6227ad4da969286f527a4ff0f464727e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '80df1afbc3f17c7a94ac3f546c282cecc1a63074', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c2ebb8284ed45fb0e2f8ec1af4d4057761072993', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '1019e9a693f5e94edf623297fd7c65ecef49a477', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: 'f68931af12dd5e4f80127d97247b6467ff257a93' }, "1"))), h("gb-pagination-button-group-base", { key: 'de947036f02b8c0665ea5f44ce917bb8b2ea0578', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: 'f760fcc6178e676c51db27a4366ae223d40f6370' }, "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: '5c14a55dc5bff15343546b4c66ebbe95a9aa2b20', icon: "false" }, h("p", { key: 'd2ce906c4f65451d8d10842f998c62c9aba0889a' }, "...")), 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: '9d902395547a473630b6f7e15c7b7cbbc0c92184', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: '083a140686430e46e82a369a0d4b4b0c1acb9cc0' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b8ee85fff4c87f93aa06dea3ffcb2b0e1fc238b6', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: 'f45df92fc758acd795f0280d3c69b6700c3a50a4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '0580f816682f6a10be4ad778609a7235cac7fd5c', 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: 'eedb5acedf339dd08246a24cf7aa05e2f5818438', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cb2a0ddf7add38d8a4a3cbd1029b81d5c4f4135d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e0f21c0651eb0f079615d89158b3d2913d5974ec', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '696de62c7887de175e028818db18b6fdda17e3ca', icon: "false", state: "active" }, h("p", { key: 'bbbd17ce0b9377480b797c6e7beba5283567ea3a' }, "1"))), h("gb-pagination-button-group-base", { key: 'bdb27a3550f290f958b493befff7d0d3a40956e1', icon: "false" }, h("p", { key: 'd12e245aa3fbd41cc943564d65666179259bb701' }, "2")), h("gb-pagination-button-group-base", { key: 'b461782838499c064a928c7714cee29e88118945', icon: "false" }, h("p", { key: 'd8f080e37eaf0c8f4f58dc97ee1abf5ba26d9c01' }, "...")), h("gb-pagination-button-group-base", { key: '59d7892dfb1918d30938a649c622916d68349f43', icon: "false" }, h("p", { key: '297ac645d0262d53e2297245a9dee728cc882fec' }, "9")), h("gb-pagination-button-group-base", { key: '1946fa3635602d145acc3ea9e87ad0ab6f42fcda', icon: "false" }, h("p", { key: 'ce773a82201141a70fade731d5c65d4a776e48e5' }, "10")), h("gb-pagination-button-group-base", { key: '4eaf1165624e05673999d48d74c5ac0fe3c1e742', 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: '072c1d0148c4b8bc5e21105ff4bfccbac6f7682d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9ce8af3de90a591af9db007adf4def234ad6647c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8e0d2c60ec70fe4d6ae3be4af71308f0f930f469', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e0d0b8b9cdc04646a5a9a210164c7f5b604c18b8', icon: "false", state: "active" }, h("p", { key: '54553fee2fb890c733b405cec2479b32b370896b' }, "1"))), h("gb-pagination-button-group-base", { key: 'aec800c010721c51f2a22dba2f471ae346390936', icon: "false" }, h("p", { key: '5ad86add4505697ba336401847dee1287d93fce2' }, "2")), h("gb-pagination-button-group-base", { key: '05dbb63360372146f2cacc4b9698aebb4c8ac44d', icon: "false" }, h("p", { key: '3058a40524fa31a0792f01cd390857ec7b15a20d' }, "...")), h("gb-pagination-button-group-base", { key: '59f036a91437b3ac9508b63485794fd439c221cd', icon: "false" }, h("p", { key: '2989974a050f3f5a4519240d2356b6e23bcf8dfb' }, "9")), h("gb-pagination-button-group-base", { key: 'a9b62f5d8b47d856206e16a5710b512e637bd6cb', icon: "false" }, h("p", { key: 'f4f465a012bcc2d5cdb1f2260ff904a7a0a0cc93' }, "10")), h("gb-pagination-button-group-base", { key: 'a27dd9e966f7ee2add14776a82f71068799e2a61', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '6167eafa588a06afe5548807dd5f98a2b768d495', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '16f62a295256fbf29aae51717268ceb5ae0119d2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5b4e266be761370457846635b8e420bf874074ec' }, "Previous")), h("div", { key: '9dd2a67aa1ff86d2cc8f1132cb015a5f5bb1a46d', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '770c9d0773f1e355894c13fefd88561a4d100649', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '35c13b724fa154f9425ec0e244cebd889f44161d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31660c938b753cff5d1a19644a3363a8a097cd59', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '822d47fb0ede45605ba8e44717a83739d036f7df', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b4083ad2b8ec49eaf0296470064984d7df285a6f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '18889d659b0d1b3b9121a8f9540c2cf1b951fee3', 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: '8311aedf879ebae9a76ea38e32d378a45084db88', shape: this.shape }, h("p", { key: 'f9d697b91cc9bc0294a3a147e024143d26a97c00', 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: '43eba2b38ee2e44759958634792c2fee88f9e016', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '0a4c5ea15f4bbf76338a92f3633949b04efe49ed', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4d26b65692e1835f5e77bf0deabbafb833d69acd', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'af9794b2129fd528ef538e51ac621aaa96a56f58', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '73c550c39aea0a3245a919a999cd05710d0f6852', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'd9f1ec3f633e5ed8db25907414ea1e964df7c57a', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '04f89a926bcf8424147a55d61c3315c35027fb97', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '797bc91fa988c744a54ab9f4f45243957333f5c5' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e61f28ac0b86be93fe73ff7c31e7bca5e8448a73', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'a3df9d4028f8a16b989162578b19f67e027162fc' }, "Previous")), h("div", { key: 'e361a1fb74e283eed5286a538dc9166054b34f80', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '5978f13a1a7dd28207722053d025dde8e2d2a716', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '64590c9d1f42db30ad50a71d06656327198a14ea', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '485135321359bfd28402aaf6f2fd706425ba0496', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'cc2007f62bb0ebf10be40019814781bc009754c4', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c167f629ef0922f6c6d922454186db34d334f79d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '77557b38cb5b3d91c2f6ddd1548810c0115cf866', 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: '0e8bdfdede30127347b14305228db992c2704bfc', shape: this.shape }, h("p", { key: '9b4055a5ee09926dbc3ef1e3839b891a3e4dc784', 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: '1def118d64886894124c19fb1709bca1e28d90b8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'fedea55b3d530771fba68457f034818e0dab0691', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'e62cba8751c7eeb91c3422048a57ba4efb81284a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '4b09f2da6505031e5547e463d441cc2459e184a2', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '3f3d961dcf8e464a3337eb6ba205e431e5076cc1', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '9743eee4b013629911456424a1448a6e828920f5', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '084d2b8a25a87df9b0cf3bdb721ff1e3fbf9df3e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'b78c750333c4cc66ed8ba6b18f99f21eab38e9ef' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3e96804ea73c477339f3ccab772a4882740ba83d', class: "pagination_entries" }, h("div", { key: '4ad1a30efc933ea61531cebd793061f588c11747', class: "entries_text" }, h("p", { key: '86c38cc193e8841a62204763c5f1265389ec30b6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5ead6903ac609af9a6d1ce200b36b492089f018c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '37495a3bbc6232ef7c75dbee259bb5e6b5edb70d', 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: 'd612ce95efff73df879e0bb5a6572f5e234b90c4', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '56497fc2bc377ae2c2ba95930400cf3cee8fb902', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '755917cd7561cddf8e13256257c4b4eab2e577af', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a790126fb8dde7793b3433b6c464928baf4719c4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b4d429bcd19bce4b224e72a54f79951d3018b0a1', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'eeec96cc58e68a0ca1ec597fa87f962fdb4a2d0f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e39847514abeabc9aec406320ae8475194cc2b72', 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: '1bb3af98ff988e32c83fb73967c6ace0f7e46073', shape: this.shape, state: "default" }, h("p", { key: 'ee88d9c863d86e03e2d9def503bc0e263a2daa20', 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: 'ada0d252bb46a27702be80508e55bd2f3232cf54', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0def281ccd9affc8928c11a99c31c8865e8cb6fe', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'ea7e95938d70d450b17b29f39debff323caa5c30', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd5eb08ae24b2e0911afc2229c7f686d0313a1a51', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0a5f855de5c7d64e5127b46b9d5ae3331dce85d6', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1acdff98f9db4e35dfceda44c3691e6910e869b5', slot: "page_number" }, this.totalPages))), h("div", { key: '9816ae7c8cbf048ffdc456f1a161abb35beb64e8', class: "pagination_btns" }, h("gb-button", { key: '890f80f0a8ad5498493f61cd77d8d744447e9a2a', 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: '65cea48005ceb8f930eed0efb8785a58466dffbd', 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: '9f86a905a74af898ce51eab6f754b5ab8162e515', class: "pagination_entries" }, h("div", { key: 'a32d17eac6dbf9187c5380c39d5f39b727c60514', class: "entries_text" }, h("p", { key: 'cbccd40422977ec41b4cf530fb9c849426307e9b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3089ecb3873a091a4e9294330dec5598c15c9195', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5c171802b11f3dcbd5c3d57d33b79c073facd61c', 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" }))), h("div", { key: '599d37cf00daa7fcd25936e6812a71d948708cf6', class: "page_number_text" }, h("p", { key: 'e5939928ae1df7aa9f8fea9a0bce02b69b1e2891', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'de81bdde19663a90b99785a2c1998f87e9575d9e', class: "pagination_btns" }, h("gb-button", { key: '86f7dc1f236c3a094e44a0b8bdbca6bd45b574f2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3298aed7c6ed735cc47791e0e2987c3c8c32ed5e' }, "Previous")), h("gb-button", { key: 'ff408488a0d3cec5aa89d83fcb7c9de629061332', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '12d2979cb4a81982ca88917a006add0e30b76a92' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e7a3a65667856f5ff0e78ff2d6fe5e9b49e448c0', class: "pagination_btns" }, h("gb-button", { key: '1913c6fdeb0436ef5ee5c7cad29354ded76f8d95', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '184e1dd81062ed5aeea0e4ccdd52cd54b49e6e27' }, "Previous")), h("gb-button", { key: 'd50be3778aca6c6c2c680751abb46d53881e6173', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '48932d802bdd8dcfa419e7415a4c5b95cc48e97e' }, "Next"))), h("div", { key: '403c747ff3bc2c42dadcf5ed927dad5b76624918', class: "page_number_text" }, h("p", { key: '93e5cc74a068cd394fc468c767cbdb7b4c7d4fc7', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '0ef60e363cafbb557a1a655bb9b80c8bdd40b7c8', class: "pagination_entries" }, h("div", { key: '02855d44d3bef1113f456c9c24cbf006e51f0603', class: "entries_text" }, h("p", { key: 'c331a108e90b5fde0c62d74e99e6fe52132b781b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e0aed07d5b2bd6d5dce17093c60b94f208085839', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a1193b84a4fcf3bf9652d7f5324fd70658a1608d', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ab399c3f864c4c4031378ef6af2da320ba3f1430', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6e62c9d8cc41c1e6e55847ef1353626aff050298' }, "Previous")), h("div", { key: '5a42cf10699f2012df2171bb3e13f0920a5a14bd', class: "page_number_text" }, h("p", { key: '131afda30112d6d4458828a5f10589f0c88d41ea', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bc9bd78cffa62cf69b4e23337141f2e09be57813', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a393855ab82d6baeee1f102c3ace4daa2df7423' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7ee2931c9c18be2eddc73d384a54abb84de35fd3', class: "pagination_entries" }, h("div", { key: 'eafdbeee713db2da4da66e06212595c87e499a3b', class: "entries_text" }, h("p", { key: 'f38ab588411cef5c49939620ce10e4ea74e5d21e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '73e05e796e599a2056bfa639fc5175ccd4be9e86', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6e20cfda6f7d5aaa84c6f20fa32b80adbfb4a47a', 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" }))), h("div", { key: '81148ca1d6eaaa7f01d6cc4646ebfacadf768f68', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '64ec10114f22475047d7afe77493c67006ab69e8', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'be8ecfda965e42cb244c3dca0e84ce10589e37d1' }, "Previous")), h("div", { key: '9c9116abe717d9ed5a2f90d3d1f33635a7beb1f2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b2f4d8fcf81ceb8ee33f4ccf9eba5fe5d23980dc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '000f608f69c8cad43704efd540b95c13b5795695' }, "1"))), h("gb-pagination-button-group-base", { key: 'a261cc1e6b0abc3dec8feafa8fd77d0a00d9189f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0890c411cfb99fb0dee4c07ccbeb22ddcc33c750' }, "2")), h("gb-pagination-button-group-base", { key: 'ab9b69a374f5e549c71011ec74decbd4776c227b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '757d6d6b52910ced33d6a659a09cd9472181c1a2' }, "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: 'ed6c530063658f4bd729b8796dd338117ea9a2b1', icon: "false" }, h("p", { key: 'de804c737891cac8774311d922c5d4232905c5b8' }, "...")), 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: '49b8abab0147b93f6c3e7aefdb577333a90042d6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0eb7c2e064846cba7ef9bf00f0a33835eafc4656' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '6ae9acaff80c836e2fe5754799e251ad199bfce2', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'f77ec697487556e75f7f15e27d9eb2be21772ff3' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd251b1f53ee55ad61cf3d051890fe2aa9fb9d8df', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '28e4299508b3efe27000addc25a7de8538a59895' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'dcb7760ea9267c628577825302eb0cea8fca10ed', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0a3ee01b35a9f81a8471e86decd15a5d10376db0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '28be33dc58b895e3f5268abf6a7c59c0f0676e5a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'efbcf33b6260794530d6368072b20437ae1fdabb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd79c601883f7ded305e8e8ef3fa6f983de3920f3' }, "Previous")), h("div", { key: '70f45b909584af2328cac4d50a6cb186517d01e0', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '757d7dc7a32846d71137f1ec9039ed0c676593b5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '75e212696ba2927011093bd852984c9770e4ac52' }, "1"))), h("gb-pagination-button-group-base", { key: '2650408cf7c3cf4e7a9d97fdd59a37dd47ea62af', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7fa773ff82ad0f22ea8c6883565e66741e791d90' }, "2")), h("gb-pagination-button-group-base", { key: '31c2d9f439356d86f4f3a959c4bf65d59228a5ec', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '63942af47bfb6e44b8eb3edac8c5bd32fb5839df' }, "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: '56822aeb509955b992ba1c94aecbcd3fe1421303', icon: "false" }, h("p", { key: '52faecfe86d8cd74c3afff97ba1a332d3538570b' }, "...")), 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: 'd6f70d215b8610862e6af28f579d3f590df3ebde', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '48462a39eae59533a4b5bf4147db7b378bca4dc9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b8509f974c3e05d6ddfe766c4dc307f1eef25eb0', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2ad3b06c4383e89f69006b1574acaada8eeb19d6' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '12934a3d71fba345cc47271424e4588e773a0bed', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3d3507705f0bd14636a704c79ff3a71232a11b5c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '94a4c48e10e8cbae9d3c8c07bda344f1de3981e9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7cc40b7e158e492c6cda7c8aedc4d28d9d79e55c' }, "Next"))), h("div", { key: 'cd052de0d436630157ef322019f9f1978656ee51', class: "pagination_entries" }, h("div", { key: 'e92ea046d08d4207eb7a55fc3b10ddb0023675e7', class: "entries_text" }, h("p", { key: '50602c225a2a8431bd9168e6dff13ff579db110d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '113b5d398a5f011a65eb9ce619746a9299f21a17', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f1ee85683e5cedd45d3a92017eac6871fd51bee4', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a73792552228c9e4119e2c0027199d530bfdd78e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b042b80d9fc2e7be3f0414e385d20fe235d8ec71', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '34b16c9187c0d575ff74e0d2bcbdb2614a7497a9' }, "Previous")), h("div", { key: 'e70545f91f0df464f4df3428bb92b3f500e5fca7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'ca52d8226a624daa68e2976955e5e769b8f6e933', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9d7b0cbcd12d2009c6c6e3d5eebbe2b6eb8f3335' }, "1"))), h("gb-pagination-button-group-base", { key: '9460298676e6e7242f159b805c5a13af97d0d178', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4be9b4833a0f74fd0453a5bd71c3514469a2f513' }, "2")), h("gb-pagination-button-group-base", { key: '5dc1e02c34a89016912b9793770e8c2efa76d58e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '52fdfa688bea7bb68709e1bb8e26837f5f5825ef' }, "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: '90669116061b0e73e59892cec4fdd8d26d397ebf', icon: "false" }, h("p", { key: '0816830cce9085890d20ebfb660da829f0562261' }, "...")), 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: '12455fefaefdd7eb553e6ce31ce80b179cc9eb40', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '19de072e06ff6a57cde30b358a9b8576bbe24c66' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '33053e6f3928757e762589eab72b2860d571837e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '1cde53c4218997133266dbcf3b286b4ea1606cb7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'bcb23d24d601d6ab64f68e2e7f94c662b83541c4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'af1776238eb78a432adf55fbfc00856070e54b14' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'ed8b8a8324f1181c9838e0498ff4d2ae2258ebaf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ce92a80906a69d202bab3935dc0fbe75740369fb' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9172d74442e0ee4f7a85742cd6c58eefec59dc8c', 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: 'cafbaca0aa01e4370a3b699fd42ccd193c344967', class: "page_number_text" }, h("p", { key: '15805945b9b4dc6ce592ac01a2350bf67ec20ac9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '50fcbd85e66bffb7e37736b36d9589c7ab746483', 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: 'f46568191a83d3c55cf79fb783d67e9ae9c51846', 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: 'e7855de4a5b8f668a3c67a7e2134de21eb46359a', class: "page_number_text" }, h("p", { key: '29448ca703beda6e4de5707b2b36b7aea1b1288a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bcefe5286a95582c6dcdb403ef512d9491df9aea', 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: '9fc75fc319d3adb996abc21c1040940f2c1243d5', 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: 'a59cf38c3b1773c6c0066263d6b5614c4349e51a', class: "page_number_text" }, h("p", { key: 'dfea22a802eeb58d01ed2d96cd5689f91a1ef242', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '74d3337e0cedf6c903d2504fbe822b52d9d857e9', 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: 'ba09d3701218e2b6385e59995051950f987ced5e', 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: '383483ca70d861238268ecb8c01f49c4c1c69ef1', class: "page_number_text" }, h("p", { key: 'aee9feb09a2e1e5e451b3e90fd43ef58f4cfbddf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c25488466824226b66298c23b3bc5b3df3407d72', 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: '2f6b2d3226e7eb6d4d46cf111c4ccfab6da49a05', 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: '5f8baca306253e3abbb28fe7799827d4074728f2', class: "page_number_text" }, h("p", { key: '6406b7e9e304f127044eedd8ac8b4a1bd27c63c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a5096d3cfebeb6cf1a4e0667131e307b9eaaec51', 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: '376d1f92f6ddd6949fef701d1073f27a58a1ff24', 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: 'fa0a35d959af54ac863c988c50eb2c606e99656f', class: "page_number_text" }, h("p", { key: '2e4202a9092bb81af8744acf35ed00a66bbb08eb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c842b568ed45ddeb6a3b698a71a210d5ed2189e7', 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: 'e867fed17f2bc84240fa7f9cc5faa67f07d83f26', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4b3cd479c5027d3b592142c8abf4c5f88220abc7', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b9ae11a9e9607b8df514acd002674b1b0ed812f3', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2add9ae4971b399ccb5c211308e6a8ac837fae6a', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: '70891c7ee9c9313a7da97cf5fd612f8199ab1d55' }, "1"))), h("gb-pagination-button-group-base", { key: 'd16aa060c3514dbec96c13cbdc763a6f132fb5f6', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: '81efde4ccb3dd465ac1b53d418c8b42038d1c5fb' }, "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: '3e345693ecb9f4bf1fb9f0015ce73ef100775f3f', icon: "false" }, h("p", { key: '43e1604b2a7e73fdab56bbf34b58feb87d14e7f7' }, "...")), 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: 'b46ed8da45c5f95db5f19f0435797735f70c748f', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: 'a3696d3e2c1378e790ff2e24990fb97bbc3af71d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd2e672bf8c35aa7cf8d5b99668b787cb326e3062', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: '79005257e98049d37540e9d16424015999e96006' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '324a69118af1647f6cda22a3fb4262165086f66f', 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: '343260c49ba84783cacd838fbfcc5af786548db2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5e9806badf4ede965e2bc201f2671c090348dc1e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2f4aef860c8fcbde4788d2748ad81a79bd6e1f37', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c7ab0f2246110533bd14f5b866ad5af2460b1ba2', icon: "false", state: "active" }, h("p", { key: 'b1edf6b3bfce415e594b24edc9d6489cd3fc1b39' }, "1"))), h("gb-pagination-button-group-base", { key: 'a07498457308ece6cda206f09bdd6926562c43f3', icon: "false" }, h("p", { key: 'fed7205d9ceb36e134bdf6a7bd9c4e8c1e1e0864' }, "2")), h("gb-pagination-button-group-base", { key: '07ed0a286f747627f13c1f928f13de269161a14d', icon: "false" }, h("p", { key: '33af238da9ba35585b97e08c1dab2d1bdde12271' }, "...")), h("gb-pagination-button-group-base", { key: 'a03f6d6bec71fdcec12c4f0445a0d91acdc8c7d3', icon: "false" }, h("p", { key: '4914d0e7e6507aa65fbb18d1ca28e5c1e0616493' }, "9")), h("gb-pagination-button-group-base", { key: '2f00bcd37d168d954dd4d51d4550a74d29957b28', icon: "false" }, h("p", { key: 'd11f3094549ea6ca7cddd44dc1440bb11b89a0b7' }, "10")), h("gb-pagination-button-group-base", { key: '3e7d3beadd96a21d523d83394ea98f662501b388', 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: '058c7f7ce10bd0985e6e0381d5d1a367eb83ce36', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '92884b73abfc3130c0b34dc6b5870d83d16c0057', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '99aa6d89a8930939e45ae125163943a254961c78', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c4bcf6b35ca595f82a8e055e631545a42ebf0517', icon: "false", state: "active" }, h("p", { key: 'b94bc1f6f0ac764a54cbfcd4f4986cffe7b08df6' }, "1"))), h("gb-pagination-button-group-base", { key: 'edef7452e31598ad348326bc8b4e54504e7f1ecf', icon: "false" }, h("p", { key: 'f4d1e559216ddf9974551e110b44f30a11dfccc2' }, "2")), h("gb-pagination-button-group-base", { key: '1243e1520caf6aa66b1e19717d74f1fe63b06ca6', icon: "false" }, h("p", { key: '9bee9b1e9bd9700a073ca749ba6f972faf9b59a6' }, "...")), h("gb-pagination-button-group-base", { key: 'b62d4e4b59e3e7e12e3281cfac5068721f4d2d20', icon: "false" }, h("p", { key: '77b3606a41020ab56f827a40ffddfdf4dd81fb71' }, "9")), h("gb-pagination-button-group-base", { key: 'cf641568686040461d828e4fa4e3cb721931e503', icon: "false" }, h("p", { key: '20c488219e9046c5772d29b7e0bd766f71f6e5f5' }, "10")), h("gb-pagination-button-group-base", { key: 'b3fcd692d0c25326f7e1c94f380371cd2cf45492', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get originalStyleUrls() {

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

@@ -23,7 +23,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '3c5e27f61662662f43248537caeb2289aa637a38', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'de171268503f06c4fc1075c059c80298ab368f00' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '543da540a2c0506c2f689f121dab528645f44710', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4704350fd744e741c88411562bfbe2a9874b8c68', 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: '4a5968dc9b0041673c452b2f8fe4d1db60adb002' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '3ba460ef68d9aaf4b3b5aa87122ce26c903db1c8' }), h("svg", { key: 'b522d7be029d66bbf4e29c19181cf0ef8ad88388', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '45f3ddd1aa74b8a795b2e2fbcef10d439dcc2212', 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: '829b33ff694dcafb5d1f054032f09d3c29e2f273', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '43bbc81fdc7ea48529f0d2dc3f9a302542288bfc' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '19c858e7ea48cdf8fe3934e619451feccf24ed05', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '16001627b2f289bec53cd7bad3db5aae9ae315ee', 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: '6440d994ba4acf5fd7ac76c077230861bf793a6c' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '6d62ade843c536bb5facd66ee046af7bc9e3d585' }), h("svg", { key: '6fc9eb5c8178c6288b5eb1e6f795e5185741dd86', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1ec3e55f3027d0f660b7cb0a3f700fce0890e5dc', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'a412a504eb165c58e83cdcf83e721473a452f5c0', class: "dot_group_div" }, h("div", { key: '319e7061f604a458e91bb3a04bc28cad72b960f3' })));
+        return (h("div", { key: 'e67e5b81079806d146f686a2741e0137bb72b90a', class: "dot_group_div" }, h("div", { key: '19b29652d8a2741c2e1f4abe1f8462087be94297' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '6c6430dd8584b7202b3192f1e156340567de79d4', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'a09563f5cf7b744388926556bf0eebcffe1123f5', name: "page_number" })));
+        return (h("div", { key: 'c2de0c1a0c62078a101de87203e08ecdb097146b', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '157a99ed5f2531d75bc875d0f46d247c0c0e1402', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '09c6161283c509aa3936a26ccbd91e6e060d1d43' }, h("gb-btn", { key: 'f380902ac04dcd3f64c43b12be46de3e8b6f0bff', 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: '26528f616e599001b7163cd7679e29c4486a0bd8' }, h("gb-btn", { key: 'a96433766c5ac4cb679142ff49df4b416abd1d0b', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '289899e94d5f1c45cf00fc67fda938ba3499e380', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '6a87a322ae5adf201af2fa0e352758a0f4839c56', class: "progress_bar" }, h("div", { key: 'fbcde376a9d369a4098fdbbd1139f9b961b4303a', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '4d58f75ed0b7aa7bc7298e81d7fed374fdb03898', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'aca5129f99fb7fad63afe336bc3e77a01a706554', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'd5a4fc3fcc93ce7183074f6c1b0d13f9198bbf20', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '8b6c1fbf95c7d5ed3f420d56eaa69b67dc242205', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'ceabb4bae6b5d5de81ae2f7b075bf5402797807c', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b22e2f6750da0eedda6b01fff7353dd6421d3bb1', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'f322d90957eeedaf9450588426fcb1bc7e32f48d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '49285dd09f56dae74bf6f9a423f5777425226c85', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'aa036c02f348a37ced21537604f186bd1ee4952a', class: "progress_bar" }, h("div", { key: '10270f3d1bb7da22b8cb541e4f7a9f852e40a15d', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c2300509ae2cb0d3dc99f9b73cad35f063719b49', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '3c0e2cd6d8fcfc9e4231dc597f70866a28de39bc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4bdc74177bc14d1150cecdbd4669dc7a79736423', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'edad661ba8e8df8712a98197a73d7218849d0997', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'e6d8a99bd2da5449f875c73e5b7e14006ea465b1', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'ea2f9e51798ed2b7f4696151907b25eeeda562e4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '4d2d82cd17b714d2e49ef7794b560534369b7f44', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'b525b07c2339b7c5767b2154957a9e9f3367c618', class: "gauge" }, h("div", { key: '095d6c3578566df9f93b31422d648181c5f0272c', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'e3ddde4a7ad224fc4737087f69b437148d54aabb', class: "mask" }), this.label && (h("div", { key: 'dded7c6b8e9f1fe197ee6d7d517136a5229bace3', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '961ee7a2a46c4b3034ace78907ae1089081233f7', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'a152f3ac8374604fc2665ab1edd6c8e84ef37fce', class: "gauge" }, h("div", { key: '46bfe5cf4ccfc00d0cdbc37652f9955ddf54203b', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '82bcf528a06d48eed6a1af3101e3b77b704929ba', class: "mask" }), this.label && (h("div", { key: '207f3d5d7f8f391582f40c79c90c0ed15009f250', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a6430a8693b5200f38a4c0c048d86eef623e1d81', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'be8177c403fcc1e570ebe56e10fc7e4d0dd8b106', class: "scrollbar-container" }, h("div", { key: '2aec6575a566fda044bb525a65ccf7d89dca00a3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '1f6647d75fd9ded0f5cffb9ded37081086921529' }))));
+        return (h("div", { key: '3d5a8f7ec64ff63ef4a61c5d6012953c4c82e9b9', class: "scrollbar-container" }, h("div", { key: '89190aeb9f7e75a1f899b0776d656d12864591b1', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'd08feed3125121d1f2caccadb9cabb3ae3ad0dba' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '860ce3458feec28d9da15fc9378ae6106ffa668f', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '9e31e669568c460a5b329c5c5c1f7c6c0b9d8f9e', class: "pattern" }, h("img", { key: '672d84a250cdb8f72283ebd3eae7c1c1cc143b42', src: patternSrc, alt: "" }))), h("div", { key: '8b1365f46a501a795fa73e9fd400cc072dddb628', class: "nav" }, h("div", { key: '81369bf0c75124ed85e524c75897b04c433da1e7', class: `sidebar_header ${this.state}` }, h("div", { key: '18a3c5a5f072662e755ec46484c6123fabbe71f2', 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: 'f28b46949024886b627830bc0f919b015cfca0c7', src: logoSrc, alt: "" })), h("div", { key: '2c27eadac006b7c9b5afad7a72b4dadf8d50b377', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'a04efa499c840821dc79247d46cf941f1c2665dc', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6793d0bcbb4aba4f5a0fb527812f7b1d54af9c75', class: "navigation" }, h("div", { key: 'a8353e403c9cc72ba3d82cadfcff2a4cd003b2ec', class: "item" }, h("gb-simple-side-bar-item", { key: 'f3b47cc95a4a3d9e66610af58a5e09638907fc8d', 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: '96e0c095ef06a6dd593fc73db79245fe67763f7e', 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: '09066959554ead6bea6ddd4e25fd398a17977979', 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: '90b67d2fdffbbc558ddd6da5e27c214b01c29325', 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 })), h("gb-button", { key: '64f7aa7cdd8300168be8f45cc431e1d2e79cb94f', size: "sm", hierarchy: "link_color" }, this.state === 'expanded' && h("p", { key: '27f11be0af3d90f770fd9a48d48d498050c9947d' }, "Show comments")), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '92b24d81912c735e5cac2e4083f98d5b10356908', 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: '2ce411707da0fc97ef45cc408997042f47e6eb1e', class: "navigation" }, h("div", { key: 'a84bb38767461f172211aa403b4b2dcddb98530f', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '067827c43461f02774537ebc718910ec6d678acb', 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: '1d4fb6aaad09db9001463d150ccfcf863e9dcafc', 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: '25ac29c6e9524d09970c7d7a787b7f7e32a45ac9', 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: '5ca845529f5074712a298ed752964cd80aa79047', 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: 'b8b6ea29cbae4a5bd843ad013390762ef19db62d', 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: 'f4a42773e5f3810aaa7f88f680740d26b6f3bbae', class: "application_name" }, h("div", { key: '0f90df628a9ba5f6a004d609318cd291eb5dc1c5', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '2c845b17efecf9ed4fadbdad1f4d56457e82ea4f', class: "application_name_pattern" }, h("img", { key: 'df6e39bc17387f6a6a4f5c1cd08efc9f4e08eaf7', src: patternSrc, alt: "" }))), h("div", { key: 'aed441518a68a77b6ccd1319ae1613f86eae7c99', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '37583bd42ac898ab236af319d49cddd5df13f1e4', class: textClass }, h("slot", { key: '3a925a96a64b758f12b691f532ee49b2d0f688c5', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'a0a821b157fa084c4a1917558657e46a855251f5', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '867a7da5390d7999948b30ab0ae0d93865b7a37d', class: "nav_div" }, h("div", { key: 'f1d4a9a6b74a10f3e24da5937e943e96054b92f7', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'ba85c05b4619af7d032725654eb5d2147621f179', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'b303b22a425f40791e8354df9aef64f65c39ece3', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd8470c6a7507336efbc36f0e73a905958e7fbc7a', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '34244a2afb270bae276c9da3596eff59a0a74343', class: "complex_sidebar_div" }, h("div", { key: '858ece6342517cc479535321d0cb95e70c0b534e', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '60b48a7b75e8fc2a87a89a10b39ea476e8eb64b0', class: "pattern" }, h("img", { key: '516089d865fc63a6049aa32692e3ca6f473a1e86', src: patternSrc, alt: "" }))), h("div", { key: '5ee57779eb323f57dc4045f8551796f95d1942fd', 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: 'd52dd647157443e4fb78fe3ad076778c002f6985', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '74755a96404b65afc33a9d35773efa140be6770f', 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: '39e0aae8729e598d7c86458fb3fb6b8b7418fd6c', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '0794e7a5f8623094927039e06e173af0a32a3d06', class: "pattern" }, h("img", { key: 'fe0be847368e86f77633feab63c7b5123273f102', src: patternSrc, alt: "" }))), h("div", { key: '12cb483177a5cb801a7dc4902377055ac587a7c6', class: "nav" }, h("div", { key: 'd3aec450ebc74da5df418715d2d82c56518e2a5b', class: `sidebar_header ${this.state}` }, h("div", { key: '5fcf870daef83c3da2319580bc76145f989fbafb', 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: 'f46dab6a0f8fb62690240f44f202e0a4c52c6076', src: logoSrc, alt: "" })), h("div", { key: '82abf490046d13d7c4d1b6f4cb80a6797b4e1661', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'b01432cd592ba91a447bae0b0bf39e132f57db73', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6cdbbbafc6d44ab0c4343b3490110641165aad15', class: "navigation" }, h("div", { key: '526d3e384bf424be7a1027d330d77ea0475ccd61', class: "item" }, h("gb-simple-side-bar-item", { key: 'ecdf7e18e1a0c8e3ae57679d2281e36993b63b8e', 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: 'd5c5ffef29c768f4b696c92567db46742277890a', 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: 'f1e1a6ea2a03989e9a9d3a6229f984f70144dfe4', 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: '1cf86863adac112b78bebecfcf139361a0abb2cc', 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 })), h("gb-button", { key: '87cb0bbb9a7deb2aec7f22f590160692041eb3a2', size: "sm", hierarchy: "link_color" }, this.state === 'expanded' && h("p", { key: '2135744f64bbbddf2ea490544a04cfc67b88c052' }, "Show comments")), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '78127fd0a74e8aefff08ade14aaff7c922d3bac1', 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: '2e4e2fbbfb9f61a81a7404c6d4e7a458e571b9e9', class: "navigation" }, h("div", { key: '1279a9d11d67804745096b18f738db9a1dfa25f0', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '0c41b4c525a822cd90a200243cd47a0371c58c29', 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: '65b8e3a5449c4015424c61bb3fea56ed2421f7cb', 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: '07bd4a0aba6876eb7b334e4975b2dc97721363bf', 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: '4139481fa730fc7544d32e10baf4ae1c2cb35e1d', 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: '1e30cdb2b2856f7918d49746a19f310bb7b869c3', 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: '310c1b4cfce8a02feadaf91df247fd367b4b5a4f', class: "application_name" }, h("div", { key: '196d636b652f396b010aec07c35ccbc012f02f6f', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '8c00d1ddcaba0383b1cc527c5a7aa8d68e3d09b3', class: "application_name_pattern" }, h("img", { key: '2b60026bc433095bc7bb77f9a4e518318039ed0b', src: patternSrc, alt: "" }))), h("div", { key: '12205aaf78460cf4dc2987fe54a0dc82fd4a0bb9', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'dd398b70cea1059e9f9c015df46f94b2545ba34f', class: textClass }, h("slot", { key: '96240bad5caf4866a3d0023284e1a38584b25580', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '2ee735c915ab11d33de50ca7106983afe4d136bb', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '05e65d485b11387a78e1b390bb4f5925bfb2b231', class: "nav_div" }, h("div", { key: '379c6bcfa610f52dd1615de2f64e7ccdd51bfcc2', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '375d75d1faf5765981d8511024d9b3f550289e7a', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '210841818ffbdd5336cd2843352440281c500c17', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f15b674e4fd91a1ba90c520ef5bbbd637c22db98', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e1841c010b79847eab2b347d99ded203d4be6c3b', class: "complex_sidebar_div" }, h("div", { key: '98f2269e8824022d496b27e3cac4307d28827180', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '350cd2e36c289796f98cbebeeafff75672d43770', class: "pattern" }, h("img", { key: '517501bbad86c9c2bd45b9815e3c5424118fafec', src: patternSrc, alt: "" }))), h("div", { key: '0e2539b05a1e5f234fcc276b007b7c7752075685', 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: '2b414c863431c5ba50bc9db3f86a4025802d8074', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '4dce97dc8524b317da378d7edc1be534dc50d9fd', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '82a0d96349f9159745883d901504f50c203a3be9', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '6f3fc266b57e034d583e6808bb9826ca92e53935', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '3ae15137800f4d9a701087eb81e10dad29038551', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '6b10439cdbdae5ac5f04fcda76319208717f9d01', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'd0c631d40cf902b7fc1f04b7a8a2beb5a7d5be68', class: "content" }, h("div", { key: 'd7b7464ca397037449e1cfd34cb1fad895d47aca', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '90748ba00548446826a47315e730917d281cd2ba', 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: '713158c91286715004cb994b607323143aab6316', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'b75e9e7aa9832d8ecc9e2ccaa7ca2d41a277f4ce' }, "10"))), this.showArrow && (h("svg", { key: '0c6ecefafa38e87c5911999fd4845883fa76836e', 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: '61b8b819a87e42e99605db24f04d77c7d48f63fb', 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: '8bf3f9076743acffda4ca3b9750d9e6d14229e1d', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '43ad35d7650c9cc2657a60d49e42cbdf4fafa846', slot: "label" }, this.label)))));
+        return (h("div", { key: '40319fc11004bd7b2a6963e2e70d8b21cfc9b588', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '78f929f4f4149a35d669df30ae9d0ebdad26d2c7', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '2118ac74c621f1f05dd33150982362979ee9c917', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '320a041d37e36ba772720e3ae271001ab2d59c5d', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'e31c8dcdf919275009a034e9031180b5e68d6698', class: "content" }, h("div", { key: '10e1db6948cf9bce4b0f2870d3db96f08ab7e48d', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '06c2bd72670f92c256f34593325c351ea4d149ee', 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: '4fbba369019cfca73e3367602f449e577ce70a31', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '555cc99afda352def499398317ac18c6d3b245d7' }, "10"))), this.showArrow && (h("svg", { key: '8c92e1192a3f9928539290d60749c9ff94e73e73', 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: 'd3df5ad54dbbf7f8b208bb4e54484f3b55fffc93', 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: '6be178d9acdb80a5ba0d374878f26ebc95fead97', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '4057004a4f3b5479c6f9e16a13971a3901bdcbf5', 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

@@ -74,7 +74,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '4a35810e4ce81c7da3478a36c8a21d98766749ef', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '546256a6e38045f4aeeb127455a0729b9d185df0', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'c70c353a2925f098ffa3d4f87b6519e75a6affec', 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: 'e6fb1b14784fd4a2f028d3e1da0d9822da4ab260', 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: 'd8010ec2090be4e24b73972f0b4de7bf39636960', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'e8f16f03ee2e7bc1df17cdd6c90cbc9982985f4f', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'df0189a47446e1eb42b7fe081618cec4578e3de1', 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: '226933471e683070db91e9d5889e089b010c8d76', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'a919e0ff7c1b7a5f74dfb71d270d2caeb6ed4c5d', 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: '5fb84987e238f9bf3bb517b8691261eaf42565d2', class: "tooltip-container" }, h("gb-tooltip", { key: 'd6ee029f6f86d1fef469baa6b8d0e3ab354b10c7', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'a612132be734ff1bfb62617ae7b40d3d03921573', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'ff87ed02fc39d1aeb19b6aff4d7137bcc0643c56', class: "thumb-label" }, h("p", { key: '2bc6af4c3e31112b20541fad2571b33398f25f17', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '165a3c7d9f1a10804ae4c39dda0a9c5447990614', 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: '0d48e6f4de00a4490116baa0b03fb3493d1b93e4', class: "tooltip-container" }, h("gb-tooltip", { key: 'ec4b92e22c538b6164f6cfbf8f6d028aa6a8499d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '1757775ab6d225134150e9f6fb83785f18260fa3', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '8107658dbf696f9f4e239e06df408c476c451160', class: "thumb-label" }, h("p", { key: '34926ecf835148da483b466c960e31c6b32d8e4e', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '787d02adad93789d4277ed960886ed4a26a26e80' }, this.statusIcon === 'online_indicator' && h("div", { key: 'f8c633e62cf7738431de4b864f01cd77fd4bdedc', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '7860f617f150d8c70ae4dbc8a31ad479e89871a2', 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: '3b7bd8e96f34822ee84290a13fc36fbbee8ecf2a', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '9c04a6d642079f8afd4faf7ee4ec50522aeaeead', 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: 'a4c24be1943e8a3bed9bbc2eba5aa6bfb2577b17', 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: 'a8aa8cbb0b1202a14536b1d23905c4321a65cb1c' }, h("clipPath", { key: 'b341a971d306bdd4c5a2d3165f151dc3ae9b5e55', id: "clip0_0_21453" }, h("rect", { key: 'e5b5bf89868b947ed032bf3a534249ad12262a77', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '3284844ea486943e94c2fc9cd8d11484a9d52f91', 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: '6304298d51fdf08972a7dae62bfba7b0159819c3', 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: 'ccf543c87d87ae311042167720bae3780bf62c5c', "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: 'ca2970ba9d1e43cb454df98aa4ac1dcc2c1f85eb' }, this.statusIcon === 'online_indicator' && h("div", { key: 'ede4c83fbbcfd5218a1ffee689a103c61233c9ad', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'cb50691f4bdbe5936fa35f7cc030aa3576cc7540', 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: '8bf89d0dff51318785eb6315f5eed9c7a96126fb', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '735860a41a7dfdc6b309c13e13da5fbdec343840', 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: 'c5943098d963b9cf80551cbb707fc38bfa836b97', 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: 'c991b63008be17cd583d6baf5b0644ecf36ec7c8' }, h("clipPath", { key: '638fc37147acb94e6e941c58ebe32329fc1fac42', id: "clip0_0_21453" }, h("rect", { key: 'b34737207ae3ae2290d52a628012ea26a3146de3', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '5cabbca2e430631153576f2a28f431d994e861ec', 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: '9d0becabcedd055fb11f5d20a7d95c74df95dcd4', 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: 'bc1bd17de866961eaa7d7d01ea66b3c19bf89578', "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-tab-button-base/gb-tab-button-base.js

@@ -43,17 +43,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'fb6c70a2369c4a58bca42783777bb5a8c330738e', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'fde1bc02dcc57b2e59168c3921e897da441c78a7', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'bb028e81fc9bb29a5300f621343868918ccbd3cd', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '95444adbc23d303e7cbadc755f9a2a46a551aa81', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'bce6ef5d52fed3ed7e7bff7a1b82fd1aa6bd799a', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '4b7e16c9c4877fc3d1413f8dde9684e4ef64336d', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '2ba11983dc774a38c801ce19649190200f7ce7b6', name: "count" })))));
+                        : 'gray' }, h("slot", { key: '92a4bdfda9d1fff3c92225eaa505eceb5f1a1c2b', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-cell/gb-table-cell.js

@@ -0,0 +1,49 @@
+import { h } from "@stencil/core";
+export class GbTableCell {
+    constructor() {
+        this.type = undefined;
+    }
+    render() {
+        return (h("div", { key: '2aa89f54773386d70ab898a6160aeb1272a78503', class: "table_cell_div" }));
+    }
+    static get is() { return "gb-table-cell"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-table-cell.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-table-cell.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TableCellTypes",
+                    "resolved": "\"badge\" | \"lead_checkbox\" | \"lead_text\" | \"text\"",
+                    "references": {
+                        "TableCellTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::TableCellTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-table-cell.js.map

package/dist/collection/components/gb-table-cell/gb-table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-table-cell.js","sourceRoot":"","sources":["../../../src/components/gb-table-cell/gb-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,WAAW;;;;IAGpB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,gBAAgB,GAAO,CACrC,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { TableCellTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-table-cell',\r\n    styleUrl: 'gb-table-cell.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTableCell {\r\n    @Prop() type: TableCellTypes;\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"table_cell_div\"></div>\r\n        )\r\n    }\r\n}"]}

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

@@ -29,7 +29,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '739ca2c578d6dd1bdc2352e01f0880fe338cbb33', class: `container ${this.size}` }, h("div", { key: 'b06d5693884fcab17c5ee3e669950d3605141883', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'bc2e4980472c8a732b2e6ca54a099fbb928e1313', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '101acef4f4fa0e2c19015141f919a26fe44a8f32', class: "icon left-icon" }, h("img", { key: '9da0ec58a7e1d3481767c64cf07511bee6bdcb23', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ac5e81553411146c4a75e625ecefe8a8ebc384b1', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '965303a15db1bc2855af356746f9d05d8b88264b', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'd0da65e7f135f318ba9ac56bd6bc1ce58195e05d', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '8e5eeb8c09d28ed2ef6a2cff70780a9590884380', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'b00fccc4c0ec9d9fd943268924e9b379d13c6757', class: "label" }, h("slot", { key: 'e5e0f3872cf437dcfa2fd0099a4a0d48ffe303a8' })), this.action === 'count' && (h("gb-tag-count", { key: 'd7e9c7457c1ae91e6ef8bc3a0539b69f18d45fcc', size: this.size }, h("slot", { key: '2b4ac47435196f477fb2af4519b0984df7151c5f', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '32353e78710725995aecfdba7b7345cf8bea06e8', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '118f7b0ef222ab7aac4304a6ef1ba625a07e40e9', class: `container ${this.size}` }, h("div", { key: '51fb1e6a807cb8f7f052cf5e4b6ac4057d35ecd9', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'c39c5e43bcec7e692fc0e1c23536cc55c4d499b3', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'e02e16e98010e35886edaebb3a2e39f06e3776b1', class: "icon left-icon" }, h("img", { key: '0806ecd40cc0231504edd9ff71039a1c09c2a757', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '05caf37e554bde92bf52c3274dff7ced62a9098f', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '861321cdf3d68ea3d998470a02f08637a0e3584b', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '5c0c8cabc7a9247a5055dc8da2505fcfe708532e', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '10b658c949e51fd919a91439e0d87abb5010c7b5', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '7ae66cd5272dbafb0eedd32d415592156ebf7269', class: "label" }, h("slot", { key: '27554fa0e2f87e617ea2e754c0116dbcf372611a' })), this.action === 'count' && (h("gb-tag-count", { key: '00980722472e197572392c6c4a515a80819845aa', size: this.size }, h("slot", { key: 'a59dabb81072beecac6084c8c7f60d4bb76b5796', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '1a05229ae75debe4ab18ba4c4719f7d8bc8dc893', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'e87fa0627ec2a864d6ce6168a795b0585cd3ff27', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '8c3bc163d64cdce010b48d980791a2dec0dc7d5d', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '419076874797c539095771cfe81a25b6fad9b8ea', class: `custom-checkbox ${this.size}` }, h("svg", { key: '3909a55b18bc008f80dd695b9a23f24d69af3f28', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'fd5aff3f474ce52eb2c18d3efe2e06766443057b', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: 'bb7997dce0197557e772ed1cd4f6b9d5e9cb1a0c', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'c95fe1bdec4c59fc9d0b246ad28311130517b7a2', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '2181b5c4906a2da2d864c0dc82fdf71361855b5d', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'cbc1e955a52a221fefc255fd7f590602ac53cc36', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'fabca05e0f5e0e7c725979d5df82c30aa44c22e4', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }