globuswebcomponents 2.5.1 → 2.5.2

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'da97f3b4ae01037e605f5a34c7511eed42672602', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0c914aed1e1bfbe93a2787723ba7bab2736ec0a7', 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: 'edfe8763d631d0098cf1853316bab0cf9cc1d422' }, "Previous")), h("div", { key: '6fbed6b95640c2eea0ad29a6b7a11188f4979d2d', 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: 'a733da20439da26167a22e3ffc3a8aceae0e1e5f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '978244f7ca057aa68a897affd2045da2275b2f7f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'de22bd6e53be495684ac14b56600206eb39fd86d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '58bfc33093bbeb71e56d57c8d54c9ee7dab25faf', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '944a49fe87a3dff44109075ccbd42d2420a191d2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1cf7f6a3fd8b8b6741caee3499cdd95e96f2ebfb', 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: '60e15dd439bde3e20638272436b0c1cb49bec17c', shape: this.shape }, h("p", { key: '5d3be71259d1ddd421994a34faccff628e55651f', 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: '58feb1c78e2b25fa32b0cfaa697102972c81df46', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'd838a8e6e4e90a9b96e5c98e85c4e46a3e3f916e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a9362cd54159694c6cd8c674be811e3170d499c6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b67530481d9b0a9ed8087a251f18ada9dfa8f71f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '31771f4dcc22cf42113829872236b6d20aa5c1ff', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0bc4a2264afc81bfc102ef34cc81c625cbad22bb', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '250f614b76fccfafcf3a3b87d59fe18f97f65d88', 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: '0960a36b78fa73a98cecf9a0612fd620a421eebf' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9e65f06fda497a092aee3825ac9d0173d75d0cc6', 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: 'd0f6fcd3ac91ec1058c80d4351bc538f5aa440b0' }, "Previous")), h("div", { key: 'df0d0f708f2380a70736737a7972eb1be19f086b', 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: '56b751206a69c9ed98071ad92542981ff2e450fe', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7d64d01d019948f302df6f4086fdc02c67558f15', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'bbb616c2ad9777a470b21277555905457baf6852', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '632d88d9335bfb1df658fc1d1010f8c5eee9087a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0dbb22bc84b9264a8c4050d50513d966987ba371', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e244c2faa9f5e0d546c436a3d593f321d39e94d9', 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: 'bd23ca888c86975d58bdbb0384bb3db52611a305', shape: this.shape }, h("p", { key: 'b7a517d155f0f617e4de7d5136228237a0f33be4', 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: '424ecea92b14e1f79c644d35d1f13a8fcbc12395', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '59ae82b73e54f06d278b2b9a636673d0c9829c5e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '3e3855ed7fc7a1a6ba8211eb77524d2267eefacd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'eabf137dc84890cb1340c959400fbbe769d1600c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'cfd84e70ef3e5933522660a038b04b088e55c767', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b49f04e2de1786ba6f6412dd8ab79b918ffa73a0', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'c8edc567d7189faee83772bb8bc0182048ead818', 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: 'd5d360017eb86c31b35b9d708aa862d114816ec7' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '15311dc2c66ae3773a9d07ae0c51c8c52338e5e7', class: "pagination_entries" }, h("div", { key: '68594524aba09dc44f502394b7a702c4f01793c2', class: "entries_text" }, h("p", { key: '0ce84151e8449600d07619586277d9183956cca0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '426b1f273a83ea327ba3e8e9b9836d1363c01e33', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a8875361fe55d1967f453c5ea8be33b2aa05234b', 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: '96e6f17c6927ec16596a1fec595d99b00ac0551c', 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: 'e4643989858508f0a5d8ff7142ad42cb6aab73c5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0973e81bf4a089331b3fb906ef58344ce0a62691', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e25101dc07128bba93a8e279af667926f36ece0f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a3eed273418e877019358dc66b9cc26119782c2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '86b462eb64c7ab712dd97a7fc4c58e10d9732617', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0a2d66ccbf341d68958accf8540bef75992e029c', 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: '6528ddc2573421f8f1648c2258eb41de580905d3', shape: this.shape, state: "default" }, h("p", { key: 'a7b343e05ccdc543be38d87c3b16c1619cbc3f7e', 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: '325941b09c0e7d1283d8f695e5529b16f3753acc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7c9f257569e17eda20e67d4bd78d2de6d3099723', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7b515fd4e0a5891fe50733f20e633277c920806d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ed2cbb661a5887f7fea48d92bc834690b3f6db28', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '7214100c051d1182d69001a8015a7ab6047b491b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '8b45efe309e050bd3386ee67227387689b2e82d7', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'a1068d3b87eac2aedf4f808716f3db49f1c04d0e', class: "pagination_btns" }, h("gb-button", { key: '9bbc0c0ac84ae04ed83f5239ead350d001f68bf9', 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: '785192e40c16a02fd9f333be8dfce8a7a1c26e87', 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: 'ebd9cef7c98c7579d9e1f9ebb8ad41a233316d12', class: "pagination_entries" }, h("div", { key: '6e7555a344993fad15b8a41c024b2163d318bd8d', class: "entries_text" }, h("p", { key: '041f9f4497763f0c69727a8375010b31fe7e6f8d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '23b437305e9eee7fcb6507c08ba97a0449748057', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'dd8d23236fea5b5bfb3f3e1f5b9af105b2af922d', 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: 'da24db6b6024390c71f22cbcedd75edc0dffdac5', class: "page_number_text" }, h("p", { key: 'e2b7d92f6e9fee1a813bb18cd4193ed96a71d783', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9e9eea5d442f7c424ffdb42948de416224cd7785', class: "pagination_btns" }, h("gb-button", { key: '00a4640b32d223979e979d57fa8f2eb6253a4878', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '30580efea8b40cf0a4044a220be1805a27799c55' }, "Previous")), h("gb-button", { key: 'cb9fcde87c3aacfa37f6e66c1417978a828f3b00', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fb8d964dd34269f375f00d4524bb4c888ce8edfa' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca9ccce7c2286ca21b7ab37f0a104f30d8446520', class: "pagination_btns" }, h("gb-button", { key: 'eefc1a9e87eb19deeb6418579fd532e1713d94af', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fd7c6a54dcfee723fc1f8862f4efc8929d968c52' }, "Previous")), h("gb-button", { key: '9b4345cb4ddd7cce8dd8415fb3543bfcd36bba63', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '66f8d5d8308650cec0d2d685b6bed794114e8b91' }, "Next"))), h("div", { key: '1e467729d13ff7aec4e8526898c38482105586a0', class: "page_number_text" }, h("p", { key: 'e957fb9bbeb0378c85137385612a83d05119dfba', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'efcac1004b19293e88f6a9a418a9a5814ddbfeea', class: "pagination_entries" }, h("div", { key: 'e91fc6321fba2493c3e835ab93995a95a10ee3bf', class: "entries_text" }, h("p", { key: 'e936c776e08b3637c62c8e2b22970bad180640f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7fed0f5722d6fa159e295ab5fe54572b442e906b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c0c6ba96a450645871fbf7bd3193e111f09f11a4', 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: 'e63c941267c1f67582cdae05b19117ae84cd943f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e5a1f3d9d446e4996ef53b509d71f410dbc06ce0' }, "Previous")), h("div", { key: 'a7f7d07efcd61b7509b51f019af12180ffd452b2', class: "page_number_text" }, h("p", { key: 'b7fe9f36cb5ce685225d08067e560d63e80b47c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bdbff3498fbdc5adcc175bcae72a1c3703d9f09e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6d8ce4809c23c71465539e633acb5b531e6266e1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '265f5595f8a9b200dd59b1a10ade73067d0009b5', class: "pagination_entries" }, h("div", { key: 'c6e9e6b3a796332cf78946d5d05fc754320bd5c8', class: "entries_text" }, h("p", { key: '7b600eda08a5857b03e5d7c980d1a0fe0b7abd0e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6eb553133251e12191db09d237b788a56a85dc9f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6b46c49a53066f69ddee2e9427057a90209a7688', 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: 'e8732957c152827b152d19be39f7222cbc2202ea', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '697d29e38938ce5c236026ea69fc9bb18611c777', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6d5ef4d8d34dcc6bbe12327f954d9ffa9353be10' }, "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: 'ba3630a828ee4de82a7ab3453f6e2e40def17682', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ca112496cd9b91f2d41240b57a3e4d150b26ac3b' }, "1")), h("gb-pagination-button-group-base", { key: '355d5fb1d582fae39ff5aff32cd88683b7797660', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5e99c0d7985154ba2e02f8c43eeed42a1ac0ec1c' }, "2")), h("gb-pagination-button-group-base", { key: 'a64b5088c9fb2dd0e4a3b03df198d9f62c6d0e22', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'abd4396ec3ab99a013a9d27ef5dc52574fca7edd' }, "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: '54891845442ac26ff58c8e290013a298d75d74e6', icon: "false" }, h("p", { key: '5f351c7e94084afd48198ce29567e17b7bbd3666' }, "...")), 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: 'd04fd3e53c7d0ca4f261b8776875bf4f5941f7ed', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '95208e6266083194caa2efbcf8e69bcd7fce566e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f13154530174c3daa42b8433e1561275c97f2feb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '67cd3e6c4b9727b3fe2e3398dd67c119adc98c46' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '81d3e10510669f9479385f070083f3920c61d14a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '16d656dc81dcb2ad4cb76c18d9e2bee4e3f7f7b7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '778ddc84e3d0a94e0415163c12751f26152181bf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0085354a6d7d0b69fd671c0bd40822eed05ce023' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9e0e628dfa7ff1e4cc9c666b159104565c7a8632', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4180f68c0e2597cdc82734e945f9e976bc1e958e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc173b241940422c462fabeaa241506a17ba4af0' }, "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: 'c62155f3423b18d6503209c44e57e0b666803535', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b7cf8126c653738e13da2848eb602b2b3bdd47c8' }, "1")), h("gb-pagination-button-group-base", { key: 'b56c59f82d9e7ff1334ab8070d24dfd5ce6cadfe', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '99e1a165822f142006cffcb02752b2ae00ebd99b' }, "2")), h("gb-pagination-button-group-base", { key: '863e8ee9b1b5fb11daedb4f981898e2a754363ab', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0d1e7876ac876fa73a43ce71ec9726db63e0fa6b' }, "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: '079c8ee63741b6f543d64f64f39daa5399e9e3bc', icon: "false" }, h("p", { key: 'd32814a882538d3f977bf1d1c7d51887c9d9b39a' }, "...")), 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: '01315d23b67bc8bbb3ce6938942a267ecaaf2d29', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a59f6acc6646d2993375173791ae4f795cc5d8b6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '79886b309d5fddb84d36142a673d3fc1a5e3ebda', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4faece6539b9dd90ec55ea9d9b8b22b7203f5e05' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6e893f2bb474d30fde401d4d3af143a71f902550', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '7c0a291c921bb1d108cd30c005ee97ffbf0f4a21' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '153bb48650937781c6c4452d61f35d90ed4e3102', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '26e24ef7222baf383988dd139b257bcd4c5ca262' }, "Next"))), h("div", { key: 'f6a8993185cd9ec54d3e7af70b001f6a5f5b6f71', class: "pagination_entries" }, h("div", { key: '0550d43d672629aca8ea607b899bb2bcb4b1daf0', class: "entries_text" }, h("p", { key: '1c383547d2b48e40c825d03968e74662cdcf91b5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ca834d4865a29d40a8424fa91089e575b5618044', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '366938a50d1201da06109872f76f13f63133c47b', 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: 'a8875e50e800f971fe031d0ec1e86cf002df9a3d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '77199981563ae3da3efded55236abb9f759e1f60', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '46ed43e0532f4dbd05ff6d81ba4bfbc71256ebe7' }, "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: 'd0e8cc81728fac7e3a53890acd115b1789d41574', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '458dc9a69ef9ade2ff75efbb91679524bf731c1f' }, "1")), h("gb-pagination-button-group-base", { key: '350f4146a9478710d9a711640f5180cfd5aa45ae', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '93147ab6389da1357b085ac33886d595634ca563' }, "2")), h("gb-pagination-button-group-base", { key: '0c70e18a278c57ae064cfc5cfd7caf25f2ac3608', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31361b05dc6324a2decb132d23210173b9e687c0' }, "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: '879fac21e394938df7aa2fd0fc2bf00042dfb15d', icon: "false" }, h("p", { key: 'cd9e3d98ed9899a719917d05b822faf79f72d025' }, "...")), 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: '44be2a37e00b181d99f27c167a81a8649a568b76', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '340ea0a753353c75da7d6553331495aaa5316af9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8f78f6410aadcf00d40252bbb6301ed54aed5c51', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a62e4210409c4b178991eda471eff5a9fa12c874' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '693e6a98745b0f05d657e411893ce4e26fcdcebb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e46a03091193152e2495d1d76323c61dfb2d4902' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd849fa0a40be702f06cbf57c687effc59851e492', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1dfa065623d2bd54ff32307cdd545ef9bf400429' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a7b7e0b2d867e88e09911e32878a377fd4d52e14', 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: '7b5ab5c5cceb098f19b4aa5b2863a6b4878cb3ae', class: "page_number_text" }, h("p", { key: '5cd2ccd5f67d1dfe078e63d4abf3c9508e30e103', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3dae7316942e38a5c9a8514fe1bf77dad650b70e', 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: '2c821b7c6c7ec353ef761b2198b55003d51cd8c7', 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: '5a1e997e4e5e49567fa43c24a3aae546719567fc', class: "page_number_text" }, h("p", { key: '80a9c709f236ed9f17d64399ae98f3a3d2d6307b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cb66bb144bd68a904832b46d8c52c091ddcc1a9e', 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: 'c69499b7fd03b792329dd67916a270ac10fc51cd', 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: '16134816f97d6ae34816e0db51bbc3d55274c1de', class: "page_number_text" }, h("p", { key: '8fa616b5ec712ed141b22bfea599cebb09db3515', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0be3579c1e0f5d7835396927849725e28ebd7246', 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: 'edce873c03557db10dece1dacf2bb5283610d3ce', 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: 'a1aa27de9dffd00c32516c2c8b767df787ecff23', class: "page_number_text" }, h("p", { key: 'f0278c6cd02d215697069ed43c79d9d491098bbe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '55f680efa2f9c629601899024e6275a8df7416d6', 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: '6e2916af4cc662b0e0aad8b5391f12893d884b35', 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: 'aa314050de1db6b64820f1f058b68c0116b42728', class: "page_number_text" }, h("p", { key: '0991cb7045c29d8ca905b1fcdb43a35480ec950c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8229900fc1db91633f58fbc2d61d40955d68e78d', 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: '4a2ee94065a851a177af6ccc5bcbefe6b7518fda', 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: '90d140198b6736a07289520b28096f8f192484fc', class: "page_number_text" }, h("p", { key: '69c59947004779e099ca6a102b365d309a059a75', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3d58e831d93567ebaa1251cd502d3891d4c590c7', 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: 'd53a4016774b09bfea3d4ec5beb1ec334aa0ecd3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fec4db2c2e1cedd8a8b0bea69127221bc9eb900f', 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: 'e6cad45535a6238656612893faba7682b3f599be', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'bcf4fcd242c79becf7ef231b230a61ded37bbfc7' }, "1")), h("gb-pagination-button-group-base", { key: '58e693e28134d566599c9ca8e21eb2d23b6f9ff3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dcbda432fdd54b623c514753b8497f644328574a' }, "2")), h("gb-pagination-button-group-base", { key: '31ffb27898df928ae94808600eda95c0a3d7ceeb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c4bd2294e522896c1952e941a29cd5fbd83b885' }, "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: '2d3570a12dec36b8379a22dce30c245c69d1889e', icon: "false" }, h("p", { key: '7c69118c6f2bb480beb7a92710badb13d7d96d4a' }, "...")), 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: 'e293f95355a0325d10940e4ec85e28de94e6dbca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0b60b670d5d607dfa10cec317c5ebfd2b47db1dc' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2d4caa3c6d30e0848c3b692aa756f9759d95fd17', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '846f03a0d18b30779803656c828b8b90b5419be1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '7da3a6364a36917da9be53d3f34cab88aec9ff68', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'af486777f40902932444ef25a9a9ee6bee7b1764' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b1a238fe20043dd156c44e156216f03ef73881a9', 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: 'cc1a578ba7e1dcedaa638f40415fa34a2a6f085b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6b4fcf4ff19bd3509f60456ceba7a9a79a33399a', 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: '55976e30b793589db4eaa24e3248c459766b2f8a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3a6be2d76da5a26cc62c0f43fcd21658a0690d8a' }, "1")), h("gb-pagination-button-group-base", { key: '18c8dfcad89ebb8a2f7b28518619b50b580e4568', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a8c2bdd579d7df2f16e89528cda2a736a2087ced' }, "2")), h("gb-pagination-button-group-base", { key: '490fda6c4e90fd3228818b3f0c35eb2336920ab4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd6a95dd6cc9b403efba98463acba8d9496f72f24' }, "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: '37691db05376c8cc8a6ca50dbcfeaee82822a733', icon: "false" }, h("p", { key: 'fdc68158bdd916ecd330cd200a6fc5fdd33abba1' }, "...")), 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: '8f723cf6088173d22f8a8760f1b684a72f44afca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'be85706f424417d9b886484e0159e7696edcd52d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '914f6fb3dd53acb2f23024fa0207cf4f5d886afa', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd248ad44456cd1f0efebdfa75db4c22bcb6b2891' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a239727405677de5d2b44e4bb9123f5358395f6b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0a87c0fbff9b53f92498b3802b1d786b82befd4b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '535bd7156bd89dbab86667d2529e6b1eb79641dc', 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: '57e133a816f598b863f36f6a2b2c90156e59a6ae', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e659a0ec132e811055af5a7c7374052b18711874', 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: '358f09fbb1a90b6b95a87a9a43c8f0ffd5ead9e5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a471957a9f53c788993bb44319b0e22f6bf18375' }, "1")), h("gb-pagination-button-group-base", { key: 'ff3c20552b71f3fb5e94fc7359004739deeddd70', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '535aa19477deef03cb4ba1663d0f0d3e811953ed' }, "2")), h("gb-pagination-button-group-base", { key: 'b9a5a24b78644f50aab658ea7452d508c4a3dbfe', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '33ce7a94713a2d107125c59d167972242fe9d1d4' }, "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: '69cc2516cc434cde9ae9063d619e4cc1fd574dfd', icon: "false" }, h("p", { key: 'd7f4e586384c768e81e88b67d1adf04b9c56fb27' }, "...")), 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: '3a4d7a9f3aef18946d8187580beb426d4a549d93', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '94cfb8b2d1d7cc4c207a71bc18822080c8b9c440' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5c727fdf28ea4b2db8fc21991cee0213b5d46819', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2e20c80b7a060634299260674260d26ada820c2f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f60b32687a519e09ef151ab5df0e1b877accfe00', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6a197174b7848e64c607ffd501a603c22e2af9a0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c12aeb08baa7e4ebfca0c71dc3411a2250adf8f7', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '73adf0854243199f4ab15807c21f9a0600edc12a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ae451b89b9448e60f74612279292e3cf3fcfec0d', 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: '3b56db014a5ab53be0f6ec66c80e06e00e3839ce' }, "Previous")), h("div", { key: '76ec8f567d6e2710aec5c2ee7168a949b274e521', 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: '69ed72f648c5097350c495b777d609499c411519', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '49040e143c4e0ca25301deb1c2d9c8f62a966191', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '14611fa2c163be51f53e0d686f96d857cc5ed9cd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a88b19885bd07546d2f4bb6e8df9d30d73e6eab', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5386809ae2447e29a2da4eb11655c0c27fbfd583', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '7a0924a71b089c1b00f60944153c2dfdfde02f56', 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: '91f1b0f8791e0d4bbfc8bf681f820667d57df66d', shape: this.shape }, h("p", { key: '8f389e12c22c359133c9adc46af989822628c9ca', 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: 'fb6871be091ccc068baab3b3a9052b8e1ca85481', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '853124b7dee09052705d33a643863c769af16684', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b19de1a22d118f608a44cef495c5b7199ec1464a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '47f00d864d5905a4507db349a7e03fc94f0d12e8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0c1fd47a59aa5489845beb38aec46767026d601d', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'c863415ccb03ea527d3f89158dbdde6a99311ec6', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '7fe9ad6d8a7a7fbc9f3ec710e5e830b5d77eff10', 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: '7f4093d8d6e4b255e52589fb9954064fc88fd344' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f74ac482bd84a737f094a6398b581fc7985eb51c', 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: '922d95c06e82215d1d0222f8eab4041d9587a61f' }, "Previous")), h("div", { key: '32a1c18888ab10454ee2fe71c99098dfe6f7ec2d', 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: 'fb74ca5b882fc9df31d3c54a9babeafeb2f047d0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ca026b4660f4b7e7703a00ba459caebd6fcb47fd', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e9fe6dfbc574f6db29efeb9ef9a6eb3f1e4e2aad', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e936933a38184c3b05e1229967c9fee6894b4074', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f06966a7d9d3c2c58f62a86ba4540bc76b4107fb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fd1373c83b280af9ed161ad3b539d8aab8f7872a', 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: '723a8700ec3d58e43ffb1eb683dd60c7a2f1eb23', shape: this.shape }, h("p", { key: '8f7da1196b10122ca7762622354a921b62622936', 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: 'bf2e59269f33b4ad8dca2c9c236c5bff622a1907', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '00518534ad34a428a6a1305271e2bc1725b85a22', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e270f58e96eef0fa5d3fb623e90d5cddd76de6e7', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '70187684d0cab793856cb07b1aeb466eeb43782f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'eaccbca063f3b054c4763b94e1102b713433a515', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'ad558d802cf743ec3b74894100e435a0467e2c61', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'a4ad742bb26955c417c6783236a58d78ec302bab', 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: '7b32f8ebab89e5baf3d065eba898b9eeb3e58f4c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '97b40f98674881261b4b5afe6e2e8e7716065061', class: "pagination_entries" }, h("div", { key: '0e56427cc63147c8d0a4cc7fa1076a616a27b1fd', class: "entries_text" }, h("p", { key: '31c5d82831d122fc62bf3b21291d54c6bcd5d446', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8be609020bea31ba44ddbffa0242ae8a26ade7a5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f76c0ea41a4d6b40b200483bd3f20c43f5cdd27d', 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: 'c56e8ee4c1262d7657c530d4bafccd3410ddbba8', 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: '9e8576c16b38001e4799018e56c0d6245634adc8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '73abd0b2673282ef4125f0e08f39acf6fad0ed1e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a9afc6e3d11da07d139c9ad32c5290a2caaa9e38', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '11f06257fd3aae2d8e0d329c869ae45a40f3c722', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '777072156b9e3c34bc29f27a5e4a6b97d1bfb8a5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b0c8dfa429aba160d3d8d083104dee7b740a2917', 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: 'c0c71162ac1828b591404b9eca1294ae6624d517', shape: this.shape, state: "default" }, h("p", { key: '4d2fd538665e0ad83ee30ce96ae8bb56d7151225', 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: '76e56d1d345dc909bd967936a0cfe5a1ef1a1ef2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9c335960dbe4358837c46fa6f43269b87ff6f44e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0f8df9cc078ee2f1499bb17e10449ea5bf0a44db', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '49b00cd0249733b2ff53bd146d9bdb2bdb52ab0f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '85d5ef1c57d00b156aa5673e8d0003bc339ddf69', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '61062b7f2dea72044ee2da330c845c273e468ded', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '3ace1782ea4691eaa170053a355776f55aaa95bb', class: "pagination_btns" }, h("gb-button", { key: '5a6c6a286e6a5d4d2d5f156638d5ab4ea158d2af', 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: 'c09f520d8d0843a74782cef303419873d946b755', 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: '42a83adad70da7445213a9903ecc3d45a8f0daa5', class: "pagination_entries" }, h("div", { key: 'b5dbf4af8b48c1257c53473dd4a7c17311fb70d1', class: "entries_text" }, h("p", { key: '897b89e2d94c8a806ac145470bfeef233a48ef9e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9e3e664167a2831e46c4fec054085b3c43297fbb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b745f6a21302aad0024c6174f1b9e62a5184082c', 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: 'f98850d05ddabf0d09e72edf25b4de2b1d19c7d6', class: "page_number_text" }, h("p", { key: 'af5906ae760961abafee10df262e4356c366c03b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '507ae612255b1cda263c585f86a066314aebe1ee', class: "pagination_btns" }, h("gb-button", { key: '9bf652b3c68800758e7984c28154fc4b81b4185a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7e1ab46d1fc929c57a7ae6c907c8d9a98ecaac40' }, "Previous")), h("gb-button", { key: 'dfc6523b87aefbd13bfb0b45061bf3f3e43e695c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '037ecd2a773f7107e03141392ca557404c77e999' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0d3db91881a2e1367378f6fb4e7e5d4b08832ba6', class: "pagination_btns" }, h("gb-button", { key: '982d6b37fec866568be0710daa51adcb0a0911c9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3232ed64e16887a35cc0f109af48c1e5e5752024' }, "Previous")), h("gb-button", { key: '8694c24000f72b772200b6b59f8828c82f997603', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '891117f73de5a3373e5ebee61bb8860d6617be45' }, "Next"))), h("div", { key: '0218f1681ad019cf447b3aeca2a677c2078a644b', class: "page_number_text" }, h("p", { key: '3da119a340d67ed292fb045a9eefa20c0cff735c', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'dcb140ecc71f4f598254fb1f074996a3134e4dc0', class: "pagination_entries" }, h("div", { key: '41665539b59b0a1ad09fba02b0d73e924e5c333a', class: "entries_text" }, h("p", { key: '4d10b9a9b4a839f2404255c44887af4e9525598a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '52737b81e50731d91eff97564892f4eb9d67c67a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '192ff92854c7525cfa5af53fa44787af5b5a10f1', 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: '01d05750bd4d7cca6dd979b0eb43124dcfd50316', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '46142f10f16560fbbf6acd49c9ec9c8cbf804857' }, "Previous")), h("div", { key: '7017bd4f66566d90ea296bee1b7e7a25ed3e8e91', class: "page_number_text" }, h("p", { key: '98a3e870caad43a9bb522b7051ed2e4f44dab35e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd41e1f06656e9adb11c0712a214910c58f35c9d0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'abe559e2b901d3924efc4f0d5ed755374f433550' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2a2acec8631921e67145f1c40d2584d980502737', class: "pagination_entries" }, h("div", { key: '1d1271d3633fe66fdfedcd5c21fd0a2e62f3cb50', class: "entries_text" }, h("p", { key: 'cc15a8d33015b0023002b2d4a283a5f7905c3b30', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9cc3b87a6c461d9f4ae22668700ebbcfdc9f39ad', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5e6c9f56331726d761c7aad0e0449652efc03706', 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: 'b08ddcda93d0bc2abf97bdd1eceb66fae4d8c4be', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4c3b49c592932bb1da09b4c14059ea3532faee6e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b02b3ac437f6ef38c05e11fa306726f4ec6d86c8' }, "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: '39c21c9f2e416b9bb49eb2945c650b37dc963254', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3dea646a2766b9d804465987ae4556e0742660c5' }, "1")), h("gb-pagination-button-group-base", { key: 'b4a02964547c384a6a819e640b342c5b82910924', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '671810036782f5ab999a93ca927bd94944eac101' }, "2")), h("gb-pagination-button-group-base", { key: '89a5e2ad3a8094c7c0d90c8b5538d34ff98224f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7f1fb399c11fcc2abfdc59285ba9986221003c53' }, "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: '789133142be1ccf5aaf0864d8bb4d9d9af574ddb', icon: "false" }, h("p", { key: '4846b2c2d82a55c0da979d1166ed6121b99192f2' }, "...")), 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: '1a3d98befdeebfe442ca8e970a9b1e9e337ae4f7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ba69637f32f5e28066407bc9d606c2a3719045d0' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd8bda9b505cdbd32c52779bfc243fc19f1ea7a7a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3d830d320de1ecb5739e031047cbc9cac06cb5da' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '73dd008532560df089ec1a0bf3b33d628e12fa75', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '00da0b6542d3ca8a015e3e4f439d85a74085432f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bf4d1b2c2c6f6b20e2381983eeb37ccf1020e97e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'de9721b5a72f77550d3fd758fc10516d32f042f1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e34b5626b44966ff19d332a5aee8608ceff09570', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '92aeaa0a3d90467d03876586b03a0745b10d79bc', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd99fd95c8d390b965893a814e3e105f7d01e955c' }, "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: 'cd9a09ddcc57550860d1bfc0eae2e0a21ede7ca2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '588b78d83f93998d0f8144eedc338455d639979a' }, "1")), h("gb-pagination-button-group-base", { key: 'fd05ff64c61f48bedee966a5e79c4b1d173bec95', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9ede22a79c157e2ca12881516df6d9aae624748e' }, "2")), h("gb-pagination-button-group-base", { key: '6fa311eb4dba100981ee135eed2cc7329ca61411', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0f1fc244da990c36dba3a58affbe96522d4984c' }, "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: '938b0103bed124639ee6f5741d4009a97336d3e5', icon: "false" }, h("p", { key: 'b3abeeec73aff764f9948ccf7c8a48bf8ad06e89' }, "...")), 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: 'a71e5073c312d6f420f7cecee47e0705c7e3d602', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9d71e31bf6c06d22f38ef767975eec0b3fbdc833' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9cc93270598d69ca462bccd10bd3a96788c4605d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9f81743a463f2ad5ab7a7d5899f7c854bd0b601d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd46d425c0b9fe3e11ff3d571dade4ac5c030d44c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0b8deda9e05e9f17dec63baddda96d26323c0ffd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9a7fc7b515c74daa154cccd88119bb36a0f57f2f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a4c91fe057311adbc226f0493fd18232be91b766' }, "Next"))), h("div", { key: 'be998667e8143152f06d9bc6b34b56403e017b40', class: "pagination_entries" }, h("div", { key: '51941acf249e6a9626a12f7bbf445deabb32db1c', class: "entries_text" }, h("p", { key: '7e89ddb30a777dd240f5c95356457d9c1e70807a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2109898977747961359e6f0c1f6514a981f7aba8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '121d62aca81554fa146967519f6bb5e792684b08', 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: '7405682a46a36c1943d740f311dcf3e9d83beaf2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '802f24c436cef028707639c1ff81a892be5161a3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ba4d0211bfcc638506d951e18dae8d480e01bbb1' }, "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: 'e476eb96ce54d7515e48afb6794547eb530faedf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '23720e3add3e49bb21fd852645ad935529114865' }, "1")), h("gb-pagination-button-group-base", { key: 'b7fff03b8299263a5a358bd5b0c4c0018661ecc2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f63207f7c015f25a497d1abdb89e307133a8bfdd' }, "2")), h("gb-pagination-button-group-base", { key: '28c1b4a9caa85e4507f5f5447d8d870effcc2e01', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7ea1fc562eb1a21b674fca0ef87b3c82732e671b' }, "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: 'bf21b23b16954f9731f08323b0f8e92ddd9c9539', icon: "false" }, h("p", { key: '71a5906a331dccec4a467d0e05f98e240138b2d5' }, "...")), 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: '4df6cdd4c979257cc4c19ca10cc93c8de2dd6ae5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f59cde1e9649242329520430317931765709fccd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2e12c138426dab8bb09f46cf0fa87291cdbbe100', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0624a2ea7100c9a4c585da5f0e618957c894fe60' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd369b71367959424834f558f8f351fa6d3342a59', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '66570ed240581b7fd232b39bff9cc29ded411512' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ae1971bdd61d497bf50bf99efa6c9e4da317eeab', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '65663b72a4e1c839679c5988ebd4e82238895fb9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a3abc33ab735b8cdcbe621ac360fd868fa1c3e42', 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: '082ff49207587d9ff076666dc7ecce3d8c6bd644', class: "page_number_text" }, h("p", { key: '4fc3052c5377208208b04c47c33cb2f332575828', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7e42446545569263c3a475ec25718f2a7816780b', 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: '4d7224ba1ce413befc122b00b0586f27ffbe307c', 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: '555948b47d3199076d67035b5b8dbccb085dec4c', class: "page_number_text" }, h("p", { key: '1051d93c1871d82e97f1ac572a25ab96dd82e8db', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8400dae3ac65e265ee5310a29c2c1f76a7509105', 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: 'cc06431b220f08a2a983cc18d95485b49d8a9fb1', 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: 'cff83de31ef0c9ff3c96b2ab3829d6b22213eee2', class: "page_number_text" }, h("p", { key: 'd5ce177e10437c51b37409e0ddfd1cabe6711975', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd1318b53b3bc686ccfc42d7b6ad2e5a0377f94ab', 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: '57147a34fdb20f3ead03ecdb2c71ef0cd32596ef', 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: 'd74324bff8f15d4ec3eec6ea7e281114da08914c', class: "page_number_text" }, h("p", { key: '3cb75d8aab7b8b7aac28f2763fbe5d85b418e36b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e9662412c0b74fb9149fed7a1dda4b8df3aefb91', 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: '697b5039e2978bfeafcf863e97d3cc9f65befdaa', 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: 'c5ab634698dc3e807f2c800b2040277bfdfb7a2e', class: "page_number_text" }, h("p", { key: '30ad5804997f4d7952600bf3594bf6fcfa58d5ab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e1eae657d5fc876f79e10ee8d17952a70e4b8e12', 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: '832a5a1cd661f685251d15f2b1fd62b7023328da', 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: 'cf88e8bd5dd52e5bfb6bc68ada61b895e839f7a9', class: "page_number_text" }, h("p", { key: '3ebecb86d6a17a37304a45ed5de094d461e6dbcc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '94be26a3a31d8b86bdd5a36d4673f5e29956ef3c', 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: 'ab5bcc9fcdacb8359a7805a259fae0cfc016fff5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9c8f023aecd461a2f8463c6b269326d6d4842500', 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: '4e92220c99958a9566b12b5dec379d0d6d2d2b68', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '91e3710e04d7fa4845012492ccf2c1c9c273ef3e' }, "1")), h("gb-pagination-button-group-base", { key: 'a1694fb35cd4a2b42ff391c73e3ba04dcacfbbab', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3adb41f46dd488462aeb03a07b6b2c583e742df6' }, "2")), h("gb-pagination-button-group-base", { key: '5c0cacc5a79c5670b2528cb5c593275f624e0b29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9919a14ac6722a1e60ed83391ff6ed83fade3082' }, "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: '16f1cd5a78af51992fe709c5c8ccf64081b25ba9', icon: "false" }, h("p", { key: '97b288bb915d9bf75fddd79153f85ae1c9ca2c20' }, "...")), 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: '04818ecd0101233249981b96b1c86bc7e94b131b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a721b0dc330afb58193aa8f766267a2eef50b0b2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b89869ef7b7224575d587a8cb0c3dea664c17942', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'efa2a70cbd96c89a4fc6bcb42380ea5b8d90ab91' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '127ad48f16284123f8e812d6748eb2a8685df7b2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'dae43947189299828997bb466cf7fe86e8ce99f5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b7179082ae9301624db13068cbe0b1abdb3299a0', 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: '24ff5c2e4a8fdee4c153cf00f44dab7f60dda38d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cb9548905d30058d39414a0e8ae8a9c05c224341', 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: 'df8ed0c68fc8b98fb2f706f9044984d58e653806', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '62dd84b3096eb5e29c155332350fef0f9ab0cdf9' }, "1")), h("gb-pagination-button-group-base", { key: 'd8dcbfde0a6315a9feadb0cfe800806965089ced', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '90e0fa9b2cc11783e5427e7867c71354c7c04c3c' }, "2")), h("gb-pagination-button-group-base", { key: '1b09f0d8f7e760e8c159f1ca4e38986af7fc9146', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'af78c33ccce3a7f531d1079d92ccdb29f550d08a' }, "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: '09539133bb64162b80cb0091af29b7b7c26aa9d1', icon: "false" }, h("p", { key: '4dceef96e820a3c119a290b97ded6ff07de7d37e' }, "...")), 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: 'c92dd1ff22f524c9241b2e248f29b4c10df4f079', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5a0f472dad2ed7e0be42cc2a8127979ddb432c0c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '47633ad2ab748f02a966b5b8f621d5f2b8f89c07', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '749e3555268cab347fb0cfe1e48ae3d4a6c1cce1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbd2ff3d4848b9f9f838ae3c16969db51333b4fa', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e159f62cb24d235d9dc29b5a67c4ef2537d60229' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd13b175565e64adeb9873ba34b725a5d23055832', 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: '61b58a84ec315fa3c33168fbf387e3197b9bc2da', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fc41e05aefde96d041d1bed39e07cd13307822f2', 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: '5f0be51e840b7687f21b501cf1b50d2cb090cd5f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b0d96a46569bd880c53d509f0a60a9cb2f6218e0' }, "1")), h("gb-pagination-button-group-base", { key: 'c9c816952a71abc703bea820e751e095b1f56d73', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '67fed012f253af58e9d09e794b749ae9f99095ed' }, "2")), h("gb-pagination-button-group-base", { key: '95d2e0a4d63bd0bee5caee9b09a5387234958caf', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fe5572915bb5b53a06c6df3d7bafd2efaf4a14d2' }, "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: '6d68609657017ae6b83afb01e3893d0d8ab5d4a4', icon: "false" }, h("p", { key: '6ab231f361f1ab5625864f1fbdda40bd4979a985' }, "...")), 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: 'fed8049827ff8ad21cec96833a9b612d99a98572', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '47e843b1524777ab415504b40e21f176c194f650' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e1d4438990e77edc5c8040ac37d143ae79b8c3be', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ba877601388aeac9a192e904d8e88b22db564eee' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6106055f82dab6d81c0b87acc97df30e685ff31e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c477db431108a137d557a4e26e672446bc9c2ee6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'da7c97d330587df05d5282c44623021d25418867', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '944704a358ae33a45d220f76f5845bc9f9ab6cb1', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '9ef5d62dd208c5a250fca3096b6f10c0858639da' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '93a2c912a773240b3a8a1cebc9073125d26e64e8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8e2d2f90979cef7d76375228a60c2a080d1bf9e8', 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: 'c85b821a8e25e6a2fdee02b32b1b7c74b28bf550' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '5d81a61f793dea0edc3f8e26efe10be4d9dfa0c9' }), h("svg", { key: 'bdb18c9c018cdb3fc96d868da8c13b3d3d0da05a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '564fc23d61b592f5fd02fdb807e30fa914ca83c3', 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: '592327c94805d1e35e2192ec8b684fbb50e92442', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'e4531b684f0be6b13e1330cb22931c2192623a73', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '7313ec203002556f442c217af3755d99254dc7ac' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e17e6f215d471e9a6a8af33d35f22a78535fedb7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '03b6ee8c784ce5b77fc2495e6c074ced7d49e3d8', 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: 'd45b788b1ff6506d05a13a0550a2dbecd743ddc0' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '9d2d82519f06f77625ebf9f507cf9c3cd8110a2b' }), h("svg", { key: 'e5e84ed1789e1eeb62f4844527933ec7eb4384ab', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7a9398a68691c9ac25e75d164976609e9854712d', 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: 'd3f663c6644723b578521f40f82837213ef82dd6', 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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '83f2fcbf8f6357fcfaa1328e612761cd996875bd', class: "dot_group_div" }, h("div", { key: 'e5171c5d2e16a0f3ffcdf5bff02d0f6baa562f73' })));
+        return (h("div", { key: 'bbd9fdb52e882559b40ada6ef1236757f2a3b559', class: "dot_group_div" }, h("div", { key: '60e316c77ba24b2b2ef2e85dad2458f1e7b59c28' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'e8958620ce8b5c6f929fa46ac691289aac712d28', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '57027678b708d2a4dd4b8dc7aa661bf3c359063c', name: "page_number" })));
+        return (h("div", { key: '51dfa67b0c5d9cc5ce73c30f146c8237853bff60', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '771ee905973090e8b4393e44c1923c81c59a7040', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '4f94e309bd760032344bf1f40a6d0091ad456fec', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '8398591ac6c7357b5a8efd5dd2cec160f1e60807', class: "progress_bar" }, h("div", { key: '54cc10b294a4c951cddc3935c91bc2be86eb3916', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '89ba9c56d50c7c4700b970cb8dec2d274a6b2ae0', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '5f4910cc5adc0c5f2d3f162f27f879102f68784b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '52137f45758dd4049b8a0987a96f64bfb1ec9ad7', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '6e02e3eb06fa5699058524b8f3432c8784600f3d', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'b49f4f76f2fb92b598344707fa2b1630cb73ce69', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '6ce3bc63abf87dd0b69ea9be8de1d41995845804', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'a678a432cf6e90ef734f539afc975f32b9127649', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '6a771a42af9a5cc204d3afffbc96138a1096078a', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '2a81f6dcd08a552da188bffea5acee1d7a9ca9ed', class: "progress_bar" }, h("div", { key: '950df02b4efdb7caae11f32819c6993c2c572cad', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '892de93b4dc83f0f83f24996967ed2a4be98edaa', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '13997851c3c65b2f65f67a42a1a42063d5ca23d9', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '94a88ab279c2f8080d7b6cf8574803d3ca7c86ac', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '5e3d232c35d5f8d0dd88d0024b1e28f2cf27708d', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '22ff9016a38730e64a309ffd572c8c7ad84a3e1e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'ac08912349279502fea201cf27c31387cb54ec9c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '79aa622745b693f9a95486f4f68df0e1d956790f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'f4c73e548aa435f994a0ec4757b3bc22cbad5679', class: "gauge" }, h("div", { key: '63d1c2bc86861297744d209e45027aa68028a470', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'adae46ed73a463aa6597cd0d7defca389832c745', class: "mask" }), this.label && (h("div", { key: '196116bd340fe3eaa82ab77c61961b660e61bcc6', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '63a3af8cd346912d64a546cd1b48408b4a9fc074', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'e9ca7aab53a46eec416e84b1a90b4fdfb7ddebe4', class: "gauge" }, h("div", { key: '4c939463da7f45f5d49fb13b2482f12098c4071f', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '3c86b810b2a88d55a1dd526226a37502012843c3', class: "mask" }), this.label && (h("div", { key: '9b884b1202f6e6e659dad19c2c6b9acdbcae524a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a80ba8623f3eacdb42e8c66d9b7470d4a0e61037', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '8a7bfa3c86f9289c2e2f9d03c05758a2aa684118', class: "quick_action_div" }, h("gb-card-icon", { key: 'f598051c09977cb3d4741510a8c86389a206a5ce', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'ea7b9067957e3f4f875151b236f801aaece06301', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7d987a1206f191a1e03fa9bb9a70cd1b6ec9ce6e', class: "quick_action_div" }, h("gb-card-icon", { key: 'e796a2d7fe7d61d5162af31d45a85cdfbcb0b643', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '080b7a68bd3672545151fdda2b9fb50f924276b5', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '8b36176699f25caeb5731a6e1f1e6130c04f1d50', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'c6a4f82a415b95dca8ad9cdb75dcbaa496e7ff66', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'f736f33535e25b87fa75c325e0b266eb243aff9d', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '1ce138b38eb3d8cd1657b56ed2c5f5b994cf5abc', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'd9ce2e79ee88652fefd5d02d8416efef037235e8', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '8f5a1ef8cc967d85543c753a89bce53ed79ac59e', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '267913fc015ffe89f943792e99a9ac8c324c383e', class: "scrollbar-container" }, h("div", { key: '39d12d42ccf09f822185efb5f490fa74fa6076c9', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '60396f1702c5ef71e54c95197b72be9220b9f716' }))));
+        return (h("div", { key: 'c69e652f88f9b4fbcd1887ebf3ea326801253991', class: "scrollbar-container" }, h("div", { key: '267e5e2d0a9afdf1cc6fc37bc0fea613d57feafe', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'a12e2f56719599c7e611a7c54c718c598e37acc4' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,26 +25,26 @@ export class GbSidebar {
         this.ninthItemLabel = '';
         this.tenthItemLabel = '';
         this.complexSidebarData = {
-            Recruitment: {
-                icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment
-                items: [
-                    { label: 'Overview', icon: 'assets/star.svg' },
-                    { label: 'My Profile', icon: 'assets/star.svg' },
-                    { label: 'Appraisal', icon: 'assets/star.svg' },
-                    { label: 'Staff Management', icon: 'assets/star.svg' },
-                    { label: 'Leave Management', icon: 'assets/star.svg' },
-                    { label: 'Resignation Portal', icon: 'assets/star.svg' },
-                ],
-            },
-            Staff: {
-                icon: 'assets/user-account.svg',
-                items: [
-                    { label: 'Staff Overview', icon: 'assets/star.svg' },
-                    { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },
-                    { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },
-                    { label: 'New', icon: 'assets/dashboard-square-03.svg' },
-                ],
-            },
+        // Recruitment: {
+        //   icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment
+        //   items: [
+        //     { label: 'Overview', icon: 'assets/star.svg' },
+        //     { label: 'My Profile', icon: 'assets/star.svg' },
+        //     { label: 'Appraisal', icon: 'assets/star.svg' },
+        //     { label: 'Staff Management', icon: 'assets/star.svg' },
+        //     { label: 'Leave Management', icon: 'assets/star.svg' },
+        //     { label: 'Resignation Portal', icon: 'assets/star.svg' },
+        //   ],
+        // },
+        // Staff: {
+        //   icon: 'assets/user-account.svg',
+        //   items: [
+        //     { label: 'Staff Overview', icon: 'assets/star.svg' },
+        //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },
+        //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },
+        //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },
+        //   ],
+        // },
         };
         this.activePrimaryItem = 'Staff';
         this.activeSecondaryItem = 'Attendance Tracking';
@@ -120,7 +120,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: 'b34ffe6001b92ff0838f19658789c8bed98f599a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'd60a7706962fdec45ee2ba74abe2aa09663b6531', class: "pattern" }, h("img", { key: '6f7022b274a1b0eeec2322cc18938b1997538beb', src: patternSrc, alt: "" }))), h("div", { key: '1552c3b057f04215407cb40a94c6a5027fc62636', class: "nav" }, h("div", { key: 'e3ac487f37afbb36178b97aae2339fd8d496d605', class: `sidebar_header ${this.state}` }, h("div", { key: '560a691d96b7c468b7a72465720a26022a7aa52b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (h(Fragment, null, this.category === 'plain_background' && this.isDarkTheme ? (h("img", { src: whiteLogoSrc })) : this.category === 'plain_background' && !this.isDarkTheme ? (h("img", { src: blueLogoSrc })) : (h("img", { src: whiteLogoSrc })))), this.state === 'collapsed' && h("img", { key: 'e9109d3fc01fd636517c4f5e64db6be04e4709b0', src: logoSrc, alt: "" })), h("div", { key: '70e91e97f49e7989968cf52d8e0722d424ec4e7b', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '1e26c60d937cfd0dddb9641cd6e7d051ef07c2ea', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '027ec8883f88e6d331838ea28c4addf247af4052', class: "navigation" }, h("div", { key: '5b2c3a7345524414257d113d6bc7d5a6bcdfe6d8', class: "item" }, h("gb-simple-side-bar-item", { key: '38825a6baad9d22ee21718cb40265fa6399e2961', 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: 'd8d2f8dccdc92230e1cdcdeae77baf19e5cb4f84', 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: '6034b450d418811e2b58230f27868ecd7aa77516', 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: 'bf1aefc1e0bf3985740e22fd4816852e69268db4', 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: '678635b129a8278057a6f6aa24576dfe4780be8d', 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: '7a85e7e9d305b74b9c2820ba2ca6c1158e23b09e', class: "navigation" }, h("div", { key: 'fdbef321c98f12278b6a67c1f02b1c5caa2d3219', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '5460aedeb63f04939e3a8eb21c28fe2e7827ff3a', 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: '299d3e586ec52634b6c0afac4b4dcfea3f5c5495', 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: '71103c96d8152171a7e2609ae83e3a4f3181bd1b', 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: '84f6c90478413ff29b9bc1433bf939668b0556a2', 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: '1e30f34801459df23e103b3dfa66bfe26c9f4223', 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: '7138cd539e0ecb23f291393564a5a9e63a754e3e', class: "application_name" }, h("div", { key: '69a404a762f6f1baf1080f3b23754c7cbaebcc43', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '8f5205f4d73255d12b79b7979bc894e2c943b1b9', class: "application_name_pattern" }, h("img", { key: '16ead90d0131cb18dd6d43acf529b22a210184dc', src: patternSrc, alt: "" }))), this.hasInfo ? (h(Fragment, null, h("div", { class: "information_header" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (h(Fragment, null, h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { class: textClass }, h("slot", { name: "application_name" }))))))))), this.type === 'complex' && (h("div", { key: '94e7ebe9e32dbb561aad79fc9fbd2a8f82ca0849', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'd1f8980c5b8bbf90914e7383429b4ba82d2d336b', class: "nav_div" }, h("div", { key: 'f339d51078c3a92b5bac4309cb93165ab217b374', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'cb29b59fe78fd21e6bfdd5796b5be331ba0b5948', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '08d021d2c5be7c0ffad1354713712d37fd41c3ee', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'b22dca8f96e6a3700aebbfb161c58d9e594e19a7', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c546216861488e3c630cf4d48eef3d6f04dc9790', class: "complex_sidebar_div" }, h("div", { key: '761a071deb0d9ce1418ba7d015ac0bb42ddb7e7b', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '08d84e1b44fdab3b994d38d4f31a084e53f03fce', class: "pattern" }, h("img", { key: 'adad9676a38fd0027e65471bcd1f02cb89ef4f98', src: patternSrc, alt: "" }))), h("div", { key: '15cec3ab22324cad372525ffc39801feee3ac797', 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: 'bcf856edced31e884e35360d37e52ffa62bc1bf8', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '82af1d21fb97ac59cf311f65cc2c60f784fba86e', 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: '001cc3ca5936d3c96205e0654940f84efda6e62c', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '460a79eab19fabedae5337d5dfbdce60eaeb2200', class: "pattern" }, h("img", { key: 'b9cef463c4e187f8dba5e693304662bf289f4131', src: patternSrc, alt: "" }))), h("div", { key: '31088603cb7fe255740314016fe69b79111a5b05', class: "nav" }, h("div", { key: 'db3164ff0897e22d5de6903898290728d44f4266', class: `sidebar_header ${this.state}` }, h("div", { key: 'fd779fc75948dedb2ec1daeedf2f995e971be14a', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (h(Fragment, null, this.category === 'plain_background' && this.isDarkTheme ? (h("img", { src: whiteLogoSrc })) : this.category === 'plain_background' && !this.isDarkTheme ? (h("img", { src: blueLogoSrc })) : (h("img", { src: whiteLogoSrc })))), this.state === 'collapsed' && h("img", { key: '7636a6eb561f72336580433897418537c9612119', src: logoSrc, alt: "" })), h("div", { key: 'cc05140a9564db47af90db44dbba02078dc290e9', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '7c4b82b2a416c218db740cf8bd2a9d052ceaa14f', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'b5246113714d613844f5f6150866afc1bda1d4a5', class: "navigation" }, h("div", { key: 'b5c1a725ac2188b263d7bb60d3b72a16a62e1538', class: "item" }, h("gb-simple-side-bar-item", { key: '50e6c24d9318fc9b92aa32a37eca16e849c36048', 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: '82ce2aa3ff4a664c88d6fcb42a67cbd46bb9e246', 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: 'f596a9c120e3719e3d8bb348efb42eceb67d7762', 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: 'a605ac8edc3edf3a4caa523818d1baa00b4271cb', 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: '054952796d2623cf234789faf8f7b1d025411d99', 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: '551119bcec915b7156fc5a7f5d318672560d9be6', class: "navigation" }, h("div", { key: 'af458b53a29a8cc735263c4f22bd5a377ee23608', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '51504609f547664c9922cd1669836ae0979c0e3a', 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: '7bc648ed37ca6d4d335527134fa807a65ebedcc2', 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: 'cb49abf19f7b89c8dcdeae87f31efb1b1fbbfee9', 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: '6fb3da99e8cb735dee85b550d75cd73825826dd5', 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: '91b2227f43074f541e2935ad267ae6b8652a9836', 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: '1d45204c4bf42ef19837d962327a0e51d248b3c8', class: "application_name" }, h("div", { key: '623e05c4169678bc3c9889cb7118ccc1bd693165', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '866ecde91d591c3cb3a36e051bedd3bf0d066b17', class: "application_name_pattern" }, h("img", { key: '563d005dc19d06df71833df5de09b1176bf69922', src: patternSrc, alt: "" }))), this.hasInfo ? (h(Fragment, null, h("div", { class: "information_header" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (h(Fragment, null, h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { class: textClass }, h("slot", { name: "application_name" }))))))))), this.type === 'complex' && (h("div", { key: 'e5b9916a52557935fdd58f4ff743d6056571aa01', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '8cc12d0b34a217fee5b2cd06d32dac397f3ed10e', class: "nav_div" }, h("div", { key: '1c121d99526234df7aaf271f28bedf07da3a9725', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'bd9509219143b41d746134e9ad94b86e419f12d4', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '8b94e20e6e119ed9d093cb59274c5053c2556283', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '7a4df409c6533450670ffbfec8fcfb52e8482bfb', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '4f6ce08d30ebd173f304279d65344d447f49b554', class: "complex_sidebar_div" }, h("div", { key: 'bfb535e6378448dc2d2e9866fb47343826e99f63', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '5dc2b0e0f3a54f0bcf8cfbe4c4b506be0daa602b', class: "pattern" }, h("img", { key: 'df17edd8b89f4731350968b83fbf4d8e8c9fa642', src: patternSrc, alt: "" }))), h("div", { key: 'e563dba928f3e0bd7ffe7f660c941f245554f820', 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: 'c18cdfa3a9ab626c748bdc03c3cdbd255c75e69c', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'd4bc7cba8d3665424b2e9182840c176308f4d163', 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"; }
@@ -677,7 +677,7 @@ export class GbSidebar {
                 "setter": false,
                 "attribute": "complex-sidebar-data",
                 "reflect": false,
-                "defaultValue": "{\r\n    Recruitment: {\r\n      icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\r\n      items: [\r\n        { label: 'Overview', icon: 'assets/star.svg' },\r\n        { label: 'My Profile', icon: 'assets/star.svg' },\r\n        { label: 'Appraisal', icon: 'assets/star.svg' },\r\n        { label: 'Staff Management', icon: 'assets/star.svg' },\r\n        { label: 'Leave Management', icon: 'assets/star.svg' },\r\n        { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n      ],\r\n    },\r\n    Staff: {\r\n      icon: 'assets/user-account.svg',\r\n      items: [\r\n        { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n        { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n        { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n        { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n      ],\r\n    },\r\n  }"
+                "defaultValue": "{\r\n    // Recruitment: {\r\n    //   icon: 'assets/user-search-01.svg', // Icon class or path for Recruitment\r\n    //   items: [\r\n    //     { label: 'Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'My Profile', icon: 'assets/star.svg' },\r\n    //     { label: 'Appraisal', icon: 'assets/star.svg' },\r\n    //     { label: 'Staff Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Leave Management', icon: 'assets/star.svg' },\r\n    //     { label: 'Resignation Portal', icon: 'assets/star.svg' },\r\n    //   ],\r\n    // },\r\n    // Staff: {\r\n    //   icon: 'assets/user-account.svg',\r\n    //   items: [\r\n    //     { label: 'Staff Overview', icon: 'assets/star.svg' },\r\n    //     { label: 'Payroll Management', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'Attendance', icon: 'assets/dashboard-square-03.svg' },\r\n    //     { label: 'New', icon: 'assets/dashboard-square-03.svg' },\r\n    //   ],\r\n    // },\r\n  }"
             },
             "activeIndex": {
                 "type": "number",
@@ -802,9 +802,15 @@ export class GbSidebar {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'system' | 'light' | 'dark'",
+                    "original": "ThemeTypes",
                     "resolved": "\"dark\" | \"light\" | \"system\"",
-                    "references": {}
+                    "references": {
+                        "ThemeTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ThemeTypes"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,