npm - globuswebcomponents - Versions diffs - 2.0.9 → 2.1.0 - Mend

globuswebcomponents 2.0.9 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (459) hide show

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'b1723e6441ab770bfc5cf97e7eae8673a474d3b5', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '597be3913a963aac4234e8a688329206fff33c82', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5ee7d0276319460ee52966edaafd8978b215ffe8' }, "Previous")), h("div", { key: 'b57a432d8ced496346d8c299bb7824c919a278fd', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '776e731bf8db4c1f4baef6315b29a64fcd16f606', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '60bcd13c5aae58b3650ae49024cd961511742270', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4f438ac6be440336f6e5cf5f683a6e415e7e4458', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8dfef2b86f06d4f072d5136eadc836b5bdb686c8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5ff9b56266588881b4a93594f9a0d70eb9701581', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '15a67fbaf37d4e1a0e36b50a83d61a6f10c4c1f3', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '03ab5cadaeac06aaeb64df88a641e08c9e2d473b', shape: this.shape }, h("p", { key: '2a615d4699f9f4637c8b5325a83ec7b556b052fa', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'df285dc7f5eb5adccc098e5b4b9276fda77ddd59', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '598a6fa9be0469ae3dec7dbe9a75caec8d8bdbb0', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '6f1489e1ae5e8d8b8de0fa84710dcc8094a52511', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '8154cbca3b1476639a8dfb1cfdbc1e605a8b3695', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '6509de2d9e738d94c4a6ebe6a221610faadd7087', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '73969ea2d39a59a899ee21317f212c5837c8c18a', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '50395629133d7636b286074f43950b466b753769', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c4dd378048d4c3797c3dc7456f31b1dd1212935b' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '1cb2e9c01b4bf2867c23cffd40f7516abf27b163', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '392de3046ca4ef646025da45f3e9bc582509f7f7' }, "Previous")), h("div", { key: 'bbfaf51296055f11137b96a243c0251731dca93a', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'bbb8a20f1707ba3e02c8dce92af89cd41ea84cef', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f9c74b7df142b5f1704c9cb035f9d8642d1b5fbb', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f87b97c68c58648c7c2ed02f2eb29986822f8189', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1ad196890e4983996f20bbd19c7ea1a9d649c72d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '437845ea739621bcad6e465cacd0de400a6dadee', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '83079de7d5dc40deb658bd462a0eed2dbd055882', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5bf6b5a4827d87ba0442001df3abb78e0724dd4f', shape: this.shape }, h("p", { key: '09d0cda00234a9427786670c148d86bfb44dd843', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '58a103c05af30ee07bd50fe7bcd8729819bf22e8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'a8df37a9bbf0801916ca7d52b17722a7f5bbd749', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '6a22d10d06518a6e164a05f97c7ca249bdd9d837', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '4ef76d85322cf1058f17cd68ca7d77788f20c86b', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '8fd8e8140ed6565103450734586a82e13e701c41', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'ae46ee61450e928f7c9910828bd169e1407e3015', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '2b76e79b64a921f2dc59dd175886f6451886b7d8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1ba06ccbb5ec293d4939b39e30a9f39511826e02' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f3f918df16c53a4238e29d412c53effcaf7b3ec0', class: "pagination_entries" }, h("div", { key: 'd6b4f716de7daa2dcea86cbcbd93fa1005ac644b', class: "entries_text" }, h("p", { key: 'eb0043a53586abdfa00d34400ddd3e72efd2cf05', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f95f760aba65e5a94b35354854e311b99434bc86', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2dce9b090fba6a340ca2112480b6e3a133833f90', 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: '2fdb5b6fed3b2082ce1efad9c2786ab8a22c975f', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '1b2106a7f6a42e710b18f4a96460698eb6fd2a68', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '138716cde705293efce40824af1fb13a1f76d10c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c98fa4bfd1d74b3e61bcaf7fb923fd2fd3f9823c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '77fa90ba805261e52d6c32871a358af05dfd1ba8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '6d6c2292cef4db891f5df7041be4cc0d9ffebfd2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'deb2d9234c8c5cf86b1c12c859b2e51a9b0cac2c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fe537fa61004eab6edb804775599823d7f9f1867', shape: this.shape, state: "default" }, h("p", { key: 'b62cadc0febf48bad9e92294a881e9d3342420c8', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '280c0a21e0b0ba694fdc9300eb25844181269158', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '1f2687f65ec41ab516f278b084098c88ac6cbc2f', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '4f4864c9b08a66b7a2c4fd16353a520383997a5d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e5efbc526d095c63bfd2c27219ffb3e2bbffe45e', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ab04fefc4e21e854118dd7f738727a0b0e9014c7', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '2eaf7ede524ed07e6167b7eb9a98c2ddf9033280', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'b1888e22c0ab26dfbe9ea39effee11ab53156644', class: "pagination_btns" }, h("gb-button", { key: 'bdac8e9171b602e9478b2ababd17cc50cec813c5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '6ef884ed026d495aeec6e1159209e6b6b9a4d364', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : '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: '50c08cdfd2e08beda393e7512f31ee265d77fc04', class: "pagination_entries" }, h("div", { key: 'bb9d93a417920ac613eedc60833d7fb2c01bc519', class: "entries_text" }, h("p", { key: 'e6cf3b9713a60356163261f3ae64ca2ae10b5880', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a22ce965d4ffbc84aeae5773ffa052d790ac795d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '55850369cff8b95ffbe5a8ea143ca92c381f6e36', 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: '3dd0a485fc4477fb84a4054814e281036ef64986', class: "page_number_text" }, h("p", { key: 'e4cc5b0149aa3efd1945285e9581b868c037988e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '3d43c781db709f389da1086594a513de994fa5ba', class: "pagination_btns" }, h("gb-button", { key: '21de87acabfa2157b7a7ba6c07bd480651f8c3e3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '842f002d190aeca5bb45aa66bd81a6c288fa1820' }, "Previous")), h("gb-button", { key: 'dc5823837c375f290f32797f086425a15d1a17e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '447eea6b0a416963b85768ccadbffdd68ee10ab7' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8331b8798c3d79457289ef3cd1508f475205a28f', class: "pagination_btns" }, h("gb-button", { key: 'c77010c8de2d57fb53d8015718099f58c00379a4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ca9a6d407a1a5e079f44bbf3dc5ca9906fdceafb' }, "Previous")), h("gb-button", { key: 'b145654b12e4bb76d9d1d057eac1296fd7258c46', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a7898191f6f7586e9c13ab7950b239b2a757e694' }, "Next"))), h("div", { key: '5cf2c11a403a5cc75ac5403c6de45532e3d24a30', class: "page_number_text" }, h("p", { key: '813c889d65fcf6ac586034520d80cf1f54a8728e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'e0307ed9a53220797443a0ecbfe7bed6c77166b9', class: "pagination_entries" }, h("div", { key: 'b587d5a25a4aff1a99d3cebc15a40a5c76b09db5', class: "entries_text" }, h("p", { key: 'f5701dc8416ef96acd841ed4e1366b1413bbe71c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4df8ba4b876bf18b60e388aa0b2e545e413b7bbf', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd29984b06c4f324018d2fc7195793dcb5e12c7ff', 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: 'cf585e179ba0b4d85b03728f3e21a49baa192529', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ea0b052bd2d18ea4ca420968c7b531d44a3f2b3e' }, "Previous")), h("div", { key: '7786247492d13cde0f81d6f9eacb516e44bc0a92', class: "page_number_text" }, h("p", { key: '54cc03d110351b5eff0c95737d9bf941b8520ebd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd39351c42325b93f95db581339b7f80aecff05b2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f1adc43717414109d4c6117b6792c650c68c4d9e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '02f23f649a93f6edf46bdc8034940dec859513ed', class: "pagination_entries" }, h("div", { key: 'e033a47c6f12dfe29ba77d260abb62bdf30369f8', class: "entries_text" }, h("p", { key: 'e53d975228ecc67d79ff9ced6ae7a9532d03142d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fdd0f8aa73ae1e24638edf4ef7660628469d369a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'abdb51816795a8b13561991554aa90d63f8ddbe1', 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: '48073ec1983f0365ce2a3d87b3e7e47b6278aa0e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '20a94f7f3d36b550d8bb70f69b3076706acc78d6', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3eace81d5b31d1375a2943cbe3c4fc3b14b27d5b' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '8269b807d71d800e3eb2d221d11f68a5f2f97913', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'fa1f93088db04d836a0cd97f0d2250b645ace065' }, "1")), h("gb-pagination-button-group-base", { key: '10be206d5a97a361916eee527657f249b7e0434b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '27190243e7b6b1959cadae6c80abccb2761bba63' }, "2")), h("gb-pagination-button-group-base", { key: 'bebf44f4533a4be29b1d46b0f0adb4fd0c283e6d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a0dcea0281f1bad97ecf263cc272a2b0684136f6' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b5d74ecd74bf428249014c3a87d33edd06d9a56e', icon: "false" }, h("p", { key: '88ecd5aaeb9282197546a8da2bf377ab86dfd5f5' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e1c0981a2827d0fdb8105f0d55ca08de39346a22', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7bd92332f3e82138f951542d636431fcde591979' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '40436a379ab7f9092f385294329c16471f39b442', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'c659759c0a318eee8b4bf568196ed097443cd5bb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a3b7a4da577927eb074dafe71340963341b3d961', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '36004a11f34f3a5de5e1506d61008e1f68b611e7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2acc983cd7489e58bd4a5b96ebeee60cb080118f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e22280f50f6698419bffe8df32552d0509a353ca' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e7e255660912e0b596b0c8aac9d22312e444923d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5fef73544ea90df5d13877fc75c35f6c8ff6ccc1', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5b600d7c30140eb81979cfcc8b22a36074a226b8' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '717610f79678570049cf08e318d09c1adc01c089', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '54f4f389bd69a591b8e79ca2fa2784d3c87032d1' }, "1")), h("gb-pagination-button-group-base", { key: '05310115b8492e347676ecc160b6e72319b3494e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dbc49f157961733eb5bb4192941ecaa61aa125ca' }, "2")), h("gb-pagination-button-group-base", { key: 'e8ad4e20e5e94f80c12d954e82cd0671d6988645', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '94ccccbc15405d1a3713aa64a1490151af638422' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '15a0865bad9d4579331cebde19d7bd0d243e5f43', icon: "false" }, h("p", { key: 'a1d26d7c3759893ed306b5ad34a6901aee2e3d1f' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '190f702f4778670e668e48c760a96700f94770c5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c447aa0c72105623919162b28ab637b0d103e967' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2c20416ad36bb56d158922d4bb746993db229956', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'daf2a560d320d6395cde944b2d8d0b9480c99528' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c1d4ce36c207acd02089013385c5c8904a0febee', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '489b18898158d931b96950dc08d8afe73f84fae1' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a577da312ce44384d4abcf69071192064ce6d5c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3741428c97168e6c43f03ad47a3d6894c46baf71' }, "Next"))), h("div", { key: '3ec2ee1aaf3cf8ce729c6df0af640627120df051', class: "pagination_entries" }, h("div", { key: 'a30ca4d8a4064dc5ceff5ad2f525f42dcfdb3a8f', class: "entries_text" }, h("p", { key: '83477f9c7f53c361402b32881eb3be4fb74bbe4c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '44c9f0e0131f25e039c2745e0b35969dbbbc339f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '883f7563a9125c350ff76395dabb6edd1e974124', 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: '9329bcf28c6e7fa6abfef19463e0983622f97d9f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e1780a8ae794b6ba18e96deec48bb41b138c276c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0bf2b29f2c2c406019a2821eae2945dee8b94e36' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '202a933c5fc59d3944e1c57c25cc9164feded6c3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e4fb367c04e654cae28d3677e22f8fcea4cd3f72' }, "1")), h("gb-pagination-button-group-base", { key: '87eb4ee1b25914d82bbdfcc934a2a26ed0549cc6', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4f6a391d88dfe9ff401fa7121bdaf2b0aba34d9a' }, "2")), h("gb-pagination-button-group-base", { key: '30d0c81d6333294d27be4d7282cf6beb43610cbc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fb891b9700c76c67179cddfe274222b84e44806b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e011c67793e1cb9df5c01f6c65ba09c85c16dc3f', icon: "false" }, h("p", { key: '53515da72c9c156b87837713e1616088b18eb9ee' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '554acb016cb9449bb8a13c4d73c58015c6a87877', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6462bb0adb5c29009498c4891d004967bac28d50' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e95ebedc9dd571635550ce1128d736e2bb257230', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'c2160df0c248e28d8183ffb802c5e4a3d713ab59' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '762cd3ed51ea74f882b3d37b9975f614bb48f347', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'b454c12a411468b8c44f933be2597528b7fb25a4' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '06874d7d4b3a72dd190b135151149b8e95d474a8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '21b3cf5ec489d486dce16accc1fa4fd650848238' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '8b37c845259ff04da789e62b8ca9a27eb16780e3', 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: '1440c8aa5fec899355fa4e0ab31853d87c8d00c6', class: "page_number_text" }, h("p", { key: '568195c25bfcea352606142187249cff7625e924', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fbaa6c2948ce6e67bd35c681602fda23442bf1bd', 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: '517cc2344977b94b8f2b2e5a5a7544805bac2775', 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: 'b53d2eb3d5b60537a5fb5b2dbc8c6af63164f8d5', class: "page_number_text" }, h("p", { key: 'bf8448f8f4bda0790647a06fe2606cf3f4c2fcac', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '00b0616b3e685f03eb61bc99c239d4634ad6cb8a', 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: 'f996dfc5e86efaa8a4e91c9df3d36923b631ed33', 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: '141230862ccf881b277b58fc74c6fd9e5787d4b6', class: "page_number_text" }, h("p", { key: 'b52709d25ac1d25383bc4e159b42e6a1a2460f15', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ae2e0494fd371eed9167e76f467974dd8628c480', 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: 'a839e4b9084258b01f99fcd1429f68d847c38283', 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: 'bce97fa6e094d96800705642b79b159bdfbe8818', class: "page_number_text" }, h("p", { key: '27cd650947b47f3e3318fade155da19f32056b37', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6d1e42311dba1145e9ac65faab39427ee2b0cbd6', 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: '3c020b3905258b6ad17507ff1d894f9bfa9104e9', 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: 'd4dd8584a442e2562d5a3f1c9eec863066b44304', class: "page_number_text" }, h("p", { key: '977e973be0f8398fc10ac90afb475beb275b5323', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '37b70fa889d1b22e729e7ad008579985bc986f03', 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: '5b436d84ac7ab52d3e2c2418d3b2bb254b951fd0', 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: 'ad4cde2d94861352092cddfc39de07003e81eeeb', class: "page_number_text" }, h("p", { key: '49f1b2df25224cc968cacf6b05a72f63af5a86f8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e3d428a870098283bc899e284e80b189902984f9', 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: 'e4762c174a447a749d958de40b9e2ebf2c0b7e6f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '065d85272d9c13938a999f5642c760d80f1411f7', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '70a8c4209fdc4ddcad8a53b78dbd6f0311bcd109', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2d6c602c4d81dfabc0c70ed5caa66ee0c319bf66' }, "1")), h("gb-pagination-button-group-base", { key: '425a2be5e8ab41b335e312b44d682bf6dc9fc5ea', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1289bff458770f4b32423e1a884ba1b6124bc079' }, "2")), h("gb-pagination-button-group-base", { key: 'd2b42ca279b089f2c5d0182384eb128b523850b3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '86f4ae42c22da4701f48ed88fea804dc82387e44' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0aec52488b30a7b6ed664fad5d037f4c1a90a854', icon: "false" }, h("p", { key: '7adc58c3bf6cfe8055a87db0ebba39fa827f07a3' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'fcf59e0c6cd4a69451585f66b0bdd721212cb147', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '4efef281bb88064bd47a192acdc1660a2f32f5ad' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9e9969d176d25a05d1e02b005043812baf8e4493', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '6f6c55f15e485c7c938a2282b792a2fa600fbe1e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a03deae65434d926bdb93ac7ff841fbf531665b4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8dd8666f1b0d086e9c31034aff6723027c50eef4' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6998a147a66597212d7cb8524f9c27ca703ddd9e', 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: 'a8565c3514fc316c165bb797eeb7cb0b8306067c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ec618bfb1a4663fc4ae359c026e91885cc8e5c9', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'a47cb1f91cfff050590c98035cda0b239997bd6d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'fd7a6caf1d08d7938d65d8973df7040eaf993f7b' }, "1")), h("gb-pagination-button-group-base", { key: '82b636061cae80a6ac7f4bd27646ee839a874980', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0ca6cba7b4f845d0ed3f9376dfa732692098919d' }, "2")), h("gb-pagination-button-group-base", { key: '881de347c303040cfef6c98f25331102623d2b43', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0480bb9a2810920264d6b9d6d5b31389737be880' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e41829f02f42f15c89d47d112bc41a754a3a47a6', icon: "false" }, h("p", { key: '3eb9135bff92cfb136f691c21f5c223ba450fb82' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '28385846225f5fe6ac98e820d767d093226451a7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0a39bd5da22c1751fca36cc1bef7fdea0bd21464' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'bb0795658ac1e883e54dba19cce6f3e3e264f534', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1b0d0a83060adf92fed37f403a2d4f6e9758ca3a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '7250f11856576f26ae28ecafe8f00895b742391b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '910bd8913cc9dcc5e4142491bbf529c6ca84e52b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fb9481cac660e20099e59d4af7e9448ee6963fd2', 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: '25f21a8ce44eea236c8ff8d5e05973ce4cd812f2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4da14c1b5eb9f4204bc498822cb7b4262776ade0', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '2df7283b1a72290ea993313cc5002dd1ecc28bf2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd2a54bdb454b0be0de9f2af9c4102582de5b74fc' }, "1")), h("gb-pagination-button-group-base", { key: '3ed20dd41b83d2c2d49c5bfe61488484ef4f50e3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c4c9f06ca92f6e0b08e730b684d1b3d5b818dbf5' }, "2")), h("gb-pagination-button-group-base", { key: 'ad83f52af9f5ca842739a8a48135831f51d8ea06', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '588a9ee92944ee437ee08f67edef210089a68a63' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8de6ed5977a8101881a9118ad4c83d1061b41ad4', icon: "false" }, h("p", { key: '5ab264d8c0a1e52f41f38c252af625b9bb9a58d4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'cc9462701de557dd2995defbac2dcda04d889388', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6c15ec0ac84c321eb71c1ea8e7abd82d0c21c6df' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '29498be6516db2b440c6919cdb258eb1dd56f1ce', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '316fd349074d2fe93b1990dc7bde87a69ae0fee0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '803e04dd1d9a43614feb95a4a82f28e6c3d2ea0b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0418d3ead1e0fe87c1f8e60f0c47b1f29cbfcedd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e7fe8a1c7a50d50fd0eefe6317c966d5d8d8e016', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '428ebd75380400bc096d8d5e186a289ef9acf3f3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '416a9e0fc4471914d2ede36c62b029aa80e2c42a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4f858d28a61b2465ab23ec6f16573bf1894ca364' }, "Previous")), h("div", { key: 'f187c432a85e846c1ad1cd85fa4c95a1dd9072df', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '215883b0afc8f536079dc7de7992546fa10ecab1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '38452e02dd2ce36d29376f483ed2944e1b55bf18', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '97f8770fbe8d66af443c8c7f47f7666298a18a6b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '005acc7526a27b6a2d39ac6445b1e7bbd3928321', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '522ca9e13a566b26f1914238870b1c4ff8c781fb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fa47e42bf9ae9b324dd41ea0833890a860671629', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3e1e64424f6f18d560cf5384ba1e40a3df75d9a', shape: this.shape }, h("p", { key: '2ce2c186891156ee04d720d31a45c63bfef043e3', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e14b46a120d2be1f716f02f21b672d4077ad3d64', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'acb4d39b1d4d8f69aa0fa5b222815fd56a4225c2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'fc09e87e2331d98d6e9444b75ff12f3c1912c538', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '491c6ed4510b7eb54ab36cfe8df0f2555203658f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '51a952af8de29073f469dbecb274156db9bc826e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0df57a60c32fa64315904299b109d516e51a6aee', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'e866c6f48ff39f952fd6fbd27d0e72024b25e7cf', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '738965316b09ab263b95c2a61ec9605441038108' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'b4380b875335698135768ddb892220e278d48707', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3944eaed2e52e3948d774b37c9af3351d7e08704' }, "Previous")), h("div", { key: 'a4f1ff5ea2dbb19415216cc0fe3a4a0125ee97d2', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '021bdf2c0f9d6bf8bbb326a97e313b1f1f45e1d7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'aec84a03833f3276eee0e38bdf41296aae52aeba', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '13dd2a01dbdfd3ff036de7bee7dbacc3ffe16806', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1edac46dbf44401490e25acff0cc2eebc8995f36', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'dc9fb25218637e40c800bc55c1bf8650295dedf8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e800e565b01e99d84132064adda43267a4fafd10', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9aa3573b23756da31f4d994b24e4611732b06042', shape: this.shape }, h("p", { key: '3570ee5eba09cf7691cb0a3b31dd34a2939e4876', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'af73beed02eb405601fdf51fda3f322b1403369c', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7b16f941c0b9ef366c25dc72d8b532d5017f7014', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0574ccbbd856adc830c051f80d08b264d5e53231', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5a7918efe07337ee05dbdb4d2f125fbb559a169e', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '99beddee83cb43ca73afa03131c83039b7b793ff', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '56f422b03c3da5309dc4cf84c8272b4113033dcf', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '5d77c6c4ef5c91dd7b03948ef653d4f9a2d1ef4f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '591aee7e79e45747d52ecb46df96bafd4e397154' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9c75cb5df56adb83d1ca31dc1426159b53b31dec', class: "pagination_entries" }, h("div", { key: '21d28dceda78d31f9baf98eac065c39f1ef47b3e', class: "entries_text" }, h("p", { key: '3badd10e9bce96a7945c4205575db91910a502d5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8d2d910bec137ecc8408159ce9a78cfaa85dd4f3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0b6d245c9c22ae7ca68eba8afcb8389d3362f3f9', 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: '8439bf11eb9daf6e58cee7bdde6967b3b029974e', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'b2177f6a40027f8f0dad3919522235cacc2bea58', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '846cfe358f5f75c7172162c6dca1ffbdccd23e08', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'be6ea54fc21d724a8598a11e52990ef0ef2c28cf', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '7f354324b730db565552029961922740b3891df4', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '406e44dabcfb8f069551bf3584631464aee66c4f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'ff7983bb82c005f04ebbf3697f84e060c94dc2b3', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f9a3819c485f72c614a4728b72e2164347b14f39', shape: this.shape, state: "default" }, h("p", { key: '6eb44c933be89e521fa99010b103876c18ae8099', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '99a22f7321365f2e62096ebc4d8b6b34987007d1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'f1fa24be9f9cbe3f4561b9a0c7298985ab41475d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '9183477240b05895fc205640515d986e3408b888', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e502bd9b283bf7e2344b77f3f38546dca176e8a1', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '4310c1f5d166264ffad137090c77f9db254b1438', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '67f63e4ad30e9966cc6e3f12f36ba02ab8a54f2b', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '7472266df0eb4f04cbedc2c1976574a371e7042c', class: "pagination_btns" }, h("gb-button", { key: 'e9b8919a482bfe2e6b37210baf125cb7f6f4ab2e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '78a5d8e1a4304aba37892aaa2306d16eed7955dd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : '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: '34e9eed13b7459f42c321e1f1b00f0a31ba93477', class: "pagination_entries" }, h("div", { key: 'ee92263a92f73614d195ba36a3639eb38b52a0ee', class: "entries_text" }, h("p", { key: 'a0cada913debeccbf40acc018adf845b39b95840', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '736ab7e883c51f89e11c30c0883ce483fa7de1ac', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '1e081fe833dbd435e910d42ebf34e80794300530', 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: 'a0f997758c4980321c5424c85024f91672f44b74', class: "page_number_text" }, h("p", { key: 'f7a7d7037e83556c13d8d2514ca391f6a9e2c1e5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '536051ed8ee3f594d5c9d8fd10fb05f2adafeb51', class: "pagination_btns" }, h("gb-button", { key: 'c07e56d7098abf5d1ebf2efd59acda3cb24fdf4d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '287c784001c85de3e626ee17e3eab35621dc3d33' }, "Previous")), h("gb-button", { key: '19e47eab2ebbe7b515bc9f9bdb418d9a630b1c11', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '498c741fc2ab8b41ed60f27611e144214fa46869' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '04d945101435a9a585e8269f2bc2bf89f1fa71a5', class: "pagination_btns" }, h("gb-button", { key: '50b30c9e228e16c21a1ce70dcc1c6f8d53c311de', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '10d99087df7ade71bb3846fd826f7d190479b73b' }, "Previous")), h("gb-button", { key: 'c733f10a0bf51039b592a612d1b12b424e472117', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2f520b06eb69bea30f78fa521d3a5f5c05b7e664' }, "Next"))), h("div", { key: 'e83b2da9f19a7b51d97600542db66813ceb9568a', class: "page_number_text" }, h("p", { key: '778e22627267c5d33deb379c3f4fb7319926f45f', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '4ccb03621493525edd65def14b439c96a89cc6e0', class: "pagination_entries" }, h("div", { key: '21b45f8eff51fc0afa4d2d52e3889ce1704839b9', class: "entries_text" }, h("p", { key: '2dd48d66f92c0670f9ee0d304078b0c5446a23c6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c2ceb00a3d308da35aa3a855bc07b39fc9e08778', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '97bb5e35639d2bc907f95539683a5f35819ee46f', 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: '682521575195caff80e19ea1fda582d4832d9bf9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '44dc5db9f974f84536dc759adc68857b275b0c13' }, "Previous")), h("div", { key: '1d6bd50a19625ea0cc2df807de68ac3d39704069', class: "page_number_text" }, h("p", { key: '849108642793f5f05e431e6e352e2c95a19facab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f38321d3a1a9c208db78eec75c6b4e23986578b3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9680b66254dc40be7e037cdc94c5a3fbf26c602a' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8a18a610beb1d779e68d904487fba7e4a239dad0', class: "pagination_entries" }, h("div", { key: '2af1e444a350f60219485067566bb719ce971e81', class: "entries_text" }, h("p", { key: 'c8188c11ccbb802261e880e325012b178dd33284', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e64d3cd7d792b12781fd3f0620f16af8f9dc6db8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'eab3942782e044e68a6cd87e6b1bdbecb26e1058', 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: 'd294cac7ad0697cca636b2272fccd26a5fcceb37', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '88f09cb497ceb0386db0f8fe100018a121d05442', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cda559ebad291d93a3e5763498620874460baca0' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '337e7a3cf2dffc000c8e2242c9a2a94acfd75908', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b9ba3fd755a1d258d4c3c5b2c4833a26c1a15c95' }, "1")), h("gb-pagination-button-group-base", { key: 'e49b47bac3e7485fe953cfc5dbd5f4c47703ada9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ead95966011282b6cec56b5f7b29f25bd79517e8' }, "2")), h("gb-pagination-button-group-base", { key: '3562e20821563ee6330ce675287fc1120af5d54a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c073a0063d3698c3d543aea1b00c9bf607df60a2' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a7d7a2090b78aa9e9bc3a775398e22d5208ca2cc', icon: "false" }, h("p", { key: '01dfac5bde85909581eed3728de88337443eb151' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8118560e43b8f52efc3cf715ba0f950116797f02', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '1bcbb4c39eeff66ca2febd511178757f1e1b9c89' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fd9d94369f02b33bbb7e1ab3bc4fb085d8e795b9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e8bb554e534e4a3b50246c0328cbd480c19280b6' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '06a96699cc308203842807557cc709e01e665e3f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '10ffce91b1626a8cce453dd07e3a330ec7d3cd94' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '50b2a8d2e2f22528078fde888956e5ab4c524627', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ebc4dfe6036055232c1ab37a327f64c5c93817aa' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3d9a74fc042dd2de92e69c2921a2e99202ca4003', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b7fc21f3c6758b596e62f4ea4e03f1cda1beaf1e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '801872677caa9af3665f1523aee836e0115b264d' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '35b40878e9fed7a8ca8bbe27c63c803c255c5fb6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ce6b109abbdeef5ed6156fb0013b5fac4b7a26c' }, "1")), h("gb-pagination-button-group-base", { key: 'c436a953f472e581384e8e5f14d8fb25b4e3d5c5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '44f8b86f19426fa3f71a6e80185138aa2bf85cb0' }, "2")), h("gb-pagination-button-group-base", { key: 'b9c5b435533d67cc8e19b839213c0755e3e51e44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8841bc2e86980c75291e6619ebfaebf80975ce20' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd00fbbf0133e707212f9f650287a5d84e17a545f', icon: "false" }, h("p", { key: 'd69a0bee42ca615f10aa4be1c66178f8c9f42c58' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f603545e23ba50632a39fedef812dee0a6f12986', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ba0ee06012754b687bbe9d7e790e23dd1c3e64d5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '4e113cb660cc4c501b06c61234e28a37d99bf114', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '52eb468bc6829ab9d24f77344d67313daa0c7bfb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '45625826b3955c8e1f1e62b2c3a0d66cac1cc501', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '12a472cc0a5c1c8d912eead4e0e2a7f7618ea989' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9a052d1cac8dc70fc2c206d68c9860f13eeb65ca', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ab9f35f22f8c67b2bc0d0fa037c755bc61118932' }, "Next"))), h("div", { key: '6fb05011828ea75ef9cf62f30c6000b6347f041a', class: "pagination_entries" }, h("div", { key: 'ee7d6fff5d691f04a243e9e6683412208c23d3ae', class: "entries_text" }, h("p", { key: '0c837217d82b757f52e6a408b3fbc4f055a12aed', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9eb00a089b63e53556201cdec4ec7f2071a24399', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a6fc79dab1c08dadcf56d792e0877b993330ad3d', 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: '1b82431a605ef93bf783a74f0623ab6fe73db26a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '28ffa59e322b6749be95fe1dec8b4d5e53d8d57f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '991ef4885c94d1ab0801f99e87f1ea6793749f21' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '8c4b7e4470f721a430f20b8de6385edcd926c10e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ae734c3c92ba46c9608c285d894edc68c1982b0f' }, "1")), h("gb-pagination-button-group-base", { key: 'c89b00ede446fe42ee047f226467926bd150bc9c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2486a75529a99ef411d73fa86e5ae6fec314fc90' }, "2")), h("gb-pagination-button-group-base", { key: 'c700dcd8d17276592a5c4d937f629d3e098dcf2b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1f2eb4ca254fcb5724df84d4141fee791b5399d6' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a992716083b3130bb1ba872cd43e716cc16ac5cf', icon: "false" }, h("p", { key: '6c8b288fb5d6d78d490713a284a4979e25f822f2' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'df79e8e6e2750a466e9d72cb269743d57bf0bb3b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c9333421dd99d8370ddecea57f4f2f80168bd600' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7407f0a12167ec2416b5f7a283c60c97a50054cf', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'baf5081b488efc3c916a0c11574df3695718bc15' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fdc4b82de5691891e3afee29a71ca7423f5ed999', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c874d54475fe83869c40bb01e06f0ae641ae0072' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e1e4a4e510f222829ba2431c6ba9ef6990ab2ab7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8cc7828b5a77e2975a326027d10ed3941d681766' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'ae9ca74c5414c393a61c0832c71ba02d85c6794a', 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: '7e06592670aa01bdbbc017ffbf4a25ac2c83b32d', class: "page_number_text" }, h("p", { key: '86684b900b016a8a5ffc7db070c83f6fcb356cc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7940d06e4283a644fe2da120e1a2a9b1107f25a7', 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: 'ce31565b6a9c3a39cf3a8bedec7eb90854ef1788', 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: 'a4387ac03e0f5d41ef0aecb9474a4656ee2cb221', class: "page_number_text" }, h("p", { key: '0c40e36e0db70c6f5240a4ffc26b5130c3380db7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '63360f2104c5adbddf0823c7d3b86693f2dbf7be', 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: 'be5d5b18ec8b1aec730e2282ca53009a638ec9b7', 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: 'c81fc29978d8fb961b5a8fa4fadb77b1456503de', class: "page_number_text" }, h("p", { key: '1027a353a6a9577e3116d41fb4abe093c990fd65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4f40e08648068b6971bc56dfa65501af7f4124e4', 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: 'ed50c83b19c8b3f3a9051eb496b6475a778a0d81', 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: 'e7074ed59a9877d8f2f134b0e65ac4829547f720', class: "page_number_text" }, h("p", { key: '811937f07e0a21025781af39022900d0bbc105cb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'adbf70e899ac2696ebb81f7e2a9c97a929d00198', 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: '3321e9849055adc3417066b267fd0e21d6afd836', 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: '8a02c91d8fbde451952d5ef4213676c88d5e665f', class: "page_number_text" }, h("p", { key: '61f7cbcfacd7c089d30a4287ca88e06d636f2996', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6bec24d85297647788b9097fe7d44e54939ce897', 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: '4369b94cc2b2bf336f4aa7366242fd4932241d2a', 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: '63725569b01c70f4597ed8fff5713f9dccce748b', class: "page_number_text" }, h("p", { key: '50e531123b6b6995da4f5643d7e0f0b640951d4b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '2728805c1d03ae6fcd5c631ad366699d85e07d71', 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: '96ff49981fe883bc43ac376947a3c0317546d990', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'bf940bcec73b83c62d22f96adf68d8975a714447', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '170ffb2fd06d5dc4bf2a6287da761bb21417a457', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7871a98c1f0bff27ab31b2b34ff691eabb4be176' }, "1")), h("gb-pagination-button-group-base", { key: 'd1a61a7c23cd6cda7106007914f28573f61052d5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ef4bd7cef9fa40c4956152bab774d1d635b51a96' }, "2")), h("gb-pagination-button-group-base", { key: 'e49225331dc3b8179af17db6be1505c2af5cdbb7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd3e6725ee75780045a7ec847fbc5c434708f5723' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2bade8cef19e69b78b0a7bb7dd99a3026aa6153b', icon: "false" }, h("p", { key: '672d639b8ab3b54a1104bb16765b1af6974573f9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '4f9689c72171eaad850a998811cfbf07e301b8d1', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8fda86b991035f2940df978e96233c571159936e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd25c9728ef6c32cce6c51e2ee3959085ef521cfd', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e48866515f014702fbf50f44b3e4e278083cb906' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '149ff1146ff5c79670a1e2fae964b18a9450c7b1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8cc9b5ba5704cb98142d32ee4cc043768baa7df1' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8d53532a2c14b849ce7ed6a025a3162f490a6914', 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: '40598821ac204cfcc78b7d6cf9ab360424fdf22a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e8dd5d98c17d632fc211c60597fe258b4f5252f8', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '66010775848b5827726a575439127ea720160917', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2c3831ddf44a0517ecc4ef058581b0dfd2b2dd93' }, "1")), h("gb-pagination-button-group-base", { key: '6a7fce117d686695c2897b110ce041ce3624337c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3814525c873a5cc1c4e84a60d56a274627618b95' }, "2")), h("gb-pagination-button-group-base", { key: '627ba303c1754a7010075ec596bf2e0def1532b8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '21a9146fc544aeb0b6fdf99ae957919dc2ece883' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '991dc13699dd4b8d0a1b42464b7d349ab4626f3f', icon: "false" }, h("p", { key: 'eb8ba1bcd2a1d0e9a7890a9c9ea183098720c0fd' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c9828410b45a242993b1468fd24160c15f652c4a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '20948bcdc5a4e857972bc4acf86fc5a67ae41ab1' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c086de5a5ea769571db47129c1ad0543714cf972', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e109b946eca64fc18b40a818abbb1b1d7f98399f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e8c3c5785168c802938f417b06e0e19f41c9df20', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a43bee46db53a623bba0490ba0c99608acd2c881' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a2ba448735375169a20e626343e2fd6db5f977ba', 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: '80848af44e948bb6780efd42d8653d832fb414ce', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9b709432d52aff1d1b7d9261aaa0a5575bbfd691', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '21186aa03318ac97b79ca40fac2f2562f84f3461', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b5c606f567f539c5e1dc0c8705dcc164a51f32c1' }, "1")), h("gb-pagination-button-group-base", { key: '92f38cb679d08107c0cacf0affe1382252a27dd7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f1c6bb7a0f4a7eec8a265184bdb3a3ca4f01e3ec' }, "2")), h("gb-pagination-button-group-base", { key: '0d8b21ab3109cbd8d73224d8d398203b883137a1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a952d37757c7b99c2ab8a7be994c127de439138e' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5b44079d497e84b8b1a278a80d255af5142a8414', icon: "false" }, h("p", { key: '813b447c2f0b3118d14d45c45be5fcdfe7d48cb2' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '51539ef39fc9b9c5eae5b311d1ec7989fb3ad21a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3cc57257973055ae7642087ddec905e50c985475' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '14db7e7f9ceaab46a025702bf273bd8d40af4696', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '50681bc6c341f3ba5685df916cc0089eecb236ec' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c987d054fac61ff129bc4ee63c7ccd92c2fcc123', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'b4fd65316987d1410af8c61fcf36ae7e90ef4038' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5b1b357d6bbe5235c098c85a3a690cf4c207b31a', 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 CHANGED Viewed

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'bc73bb4b1508bf57d4011e4ad77b5a598e73371a', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '73900021fc21cdfed30a0d08984282474938f061' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '9a7480f2a7acb252215e00c15cbfecc718648a81', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd26c48b082a0ceb564db7e6d777f12d77d3c51ed', 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: '1f27ea4d4fa69dbbc5fce5bb505ac442cf3f09bd' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '58813ab3c1e540d3f777238e6e6679a18ddf03e1' }), h("svg", { key: '0b2ceb6113732d2e9393ea520156cd46cb88810c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7951c3f8bff9fca9047d4f1d10f4c25de8c03c2d', 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, h("div", { key: '577441992c0112ba64ecba0cfb1f3de0242ab623', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '261914b39da2d87fa52064d30a43e34af0ca9fe6', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '03483c8f77404b918dd8311101fbcdc2552a9d30' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '86883bc4b3a1f6bf275ce71b39dc40962a3dd5af', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f9bd9e17580be2faa41d2c9a3323ee0c92d7d02f', 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: '566dc32b62ebd8e4f1bf8856c2dbd6fcb25384d4' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'f5deceef824d47162066a156542ecd836198f371' }), h("svg", { key: '3c75f3e1a6ac49ee4088b90ab0bb21f637b3f88b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4bf6b37fd57051bbba7f4383537fa6cb61ed10c0', 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, h("div", { key: '9e6bbd6161861e08fa0360bb3df16cc948c7fb35', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '6c8e1e510113a05f370ca59a8776a09441c19ca2', class: "dot_group_div" }, h("div", { key: 'a4779f4a397e87c18a1c939eebc5490a5c7541f3' })));
+        return (h("div", { key: 'c41ecc722f8c6c6f98dcf43888e309be53e9aeba', class: "dot_group_div" }, h("div", { key: 'be37ce160049a79f14591ab91d0a97564cdc7d02' })));
     }
     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 CHANGED Viewed

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '6d8d9b116bb380eac44590f965001cb681b30919', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '35cfedb49062a589b8c99ed9469e1b72111fbcb9', name: "page_number" })));
+        return (h("div", { key: 'bc349ecbb0a3d8bf26b268df80cccc697bc199e5', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'a3f298d9bb7eb5058a93129b6606a9cc5e33d811', 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 CHANGED Viewed

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '51b70936f84fb6eca6bc7eb53a0f529a197bc82e' }, h("gb-btn", { key: 'a5c7fd6adbeaf5035687eea567de01b2cb688228', 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: 'df18b9daee1f4e913e15fdd8cb6b85d14a66118f' }, h("gb-btn", { key: '1e5e429c0743969b117ed88b155d626c36d96ff1', 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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '8d3decb4c06921939cc74a0011c01383ca422c2d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'c5d260631a0d2b0908dcd9ed09e95309ec115c68', class: "progress_bar" }, h("div", { key: '0b4b2914ef59a0c940e0ed83e56b92e09ed28b2e', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '4c86de0fda5871afe3b551be83646094b0214875', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '03de3817cd285454ea8a5670921a58264c6dc396', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'bb9c2e2b4bea4d6b3e72112bcd85249882bbabbe', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'd6df1e3588f145aa7ec11d36fc03cfbf57a05ced', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'ec57cf10cb4316ba7deb396926e372cfbfe77f08', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'a0d0ce7f47d808c9922d2895dec8ada5c41adaa3', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'bc77fd3d94e4b4a5abcfe7918ca4c1d4cf5ac3ea', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '610bb15f7e3797cfe03c3ba5f4a25f6c6cabc2a1', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '52d8c0ce16eeafe6608405ab5520d2dbccf47f32', class: "progress_bar" }, h("div", { key: 'de3a1cb8941f656f7aa94b7df32313df2090680c', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c69b8394436398e4fcc420bda86f0af1819fa4e0', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '6e2b88c3eb53bd359b4035016ba44027a630a5ca', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'fc06ad95778e7a8ded5424c043b35e2930f46e95', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'f55e2a4786ae04d58f4ab6b8a58435c90ecf14ab', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9a8dbf190ec3deae2dd3eb1ae4c8709476a839e6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '0ea5c9f923681b20a6fd1902e862851586251b84', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '4f78d2435976ac20c741114d0200fcbfc074b5ff', 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 CHANGED Viewed

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '5e176acace81bd8cbc779b1d51f6bc4ee802e564', class: "gauge" }, h("div", { key: 'd8d95e0fabacf01f2c0a0a084f56ee20c45bcd15', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '7f84fcb9d956d16189c6dec1f9bc054c309fd203', class: "mask" }), this.label && (h("div", { key: '73b0a298e3d0d32fea49ee4c50a2ab72d0f8415a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'f5bdd2a93b90066a4107f2e0ccdef9e3bbcaa43b', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '31e80c3b16e22a0b959a2a59526d7ea280aaa82c', class: "gauge" }, h("div", { key: 'a270240cd5fde6ac1df0ef60ac3f8a0a1817ab2e', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'b767c97d13944a8d2a42ea5f2cfa516352f7910b', class: "mask" }), this.label && (h("div", { key: 'bab339bed534c628c378146e49097069b860c7a5', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'b1c3f6e6c4f8304d3157a6c7af5dc031c0f2d3bb', 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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '306591ca38568b60468ff3b473b31ae9ec41058a', class: "quick_action_div" }, h("gb-card-icon", { key: 'c98ae243ba56b5eb806389792d074adbdddb6e4f', color: this.color, icon: this.icon }), h("p", { key: 'a6e3342c499d4d528b42aa876b1edb16c91b387a', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'ebc06e77ae7bd30b5bbc79846adc3de9eccf5dba', class: "quick_action_div" }, h("gb-card-icon", { key: '37ea0952818161ee8f5f2864c6b61af81ce77f90', color: this.color, icon: this.icon }), h("p", { key: 'fffe3af64cb7fbecf57e728e43348c5ebdab0e4d', 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 CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: 'fb9e65ee15af063e7189c9980fe7b743839865e0', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'b55b9b7547e987924e6feefb72c6d80dda1fe34a', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '9500cca6a5361ce8fe32e25ff9f7f151379dfc15', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'd56aa6fda57b781b8d49fa6158a726629e0b1ae6', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'd5ae0840c2d023be48168fcf466d9a577ba1ba18', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '9246cde53879213445d0f51183ae25681356a66c', 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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '97642e75ab090710b808de578e9999ca93019037', class: "scrollbar-container" }, h("div", { key: 'b15e0b62cc7f57b5ed3e66d1ab5e3a335ec91e71', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '207928021c66aa8f7fe6e2419726c528073cb6c5' }))));
+        return (h("div", { key: 'ec1987e0b75aa1d6fd99ea1a56e8de7dde28d3a0', class: "scrollbar-container" }, h("div", { key: 'e7deaba1aa81e601e80aebc171289225472788ba', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '655bb29d28d99ef8e2d0adceac37acc38b3ec167' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,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: '1c30a6f5e0c77f1def9f413db3694e82f88c9773', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '5812201cd4b7a4aa94b2583deac1b5033f1225c4', class: "pattern" }, h("img", { key: 'ea99c1fd2ee1096c9e0e45972d22154e0dbaa836', src: patternSrc, alt: "" }))), h("div", { key: 'a338d46a871481ff95f1a34089b22fe7ac5f8f7d', class: "nav" }, h("div", { key: '2e6cf7801fa5c25a4eafe3b28cf08233dc7b50ea', class: `sidebar_header ${this.state}` }, h("div", { key: '541b0302733ef2af471de3bd9878e9de8bec3d8d', 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: '3d7eddbed36f40a5fd856a02d442de039dd40fbc', src: logoSrc, alt: "" })), h("div", { key: '3e91fd51606fa429f43c810305b905d97c2ce995', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '73a48a3660e5408af9f95232183cde426ef8d084', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'b0836bc6f5443df6dccbad90d1e0d96a059e021c', class: "navigation" }, h("div", { key: '3260932f9f8d7dfd03e1f5ed684aad7c11e9af01', class: "item" }, h("gb-simple-side-bar-item", { key: 'f37d7480c81053e54c835d87c61076d601c70ec6', 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: '464e96d33b96a0fc3c58c98d2717e75b2f291ef5', 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: 'ca29a3de7df2c9dcc9cb28ea17282269f42b7ff0', 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: '4c334a03bc08d806b39ad896f7a454e66e2e16bb', 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: '99f0fcc53a39ec781305ac5e681f5357c244a647', 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: '54bf11892a95108469a2cbfe52790305d14632cc', class: "navigation" }, h("div", { key: '3471c40897317542efdacb63d2f472273e1c43c9', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '82517759bcb7b5757a36612e3626cf61e5f7e3d8', 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: '9b3e12852e6b53685421bab1d7b7f102f60bbbdd', 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: '451b61b7414898c5716c8e8f936a41f4d584d16f', 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: '23754c2c0929142dca54629effba1914e697d475', 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: '14286abb6f81a3ac0e5f08e3a4004d1afd2e5110', 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: '440c13d54456c20dca4705401f59a9b9223e8264', class: "application_name" }, h("div", { key: '0bad540f030be6252f3d80226e80a464df39ac49', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'b684b121e1866acf4e245607da103975a3023d9d', class: "application_name_pattern" }, h("img", { key: '14543917c6a852dcb02b520c055c97bc85012edb', src: patternSrc, alt: "" }))), h("div", { key: 'de90d863e1a9421d34fc0ab2be29c81359331ec7', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '55153ee749fd90ebea62a69c873f3662de0c7fc7', class: textClass }, h("slot", { key: '7f9be314acf20c97901dc50747ee42e9687d30ac', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '227490d79cfb6ed47b3bc09583de6735bbb25510', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '601315b18f29f5854cac52e08d72ca8d3f697e95', class: "nav_div" }, h("div", { key: '499c784e568fe1c591d5a9188e5da3acbf706ee6', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'db02a8738b06813d69a5a304dd0f641051cbece7', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'acaca312329157ea5e4c25bf548cdd73156ad4d3', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '9a00d0d58d85960bb04c8e1558df95289ab2abaf', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '0c16e5ea93769115e4eb4004d858a1234dcad637', class: "complex_sidebar_div" }, h("div", { key: 'eb405abf20a204171adc9260b16fc26f049d963e', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'a16bc417a15f36859448c548b9dea780c7e532d6', class: "pattern" }, h("img", { key: 'ec279169540f35b00194ffac4073447cd0ad4f26', src: patternSrc, alt: "" }))), h("div", { key: '1601a410998b81ad86e7eea559281e96b7dbbc95', 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: '8f3735f63a178f31a25dc0a5b227badb8108aff9', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '07595bfde779404a4b405a8221a3b8d5f92a64b7', 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: 'af311e6633a24fdd975d4c14489cf710e5b7a659', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '8c7520e559db825b68d7b68b94c1450ace385178', class: "pattern" }, h("img", { key: '372c226cc5fafa2dce42efb0425e6c9103742197', src: patternSrc, alt: "" }))), h("div", { key: '6e794138b4c007775f5ed95477a82c191f3f671e', class: "nav" }, h("div", { key: '20833eee67385f56bff760767dba23c6afcb0769', class: `sidebar_header ${this.state}` }, h("div", { key: '8f4466cfe184578dd6cb54050a743d19e2db2f75', 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: 'bca27a11efb4fb3f8bd750e7c246c7a90aebf12f', src: logoSrc, alt: "" })), h("div", { key: '6b11bd1a5791368b78b038d79a0337f95b114efd', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'f3a3caa25aed17f02bf428b5ec53b91549c4917a', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'a7c2e6bce54b913527485dd2b2c29eda99b24cb7', class: "navigation" }, h("div", { key: 'dd866127b069ab535868b7b98aef302b8a880351', class: "item" }, h("gb-simple-side-bar-item", { key: '60c1113cd3341b39cb63604dfa04e445e1975745', 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: '7ac7bcee53b8770c53cc6953b7bca40ae8c37ae3', 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: '8dcfc279352e4fffa006be7e098408709b0325f8', 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: 'c47409f29f004d67302bdeeea94835f0e7ad75bc', 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: 'cfb6c931357e50aab307db254f4186a22d9c8f4c', 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: '159c6fe298f08efc7b71c973a03e3e8c37c8584b', class: "navigation" }, h("div", { key: 'ad2e4d1743882fe5fe3a5360412b6bfebe489dea', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'dc6315409d5116e95126d4f6060d42dd2ada0c8b', 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: '2f66cdaddd2987f3856c9aee0037e5acb9c29061', 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: 'a7d30d6b852819f518324da1e293b99ea255b48c', 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: '4549e93c6cd4993d71240f1c5ff84ba356c3d4e8', 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: 'dd359aaf2513fe8bcffb31d133edc8a03c4107f7', 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: '4e3d572c39ca64e65b91413311deb1fc68594a8b', class: "application_name" }, h("div", { key: '19195441789ba62f0ac6b2fad99b6b05af278200', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '27f74d603405afab3a4d61965eec52407a249550', class: "application_name_pattern" }, h("img", { key: '233b598ee71525ffd3b50b3b74bb6271f9b8fb15', src: patternSrc, alt: "" }))), h("div", { key: 'b54451d259fa8cf299a5a3de51979ee758b78cd7', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '3913c1dd1ed494049bc6e76700006bd376bb6170', class: textClass }, h("slot", { key: '8a384a26b20a2a8a984538b655368d2df54fe8ca', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'c4fab69b2b9edcc414dca7ff9c890e62924c4426', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '213b22f4821d83f43279370131a7740188193d89', class: "nav_div" }, h("div", { key: '272e5f7c9dfff30014b7411ac48fd86ade594a94', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'd3e5df643aee5f8f182e490d0c8f095a434cf4ad', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'c35316699645cf53f600de0a59d4127444b703b2', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f1cf53b48af0ffd18dcab3482a8609f368f809b3', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '312141bbe236e0ff75f4f9d82cbd4433d6648d2b', class: "complex_sidebar_div" }, h("div", { key: '58c7985b9bd58eb7e452adb9e89953127b6feacf', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'b422ea4b82e3a66be5b1d85482e2025371e97135', class: "pattern" }, h("img", { key: 'ec747024c09028d3c76f4ddf637d65b8ccbec2dc', src: patternSrc, alt: "" }))), h("div", { key: '68e86498d3e2aacb4f57050a5057dace8df2adaa', 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: 'ff0d88c7d36b45a1f08a4fd9a881810c606556c0', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'b5212faf764c9684964a1695820f7305144cd971', 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 CHANGED Viewed

@@ -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: '483cf9a1cfdfbb29322fc6cff608e8e873383d8b', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'cb2b0f3d0477f7cf376a33f96feaba6c31478d91', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '96ddd2ec074e1698f86f6ff5c4421a1b517b0680', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'eece4c3b7a5ae20eb5925c4555d1a79eddf5d758', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '58cde3b43297b435642956f0830bc859e9792574', class: "content" }, h("div", { key: '7a9c43297746291b0c02ddf8dde9b005c9b917a3', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '42701ad4654e5632b92cdd7f1bb4f6531f35eaac', 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: '5f70e53c5b2d8a62e1db498aab3cd2ada0e54fb4', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'c52b744decf6f904b13b3218da7776f648b4e780' }, "10"))), this.showArrow && (h("svg", { key: '4939127576c558777a3466982fce4d0428a9f0ca', 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: '9e3daf6f0e78153815de571cf5f300e2793b8fab', 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: '8491c9a03b7032dbbbd815204960cdc6f815bc4a', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '6478c3955da1198c99884772f7bd43e17634fdf1', slot: "label" }, this.label)))));
+        return (h("div", { key: '77c06bddac164ffd61aee1ea9a6e152f681279f0', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '454d200c74c636c080618e0989554d5ae6c984cd', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'bc9fabff378a4df010eb544e73503df5f4c9005f', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '06f6426403d3b045987d6934e308ca819ea8645b', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'c32d4827ade95b530f30a0c48c79d28cd40137af', class: "content" }, h("div", { key: 'f803d55859d61a89c32d2cd963f65092f45a0064', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '35435a20627adfef3d07bcee0235285ae2f08577', 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: 'd59ae21838e679c08f6563a99378f1a187505fa7', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '6a9d47c65da8a677231719a595c189797643ea39' }, "10"))), this.showArrow && (h("svg", { key: 'ab4aae901c94943c0eed030d0967c0fa5af8326c', 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: '6a2e7e1047437564d1cb15dceb10e20b5aad04bc', 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: '012f7906ff7ead392df47ec258dced964d263340', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0e79f89a13a22b724d88785ea754e4f7b51e8fdc', 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 CHANGED Viewed

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'c459c8326f2d957d65d7a7806192d20c95deb62b', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'b1dbc67206937e262fee233feaec93e62184141d', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '7988093e995f9d02b11ecd83df1faf94001920d7', 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: '24e637c71f964bd5ef7a44a6897af62f578f3774', 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: 'c3c25c9a41f612b478d2df5453a22d8cb01d3da7', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '3c04247ee2911ab04480a468e00fdb179d53c471', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '93d62ac23783455851363fc7bdcfe04c15650367', 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: '650ebcb9b42a4842a77c41c7b39abdd45145e58a', 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 CHANGED Viewed

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '04709bdf559beae6f01883f055b7085d616487e2', 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: '9ea858812d72037f660c2cdbaeaf27b12d761fec', class: "tooltip-container" }, h("gb-tooltip", { key: '06490a58a5b942e4aff233fe294986fce2a7b7aa', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '217994290057600064db59168ffd9ce0bcb8cc66', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '2767db3e2a71e6e79db7812cf2e1674e2523b4ee', class: "thumb-label" }, h("p", { key: 'ae79220841a0a75c734436452122f17253c23d0b', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '4cba8aaac33fd99cd210fb9822de8678a1443d4e', 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: 'a57d19e0c21d8c081cf7bf7b4cd86916549c039b', class: "tooltip-container" }, h("gb-tooltip", { key: 'd0913b1b940cfee701db4e61de916ee9e3b63d42', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'feb175db73dc830b27cbd5beeffd019b93893fe9', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '0141d9e9426993939e0a5e13e1c91eab68901a5c', class: "thumb-label" }, h("p", { key: 'e84cb53a1d93a5fb94e570f0fcaafde2181b892b', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '684e41f71d207370a5f44a0890e931bae87031a9' }, this.statusIcon === 'online_indicator' && h("div", { key: '364dabbc5bb74b6a8e2812b5654c5fb2b29b096c', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '69ba565a6c3f22f85a5da79f9c1dad2625ed0ac9', 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: '54bc8f0d5b2335b2b61b5fdddc412a899296307e', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '75ab0dd8b5c435dce5c842e49ffbf62fc4352ec5', 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: '4939d4344b4f2ce38c86931baca87499bb9366e3', 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: 'd45f47750cb36102885e9adb2fb72325d8f3040b' }, h("clipPath", { key: 'de77564808ab31d34a641050c703b6ef43f80d91', id: "clip0_0_21453" }, h("rect", { key: 'fea42b5a975222bcfc5533cfd34203adc0be7e25', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'ca3f6ea3f3c3b23b37ff68b3bd582b34a4651b21', 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: '1a4d695b5307c64bdba9584935507260aed1e651', 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: 'bafa64018e42825782eb2e3ea845a340b2b40dee', "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: 'c23a5b5dcb7701fbfee1d9793e6becce24050701' }, this.statusIcon === 'online_indicator' && h("div", { key: 'b8b8c345ca683adb00c505fa82fa24749f2c73ed', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '6c47a24092c017fd6331b54530d8852544a11c44', 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: '4e753598a821dab5185ee71e04b76dc37c9969cf', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '600742c4875863d3414c5b6811241e357009dacc', 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: 'f43495c5bb403aa2941b4a27c6f64689b858d95a', 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: 'cde2ab7cc0b48e4617660f5f16dc93587db8fb89' }, h("clipPath", { key: '03011d5290509a21287c2eebb95b7c8a44fd4b13', id: "clip0_0_21453" }, h("rect", { key: '021ccd7a0b4baf6c2596d05973616bfb734842f4', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '1b9a7048d64886ba5bef16979033bfc2d6f0f679', 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: '2de21983cb48c71c89e59d8e40a059b2b04fb36e', 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: '2791a2892c23bad08ee305dc6a8f6d16d015c737', "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"; }