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

globuswebcomponents 2.1.0 → 2.1.1

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 (365) 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: '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() })))));
+        return (h("div", { key: '5adb85c34b079d530d5da577b1bdcd128a26f362', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '1d38bda129b061921a10b8676deaa71816d2456e', 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: 'b1940071886e23fc67992c025849e1e463591b73' }, "Previous")), h("div", { key: '87190f060b56561c077961408fe5e1c0f3a36aec', 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: '113146ce6c131a0512d4b20a2d8798e2c4acf081', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3d482af4f6d49ec22996d7418f7732641f3942aa', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e4ca54a18262f810ae732073e29530e1bee9467f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '12eff29b5a5182326100258b089072725dab25db', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '54624cecfcbfeecc24b964a02580f0188324f151', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '166aa70e797c18807c22297357a31e566220667e', 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: '6b546c88503b659c337d86e15b2d6c9293c0b8d5', shape: this.shape }, h("p", { key: '15dd73832531f47d514945f6c79317bc433cf19c', 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: '6f927d7b4be2e9b3010a928aae5274e1e972c3d2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '43334b465ed505f4511cb2f6ba037a9b5f00ec0c', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '884dbc1bf585cdd50c54e6e39c7f1949b509a03f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'f023ace5b58109c6d1682c562327a8eb1b44ac4d', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '3a2b9ac8c3b94f12b890ff17673187bc8eb6a651', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '4163de11a6f338fe552e69bcb8897f194898e01b', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'ebbcac8359827c16ff6c660adb97318d077411b1', 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: 'b3b95a9700faa265c2bd874aa8cb48b6b7f48f81' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '946d36fa17ea328ea8de0db734ec263004b11108', 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: '683cd065700a3ce88aefe165905b549a4b495ec3' }, "Previous")), h("div", { key: 'c7caf6eed11d9a21bcd229e77267941a2f96f3e5', 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: '7193b7a7da2f412606de2edad3f8630cba586794', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'e1a1af653c2f8d94aed43036a16b2808c25ec5ca', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '145c5ee6371b0a86da6929778f21764f6ac15b86', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2dc3688bca931c9abd3433f95323964cbdcf8882', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '20073fa8dcfb3e8a45e5ca5b138bbb2c3e5505e4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'ddda9e4bfd335676c6e5cd6b1f441321824ea92a', 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: 'f138a748785e8c918464545315e6947479537616', shape: this.shape }, h("p", { key: 'b42dabbcc3e8751f2f75080d556573eef8d0b13a', 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: 'df0dfd86c63a94138d43750c7e0d6cbf90669f37', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '36fa2c498d21b94731e1174a37bfaf20da425f30', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '67ec55222b8226e1cc3b0b4dcd6c2b924df8be48', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ddf127dd567012568ae6f20e9513c957933aa0b2', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '3a8f72be2254fa74f96d65ab51ea5f35ea22f97f', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9c5532961c378d96c7f277172fbbacbb8d0687e9', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '83b03b56f3a75f870fd3be6bf7185c05238e8c9d', 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: '931407f6e67254d462cc5493d15bcf5f0e638876' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'edd78f5420e4ba9150f1afa065d60e6f778a416a', class: "pagination_entries" }, h("div", { key: '227e97b4573639021f891d46295da67b524ddb56', class: "entries_text" }, h("p", { key: 'd49d8ccfd31a915eaa421e0fb8e4e390c6d57b70', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fd813464957687fe8a8774e0897b20242df7478d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '575da8e8ab174b705f5256ad91fcff5646b32356', 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: 'e6ecc50a86a172d21b27dc131c3008b4325819e1', 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: '434fe197e709cd1111c484ed8d0cd75f6f03d07d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '756a38d311a2263fd046160bac36545548b08a3d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '53b070f436432c37f2acf2dfcaf3a07cde77d970', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8b5950fcb06b556ed29427c16ed892fd125012d0', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e5ceeb717f0e6e2ac0d6673917fceb43ec1ee339', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '313f099a38cd4543b6f3de99eeb297cbbf0fc12d', 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: 'b8d82f08b0b2c7e107c487ca237dd1fb035c50cf', shape: this.shape, state: "default" }, h("p", { key: '7cdb187381c2253f256a3dfe6528464971ee0c77', 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: 'ce173bb3403e4014d9848686d318643ebc6e4e10', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9a7f1c98442b69193ae3e2be05f6290f666c4d46', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '9b03bc0976fd038281e84285272a9d532a66237b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '742a86106ecc093617b4dc8e7c644ff2898144a1', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '250d473cc83bf1e49918aa82c4aeb84576151786', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '485412a70c566d5daad68aaf95973b1c7a708db6', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '40089554f388bc97923ae536ed1b91131bf8e26a', class: "pagination_btns" }, h("gb-button", { key: '274af6f6cb5489539b060f1f6ce85973b261dacd', 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: '86b380d86a5f2443d81d20fe24eac3dd151fd42f', 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: '2354997a4c99c8f1f87e84e8e936235831a5306d', class: "pagination_entries" }, h("div", { key: '52164913ca1befe7c2aeb6d3a0b799cfffa17951', class: "entries_text" }, h("p", { key: '3fce63cfd7795f8f489bedab51a4b6571562c755', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ce61f4dcd0f7ba73eef511e1f5f8fb3b416f5f55', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b49f924df20e082b824ab264a413ada1fcdb68fc', 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: 'e836cd4da738865dea25f2971afad0756cff0cee', class: "page_number_text" }, h("p", { key: '35004f91c4f7c21a29b73a903af400bdcc669293', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '226c20bf12ac19d1360628f301135cb519b4a538', class: "pagination_btns" }, h("gb-button", { key: 'cddf91a06bbe30c85c9568fad0618607184de464', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '60b3b3e3f89cff2ac1cf7d4bf9ee141d224fff58' }, "Previous")), h("gb-button", { key: '40e8f29499c4e2603fb4f7fc31c9c784b5291653', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1e7b34e6bbaac0d4832eada4cc62aac821b8ad0e' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '17e5c67641a8786352de1061363929c12e2ba526', class: "pagination_btns" }, h("gb-button", { key: '673d91352361671d7c49a51d0946a010af6fc1fe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '59477d8a623ecb7a48dc8c90a588b473ce93f52e' }, "Previous")), h("gb-button", { key: '823a3d009d1408726d9df32c5ccf6da06ca4acfe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f6ae0a39847155f837f9aa0ad93d19c8df70d840' }, "Next"))), h("div", { key: 'dd83a79119ff3077e0e35984c2a21227aea26d13', class: "page_number_text" }, h("p", { key: '4601fc34110ce6e9a9e70da4cafe91df9f002f50', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9a77d9e7b93f85ae40176e4d851eec5d7984e04e', class: "pagination_entries" }, h("div", { key: '061f2c1582dd3977c91969ce003f423f13e498cb', class: "entries_text" }, h("p", { key: 'e58ada70af09d86f071b8914618fe8258b3aff07', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3423a456ffbffd707699059717cb74df53b9aa8f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ff2512c04f81e4640cb4902acaedbbc729b119ed', 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: '65a983b67d0f252452b4bccb03a025be6e5d52ed', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '811638550e8a87dba2ad065deececd8c0b4f307f' }, "Previous")), h("div", { key: '3a6550ed7ae8f0f87e94def35db64b8c233e8fcc', class: "page_number_text" }, h("p", { key: '040f641960fad0296af6ae2f38fa653f05be6a48', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8c440cdc0b8992c90e564e9cda35ed4711984a1f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8625fe0980c79bef44fa1e3646651564432a65cb' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5724debb3a83004fd945249a4a4f70ed6e383fe7', class: "pagination_entries" }, h("div", { key: 'bf20a16b32b4bcaf72c64da0369ff17cfa8faae2', class: "entries_text" }, h("p", { key: 'f7dd36283ec8d3299b04360fc93078c8b853ab68', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9033bb549d12502d5ea52dc31a5846e2d2eed385', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ea3b9b44199157b196a76f316b247e0af445e1a2', 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: '4dedff4ea486edadf75395246e75ac997a03adbe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e8d20b19eaffb45db548e3e0c1af1b1cad43e521', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fb60d042f91fc727861dca67f323c96d82742548' }, "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: '329e94d53cf8d6cb70e837d18ab73fb57cb5f32e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '76624a6efdfbde2d29218dc6f908e8d669fade1e' }, "1")), h("gb-pagination-button-group-base", { key: '28bdfa9e483f83d8ffefb0e58275f7436dacde3d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dd11cc1a5e34e9c582d2c4c74d5dce94d9149e17' }, "2")), h("gb-pagination-button-group-base", { key: '1f4b747b95d55691385cc5ad0bbf062b58ba6b18', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a53ab0fbffc4a25151c08a8b1735bec102cdcb51' }, "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: '90e28d0c06459e7c75a34ae007d12010bace67c5', icon: "false" }, h("p", { key: '672a881d49220d3389236924e06326b4cdd185b9' }, "...")), 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: 'e5fdac7ba50cc79550cb2c3a7a2a8c2ad4e54301', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '06741b52cdcbdf47c9c7c19ef5e9273bff6a3651' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd25b5f0aa8da0994691b96e0c6f7a1efc79879a7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a7a2291a878f2ddf34da0c1f317d658586686abd' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2d75e967ba57a70cc99e9da8b78e9c0a7fbd00a1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f9171099ed7092aeb7d3e70db5975738e8a47d94' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '0a9ff50d3579bd6292e068efec05ba1d0357fe32', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '13b74d0ebdbce032606d13bce7edd884d5007929' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '47e0ae0f567ba25d900eadc3add1a067fad86af6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '66c36e8156939066d0eeb5a20b9e296bebb99d7a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e18819c9c82f4bf204e1018c3e2dc89492a957ff' }, "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: '5c9dd6b65b7accef55f2b7848b2a036fff4f44cd', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '517b890167c5f127e514de86dee1aadc4f21a6c6' }, "1")), h("gb-pagination-button-group-base", { key: 'bcb7f11e835b7549a00ee66ce357681f233ea158', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b0c4bf1c1b3db276e3e2a215c563d3be2515753c' }, "2")), h("gb-pagination-button-group-base", { key: '72afd21598009349d06fb2140fb8e4327053524a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '037efffd4b76cde3d77f889a684ef2cb84293942' }, "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: 'ae923ac5cd9d71a7f29221ccda4377f67e305f5d', icon: "false" }, h("p", { key: '5a401470ba336ed41029fdf6209a5563ca3d4474' }, "...")), 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: '67f2c3d24976b62b9b4c56597107cb59a7a49057', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2fd082b1141e20f11ba097bd6524c0e31962e0cb' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '669c14f6e30d252bbf0132a5b656fe1921589d7b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e8d55f037d18d81e0dd3f35c5208f2499f4c64a2' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9ef2290aba809407500995828e19957abb42b065', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'dc2a309ea4c7ce11b3ba25c320f0b3592e21c54e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5b39a3e1aa142c11ec7d81b75a052d79eed51bef', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e4c72bb491ec0ea06d3ba4a95fea8954a97dd7ae' }, "Next"))), h("div", { key: '432143a97a155ef8f2c733772f6385e8fb5135c1', class: "pagination_entries" }, h("div", { key: '481a99a31848324275177fcccc7637af32910390', class: "entries_text" }, h("p", { key: '7ab6e3761b7ae309b3db321d38df65ae820b543c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6efbf58f89d17e4e7caf84664570ff48309438fc', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '76eb5553149a5fe0850d2c3966c976e015b916f3', 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: '786ef93351cf5c7e2b271fdfe0838b62767d3454', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b137451aa5bfcba197075cf2cc3355d8ffe3f97d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a29bf6a9263ea7abc7127e68185ab9644535dab0' }, "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: 'c21ce3714729fefc94fa26eafc442b3a58eca0d5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ed2a8f9aa869882349e35bb3dd020f0dff37d4ba' }, "1")), h("gb-pagination-button-group-base", { key: '384cc41706086f7d9218e374dc5471426c4a7062', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dbd1b2a4d734ca19c0ebade46a52559afc330571' }, "2")), h("gb-pagination-button-group-base", { key: '338533b6a8f4a85c69680e38439e5277fe5e0885', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c7a35e776bb00b41abb141cb25218e3722bbee1e' }, "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: 'e6df4a522aac796370dd471f1146805a06eb6f22', icon: "false" }, h("p", { key: 'a50bc3e97acb429e9809593e907727c0ad3f8079' }, "...")), 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: '2d26118a38c2c5c7041715a1bf5a801dfcc14d81', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '070f0b4aed0b3f310f2910f6564b3f53fa1b2369' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fded98b2a51605401ab87f520fab5864fd0712af', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7e5ae4abe024679796d66a79e428b051384a2224' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'be9a0e62c9932aab2da64ac546844509334105f3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6b54a447f6914585df9e89449823c29ecf5367b7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7a7608957d67588d5a7236b191786bfe017c48bd', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '44f73b90ba515f200f4f42407466921ad8814cc3' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cbe5b8f9bb1748c7f65991aeae3087b0523b2f43', 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: '8b40209ad50c3048cbf5146f4d6791b0c3354c6e', class: "page_number_text" }, h("p", { key: 'd26309df2216a5b9d84627a61498dea502bea900', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'db2fe1acc7db6eb8317f663515f4b677ed4ca170', 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: '5f1d0ddc3eb5010b19822d7455f606c019cd090a', 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: 'a0d055c1e9c7a6cc934db263eb7bd4b65283dcde', class: "page_number_text" }, h("p", { key: 'f3d74c14b9790be904aab8fd63928a33ad758132', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e487e0a14f29b5c09a6492a3d685c9070e3125e8', 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: '6c1574e528fb7793269cf3108d25b96a77af7dd1', 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: '9ac41e4dafc8df0e562921a55be17ef989e8ae35', class: "page_number_text" }, h("p", { key: '54a3f92e96ce1ee9098748987c375d3dd79a9223', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f04b6d859a78498bcb5331dfc5e2ba28549acb22', 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: 'da98c060ff00732c6d89186df236e79629a04c70', 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: 'a2ad5930a0e05666a8866234e6cce6f6fad0c4a5', class: "page_number_text" }, h("p", { key: '6d91bd320d409b90fd74e8770783f677e4803a58', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'b029d81ed1790e8b0bdaa30de3d12e6e78b73bfb', 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: '7f985551d8187ea448e5ae48004dabef4304bca1', 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: '7ed5947f8e57dbf0bdec2d883c891bf997f0495b', class: "page_number_text" }, h("p", { key: '4d2b3bdff68170c88c33b5641be4d3df647837ff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7f0ecbd463d2aceb3c2c96f994bb5488abce382a', 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: 'fb1ccd4d0042694372cdb58058c3f307f767826b', 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: '0f77deebaaa188788b98e3e272f69ea2dc5bc0f7', class: "page_number_text" }, h("p", { key: '4d7a18aee38d6233e688f83279efafea33ca17f3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd7f1cd97bcd284e8cea8d716268598b2c3042732', 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: '9562f85b3f9cfe791f6f4628bf2cb1309cd9bc52', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '16337a1537b16a07237942da02c6ba5b844d9993', 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: 'f022745e709e6732a41cac00510b0eda6f253445', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '737ca6e8cbe58bc7fde55e31babc7e371fc9a68d' }, "1")), h("gb-pagination-button-group-base", { key: '912b3c10dbc6779578c356de992557bcec0e0152', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '45ae310be0cff06abdc4eaec1d7d23a70f7ff703' }, "2")), h("gb-pagination-button-group-base", { key: 'c86bb82f1c450c551a6422b77ff83adff8f22e6b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '70de59204453fb41a3e4841fd62c13330432c441' }, "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: '403d9f9818ab8d0563dd883bd1fdff8dd559ffdb', icon: "false" }, h("p", { key: '51571016b75de402e059446f2ecb925d1ee4b752' }, "...")), 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: 'aa91625fb825ea39212476cc7c818180f901274e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6c12df174887267960fed534aeed1b0eacade2f2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9206b94daa1068b77d3b44aee2a4607ee39cfbce', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'bc8c93356c2acd6aaa43d535eb1cb49aedfc559a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'cf4e42ff975d73ebd19d3359b89fded151c42d62', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c34958152437c4c69d7a9992086a31233b6afc1f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '586e2d01a8a6d97f352ed107b84acd42e7079b7e', 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: 'adee4a74d3c7b065f62575f0b18caa26c383c71a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b9bc48510483cee4120bce7a3932b5e70f37863b', 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: 'a4a2aecac01865a372204e45845a5245ab2a1cfa', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9a3f93e1465944634d15f11c7fa2efd5c7cdaa74' }, "1")), h("gb-pagination-button-group-base", { key: 'f8b47f5ddda73536363a6c6e8f25b3c991aca558', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'fa6113613ddc67fcc2dde333c763d8673b48c78a' }, "2")), h("gb-pagination-button-group-base", { key: '664a15eb31365f6df21c6745c577d1510d963ad8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '305904e712e413cb6936de83c3c20b899dad7ce3' }, "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: '29407be4d0474cecaeaa99ad0df8238e5627cd1e', icon: "false" }, h("p", { key: '18653ac271651d0f06ef836201b32f8a0ac80208' }, "...")), 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: 'ef5f078522240c4c25b24d6ef027753bd1b6badd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'e49e048119d92983f9eeca932c75e33ffc817a44' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'bd5ef6dfbb214735171312cca32e9b436bf72e4a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '55cda2de94ad1c545daa0e264e17fee09ab96e5e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ab76efd200e0ec3729bec9420c58cfd9578a2708', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0be2cd8c0c3f5aa6e228f09022e43ce316131d7d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3bc29ad5fee2e099f51a03c0e9c324c21dbd8d5e', 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: '561d0db1a4cdc21ae407228d92c7077353cdb661', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'efc08914cc7d8ad6f76375ccd14b6003b85e1fca', 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: '495b28f7c92b0a2fe73f5b3d61283c1b0ee73e51', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6069b54c44747fa07aca52218b67dd169c99ceb8' }, "1")), h("gb-pagination-button-group-base", { key: '98b9aeeeabaa44243a10bc3b850c2d8bec6fb58f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a588c2aab64202f1c5ac5ed7c332a964385761d1' }, "2")), h("gb-pagination-button-group-base", { key: '933d66f8ea297e5195c0844c611ddbf6843787aa', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c12dc28628307ed688a30afa85aa82e92662d7a' }, "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: '2425d9c9fa0a68e004e9e30b8be00afe2265671d', icon: "false" }, h("p", { key: '0cf74e31e05ec5956f71946cf1fc35886208fc24' }, "...")), 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: '8e98833631d471bc33403b0dd18a9768b800d91f', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7ab9560ec1202919e72863a84f18449a37e4c4f6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '86f3b9608a62012c55926eaabfc16644ce4d9580', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5fb686ada62296d927dc07c6aea19009b31b7fe9' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0c943fa35ae5a1731cfd7552eca3927027ffd40f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '89f9afdf9a808b3e7d9b7055969647e61ebefd35' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '505629f2d8b9a379f02cd919b536fccf6e3fad70', 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: '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 })))));
+        return (h("div", { key: 'cc0beeab7aebd0e6c4e860c4a22e8b25a059331e', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'ca01d58f3bb40d4e27a5d4ce017def2f43475622' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'f0bcbca619f25e3e759154de5982295fa57d8b91', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4077fe9c6aa3138707313b40be907735b15be18a', 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: '639fc50f84c4e202c30eb50337e3141021418c79' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'f695fc9a478872b2cfc8f0fa64abd2fd0ab5992e' }), h("svg", { key: '7913b5eb892fee52485ce0205422898c8e806e7a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '171c9fd2aefbdf5e60b0b7015fc1dc99b817854a', 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: '35b57a757568d3075a60b17fbe404015b4552ad9', 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: 'c41ecc722f8c6c6f98dcf43888e309be53e9aeba', class: "dot_group_div" }, h("div", { key: 'be37ce160049a79f14591ab91d0a97564cdc7d02' })));
+        return (h("div", { key: '4372bb0dbfbc70b46a0803139094e8a6393678be', class: "dot_group_div" }, h("div", { key: '6af79324f64cb886a20cbe905cb846cfa486ba45' })));
     }
     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: '249d5d7c8d95c62cc074b465601c3e36e963c9ea', class: `dot_indicator_div
+        return (h("div", { key: 'f60f76fcdf56ae8d097e574330002c93bf1a482b', 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: 'bc349ecbb0a3d8bf26b268df80cccc697bc199e5', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'a3f298d9bb7eb5058a93129b6606a9cc5e33d811', name: "page_number" })));
+        return (h("div", { key: '83e0ba632bbda3a615594cc6a80e6115dabcaaec', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '18d42c7bcf1d14d60292f3b6af2111d29f7391de', 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: '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"))))));
+        return (h("div", { key: 'afbb922c25714a044ad122f94336c81d3c418010' }, h("gb-btn", { key: '43b14250809f455a27cf429b0d3f6c4f503e6427', 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: '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, "%"))))))));
+        return (h("div", { key: '6c441e21a246f8dae8112e86e0857c2b3dfcd363', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '4307590cab8bfdeba989d34c2a7d74c2636ea2a5', class: "progress_bar" }, h("div", { key: '1484aa5460c67e499163f5dad7afc77659b11888', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '38c341309b7b839b98f35abdcbb69b63a348f439', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '0831d9944a5b17af5daa97c344f8a551092ef2c1', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'ceb73ba3fcdc7f986efe7e3578bac8f0ccbc4367', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '72d1424403b5f1a5c97f691d46750e6073cdc7d9', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '03bd10f7e01584e6f8cd8e7b4530282ec989694e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '09d3ff3d4ce2f26febd66688fb816d7817c1103a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '6802dcb279800be25403a159fda02e5f83fca964', 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: '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}%`)))));
+        return (h("div", { key: '9734a323e898c124248a68c2b649b7d6c4c2ff02', class: "gauge" }, h("div", { key: '9c6b24e4c95d6076654be5fde88824cbe2ce1b46', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '35edb862d40343b94595eac42ceac9e268ac09f3', class: "mask" }), this.label && (h("div", { key: '8a5a73aea7cf63c9e7c301069dcb4c541a7afa8a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'f295cd637f7d9bd808fd6a6823712c3306955cae', 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: '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)));
+        return (h("div", { key: 'd54fa469dfcd3d502ba228628c855bb9b1dd46a3', class: "quick_action_div" }, h("gb-card-icon", { key: '417e7b0a35e0570e1a905c011c2be1054631b97f', color: this.color, icon: this.icon }), h("p", { key: '273ff9263a3e5be4e44baeffbcdf231c8e8c0679', 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: '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)));
+        return (h("div", { key: '56bd9fd37fa397a9a60220167cb99a84c84e5557', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '901afe373cb2b33d97977d8cd75d26e89b8257a8', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'cc4e874ef1fcb7bc3e4cae4d56be212ed56bd309', 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: 'ec1987e0b75aa1d6fd99ea1a56e8de7dde28d3a0', class: "scrollbar-container" }, h("div", { key: 'e7deaba1aa81e601e80aebc171289225472788ba', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '655bb29d28d99ef8e2d0adceac37acc38b3ec167' }))));
+        return (h("div", { key: '46d06634dca3eb5a54545368d6d2614024ce37ab', class: "scrollbar-container" }, h("div", { key: '6af96a22ced9c81bc8154ea7533237deda143dfd', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'a5b3dc5080f473812eb444bf95fd10861c3c3ab4' }))));
     }
     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: '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) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '66091678b2b4ef6e2f008eb259b68de3e05f0eb5', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a9dcbbd3824f4dbe765e18e1cc1219ddfc5a3a4c', class: "pattern" }, h("img", { key: '5f0c19f0a557d9a46d2140ad697ca017cff66ae1', src: patternSrc, alt: "" }))), h("div", { key: 'dd80942931dfd2c8a5778b608d914a41694e7a9e', class: "nav" }, h("div", { key: '0e3b886990169d9d256b1690709bb7ec88f021d5', class: `sidebar_header ${this.state}` }, h("div", { key: 'fa4cd4b327b3715b8f582dbb88998ba69a90fb78', 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: '90c1a0938a9a206cfc0335db7b8ae5b7c16f3463', src: logoSrc, alt: "" })), h("div", { key: 'c9b6b6b439669b398f5c63417bb29676f4d84226', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '3be62993a60bc42594a474eb4f525fcc7a7de566', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '5d935d9a8d3d9236cf5a955d08fe61e32c258c64', class: "navigation" }, h("div", { key: 'c7497f23bbd70cada7cd2dcd249d1f3d16a87374', class: "item" }, h("gb-simple-side-bar-item", { key: '338ba9e3d063abee0cdf8bea47b05c165a78c6cd', 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: '215b83155892b30c14d5c05480950aa9b050ff3d', 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: 'f85041507858a26b9ecc1336fe47297b04d069b3', 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: 'fb07250839b8a2af38794b2aaa809cb2ff6a1b19', 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: 'ed6a8aeae7a821369376d62342506f5693a92639', 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: 'fc02e1264a03b79356e112e89217787005194c6b', class: "navigation" }, h("div", { key: 'dacd871b97e6d40572c237e8b422beaabb0cb2b8', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '582c75fcf478889656ea5f682ee3f3e1cadba0db', 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: 'f7416dbaef39862be9382778202865298ab2e390', 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: '8c080b8542a6f1a1c714d976854a2b5479220b66', 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: '688dd5658542065e5b655d77e63d0a488af44444', 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: '2223c27d4b2be8203c360cd4752fb31d58459a5a', 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: '4e6b6bbaf6685db4441917e5b075716cd6fdd0a5', class: "application_name" }, h("div", { key: '1388ae972e9cee24099ed87af8cb1521aeec68ba', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'a743ad0218e66c9a612fcc48b8d63b5c33b51170', class: "application_name_pattern" }, h("img", { key: '996aab84838d587e58c464dfa2f2c8bfb824a874', src: patternSrc, alt: "" }))), h("div", { key: '10552084d87933f5f1f11ab16615a0ad69fe6dee', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '095831767325f6b579f4975ac6386e9d57f0f9de', class: textClass }, h("slot", { key: '1552e10dc9eca95d5b2d1794bfdec0d4871631f3', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'f55c8b4a41490a38532b601f6afd9290423e89ba', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'b62d0ce07775dc149e4b75e67e91ff7ff974c426', class: "nav_div" }, h("div", { key: '9047190247602bc2e50fa164771479b46e100e3a', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'b8663360cf4bca5d5c7def0bd317f127b2b94e58', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'f0833f425574d7a775868a10908fa63dd83ae9a5', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'bf2c27dde7859a5fa66c1ba9a7138d8bcc7d1b1e', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '95685c61a7edc1ac3ff801f3ab51f48b23a05cac', class: "complex_sidebar_div" }, h("div", { key: '07c9a268f19608baa40e9ec8301621ce02430f19', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '92f573cca3a423924c34948668e74510130acc17', class: "pattern" }, h("img", { key: 'e4eddd1dc6f481d29b73f774cd17b742270b6bc8', src: patternSrc, alt: "" }))), h("div", { key: '834984295b967357942944eeb4b21f2830aac159', 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: 'fd56f24e294d9bff8bcef8bc2f41c18f54e94ff1', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'e064256d72d1409c41bd3a939fd8e3419ab64049', 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: '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)))));
+        return (h("div", { key: '8f18a3d9ed8589bff41fcab345588edfe24ee8f8', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'ec28613fbceff134f25f02b82dd58b828f2c30a9', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1bcbaa1377255219d9490a49a38e9634ca16c1a1', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '5e67f1ca7682525265d8981cf3cd8f387b974203', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'cac8f6c77637914367c4896ad95e53323dc413f9', class: "content" }, h("div", { key: '35dad17b3eb8af050c1e39b82cbd393ae9fb5e2f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '880af246d4273115bb24e7f694d9d3227453e58e', 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: '0da46cbe18716d3218d973c620b24b319c58d563', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'a9ff1eba91bbc93b967a682b7c7dc7e3ebb797c6' }, "10"))), this.showArrow && (h("svg", { key: '6d0d426b308a2ac2658a6141908d8b82ef92a3a1', 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: 'd584959889012106574dcef7a97c85b23286a22d', 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: '8184b44f376e47849a208ef232082dc9e9ed29aa', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'bca74f6f8ddf026b68357e0dc2931cf4e7365ad7', 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: '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') })));
+        return (h("div", { key: 'd3830713ec4da6a6422d1efd54dd3908397d9c2e', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'caaa46adcc6f764967f730953471c3eef00c827c', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'a2af21e19a42d91543a3df3a14561a49f790b0bf', 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: 'fc18c2112f075daa56384729d238b3fcb88af9c7', 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: '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)))));
+        return (h("div", { key: '72cdc540ae57796a86c4552a25ad0a6945e92c45', 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: '0387b5a459bbece2e3280c71a0a0118cc1c523ac', class: "tooltip-container" }, h("gb-tooltip", { key: '1f2d811df757484159c702d03302b83d4a7c51cf', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'f495ed88fb1ee50d729475963ae13c99eba23822', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'cf8493a5c0c03b25b10f100a3a76fc71ebe4b270', class: "thumb-label" }, h("p", { key: '13c57d627a30556cfa0d75538ef8ac0c5bfd2376', 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: '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" })))),
+            h("div", { key: '9e7a261bc30e914c7d5e9f53e3977f58261d8748' }, this.statusIcon === 'online_indicator' && h("div", { key: '73c9914795fcd2484b7dd186563a1ec4a5497429', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'e880dfd4cd9ec61af2a36e2923c3d0ebe6c17672', 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: 'b1b596a61972389c6c83ba69717c5bf446d76fa6', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '24d519599354bac915b106dcae6ba093b3357d77', 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: 'b3c70731e60241cb44b5510a42c896d85cfcdb76', 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: '52921e205ebe2dc0a7e93705cd4940e00d302212' }, h("clipPath", { key: 'cf2535f33187dfe60dc78254b0258324750dad9d', id: "clip0_0_21453" }, h("rect", { key: 'c49601715854731543f669dd7ad5333a3274b40a', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '03629c011a2c93049caa6bd0fe60ab21c4a5e3c9', 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: 'b572a2fbe7d9251d27e00d9a2fe4ab96ed90a957', 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: 'c5e58563f0681a5a7a09fea867f2e95426055f75', "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"; }