globuswebcomponents 1.6.2 → 1.6.4

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

@@ -29,7 +29,7 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '4ce27a90772b352e0daa3a10a4205575bc990b01', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'afe729ec2aa3d90e38498164176568cb9a084ba2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'ec1f40ad01e4a8a6f4d94eb5fd630623a77f9723' }, "Previous")), h("div", { key: '55b8cfe0a964bb41eeabf122aa0ed41ed0ffc083', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'febdd03dab0d252117dba958d0c12797cb3f1ff8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a57dfd439b34d6a1f9102b8fc7ea4ee6f0052a26', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '56c491126a8b63ecacb335446f0ecd1d4e590a19', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '82fc75b46b44af189189d35995f1d4097c32e256', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ebc9f46e89bb68d335853eed1508e8592221a19e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8c6fc47879c0d4f9c859bf7381a960abc263a396', 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: '9dcbc5dccc64667d7b68ada32292d100a499ee21', shape: this.shape }, h("p", { key: 'fc5f6c23edc8bb63569cb866be7e0a0bba769833', 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: 'c627bc84b094ecf0c81abaa7539377c707c28745', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'a6c50857136b26f0072bedeb89d15910109234b4', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'e2667f42a3d0b4332d62ee279a105528eee3950f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'eebdc8ad7ec81465260b1eaddfe00c9f75fc1cf3', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '489d1844356a9a316ebb7bb80f069dc1ac456277', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'd1c0d76822de17acf9d1bf3af0a27cda313926c1', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'b8c11294a8738b0f64baffd011ac00e51c96651c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '71a57c9247e62a5461cf48b8e5ef2512f23f2814' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '34bf3e9c86806fceaf0861a0d1f5a96521179dc1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'db47b9572765a64833036e205aa57f490eb7b79b' }, "Previous")), h("div", { key: 'a2d4b5ff7c41ecf4f7e46a68bb79495ece319398', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '573164303458d2302f1dd8e2634ac99d581f2aff', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'c452ad8e8ebafa65b9083ec1f4d8fcdb4a769628', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5fa032b1894013195a956880cfe97c378076297f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1138c2ae35f1d4eff12d10d28d40249dab8a45fa', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f34d1e8d793ce2de7b1edaf0fc10ef2e685cdd47', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f5a4bfa796c22ee0d55abff9c4a3bb7887e82c22', 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: '6976376de4f9ef023d2ce6334b70018e4732a1bf', shape: this.shape }, h("p", { key: '0c881e64463d8130fa67eeb28a5bebf13b2324da', 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: 'dd7cc3ed3c9a2dc7618b31b02a4820b8d41b1696', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '91df87aa87d5b7d46439b49d47516193a8a98817', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '63e75daf1242e38111e1ed9a69d2c64fa137520f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f0b52965546fe2612c01e74464d5502f2bc662c3', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '31c1eb8149554b89d783763a1f076c604fd396af', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'a61e51a5900aac56da24bd00cc8d4791e5547cde', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '52bc2274f4f243997a833eb24514c651ff079250', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'd005472bfa3bffcd4ee1b5ef9efc298bf61cb1fc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7dc976c54687b3bf655a12371b89554dfae965b1', class: "pagination_entries" }, h("div", { key: 'b2016aac641b98ae1c327a9142a9e8c28112b786', class: "entries_text" }, h("p", { key: '0ec1b03e2c84ce1615996c0e9ad634ccfd0318b8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3e5e5807367066a478f0bd428091695ca481ab69', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '12636e6cb8975ce693f7a880c2cab161e756ffef', 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: '5612984800fe1b6322e1d4f1816714b8e8da2f48', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'c14b8b91b44df4a5ada15e05d0721ac90cc1ed5d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0e21e1e428db1a3a4f8d10733fdb80aefa5cebe5', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4f9e4fbdecfabc6e7d44b53b7bc3ba022947a230', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '99982f7751c077a90c74b4a3598cb8a41183e373', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2fb4d6aa00bdb9360bf1c6fc9150d10a0b9b0f4d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '406f1970d0dccc6e8289165a91175612937ad296', 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: 'd148bdcf41b83deb13e0703b4cff8867a1e4cc6c', shape: this.shape, state: "default" }, h("p", { key: '2d9cf00f55df38b765697da2928e551e89c09c4a', 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: '800b97f899d7a599d09e76d848edeeaac6977108', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '5988dbc5fd03bc7016c6178df0c74d9448dfa591', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '55ae788f838063a341ebc52112f01d1cffcfa572', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'e884172d4279c6cb5475fed8544945f1f92ad214', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'a9a192dd8393794efa6464f4e44a8e84dee8bc82', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '1d2e481d053102e6c44b2060b1996d90cda0e201', slot: "page_number" }, this.totalPages))), h("div", { key: '3408159afa7ae7e9dad964d7e9c252a0f9ce3e4f', class: "pagination_btns" }, h("gb-button", { key: '570e21318836b2eddd31d7486207c7519c0f9ca5', 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: '94b3a28532c8ab6724329ebdf39b56058f5e361d', 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: 'ba27f7ae27d9e39962056847a4cfadbba6b561a8', class: "pagination_entries" }, h("div", { key: '7cc87e74f11ac47d177ea1f937f5f77f5abb0b96', class: "entries_text" }, h("p", { key: 'f415ab5a9459cbfb7727ff9b9b6b28992fc0ae2d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a681cca0f8a7f49eb52434c98f573f48c4f9d4c4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a7757f087c884bdedbe8c0ec8d4edd18fa5f57ff', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '9a466e23785b8f9b08cbd94f74272eb98e1b391c', class: "page_number_text" }, h("p", { key: 'b03f8b6eea48a147d4b1335cd67054d00655d174', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '79a070a912c3bbb804edbfbfa114abb609a21063', class: "pagination_btns" }, h("gb-button", { key: '3eb52a67ec41eb9ce4cc928b429a40266da2bc34', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8d794aa4a5858cba814e69b517d85f5523782d7c' }, "Previous")), h("gb-button", { key: '8644741787db84bcf154f6acac0c56484d4c6e87', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e9d8b780035dbb38513b54f843a59946266e96d7' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '80bee50d4b130dce197b7f946661b56f5efcf61f', class: "pagination_btns" }, h("gb-button", { key: 'de5b6ac9c9cce091b93f82c3e458a2894db2e4a7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '206dd1e4c81236bf90e0731fe58ba02d107f866b' }, "Previous")), h("gb-button", { key: 'e95a4eef3e3565723aaa9d362d944912888328cc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9f8deb1f5e20eb22c03f09bccea9142775fc12e4' }, "Next"))), h("div", { key: '06bfd02bb4292220d9ee9aa4debdcc9d67858ffc', class: "page_number_text" }, h("p", { key: '97f8c7db956d23012e26a76431beb0bb2ca34ba9', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'e9ed5e254de41dce5c2a14e9af1d94600a5b59de', class: "pagination_entries" }, h("div", { key: '4d5d782c082039b157a2406c7e90bfe4fc9641c6', class: "entries_text" }, h("p", { key: 'a7a96758459d7ea020130524eda88293725e605e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f99327b7e047d0af2a000b02ee436c0ea008e947', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'db3618edd0004c5def40dcba689917360a30b2e3', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2c3ecd95a3c2b7f1facaa13c7df4edc90a7d1157', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0aa2d92736adccd3a8e62a79163d0eb73e924ac8' }, "Previous")), h("div", { key: 'ca909c7859ba6346d868004b5fcd9f9d10f85d82', class: "page_number_text" }, h("p", { key: '82f1d501547cb5e8ad27773dc215a5a30b15497b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '30795097761b36cb83ec2a6003b95b1eba402736', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4dd5688de740097529a7cdd62c92923a55e98ea5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca0d62a07548dadd79cfaaadd48c0170a4de277f', class: "pagination_entries" }, h("div", { key: 'f5a63a1b3de03123d6e705c45ac5738874f37c21', class: "entries_text" }, h("p", { key: 'f244a82cb6822b3efc40c58a4cfd1c73b13a6635', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8dcc9f3eb5926e155a6ff140ed7ebc3a808b05f1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e4414f7f333adead39d46ff47ad3ace0d629cbfb', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'cda3f9ff58cba12723a592dc7759c38f76948d54', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd19d3a6cc7c1f74fa2230b7259e1aec284a3a4c4', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3ced04bb3ecf042cdd671a839c4eaf73bb744f48' }, "Previous")), h("div", { key: 'efa8b6e4c5ab1308364125f736d05845e6af2bc5', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '81e88684bdef00ecb483779393723d47bcf6c5d5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '139cd1ef867cfcc9975ac92bd91d00a05862274a' }, "1"))), h("gb-pagination-button-group-base", { key: '74403879a4122b95832a809399e134118a25fb1c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '76c9ba29e1427b27478c4cc0a84a8d9195b0ff5a' }, "2")), h("gb-pagination-button-group-base", { key: '6de7c231eca4518ecb710861a349a09578e12480', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'afae2cff66f26a03c004288a78b2b5d5dd47637e' }, "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: '16b36062afb28f174882b1673c1b46b67287a06d', icon: "false" }, h("p", { key: '255c3129ad3c156a02bb6cb5f89c96801d4c529a' }, "...")), 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: '366b43af59096a42da5c2f7a1c999d7a7939063f', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '420c29888a001eb0f3664a409ba4ace63245acca' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '82d8c2b56d43659e808f3fd4427e375a2acc521f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2d89fe3a3cbd26fa1053a8df423be34dd706da18' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e9bd11c369fe2ed3b8a28fccda5d8fd171c70de4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5f866800018cf2ea54d9925d7d85a7a533828ba2' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '694df2675aae343ce9ebd2bb944ad7ecafb64f77', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6d5b68345f2af8f4a35ca071d0cd21d17e59055b' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '03a392de3765dae69393948febf44663ee5ff404', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8300278b3af0b4566261ce6f346c5a9d11a5d067', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'bda2af57365a0a152afcf209023d40e2cf6def70' }, "Previous")), h("div", { key: '3ac20904fd4c016cb5bcbb5499dead8117fb5d7e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '35150970975cb5284b208e1cb0edde715318b070', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8b7dd0adf0feae074c80f114bab6daa1ce567000' }, "1"))), h("gb-pagination-button-group-base", { key: '6cd7e3230e08fe734cbd85e0f3a26af9489fdf77', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8fbe2ec9ce0f3ef80e7aa22a8ec60f81f7f8d189' }, "2")), h("gb-pagination-button-group-base", { key: '258159e78b27368c4387c195619ad85aa3589969', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2530f02e3be03724244d9d900dca9c2d61df0d5b' }, "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: '50170a83468ac7ec49520c35d4c5c58790cc4651', icon: "false" }, h("p", { key: '4482ee249651f43c255d7554b029fe38515cdd60' }, "...")), 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: '53776c9ddd646cfe06982363c6ee3c8ef03cc490', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '4e39e2558c93230cb74590e4bc8066c5ed60903f' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'a4775bda3abfa842408db21e94b03c445567f7e5', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '77207bb70214c5635a54b5372acb0bf6060debe0' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '9568f157b4043eb29a3e4f66832e8ec3c7e2ff91', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5d53e7cb1ba353624b5594acf129537e26dc4f5b' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '0ce4ae9f3aab055b06aab45e15f21f6083fa9205', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '01f3330f5736ab4bd2c1f49f1dc2b76c270f52d2' }, "Next"))), h("div", { key: '3f084aa538ba493ac9211dbc0b3fd210a9865c00', class: "pagination_entries" }, h("div", { key: '14ad9903cac7bc986b40de83ad008d7788fe1f2f', class: "entries_text" }, h("p", { key: '95af3dc318c009d086f73928309e2026b8486abd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6656779d456efe27eb0ab279f4e25de7ada37461', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ef0884d9b319c55c8c3e240ffcd9668cd1193e3f', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'eb93f6d987fbd9140caea352b4dbf1af114912c6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '647d10e10dacd2a1cc1e7519480035a9a646ed58', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b9054566d07b49a83a762b79d0a5185253a82a8b' }, "Previous")), h("div", { key: 'ed4dca6b707674af8e882623e1630e4d20305b05', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b722d384eecd4755b038a7ce732e3bc6c49feb83', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c08533b2227697edc006d06f105454bcecfffdbe' }, "1"))), h("gb-pagination-button-group-base", { key: 'd3b8ccdff0bb657e941a368d1e5f592aec237453', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e8184a925b3728c194752e95a5f22dd31607fc91' }, "2")), h("gb-pagination-button-group-base", { key: '8857b5e53651dc4aad3f870a9340e6a1cb195d8a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd8dc6082d9680a7f1c306e787d057e4ef180e6f2' }, "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: 'b804c59a4457b3e5d44c3d21d2fc42fcb6d03406', icon: "false" }, h("p", { key: 'c4bd36b7bfd5648d7b08dec56e073220d2f40082' }, "...")), 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: '529bb27891cdb5e99a8d0776ef704bfe13bed291', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '4f302093c75121fcf13b68a0d23448cff775deda' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8d8a6065ccaf5435348b73a99eb3382857cbafdc', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '38dde756a2a8056704f115335b6f1083057dbdd4' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'ab6593ff289de003d3f41b1bfb8e45a496be2477', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '334efd3e1a39d9bea60bb2b81844087392d54f5f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '47212ea850be6281431c12d1bbeaf4479d7e0328', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3a354928c52f3af1b2f6afacb75056f748b87933' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4a742001544e4714a73b2af13a5ae69b6bf46bbd', 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: '0ccc780f3ff324238ea02d3974d6f62b9ed3608b', class: "page_number_text" }, h("p", { key: '913930a5f11f5dd402b665d409957d367a3ba976', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ae4604b120babd0bbcbb2e7bdc6fcdd1585f6cc8', 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: '793a363adadf693d5fb3e2f0d37b7c6ae96e760d', 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: '4369d5ec720de84d4e5a91ac414daff323dc2a1e', class: "page_number_text" }, h("p", { key: '74926c360b5cfc56f8976f0c2c7dcf2887af4483', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '402d948a6f86e728525226f3564de526d7866d56', 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: '3900e3f3c4244dd15057e296b6ebb35b4b55f705', 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: '08776c9deaf3a8fb20832179f1495c5c846dc40e', class: "page_number_text" }, h("p", { key: 'ff6c6cc2123e682f91561a62aac2ff9ee32a3d17', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7d134a1d75cc677d40699f3e1fb1b21faac63f56', 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: '0137ccfcbf2ffb2c867e7f99921fea37567ae6df', 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: 'ddb4c1f13e674c785c842f0a532a7915dc5b8827', class: "page_number_text" }, h("p", { key: '8826f9da95befa89440e847b2307fc84b0b67b05', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a3857bd3358bc06a253feaa64974eddde29542f9', 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: '5c90f49af5ac8106bae9a0dcb102fd8988cec86e', 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: '47488ee1074c77f372cb342f13ce46353df5620a', class: "page_number_text" }, h("p", { key: '7883c38d1591a01b31fcf724480927d7843b5159', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a6f957b79191ce216a75d7d111cfcee57fdbf383', 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: '85c349402a621a362638569ccdfde9c4cb3f2e4d', 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: 'd972d6a914b7c5c16c43f0bb3e97cffe3c044acc', class: "page_number_text" }, h("p", { key: '339c1f8f4dfdefaef375a73242b3578c22892c33', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '96044886abae628c75d2d83ad2fab1c4fbbce472', 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: '8d1fd6e915b96af159b22a5ae39508356e4c07d8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9a7c51d1caba5c44781c6dd31036d13993bda73e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fdc421e1ca6d4f2f02749ca7d10df33c3b99413b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '63d3c253b52f48e51fcb2afed53f263b22f3f37b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3374425b16d0a353be44675b16c850ce1c896d77' }, "1"))), h("gb-pagination-button-group-base", { key: 'f212b1d14b872fd4addec2145920f14e87914619', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ea6bdc43aad297a167270243a8d4acf824322de7' }, "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: '55ea41ced8d2304c7722cea0294e58ec23b84d32', icon: "false" }, h("p", { key: '44404df8e182b45808848d1c8254af8fc439d019' }, "...")), 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: 'ca0bd12c8eb4697ac97b5ec35400ec863412707b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'a7d7b24d2c16ff32cfcde766041098dbec877c8e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f7689b9d5db952886fe0bf86b879581b302e331b', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'fc87e802d75871a62f643f9d2572d2a3d021b493' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'a7f4f6143dd9491f23a824f190dad183c051beda', 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: '3988840287caaaa3ff2987da025faf2d25544c9d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '79e2696b95ce81f6f628d082e1fda10c88bcee24', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1bdc8c2bf93c00905d4dc2002e8453de8cbb68a7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f7215305a55df0f2ab32b4e07210e9eca1caefba', icon: "false", state: "active" }, h("p", { key: '184e36844928f6046f398580a7eaabf10088d17c' }, "1"))), h("gb-pagination-button-group-base", { key: 'e4ab9d28efd3d0873face37bde815abc2f501fab', icon: "false" }, h("p", { key: '7af67f8c4d12b75ef95057b0789d537fb1ffdf8c' }, "2")), h("gb-pagination-button-group-base", { key: '2a18624d39dd05e7aca634f8c415ac1d3d19f6b0', icon: "false" }, h("p", { key: '5c883a1ee66a21b8c24ec701dbc316aad2250868' }, "...")), h("gb-pagination-button-group-base", { key: '47ab04773bd3a96ca8a4dca09ec1f4554334cebe', icon: "false" }, h("p", { key: '1de768879c239dd3805e2739dfc9a8f896e67f14' }, "9")), h("gb-pagination-button-group-base", { key: 'c631d218391a6a6d4b682e769b47b0c360e2967c', icon: "false" }, h("p", { key: '433632b2b5caaa4702fdde8ac85287b9a1cb0d10' }, "10")), h("gb-pagination-button-group-base", { key: '28b602c1ad6719727fc33a6ed2408f6d5823318a', 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: '5e2bba8e382868991f64ed8a495310952177e185', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fb23158ddc776938354a665d0150556eb19da8b1', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '38448df652e874d752ebf781df3aa52df3f0c3c6', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5ce35fbf7b675519e1c9872351d18570c41ca5d0', icon: "false", state: "active" }, h("p", { key: '0702ca0e53cf315d9ff3f5a8358f9857e524a4ff' }, "1"))), h("gb-pagination-button-group-base", { key: '92ed15569c05644864d10fe050f8c60eeb38fb49', icon: "false" }, h("p", { key: '9ab2c0b9d05762d3ad112727ef4ca93f107ebd75' }, "2")), h("gb-pagination-button-group-base", { key: '005f56da2aa0467d21dd850bb703562178c79d62', icon: "false" }, h("p", { key: 'e70dd30a1bc075da87293f0722de84f679103431' }, "...")), h("gb-pagination-button-group-base", { key: '8a8e284f731e822b496684f0162d1cdfeb371f1b', icon: "false" }, h("p", { key: 'd3ad95bb4f6d3755e9aa40e1472b8f1c2271d96e' }, "9")), h("gb-pagination-button-group-base", { key: 'af9878b5205a2b0325f3ed421d72a0924399c4c8', icon: "false" }, h("p", { key: '764c11dd80375826f116e3f424f8c537d487c724' }, "10")), h("gb-pagination-button-group-base", { key: '69c236b368f76fc4a32b9411f810d476e55ad41c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '729f74f661c6eb2946b58b8c5467b45d6abf6bca', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a2de927a14abf87618a5fb21383650a61b4ae70e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '7e79954eac91a1e9b16ecab96127caee5d7cd599' }, "Previous")), h("div", { key: '21ec5377456d255c61e085451d8057bb3324d8f4', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'e68f714fe73d6843ab8f67b6f28afd4848d030a7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a697d920d27a7c621201fc75d314cc5bc51da791', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a69554b85864b563152ee3868e6becdb2dccaa3c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a64105c3da0e515dc66eb2a58f846ea4684f72fb', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9e41858adfb8097ac705a36d0ab6bd92db633561', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c0b8318e87d5b769b66e5b56c8096c4958ce6921', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9ec29e863594ba409dc0de81572d71766a7e5dab', shape: this.shape }, h("p", { key: 'd063577fc97f48c61b811a8dd79199f49b05e20b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e2055ccfda2cb2a7cd69add14d7020fe2e3b3c89', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '50f85337c70acc100aad02f60a5b81ce8f7cef8b', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'c0094ab30f3ee94eb9fac57d6c0f0f33efcff1b3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '0359f46b4f49e414e749aace0c668204bd0ff941', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'afc62e7d67141c74ef3c2d0de6549132f61f0dc0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0781ba9df4c15c29bae2180324834a844bdd74d9', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2a954b2391ab1018fbd9bd11ec679ea703f8aefd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'c1f6ea7e68c3ee05fbdb461788fc57ca213563b8' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '37560e1811e6f2a336d4dda8a72f623cc3829832', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '51697d01771ba02e08f6599b020507d6d9555bea' }, "Previous")), h("div", { key: 'c632f5fc417d37d01e558f595a981e909bafbe89', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '8b51cd1860988223089a0de86f4b6c74d19a26cb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7937ba78c34fb2f5f51f6b14b12ca3df8d8e7180', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9711b73b7432d8f678053d94dacf1e6da3181f82', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '479910486a3510ec2a5c916bc7ecc08a74845389', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'be46ccded10cca8e47ad2a4220f8dc738cd7f519', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c729002eb8b0ea4fa6adfd6bbdab30a48a9d579c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a7405ed82eecfe49824eca2c8677cf45fed27fde', shape: this.shape }, h("p", { key: 'cb2e5acca7c43d8d19dacdb178cbff1a553d6986', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6ceebfbfe6296082feccd01cfed996d6e89f13e7', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '94eefcc36f6c86c532190c6a406482e9ce4e1867', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '8fd7ad96760f0e8b164667813268a015cb0398ec', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '633055684326a677d8e09e96a0029a19f3a97ca8', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f07072e8725568da5219ad09f596ab874cfd674a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'c2e59a45f96a524714d90546a9c9cc9ea989aac1', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'f27891cddf180f1a919d6339b3f87427c74cc814', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'ea7ec3f8bf28033f9c9f56bd66cea6b2ef147965' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a18a7ed0d38a57e347e987dcb3b3adf9929978f9', class: "pagination_entries" }, h("div", { key: 'd9786b0a4a67e5f34b8f196f23a37927e2c3be7e', class: "entries_text" }, h("p", { key: '7b294ffc0d3da30ff76ff0c8eed74dfab076babd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3c6704161457d27fa4ca07e4476523adc4120941', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0ae2bbc0cac8110de61ad54ba20b52d55ebd5552', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '131affe5bcbcb5bdb668bb217d95fef6983b2db8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '4152ddb272ad88acac41300b935aa0764a62f645', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'd217397c1471a531cac48f8be58bd02a25040b17', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fe43229dcab5bf350a705693e09e77afda5f9864', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'edeebdc4ad1b2200b2646c6de3a6f2cf18eb6784', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f220dcebb1d2d51a67960707cc66c7e6c558a6ac', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6ce4aa691a00dc97947769d74e4c90296c4acffb', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b779888512e15dfae89c5c11ab4ce912ce6f5e73', shape: this.shape, state: "default" }, h("p", { key: '6d271e26b8e3d350ed6810a61a03c7ad6b0f34fb', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f0d23d308d64715e10d88827b35f5216632460d8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'ce7a59c5d34ef07ead7334ece42da09937877e6e', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '0d5768104128506dcfd7feb0adccae6ea7cc4972', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '7216226f690b52eee7a2a5feb44ab21a3c47eab6', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'a4f50f96f7f6cafd8c22ba0a3f785479cc953952', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '03071a66f0a339569003af5e2c270ce93ab43274', slot: "page_number" }, this.totalPages))), h("div", { key: 'ef8601da4ba52e9b7846bb89e6e22d438c7d8c9b', class: "pagination_btns" }, h("gb-button", { key: '47e66ad6c457479fa2013c0cdeb3c70808475acb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '0b23a65a61db1872e13995da453353ccbd8b0354', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2e3ba3603c33c34fe515253021e33a2ea6add1d0', class: "pagination_entries" }, h("div", { key: '8cc737f34926542064afb30ef5425f99f2e06d48', class: "entries_text" }, h("p", { key: '69533a99551b4e663c2de5e693ef2be5c738fb96', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '77b61d70f666e6829399d117227da3cb4d470d92', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '55fb3164d72c3f59b2f6777e2e9d9e98b9d767ee', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'd61050b01db89ce74d1d0b677c3b66ad47453e5f', class: "page_number_text" }, h("p", { key: '5e2e2f32fb0f96d63019e31dd65908ebf0270ed9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'a97ee42e10232bd950fddb417a1b9759a1432920', class: "pagination_btns" }, h("gb-button", { key: '9125320e57f374edf66580a5d102d26600e9a7fc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8e388a2168bc84c3b10f30613a1121efdb2f2dc9' }, "Previous")), h("gb-button", { key: '0c417a20802fd39bc25fd9d9b51b0ef58b3cb4ed', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '09ca321166cc8d64cb7cbbaebdef53c129c2561b' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '66ff4fc0639ce8526ddd880ae2e44aa28b023d6c', class: "pagination_btns" }, h("gb-button", { key: '27894174652cf5bd35cc41e7ac714be1b600e9ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '69b547b707a446117eac21759119955c2d1cc038' }, "Previous")), h("gb-button", { key: '125b1ddb3b0494d748dd0ce8be7bdb67d101a255', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fcd10a4eac4ee83646d63aec48c90eb0bfd692fa' }, "Next"))), h("div", { key: 'd213e5e4a49a2f65e825302cd2a7c3b9463c76b2', class: "page_number_text" }, h("p", { key: 'bd44101f0d3435191d461ba18e16cef445450209', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'a83563e9b136a02d3a46ff32ca29141d793efe8e', class: "pagination_entries" }, h("div", { key: 'e9c95f8fa375cc60424ba0a6ae377c552347be84', class: "entries_text" }, h("p", { key: '3da5ec383d1a1b01f83368fd7f5575ec92fd5a5a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c48ca9284cc46df9d6e3228b32749a641af81827', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b0988301b3845fb89c3e6e3a7769c8fcb3b52784', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '392775f6aa342853db002f3cdfff68a0b1fb0de9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '79e2e388a9571602a9aa26b688dde29283945111' }, "Previous")), h("div", { key: '58dbb3c01eca5a6e10f7af86a6b18521d4c767bd', class: "page_number_text" }, h("p", { key: '401359a9d03c2fe1a061c00ac4d91a5507c0d555', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1206806be024b3691ec539969df260a711d7a857', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5f0dc7fdcf6f8e84b7849b57bd4c43794a74db36' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '6eaf365aaed7f42136fc22fe2a1c25d4052319d5', class: "pagination_entries" }, h("div", { key: '4b5a52d048eb075e080cf46df966434eea7d9f6d', class: "entries_text" }, h("p", { key: 'ab13cdf82696066a86693f3ebab984c7732f9cf2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f5d02bdfc7c06c657f776cfa25a42ca0bcfe9990', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '18d65b807eb0fa94722c385f34508e5f14388adc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'cd3e102878481db32f585780568cb81bae73894b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '43e364df599fa82e75994cb8a99148dd6f88c832', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '717bbda9a3632feb6685edf53ba43c1bd579fe73' }, "Previous")), h("div", { key: '6ec81c0081be6388420cdb8275e3f32daddca12b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9fc162b62461aa62d78fede85691abc739465f4b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '377b543d0f1daf567144917504822c6ab27cca30' }, "1"))), h("gb-pagination-button-group-base", { key: '0bf28a0125c8402c6333ed868bf0db44ad663a2e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b813daffecbf77a98f78cf92d6328871ddab8079' }, "2")), h("gb-pagination-button-group-base", { key: 'c537ac762c4f74603ff127e8af2186a373b4478c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f8094e1df8254e179d8a3481780377476d944729' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '288807803d3ae065604792c63fbbde2e8a3bcd89', icon: "false" }, h("p", { key: 'd634c1e53b09fbaae830daa828bb0a9f2ece8402' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9a2b52d1c9f691479eeed60ec475b8639b0fa61c', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c5f7ecb50f5fa83dbff34e55ac64b2e8b1ebf341' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '037fad5a69ad4babfbf703e42e86a4af8d5198b0', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '25951f53067f0ddb1b86b670300b6b4fe56f1c5d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'ee3cd80fa4d5a8c465a60ad454c1c8adf99c781a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5c42f8106ab337195fff6da7c43a5eebc4fbdd39' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '2d7887e9f2fefdb39f7dba175fd738c84cca46d0', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ee8e44c3dd287000f27ad33ccafd6cf9175fb97f' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c82670133e7e70fa0123b4d3598073353bff153a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c5b615a0b7ad72e974ddb63ff4591dff1ffdaa98', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'bf3870c74511f0f412b05871022063a93098e211' }, "Previous")), h("div", { key: 'df7841805dcdfc04ee04a5b15d00e6c310840946', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '463af390b3a90ea978a2690050c3115fbc2ba53c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1163391265c3568ef78d25ed516c2a6221ff7d76' }, "1"))), h("gb-pagination-button-group-base", { key: 'ff0723aceac0ab6f70a9cec1199139d65c427ccf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '13bccf87ae1917dfd6917e93bd26788fc988dee9' }, "2")), h("gb-pagination-button-group-base", { key: '67b50bdf03917db86eacb340f09059d1b8d0597c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '20db5ddd3a574ca871951032f4754722e2109d5b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ace564e29e1ad520c0fe50a5c38b6ebe5823ca7e', icon: "false" }, h("p", { key: '4291fc355b376cae10cee101fe5910e61a798b49' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b9414dd35f6419fac0a02176a2269a96e22b5732', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'b68f1441cd63c38f623c057621ed5b65cab3536c' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'ca5b5936f84969b6716a4c97a15b237a3b7f5594', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '63252e977e7a0796e3e137f23b2c3b3a2c3b6221' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '6a6544fed97681f7e4428a7c2c3dcad4b55b7560', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1f28042c1cae38f08065f4c81db8e7464a2f7baf' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '219cb0f3f02297957d84f51e937a7bbfa14d99bc', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '961347ba053887d66592ceb8c2fa704333bb26ff' }, "Next"))), h("div", { key: 'c65d9b8107b4ae786afcc2a5fd175f948e5966f7', class: "pagination_entries" }, h("div", { key: '36f33070e8c63069d78daaa5f0c38d96a88bbadf', class: "entries_text" }, h("p", { key: '543204542a320d9ce22fffd9c2a71956eadfcf22', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e1da7732ffb9e9b8ef35dd662a2f8f4116c66d00', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0f1cd14288ca2fb188babb7a5d200c1d350fafb9', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1e408c0f74655ba8184336925142fb4086f2d75', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'df442957bbd936fb2f1d85f95106714b8c62c50d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1d0a28d352d0e9ba277ed06b5e02fd2e329aab84' }, "Previous")), h("div", { key: '761fc7ab420ea91860aed065384535a9e6228ce8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5239024fddb8a26060d85ae8380d071d98dac274', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '904dbc5302ac897b27bfd6a2a699ac70892140c1' }, "1"))), h("gb-pagination-button-group-base", { key: '1792d6982171b8a08f51e6b2cd98f1d34b5a30f9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '83da809f785776834242015b0ea75bd08d5dbe0f' }, "2")), h("gb-pagination-button-group-base", { key: '489cc1b4b21ec8ce6003d8a141ae0d1ebde3ad30', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '92ce6e96ef19fb59052d0bc26a03c8a70565eb10' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '42c9e58cf80a51dbacc93db5a2bc0e2b7c442659', icon: "false" }, h("p", { key: 'dc714367a95d5c0cd218cbd857d40819a8822d2d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'abb78b5135ee73f4d67ee19f724743c742b22573', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'c7a237bf2ada2f626bb4d02242b7d3bd6b0c9a4e' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'd44adbc4d7d5104af4c1a289f7ba7aef0cca47d3', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cecaf96e56b362241b35d4aafd2173be1e3f26d4' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'b6d9f9a421e23c928160ca3d710b3673d1e3b81d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b063bbb5e25dfa3c49c1a457e4c14d019770c4a8' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '6a8b70e175a99741cf6af47ad8eb0c9ee318c0b3', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '24337394c2ecc7873fae30baf5f18da2739f45bf' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '36d54e2d9cce9d2eace08be0b2c44e80490ee9f7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e2f4dc0837f806f1701fd5c80677ffe997790b68', class: "page_number_text" }, h("p", { key: '0f065db681d6834e981c801f9c5bd57528e23c40', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd6539b1a9e4452032d30b7a22809e495d223d5c5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2b52ea1252834453d8829461332c140603833f55', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '10bedd3bc881c295f82bdde1ddb4bbf9fec31c02', class: "page_number_text" }, h("p", { key: '46a29c8d07b5aa064212027b8f7c0825633410e9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8fbdbe6e0da86bd021056d26dee9f9afa728724f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '10e495a1123302d950054352d6811f0297a020f0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fe99c1571392fef684b6ad4ce3b682bbddd9546f', class: "page_number_text" }, h("p", { key: 'e3ed9834ac78e5d2cc1d35be9e1c2912222efb96', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '38275d445dfcd47bb395f2bb1a48eb0f49481d23', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c8a053152a7be74d1c4ea03db843c5e9e7b090e4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b00231aa89072795d290f9e84722e7490d1e03a3', class: "page_number_text" }, h("p", { key: '9f98237d488a6ae03c0979632e5e2bc49b4d9a85', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '1ca14a61710ac0694ed3eef91f46f8e94ebe1252', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '76ce20b1ff68cecd2b8317ada6c0343135e00636', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ff031491d6b9ed2f20462e61909373abfeea063e', class: "page_number_text" }, h("p", { key: '72e1bdfec0ce5f369ecbdb8914035ce64cf875fe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ea988c7448d6443eedbecadd06a2adfe1d8cddca', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '00d7d1c63f755e3d6e1516e54b76fa5f903eeacb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'edf51e1c5e5d408ad58848bbb6d674257ef1291e', class: "page_number_text" }, h("p", { key: '54f589e02527dfede8616db6fa0c6d577586b42a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'dd55045c173ce66f1dabaa7b218b9862566296cd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '787b3f6e83908734f73a06d92058134bc8bc250c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '55fbe4dd3748fe13d4068e8638a99316e6d1ac8a', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '419cde946a8367ed363d0133157b91d2ae012609', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a9b85b31bb719cf5ec02f5bc09633165ca3b649d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4a23fc25a849673979421db02e38df98dd49d8b8' }, "1"))), h("gb-pagination-button-group-base", { key: '809c21fee6a3dd8a715426218ab211715f294bff', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '55b33491bca8f4454c42e74cb0803bbe71e26334' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8e4b256ebeb591967d573f301669163051c93b30', icon: "false" }, h("p", { key: 'f6f0890edb0561eed37c9b9fc11699ea55ef3b12' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6ec00e3272df77083e8e63d4742b3a4af74c7499', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cf4587855f66599fc9ae659befce7eae7785cfde' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '363d52133aa043cb374a52315bcb577030a291ac', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '4be6715494146d1a43d133afcb60732a00eb7e38' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '743e03f09cde17b8268bb96f09d08409384b6612', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '4b1d95f55d9dc6e65b85554406d5628f291f27a5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7c324cd87b1ff6a09f111a3d02172d41123ae4a6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '70a28b08b255a5f04adba3373ef2b8eb74680e7d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '8568967fccaa492d12e43de98d5121c5398a81e4', icon: "false", state: "active" }, h("p", { key: '8b79c8f94b87d1fde82f4e9c4d61c4bfe3c26a0d' }, "1"))), h("gb-pagination-button-group-base", { key: 'c88fff9517fa5d904c9e4be8d3c0f975aad48a5d', icon: "false" }, h("p", { key: '6015c812775184c9e8cc18b2b5e502cc884d01dc' }, "2")), h("gb-pagination-button-group-base", { key: '56a9891ea7bac1c580cb2e658afa9d9da9920e33', icon: "false" }, h("p", { key: '80ad1fb4e8aa191be898d8c207f6bed935fe3964' }, "...")), h("gb-pagination-button-group-base", { key: '4cdd45645256d93dea7ec8ecc08829e1ce577e4c', icon: "false" }, h("p", { key: 'fc46f05517fac3f42d18d2118bb8a0c8aa65a4fb' }, "9")), h("gb-pagination-button-group-base", { key: 'bc660e124d0aadff10d2b56f027719827375ec27', icon: "false" }, h("p", { key: '68652c178f30b8218f607a2ca152646cd7243706' }, "10")), h("gb-pagination-button-group-base", { key: '82e890d8646fc0ae1e696a578ec257f6e0f3bdb0', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '4684d072799155eb8c4822bc611e34be295a7088', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1cc714b83cb95b78af53482cdb2031db60c12d3c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '4fcbe45163973b3236bcb665b8104460ff662756', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '76fc9fb58203f7e7c0612e8ac9cfe56d1cc69f51', icon: "false", state: "active" }, h("p", { key: '0175ea100f32c4b2dd4926b33b57a3d511e19ef3' }, "1"))), h("gb-pagination-button-group-base", { key: 'd218426ae503442beb292c6ec7a14b15346ab816', icon: "false" }, h("p", { key: '790e835c57acaaa306aa0c77320082e67d421c3c' }, "2")), h("gb-pagination-button-group-base", { key: '6464a1e273c75c124255ad029bcf238af2ba4aa1', icon: "false" }, h("p", { key: '15d72e43c1a2fa21143039d942f3e1c7627437ec' }, "...")), h("gb-pagination-button-group-base", { key: 'db0215bf578606a36d8c4b305face98ec5f70a95', icon: "false" }, h("p", { key: 'a0004095c37a45ee377cd935badfc5ab94dd2927' }, "9")), h("gb-pagination-button-group-base", { key: 'a3c27e365bc9b31dff7811a896deb9d983395c3a', icon: "false" }, h("p", { key: '549a64a98d30fe6a58127351893f56c13ac7a059' }, "10")), h("gb-pagination-button-group-base", { key: '843d299a4f66f83328e38c7747d84e91090ba8d9', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'fc32ace5791cfb64d23ba89db945aaceb51fea73', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'df09b9f1867462f835998f2df839f695d31c2727' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '6d11b08881b57386a992087963e4a9228751feaf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8061298c3f4df4cb8e02563866ca2ac375ac5557', 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: '507c81237614041053a867ab0834153bc4e1b042' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'd11953c5a7b263f4f8129c684e36505eb2d2d1a0' }), h("svg", { key: '42cbbe4bb6e523ee8cf620e59c07751292e96974', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9b28a8f7c7b539463b6f4e6e4316ad22d587e995', 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: 'ed4b3598225d5dc358fba4d076b47129b1b7e7d3', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '118c96393cd9fcb7667e72c4d4a36575aa9f37e5' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e8afabba71420dbd6759af1e72ce3ffe851274cc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd09a79d083f9d80b60dc532455824292762d43cc', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'f3f787db334bf03867bbd9046ff0ef957b33e16b' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '97e8d1d8ecca9ef39b353650def6cfc7a01d7be8' }), h("svg", { key: 'f8b34b52ef4c12595b0188344ff3e21ebd95dc73', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'eb837057b8a001fae426436b5cd41336b3b390ec', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '0c796fa6ec031e3c5a214100a4e10a435d6e3622', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'e8f67fdd9dbc2a9584d823e234a8626b8115fb58', class: "progress_bar" }, h("div", { key: 'dc414094ec37731a22b9b8e43c7bf709e29cba0b', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '1247a41ba09eb09c57c1441f598e23eb0839cb3d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'a3b1ee7c0b684b8e84239713401283a7583692ca', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'b46154d3e886a2ac5908e24408fc6ff2f9527de4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'e818b9f678b68e03610dfa902b5767d53f85b5be', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '170e98b45e54cf3f3f4dd01016710ec1562d9ca9', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'e8f0523dc2656f22f00ecee349ae550065d1ac4f', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '90235c1f1d5cad30b3b0dd0b1821901791d53be6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '3d67d2d579b2f88d3ef46262349a082defa13cc2', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '706121c32715b329122e8680291a46528ecabf2f', class: "progress_bar" }, h("div", { key: '13d10ff11558fd0c9cc1f1890cdfd53efaaa29cf', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '716e94cbb2155f8faf50bfc41b27730d21f14d9e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '8ea75c94d6e6d26be7c13792f0f182c20affe51f', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '5ee4e5131b86d8a6012ef69e4deda57545c28a8e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '7cdf62637516a55d2686731f95ed553530d2a996', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '4b6c76663e332b327ef4e7cccef7bf789af26c41', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1b3beb73a4a16bd7b31b8d430d62cce4952a4767', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'dcbff9079f2824f2a778419a861a583621ce841e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

@@ -95,7 +95,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'db242f84b98bfba678e9a46acec33a8ff594ff45', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a318eb51a2438ceadf7c290b50bee7947088860a', class: "pattern" }, h("img", { key: '1195a78c74cd2fe7791a565c488a47e2a6cf16cc', src: patternSrc, alt: "" }))), h("div", { key: 'fab4c2226aae2530a218bedccf8dbd60fc3f8d6b', class: "nav" }, h("div", { key: 'ecf651bad84b816cda80fb609d3d4d9d758b52ee', class: `sidebar_header ${this.state}` }, h("div", { key: 'd7f61adede5260523df64ef35325c386bc14f18c', 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: '1b248a57865b6a118e89df802b448e5f955f721c', src: logoSrc, alt: "" })), h("div", { key: 'fc22a7fdf06010f83c6c10b82400a8480fe77b95', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'a3bc66508a1155a3a924216221d69f0bc8eff511', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'fee35db5d07815ad6153e2b696ae0e064ca6a710', class: "navigation" }, h("div", { key: '68a525022edbffb00bc8a74239d05a5799f3d972', class: "item" }, h("gb-simple-side-bar-item", { key: '18c328a8ac29929e5e3abd81b1924e12a0e6ea99', 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: 'c528636f1db6a03d36e4897f902e1c7f52434380', 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: '06a6681df684b196e155d3b4d6faba32b066ff96', 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: '93bb2cdc6f216d002a141d934dd8c4a4a53eb9f4', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '6da91b6e80d36152d27cfb1109906b56fd7d0a3b', 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: 'b4c004a51f066d791226e5bc78868db4eecec1e9', class: "navigation" }, h("div", { key: 'b1f621b5620f8adc378dbe4620d50c9c85874753', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'dd5acd8c69c7fa6ae3edce45ffff8badf1caaaeb', 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: '0f3a0cf89c9c4b4682b38ab8224b10238bca2453', 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: '89ffcc120c33b18489ef9fa23454af780846a646', 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: 'bced7e70a5def70056b49b6f0680c2aa564458c5', 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: '9d79e70cfcc31ed7dcea5153e5897511b80f97a4', 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: 'e7a25aa9743adf2cf5a8a671a1d8c71dce2609e4', class: "application_name" }, h("div", { key: '764bbd9f18f3d7f9a65f635d667c1301d7cee63f', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '06b885ab5d89e3c258cbbda6359f0499d1134a9c', class: "application_name_pattern" }, h("img", { key: 'a9669b77ba1b8d95d03817d8dffeffc756a3d9ae', src: patternSrc, alt: "" }))), h("div", { key: '7d133c2591b5b26a3fd05d2c89cc98b00f799cc2', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '269ee45e4ef7f1190790f7cdf8a5a4f3aa8eb09c', class: textClass }, h("slot", { key: 'e9907541ca4695d8d458aee9d3106432b734e67b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '03dfa239779fc00ef000f6c9b3303bc5d9f48117', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'c21219ce9e6f447935bdaa3b811c858971b8c19a', class: "nav_div" }, h("div", { key: '73ebae956845cea59decbfcd9d63204aad332573', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'ebafbf9a3042104e4e3ba8be290578339dd7fa62', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '653f777fa658083b049f84cd350e327eb340d1da', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd590a8249258ab4485152139218630c5ff7022c6', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'a5ac4031f96948bce18424aa3bf996acada03ff6', class: "complex_sidebar_div" }, h("div", { key: 'ce597f08dbb2ca1e7403e9133320bbe4c558e30d', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'e1cd2c0e2d61ab8e9c4a34a8a7d56ad9c12113ec', class: "pattern" }, h("img", { key: 'f8b167f5b68aacced2bdfd3d2300b8319b4d709f', src: patternSrc, alt: "" }))), h("div", { key: 'c30f0e2e6878a58263dfdcf1bd5df80c072639c6', 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: 'd79586b2aa73a4c7be8d0c352a5908851a256fbc', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'd369bdeaf1905ca7c33e2512c4be723e91f9e736', 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: '01384f5f45baf35b2dd339dbc4a0d1c07f7bf6ba', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '1b4600cf35695d5a4e8b086f596a6520b4198173', class: "pattern" }, h("img", { key: '9a48cf54266bf9ec18da4ff523d3cbd212142321', src: patternSrc, alt: "" }))), h("div", { key: '03f015388ec7b08e578d4741679e0e7c827f5064', class: "nav" }, h("div", { key: '8dc6f0bec710854ef626f6b4546865842665a03a', class: `sidebar_header ${this.state}` }, h("div", { key: 'ced2968af970025011b138ad6d3c1fb0ecafef47', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '4c91ad8a805ae262885565aeb41ffd79e46f2c9f', src: logoSrc, alt: "" })), h("div", { key: '5d957ca2444f6d8c38b4efe4aabf938ee2924409', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '52d3bd25c889354e7cbc0f658f1f3a399226a5f6', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '36f2b730d56b72ae32e610ffcc3049ff2eed3111', class: "navigation" }, h("div", { key: 'feb0de0b8747745f5ef038634ff27ea1eb821835', class: "item" }, h("gb-simple-side-bar-item", { key: 'ebbcad98a63fc62f4366b91b1bc031dfbfff2271', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '1369199391f6cf7e27c5727ebba7cf405765599c', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '438f41d4d2b6db2071bc4714232fc7ab82621306', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'e2891c4dbb1878ffbd385650324fd55de926113e', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '052202bd12230da109e67a0f3b39d10c23e1798d', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '454a5b3b2fcfdd36afe06c5c3412bde6e6971876', class: "navigation" }, h("div", { key: 'f9969e585e5c50c6f04747f79e8f94f5d6ede293', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'a96714e0a61bf98f078973ad8ab8d938e09b9e0e', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '9c3d02f14f7da2e87c58c4532c41abddadbd2015', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'ab1befe80f897c0fb231a9f595ab4891bfffc533', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '87fe4c893ae33ccc6bc232ae74a66835489481af', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '844aa613d6bfff0ae9e8bf0e64fc7122f974ad29', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '3cb207a1efcd60343cc9b559137dd12cc1b38d82', class: "application_name" }, h("div", { key: 'b9c5568035ba212df786337c085ca8cb8633a2a0', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '702fe892307ec861e0cfac2b19cec5f3a377d762', class: "application_name_pattern" }, h("img", { key: '7df19e1b70770967e84eb97ffe764457dcf4cf4e', src: patternSrc, alt: "" }))), h("div", { key: '339c1c55eea5325677fa8d79e85225c54007ebcd', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'cf57723b8ef2d6136ce868b78430a3d051744618', class: textClass }, h("slot", { key: '6e57a35b9f36f66ae35e8a65df0ebef8e74dfc27', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'e7b3403c5f0c780a81205281501f7af21673a4f6', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'cd55da6cdcabaa6e2377137249ba6aaffdf46783', class: "nav_div" }, h("div", { key: 'b981f483bbea38eddc41cd88bb9dc038756201b1', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'f308bee90544030e69d71ba98bd8e12604707f68', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'd7c5560cc0858d39df0f9872d19ab5da7acf1931', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '38f0575b5de802da3554d5de6cf8e348ce816720', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '70d33243618816b298f1b704e7662193eb37ce43', class: "complex_sidebar_div" }, h("div", { key: '70e09c7a32be9aa5eb46cc687357802cfa697df6', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8575473dc4538d86a9a1b65e567c762ea0e8090e', class: "pattern" }, h("img", { key: 'fa8105527523912c08f6f982fded16bd01c53e1e', src: patternSrc, alt: "" }))), h("div", { key: 'b5ff00a0503e020ac0b5495b1e02e4b50896f7f7', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'a52eedecd816bef41ec31693a94f11adc1fee7f9', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '8ab2a0c834613cd9a5e2b629e9333b7ae084043b', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'c17424bf4fc24314fde5e229dfc6d0b4024b4063', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'f5bf2a9f52d34a4f710b8ac8b0d2e0347b94ca0e', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1165c2d5e4f041163bd0bba54a00bba34ebe80fb', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '3c5d3d35eb34bc0ef077473fb47ce6167ee91019', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'bef36934a5689b872e899f8687910be04912ecb0', class: "content" }, h("div", { key: 'ddf582178fe9d4e75b79aa2685cfd737dacb47ad', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '43e6ddaa2d012dec3be304f69b5b102d5b403fbe', 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: '780b9dfd62c3d393e1286f4fd7d618e904c5e24d', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '9a16b1f7d3332175214008e2caf362896509f9bf' }, "10"))), this.showArrow && (h("svg", { key: 'febc73374aaf87a9d9fbc2e2d5f6d942f2d10a39', 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: '7c4d5d2cdb5dfcba8b6ec99e7ce1b2f91e180f9b', 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: '2df7a5b5d0aa75a6e187bdc355728a3923add3ea', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '60d242385e29697768c93fb26b155eae3cc7b12f', slot: "label" }, this.label)))));
+        return (h("div", { key: 'e8338356983919167ff62b763d6da59de8a82795', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'ebf31efd3fb5e4c1eefaafb13d1096efc4a5349a', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '2b264fa46a4c83d179a9097558580d16705ba6b1', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd6f6199e46de7b17995c5ea9e33f770eb7920ee0', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '46ef0dbd23e68b52304f2bd4c5765f2e0490e9e8', class: "content" }, h("div", { key: 'dc9e85ee7ef0b6069c4bb1c1cb0df08e9ac97c29', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'a95c338e5fe021d034125c972fe976b9f6576527', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '8cd3d4167c0e96de22d0fdb6ed475d1229d3484a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'a532d7ff873465deb575819b8ecc466fb776c8e3' }, "10"))), this.showArrow && (h("svg", { key: '936871418878fe8ec214164198151125a31cb532', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '6febb27332ee51a8640c23052f5f5f427d17c6c5', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'e0a2154727ebfef6e70906171ec2f99f633f8188', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '40896a7f56bc972cbdc0c2a8b1542189ee0890d7', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '897468de46e312555e3096a6f8a3b50b7e42ffb2', 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: 'a0f4a084ddea001281b65e76ec3408b45894b530', class: "tooltip-container" }, h("gb-tooltip", { key: '9f4f8f26be77bc84a8f01a8c75ff23f7a5ee9971', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '6360460402fec372b344e945762e9ade22eeca5d', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'cdaf2c35cc215bbb99af47d3a2498c64b5147e69', class: "thumb-label" }, h("p", { key: '39895655f4eb68f71bd4ba42fd00a03e64ba2125', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '2811ed954baee3842949fc929cd055878e9ff2bb', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '91ac44c04f131eebe963c381157afe744ca9b9ed', class: "tooltip-container" }, h("gb-tooltip", { key: 'ec25289b3f2f59a39c73f2dfc536e9c9ed8fc45d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '796d64dffee9939aef1ddfe3570ce2b4d8744c3d', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'f68c5bcd9dc4bd7635c776f905863e2f19a1956c', class: "thumb-label" }, h("p", { key: '0732b0dcb6efb4c8bc46e22168792d6fc4e0bb09', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -28,7 +28,7 @@ export class GbStepBase {
         }
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'bc9cba18a77720de36393605ffd5422bf8d3e18c', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '27d395972bca577c935a7b0221700c56c0175c75', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'c2bf9b3bce96bc58943619be3065036ef3321cdb', class: `text_line_div_content` }, h("p", { key: '1ad0ec2e5881af851a1371d47477626228b885f7', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '7a71584fa988e9bd70ad6e9458727b3695af66f3', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '77cd0e88f404502c4a07e4269e0e5eb7c95565d5', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f38f00648eebbb0a86ee535a4a3d340eb8a91a25', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ecbec569098c78b32ad7772fa4b3595498dbfdab', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '025209d1ce6c76c9fa19ca2488ed62fefc9d9ef2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '9dac89fb90970afc395adc3a3461c428ccbf04e3', class: `icon_left_div ${this.size}` }, h("div", { key: '41a3d2ca100341f594ae10eef44966c90537f97b', class: "connector_wrap" }, h("div", { key: '6e31f470ffcf7dec10b6e0887dc6103b65d6ad5d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'fc410f6aa7aff29540b8e373575155894157fcdc', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e610a5a1c2fd8865a66198b56c2c351d6824e7f8', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'e10c18d84724e862e24e8327dad6015c31f27971', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '77247e63f602f476f653a25f64bb60ac85252857', class: "connector_div" }, h("div", { key: '05431f09e4bebf6ff856a41e0862a38cbe6137f2', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '55e12be5f82f5b81b6b755d95c956e2578488a90', class: "icon_left_text" }, h("p", { key: 'add5c576b90db7109326e5681cdb6d38ca245494', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'ea28c327a9732b9ca061c6800c35a4312392b715', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'b9f2e054ab12099539baedd02431f64f0d521ff2', class: `icon_top_div ${this.size}` }, h("div", { key: '53f0aa73baf5c48a12dc7e6f15536c0da70a206e', class: "step_icon" }, h("div", { key: 'e28daa2302670d7244e7ee3e86694ca0e8b01795', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'beacdea4fcb51e53db91e3d13b66a16b11c3bc20', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e9b518f421481b58062bd965cd0422a5eb69e3bd', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '2a769e429087f0747b4db69afa9425f5348433d0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'fa5682d698d675a8d9d4fa56a76d831c2f43390c', class: "connector_div" }, h("div", { key: 'f92b57a261c20df31ca47aef0642aa762e577431', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '8d0cc2b0aed1a8a6f0ac87339eedeff5389ac65f', class: "icon_top_content" }, h("p", { key: 'd14b98277f31664b90f599fd84fa4a0d7b43ae23', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '7a550a1106414398cd657eee0d41649b418d1b25', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'a5dd5d2af43e62c74a7e7b39afb1b8b0e8bd43f7', class: "featured_icon_left_div" }, h("div", { key: 'c360868b7fe07471aa1eb6492bc41dc252d0d6d8', class: "connector_wrap" }, h("gb-featured-icon", { key: '5d0627bb5ff6ac70ae0826cbf3e0e37f9bbc8b04', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '3332ca83f48b7518ad511df6fc3dec0d0e9cc982', class: "connector_div" }, h("div", { key: '76f17ef4f489e47a75235baa72b260c2d0e5ea39', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '09fa81a8c3c2e168186d30d365b1bae713a426cd', class: "featured_icon_left_content" }, h("p", { key: '4b062084b3627b243dedfae4039f1f8dab2c1105', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '092bf1d9442005ba88d2aecf70b43579d4ea015b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'b17cca98ad38bde019cfa229087bddec021f591a', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '01bef2fa4bbceb7de4d5c497ede859e7b3290a96', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'd85ef3545c10bb040b065ab97a97a67da3c723f0', class: `text_line_div_content` }, h("p", { key: '158ae3b21922568a23c218f0238dc165663edec1', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'f7271fc964c4b06e3a96174f2215768315cf7d90', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '1facee47286eced404667fc95e2e9e20908edd21', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '604f256d9fba0e7bd8aba3503f45dd66d3ed89ff', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '15dcea85227d46043c315de7cc662c9cc10e776f', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '46e4316d57f3f9d119f4186f535a3ebceeffbc33', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '26191b783f84f7993ec2d88fe0fb886dc1f5f1b6', class: `icon_left_div ${this.size}` }, h("div", { key: 'acc2a5c9ce47750d3c57ecdc31c9a1517b527fc2', class: "connector_wrap" }, h("div", { key: '0fd579b391c5ccaf745119456c7b4be421b4b73e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '984b9f7dc148e7bdcb9c2b6f9e81cf836da0fbda', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '40adf0066a4197d794f9861d81d34e51cd6850fe', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '27fab92017e4b4b4877aab69a5a358f28960e01d', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '9ace22023511187ce0a5f41f46aa4cf97101704c', class: "connector_div" }, h("div", { key: '9f9e3b10daa6ac07396484722b3d1ff097d33701', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'b3f848d1be5d340b61d7c678a6c8e2d58f201e65', class: "icon_left_text" }, h("p", { key: '37a0e82be01f6efb5dc52ee90e02e5f8ea4eb126', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'cf9d458cb945cb3ca77aa718c36755c4e96ddda1', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '4914753759104a7796974a81e5e8d596321ed545', class: `icon_top_div ${this.size}` }, h("div", { key: 'a82b5c7efa3e1849ccee764a020d9cf6f84674cb', class: "step_icon" }, h("div", { key: '53136beb33bcbbdd723b3ce17b91377096797083', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ec527444d278c99cbec14599b1058996c57200e2', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ffe59b30db1eb2b6b1d6895c971a906055ec3411', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '7d91833be9cf0ff2410195cf677081a75a5929dc', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '662dd5423d96ef493a1ca9665002593c4a01a8b4', class: "connector_div" }, h("div", { key: 'f9171ba1458d1e7f6c4742377434ed56dcabca54', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '614fce39d24ffb9bc849624e98a38bef4764a0c4', class: "icon_top_content" }, h("p", { key: '1ee7bca7096a711febc59ff89b160a9bf82808f3', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'a98ca175062d8eaf8b135dff5fea7647bb07c51f', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '575fee54257cefcc759c9fb04f392c3aae60bba2', class: "featured_icon_left_div" }, h("div", { key: '02aec41e420b792d848773ca48ed40267518df72', class: "connector_wrap" }, h("gb-featured-icon", { key: 'ad75ca433efb45b156a24573749c11ca2c647498', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: 'c7d60c602f35a6ada6dd0588f884e5854ddbed12', class: "connector_div" }, h("div", { key: 'bab1adf888b755376ff0ff2a2166b2daf236450a', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'bb4b797eb7bac3cca2083e0c66e649f69bdbc2c7', class: "featured_icon_left_content" }, h("p", { key: 'be6ad7616a20e03986d46387978d95cee4c1377c', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: 'f4a362756f7b2bef990ff588cbf648b1227fc459', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }