globuswebcomponents 2.2.0 → 2.2.2

package/dist/collection/components/gb-notification-pane/gb-notification-pane.js

@@ -50,9 +50,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'daea34d9b94588c3d47bc2403f766a253f0dd5f0', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '52bea558431a210dd94619b1b2668a03901c65cd', class: `container` }, h("div", { key: '8a8f02d300aa1c4a2700c3165765f3200dac57d7', class: "frame" }, h("img", { key: '8457ac265b22dc786c3a7ab158f28c164b4dcf5a', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '13429c7b7d83f9a700de7d2b992e7cfd5d784110', class: "empty_state" }, h("div", { key: '00fe9e6ee9045f23a4621cc22b8318b62d36688e', class: "content" }, h("img", { key: 'c8f2f53b5f73a537c8581ec4b1d1763ef3af0adb', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '749a5522d3054f8c001a539d37bf70bd0fe4e2ac', class: "text" }, h("slot", { key: '5c0167c297213f2630ae71745d8d86543b1d5947', name: "label" }), h("slot", { key: 'ff388997d8ccb080a122b9b8cc69c8ca0c9249b9', name: "supporting_text" })))))),
-            h("div", { key: 'd34733a53eafca2ae53a8193b1764916207fda88', class: `button` }, h("gb-button", { key: 'ea86ebe9d5237d963fa1191a06873a45aa2157a2', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'e2de7dd38e81ea14371fa5c400ee04c4cb818975' }, "Mark all as read"))),
+        return (h("div", { key: 'cb5c226117bb13815bcbaa3ad9a76d00b1eec222', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '6eea8cf4d7af498926cd4852d09870813349896b', class: `container` }, h("div", { key: 'fd99d5bb6a9b723168ee607bb46a2eb76827348f', class: "frame" }, h("img", { key: '15673e23e72408d1957cafbab90413ae20c4b938', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '9740c2668278fe15e4aa92071f373d85ea991dc6', class: "empty_state" }, h("div", { key: '9334c97258ebcaed872e72cf5c3bfcc5e27161f7', class: "content" }, h("img", { key: '60de4e69c45b3bdb0290c535b5cb325340a66800', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '016b68a31e9c8d015eba14729e830b620414d899', class: "text" }, h("slot", { key: '9e37f83de106660bfaa08c4439f10a161afbd410', name: "label" }), h("slot", { key: '76215f79b134b99b48fb99dd89fd0d54bfc7fd5d', name: "supporting_text" })))))),
+            h("div", { key: 'f4e2c68ac49bb629b5b8d44f14349c17d1b0c69e', class: `button` }, h("gb-button", { key: '4cf94fee896da70256a9c90ce1b7e9ea4a52db3c', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'd0c62f79af2e2a17dee6b24d68436321dc73801a' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

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: '5adb85c34b079d530d5da577b1bdcd128a26f362', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '1d38bda129b061921a10b8676deaa71816d2456e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b1940071886e23fc67992c025849e1e463591b73' }, "Previous")), h("div", { key: '87190f060b56561c077961408fe5e1c0f3a36aec', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '113146ce6c131a0512d4b20a2d8798e2c4acf081', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3d482af4f6d49ec22996d7418f7732641f3942aa', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e4ca54a18262f810ae732073e29530e1bee9467f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '12eff29b5a5182326100258b089072725dab25db', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '54624cecfcbfeecc24b964a02580f0188324f151', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '166aa70e797c18807c22297357a31e566220667e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6b546c88503b659c337d86e15b2d6c9293c0b8d5', shape: this.shape }, h("p", { key: '15dd73832531f47d514945f6c79317bc433cf19c', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6f927d7b4be2e9b3010a928aae5274e1e972c3d2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '43334b465ed505f4511cb2f6ba037a9b5f00ec0c', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '884dbc1bf585cdd50c54e6e39c7f1949b509a03f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'f023ace5b58109c6d1682c562327a8eb1b44ac4d', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '3a2b9ac8c3b94f12b890ff17673187bc8eb6a651', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '4163de11a6f338fe552e69bcb8897f194898e01b', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'ebbcac8359827c16ff6c660adb97318d077411b1', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b3b95a9700faa265c2bd874aa8cb48b6b7f48f81' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '946d36fa17ea328ea8de0db734ec263004b11108', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '683cd065700a3ce88aefe165905b549a4b495ec3' }, "Previous")), h("div", { key: 'c7caf6eed11d9a21bcd229e77267941a2f96f3e5', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '7193b7a7da2f412606de2edad3f8630cba586794', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'e1a1af653c2f8d94aed43036a16b2808c25ec5ca', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '145c5ee6371b0a86da6929778f21764f6ac15b86', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2dc3688bca931c9abd3433f95323964cbdcf8882', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '20073fa8dcfb3e8a45e5ca5b138bbb2c3e5505e4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'ddda9e4bfd335676c6e5cd6b1f441321824ea92a', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f138a748785e8c918464545315e6947479537616', shape: this.shape }, h("p", { key: 'b42dabbcc3e8751f2f75080d556573eef8d0b13a', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'df0dfd86c63a94138d43750c7e0d6cbf90669f37', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '36fa2c498d21b94731e1174a37bfaf20da425f30', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '67ec55222b8226e1cc3b0b4dcd6c2b924df8be48', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ddf127dd567012568ae6f20e9513c957933aa0b2', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '3a8f72be2254fa74f96d65ab51ea5f35ea22f97f', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9c5532961c378d96c7f277172fbbacbb8d0687e9', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '83b03b56f3a75f870fd3be6bf7185c05238e8c9d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '931407f6e67254d462cc5493d15bcf5f0e638876' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'edd78f5420e4ba9150f1afa065d60e6f778a416a', class: "pagination_entries" }, h("div", { key: '227e97b4573639021f891d46295da67b524ddb56', class: "entries_text" }, h("p", { key: 'd49d8ccfd31a915eaa421e0fb8e4e390c6d57b70', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fd813464957687fe8a8774e0897b20242df7478d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '575da8e8ab174b705f5256ad91fcff5646b32356', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'e6ecc50a86a172d21b27dc131c3008b4325819e1', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '434fe197e709cd1111c484ed8d0cd75f6f03d07d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '756a38d311a2263fd046160bac36545548b08a3d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '53b070f436432c37f2acf2dfcaf3a07cde77d970', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8b5950fcb06b556ed29427c16ed892fd125012d0', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e5ceeb717f0e6e2ac0d6673917fceb43ec1ee339', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '313f099a38cd4543b6f3de99eeb297cbbf0fc12d', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b8d82f08b0b2c7e107c487ca237dd1fb035c50cf', shape: this.shape, state: "default" }, h("p", { key: '7cdb187381c2253f256a3dfe6528464971ee0c77', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ce173bb3403e4014d9848686d318643ebc6e4e10', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9a7f1c98442b69193ae3e2be05f6290f666c4d46', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '9b03bc0976fd038281e84285272a9d532a66237b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '742a86106ecc093617b4dc8e7c644ff2898144a1', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '250d473cc83bf1e49918aa82c4aeb84576151786', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '485412a70c566d5daad68aaf95973b1c7a708db6', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '40089554f388bc97923ae536ed1b91131bf8e26a', class: "pagination_btns" }, h("gb-button", { key: '274af6f6cb5489539b060f1f6ce85973b261dacd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '86b380d86a5f2443d81d20fe24eac3dd151fd42f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2354997a4c99c8f1f87e84e8e936235831a5306d', class: "pagination_entries" }, h("div", { key: '52164913ca1befe7c2aeb6d3a0b799cfffa17951', class: "entries_text" }, h("p", { key: '3fce63cfd7795f8f489bedab51a4b6571562c755', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ce61f4dcd0f7ba73eef511e1f5f8fb3b416f5f55', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b49f924df20e082b824ab264a413ada1fcdb68fc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'e836cd4da738865dea25f2971afad0756cff0cee', class: "page_number_text" }, h("p", { key: '35004f91c4f7c21a29b73a903af400bdcc669293', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '226c20bf12ac19d1360628f301135cb519b4a538', class: "pagination_btns" }, h("gb-button", { key: 'cddf91a06bbe30c85c9568fad0618607184de464', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '60b3b3e3f89cff2ac1cf7d4bf9ee141d224fff58' }, "Previous")), h("gb-button", { key: '40e8f29499c4e2603fb4f7fc31c9c784b5291653', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1e7b34e6bbaac0d4832eada4cc62aac821b8ad0e' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '17e5c67641a8786352de1061363929c12e2ba526', class: "pagination_btns" }, h("gb-button", { key: '673d91352361671d7c49a51d0946a010af6fc1fe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '59477d8a623ecb7a48dc8c90a588b473ce93f52e' }, "Previous")), h("gb-button", { key: '823a3d009d1408726d9df32c5ccf6da06ca4acfe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f6ae0a39847155f837f9aa0ad93d19c8df70d840' }, "Next"))), h("div", { key: 'dd83a79119ff3077e0e35984c2a21227aea26d13', class: "page_number_text" }, h("p", { key: '4601fc34110ce6e9a9e70da4cafe91df9f002f50', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9a77d9e7b93f85ae40176e4d851eec5d7984e04e', class: "pagination_entries" }, h("div", { key: '061f2c1582dd3977c91969ce003f423f13e498cb', class: "entries_text" }, h("p", { key: 'e58ada70af09d86f071b8914618fe8258b3aff07', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3423a456ffbffd707699059717cb74df53b9aa8f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ff2512c04f81e4640cb4902acaedbbc729b119ed', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '65a983b67d0f252452b4bccb03a025be6e5d52ed', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '811638550e8a87dba2ad065deececd8c0b4f307f' }, "Previous")), h("div", { key: '3a6550ed7ae8f0f87e94def35db64b8c233e8fcc', class: "page_number_text" }, h("p", { key: '040f641960fad0296af6ae2f38fa653f05be6a48', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8c440cdc0b8992c90e564e9cda35ed4711984a1f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8625fe0980c79bef44fa1e3646651564432a65cb' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5724debb3a83004fd945249a4a4f70ed6e383fe7', class: "pagination_entries" }, h("div", { key: 'bf20a16b32b4bcaf72c64da0369ff17cfa8faae2', class: "entries_text" }, h("p", { key: 'f7dd36283ec8d3299b04360fc93078c8b853ab68', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9033bb549d12502d5ea52dc31a5846e2d2eed385', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ea3b9b44199157b196a76f316b247e0af445e1a2', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '4dedff4ea486edadf75395246e75ac997a03adbe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e8d20b19eaffb45db548e3e0c1af1b1cad43e521', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fb60d042f91fc727861dca67f323c96d82742548' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '329e94d53cf8d6cb70e837d18ab73fb57cb5f32e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '76624a6efdfbde2d29218dc6f908e8d669fade1e' }, "1")), h("gb-pagination-button-group-base", { key: '28bdfa9e483f83d8ffefb0e58275f7436dacde3d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dd11cc1a5e34e9c582d2c4c74d5dce94d9149e17' }, "2")), h("gb-pagination-button-group-base", { key: '1f4b747b95d55691385cc5ad0bbf062b58ba6b18', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a53ab0fbffc4a25151c08a8b1735bec102cdcb51' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '90e28d0c06459e7c75a34ae007d12010bace67c5', icon: "false" }, h("p", { key: '672a881d49220d3389236924e06326b4cdd185b9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e5fdac7ba50cc79550cb2c3a7a2a8c2ad4e54301', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '06741b52cdcbdf47c9c7c19ef5e9273bff6a3651' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd25b5f0aa8da0994691b96e0c6f7a1efc79879a7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a7a2291a878f2ddf34da0c1f317d658586686abd' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2d75e967ba57a70cc99e9da8b78e9c0a7fbd00a1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f9171099ed7092aeb7d3e70db5975738e8a47d94' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '0a9ff50d3579bd6292e068efec05ba1d0357fe32', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '13b74d0ebdbce032606d13bce7edd884d5007929' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '47e0ae0f567ba25d900eadc3add1a067fad86af6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '66c36e8156939066d0eeb5a20b9e296bebb99d7a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e18819c9c82f4bf204e1018c3e2dc89492a957ff' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '5c9dd6b65b7accef55f2b7848b2a036fff4f44cd', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '517b890167c5f127e514de86dee1aadc4f21a6c6' }, "1")), h("gb-pagination-button-group-base", { key: 'bcb7f11e835b7549a00ee66ce357681f233ea158', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b0c4bf1c1b3db276e3e2a215c563d3be2515753c' }, "2")), h("gb-pagination-button-group-base", { key: '72afd21598009349d06fb2140fb8e4327053524a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '037efffd4b76cde3d77f889a684ef2cb84293942' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ae923ac5cd9d71a7f29221ccda4377f67e305f5d', icon: "false" }, h("p", { key: '5a401470ba336ed41029fdf6209a5563ca3d4474' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '67f2c3d24976b62b9b4c56597107cb59a7a49057', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2fd082b1141e20f11ba097bd6524c0e31962e0cb' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '669c14f6e30d252bbf0132a5b656fe1921589d7b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e8d55f037d18d81e0dd3f35c5208f2499f4c64a2' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9ef2290aba809407500995828e19957abb42b065', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'dc2a309ea4c7ce11b3ba25c320f0b3592e21c54e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5b39a3e1aa142c11ec7d81b75a052d79eed51bef', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e4c72bb491ec0ea06d3ba4a95fea8954a97dd7ae' }, "Next"))), h("div", { key: '432143a97a155ef8f2c733772f6385e8fb5135c1', class: "pagination_entries" }, h("div", { key: '481a99a31848324275177fcccc7637af32910390', class: "entries_text" }, h("p", { key: '7ab6e3761b7ae309b3db321d38df65ae820b543c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6efbf58f89d17e4e7caf84664570ff48309438fc', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '76eb5553149a5fe0850d2c3966c976e015b916f3', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '786ef93351cf5c7e2b271fdfe0838b62767d3454', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b137451aa5bfcba197075cf2cc3355d8ffe3f97d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a29bf6a9263ea7abc7127e68185ab9644535dab0' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'c21ce3714729fefc94fa26eafc442b3a58eca0d5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ed2a8f9aa869882349e35bb3dd020f0dff37d4ba' }, "1")), h("gb-pagination-button-group-base", { key: '384cc41706086f7d9218e374dc5471426c4a7062', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dbd1b2a4d734ca19c0ebade46a52559afc330571' }, "2")), h("gb-pagination-button-group-base", { key: '338533b6a8f4a85c69680e38439e5277fe5e0885', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c7a35e776bb00b41abb141cb25218e3722bbee1e' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e6df4a522aac796370dd471f1146805a06eb6f22', icon: "false" }, h("p", { key: 'a50bc3e97acb429e9809593e907727c0ad3f8079' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2d26118a38c2c5c7041715a1bf5a801dfcc14d81', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '070f0b4aed0b3f310f2910f6564b3f53fa1b2369' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fded98b2a51605401ab87f520fab5864fd0712af', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7e5ae4abe024679796d66a79e428b051384a2224' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'be9a0e62c9932aab2da64ac546844509334105f3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6b54a447f6914585df9e89449823c29ecf5367b7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7a7608957d67588d5a7236b191786bfe017c48bd', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '44f73b90ba515f200f4f42407466921ad8814cc3' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cbe5b8f9bb1748c7f65991aeae3087b0523b2f43', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8b40209ad50c3048cbf5146f4d6791b0c3354c6e', class: "page_number_text" }, h("p", { key: 'd26309df2216a5b9d84627a61498dea502bea900', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'db2fe1acc7db6eb8317f663515f4b677ed4ca170', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5f1d0ddc3eb5010b19822d7455f606c019cd090a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a0d055c1e9c7a6cc934db263eb7bd4b65283dcde', class: "page_number_text" }, h("p", { key: 'f3d74c14b9790be904aab8fd63928a33ad758132', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e487e0a14f29b5c09a6492a3d685c9070e3125e8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '6c1574e528fb7793269cf3108d25b96a77af7dd1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '9ac41e4dafc8df0e562921a55be17ef989e8ae35', class: "page_number_text" }, h("p", { key: '54a3f92e96ce1ee9098748987c375d3dd79a9223', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f04b6d859a78498bcb5331dfc5e2ba28549acb22', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'da98c060ff00732c6d89186df236e79629a04c70', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a2ad5930a0e05666a8866234e6cce6f6fad0c4a5', class: "page_number_text" }, h("p", { key: '6d91bd320d409b90fd74e8770783f677e4803a58', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'b029d81ed1790e8b0bdaa30de3d12e6e78b73bfb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7f985551d8187ea448e5ae48004dabef4304bca1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '7ed5947f8e57dbf0bdec2d883c891bf997f0495b', class: "page_number_text" }, h("p", { key: '4d2b3bdff68170c88c33b5641be4d3df647837ff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7f0ecbd463d2aceb3c2c96f994bb5488abce382a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'fb1ccd4d0042694372cdb58058c3f307f767826b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0f77deebaaa188788b98e3e272f69ea2dc5bc0f7', class: "page_number_text" }, h("p", { key: '4d7a18aee38d6233e688f83279efafea33ca17f3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd7f1cd97bcd284e8cea8d716268598b2c3042732', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '9562f85b3f9cfe791f6f4628bf2cb1309cd9bc52', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '16337a1537b16a07237942da02c6ba5b844d9993', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'f022745e709e6732a41cac00510b0eda6f253445', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '737ca6e8cbe58bc7fde55e31babc7e371fc9a68d' }, "1")), h("gb-pagination-button-group-base", { key: '912b3c10dbc6779578c356de992557bcec0e0152', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '45ae310be0cff06abdc4eaec1d7d23a70f7ff703' }, "2")), h("gb-pagination-button-group-base", { key: 'c86bb82f1c450c551a6422b77ff83adff8f22e6b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '70de59204453fb41a3e4841fd62c13330432c441' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '403d9f9818ab8d0563dd883bd1fdff8dd559ffdb', icon: "false" }, h("p", { key: '51571016b75de402e059446f2ecb925d1ee4b752' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'aa91625fb825ea39212476cc7c818180f901274e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6c12df174887267960fed534aeed1b0eacade2f2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9206b94daa1068b77d3b44aee2a4607ee39cfbce', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'bc8c93356c2acd6aaa43d535eb1cb49aedfc559a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'cf4e42ff975d73ebd19d3359b89fded151c42d62', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c34958152437c4c69d7a9992086a31233b6afc1f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '586e2d01a8a6d97f352ed107b84acd42e7079b7e', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'adee4a74d3c7b065f62575f0b18caa26c383c71a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b9bc48510483cee4120bce7a3932b5e70f37863b', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'a4a2aecac01865a372204e45845a5245ab2a1cfa', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9a3f93e1465944634d15f11c7fa2efd5c7cdaa74' }, "1")), h("gb-pagination-button-group-base", { key: 'f8b47f5ddda73536363a6c6e8f25b3c991aca558', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'fa6113613ddc67fcc2dde333c763d8673b48c78a' }, "2")), h("gb-pagination-button-group-base", { key: '664a15eb31365f6df21c6745c577d1510d963ad8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '305904e712e413cb6936de83c3c20b899dad7ce3' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '29407be4d0474cecaeaa99ad0df8238e5627cd1e', icon: "false" }, h("p", { key: '18653ac271651d0f06ef836201b32f8a0ac80208' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ef5f078522240c4c25b24d6ef027753bd1b6badd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'e49e048119d92983f9eeca932c75e33ffc817a44' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'bd5ef6dfbb214735171312cca32e9b436bf72e4a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '55cda2de94ad1c545daa0e264e17fee09ab96e5e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ab76efd200e0ec3729bec9420c58cfd9578a2708', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0be2cd8c0c3f5aa6e228f09022e43ce316131d7d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3bc29ad5fee2e099f51a03c0e9c324c21dbd8d5e', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '561d0db1a4cdc21ae407228d92c7077353cdb661', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'efc08914cc7d8ad6f76375ccd14b6003b85e1fca', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '495b28f7c92b0a2fe73f5b3d61283c1b0ee73e51', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6069b54c44747fa07aca52218b67dd169c99ceb8' }, "1")), h("gb-pagination-button-group-base", { key: '98b9aeeeabaa44243a10bc3b850c2d8bec6fb58f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a588c2aab64202f1c5ac5ed7c332a964385761d1' }, "2")), h("gb-pagination-button-group-base", { key: '933d66f8ea297e5195c0844c611ddbf6843787aa', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c12dc28628307ed688a30afa85aa82e92662d7a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2425d9c9fa0a68e004e9e30b8be00afe2265671d', icon: "false" }, h("p", { key: '0cf74e31e05ec5956f71946cf1fc35886208fc24' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8e98833631d471bc33403b0dd18a9768b800d91f', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7ab9560ec1202919e72863a84f18449a37e4c4f6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '86f3b9608a62012c55926eaabfc16644ce4d9580', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5fb686ada62296d927dc07c6aea19009b31b7fe9' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0c943fa35ae5a1731cfd7552eca3927027ffd40f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '89f9afdf9a808b3e7d9b7055969647e61ebefd35' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '505629f2d8b9a379f02cd919b536fccf6e3fad70', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '857c25c48350c76b1d805d3f199acf06ccf62ee6', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f3e9eba051df4fe677c7c2210e1b0e84dcee7126', 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: 'b56806c54c4be66083f9487fa74c260e0c528ee8' }, "Previous")), h("div", { key: '97d9b516b39a49dc4eee69f1e88dfb1f67d95a80', 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: '95376ca8d070d66b72d5970c6f5549a9a6106cf4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '312e388be547cc369cbeeae203d2073429a2758c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '45acdce776d1415697ba4bfd256055a6068fbb90', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '9acf45542a96c216ca7c7172dc230d810f07f95d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ef7ab97b071d54a3d16e0796c612a196f8b58c54', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b83e9ac80fdf40289925cee3e518d2ec49ddcbe2', 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: '3579efbd06dded0760d7c6465295bd5148f2c891', shape: this.shape }, h("p", { key: 'a3335b42926644f106bb23611b4406c515e1d01f', 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: '8302d4f02c5c24bb405866540d321b0064df9b6d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'aaeddc340a74c4843254ea247c43d0d460b3d7d7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a3cfe965b709bab0401e84a07fd9134f9f73da89', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '42c48e61dfc94845f4115c88a9e2e479c39221f8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f87abd2f154ad62bed3cd2c6b1024e889b95d650', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '64512399c3855cf24f442f7851eccde4f1b66b11', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '6911e77c5fad2bca03886e180d7b9c28cbf74495', 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: '84af87d287fce9294dd7dc7938c3626999a8a0e0' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ebe451b932c2e72ff2ff9106f2dbe424b1ad12f7', 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: '50af72be6314ab666bf0517b54602f3193de87e5' }, "Previous")), h("div", { key: 'e0569bb16f2eb7120c268c163cc5b0ecbe3143af', 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: '0b2ddebb34f3f8e132e14c98974604971165e405', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'e40489e05b0bcae6da12f3e1966674fb9bc76157', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0a2f6cf1393d1062da4a280be3cd278733bb1595', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'bc10b762262d96ac661ab9020a81177f5ffba32f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '72619f28b3d8d5292a8aa54757ef5e726668e21e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '29669f47c543abb8efa86e8e7730f4ea594c06b8', 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: '40c09ff9af0a68f2631f493b97e240c7287ff261', shape: this.shape }, h("p", { key: '31846cc31eead32a1432b78dd0c70dfdbb6ed85e', 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: 'c4b0ae3b567462f9897d4324fc4264186d58f156', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '4973c3b0876afc9001d3bc3ed65db8a1f6585a7b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '37c1290ca3345a991b6283450a2db84c63db9b68', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '0a36f6e69ec760b8e45c6bed4106a3ebc3026c86', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0aa9666ba578682caaa55d49bbc344d247b00691', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '406ac45a543828a06432aac67d5e1294cf0067ab', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f5c0da301ca1677678f6b56e13dbb5dac5157892', 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: '5b49b1ff0e41473c808ee8d6d250e29bd34557bc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9ac46bbfe6e940732c2935858a43fc5b7f3b02b3', class: "pagination_entries" }, h("div", { key: 'a16eb063f55987dcb0e37024ffa4167288b9ce1c', class: "entries_text" }, h("p", { key: 'b5272106fdad10240eeca20ce47851fbe1b8b953', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2ee70b46517df7edf76e7778dc3328e9c8dafb1a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e8a19c7cd6284ca95c348cdcc01c4c82e4d475b9', 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: 'd3b28918df26e97b11301ef556f95ec1c48057f7', 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: '71f4b08bb65e073f60642d4fbe2081e4b2426668', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8c6b1b98512a6cb8d2f6d87d8f580aed8110984a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '22576e565c9854da5a8156f69d51ed7ae6f817e7', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '7b71ae46ead1903e7311e81af272f3efe09fac7f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8e7741ddd0895ab8ae73c48a8358b3c6049bf906', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8d8b5a3b7b49439d358a855542917cefa9a15e7e', 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: '4a4c1d0fcfd8ccb213e26063b0d14dff16ade19f', shape: this.shape, state: "default" }, h("p", { key: '90f6d3c833bc607cbbec85a2acfedacdcec0f67f', 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: '894c18be1195920478292f9049f919e7988964d5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'fceda99d1e896eeb1538be5d0cd79660d34c061c', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e92bc35bff6d61bb9da7c082e6293a3063c4557a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'bb041ff7c7f608bfdda2f0e068e6ce236d020a6d', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '9c8ab1b5bec7c06bcc3cbb0ba8bc9b27f83f47ce', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'fa1cb25d22899e64e9301ad8776593eb26ccd79b', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'de58cf9228944a18578de15559b2a766fbfdabb8', class: "pagination_btns" }, h("gb-button", { key: 'e72caf841567e171f2a106960d4fc463099be12a', 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: 'f29bf9db59341c0934771c5702c0b8489f958990', 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: '8d063079dbd3435ab150a923c44041ecb1b8f057', class: "pagination_entries" }, h("div", { key: 'aaa60eeba241c036e25c2b7c1681758432bd1179', class: "entries_text" }, h("p", { key: 'aa694429411f3d2fc9a04d9ba2a7ca34b2e39d22', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '0a0427952d9b57f8e5e0cd72fee186ac16332aea', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '007d8bd8fbb0d69401c1abc117310ceb3409758a', 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: '7c68a2718ecaac827e5b127305eb7f353846a010', class: "page_number_text" }, h("p", { key: '9c2b891e8cc1c93c87a0d0bd9b0639caf7bb2692', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'eda86074f5749ec676d6220b2541d552af6d7bac', class: "pagination_btns" }, h("gb-button", { key: '2cef7b7dacd3500220b0bb4bab644a69776d9b0f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '191b72232be08256bd26dac4adb6e473ba94339b' }, "Previous")), h("gb-button", { key: '809d671f861b3eb79b990f338f475e60526c3a8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '75a6096d363543e8fae9367bd18856b3af778649' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9eaeddbc02dc2ea09d16b5efb7d915a640fa7786', class: "pagination_btns" }, h("gb-button", { key: '58fd8e08a3f807543fac643b11d1717daa32f4c2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c30d4158532e583b7c71f7867725c93c8c2260c8' }, "Previous")), h("gb-button", { key: 'e2ba5749ea5d7d154264e95071f5810c06c4ccbc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bfffb5db648dcafa7244b18342091f7015828b7f' }, "Next"))), h("div", { key: '202d52cebad2bae889fbc075de43afac168ca0bf', class: "page_number_text" }, h("p", { key: 'c5db36f3627acb07b78414afb51fc2485a0f09f5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '67d43a1196be78074696c496e632f8402c3a6501', class: "pagination_entries" }, h("div", { key: '8fcac42a8d19f971841ad8c2fc0ddd83858e5843', class: "entries_text" }, h("p", { key: '7b60c532075ae842614d153d98aad92888f22231', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'dc1dc471820851623d200391c4bcc6f0100f6527', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0fc866eecef58baaf1d9c077a9631ddd062b0fea', 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: '3835171e6f9e6c338f54d6c617cb383a56d7db1f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5cd08a3773a45494ab8df40e6c2a297320cfad10' }, "Previous")), h("div", { key: 'a72ea63528a74a488d122d530512f36394ee7a51', class: "page_number_text" }, h("p", { key: '202fecacbf7fba1a2a2bcc2c613db67321120bd6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '34f56dd4e6ebea338b83b17b2e9b0056ae678368', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '158aa9b426a18d38ddbbbe1b156fe11e1b836797' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bdede6b2802305c7409d4281f6dc5fd52ca46bf7', class: "pagination_entries" }, h("div", { key: '0b1c3122d81dfd59b9740a713b93198951ba531a', class: "entries_text" }, h("p", { key: 'f53a3b99ea9276f53d86fd04b2bfd3754abef476', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8bb2849b25928f714324157d6a81c822e98f915c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '73d2001f6d8d757ba680520dad10571b4d8c734f', 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: '7cf1650d19d66b95460d23391748288f9081ad9b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5c843b6eac9956eafc9b6472a4b4338d8c2ac7fd', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f77d4e9b5c75eeee3abb42eccda416585ae9d12b' }, "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: 'a0894e335082849bfee4f45c32f2c2f3f538bdd2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8d755649c0ecade3d2167ec39feeff54816eb5fd' }, "1")), h("gb-pagination-button-group-base", { key: '10ecfcbaf164ff820a327832f0fb70fed126b4e1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '936f30629f2a9182dbafefad191c17e4bb927bc6' }, "2")), h("gb-pagination-button-group-base", { key: '4f878c8f768dd39d401741e6284a5f88a25b4b29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dfb402b8ef5817ac3a6a2319476c4db3d40e1b40' }, "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: '4c4a31c36439ca10a86d6d81e66bc0e9f652ac01', icon: "false" }, h("p", { key: 'f59701f4e41753840f75d2343e5311fa2e6bd3a4' }, "...")), 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: '48438f5aa75fe1bbe67c6a325d6881ffed490ace', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'de1c6b502efac593fd20100ac7d370fa33a4e62a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '91bbe552a6fac0859f805b8d23cad93ca7077f10', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'fe150f1dbe0fa4497bef8230d713cfc8054d87a3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4f5f2e52de000c756dc832dd098dd832fa37fefd', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd41ad4796108b698ece7229209144b45a3e24324' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7789d941c270bbbf1d7155d5bdef75f3f3a1165e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fc6bfbfbc7de0d56d7ed3bcdf0a77613e63b1e38' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '02fd6f272fab6c773e5984f9850bdbacd214ff10', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e9f9ef54b2a0b719d9904634782fc8e2242e44c5', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f6e5c7b38c8767bcce8d59fe45435443e1a17778' }, "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: 'c8d2c09b58e34929bc99ff513f9aed9b2c03f5d4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0c69d2fff577fbe8c48d306cbe1b654b62e065ae' }, "1")), h("gb-pagination-button-group-base", { key: 'c2562737861c2599727c14b9012b8e62b31989c4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c24abc367518f209f6db73eaa035f554400c517d' }, "2")), h("gb-pagination-button-group-base", { key: 'f346833e57bc6457c33ac15783a7478d6b6c4bde', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8b891c289ecf007d49a4eb8d32e3742e89169b08' }, "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: 'ece5303d058bcbea71474027e89b5cc9b8499d58', icon: "false" }, h("p", { key: 'd918ae82e05d172adc26a82a4074c563fd5783f4' }, "...")), 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: '755b0b3dd65d3d67e38224be89f8551c84c22b77', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9c4518bd5c8b9fe8012d7e0341525702ee7770a2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1bbb18c4cc4be8a1aed5177cf20f5f0e433e3de1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'aeb39fa41439ddfa6cba387bcddc2461dcfe3ed0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '87a702c6a51f556d939a0b0eb4ad7efcff16216e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '64d9bb39816de6f79e2d8b3a72685d9d172aeabc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '84f779d35571298e7288937c6414e77003a1b5ba', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '294c90c2c08d7a598738fec7bfd209494b6c24a8' }, "Next"))), h("div", { key: '2eea1c6ce96b665537646fdf70a204e4ee254ba0', class: "pagination_entries" }, h("div", { key: '26bb8e4b3f336b39e72f9caceea6594e3ac65060', class: "entries_text" }, h("p", { key: '6c4c8f0db34420e01d55e71185e8282ead65868e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b8f947d7452dbcb1af7bed5d830613bad6dd32d7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a26c37409a44ad00edc1d54bad1b7ae15f668f65', 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: '3f6f69a1fc0a98c2b65ff76caee1428515bfcb0c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5695fab61296e5a332fa3ac62fa2b5c0d9760ecf', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4e187783cc89384393ec94ecfa7a0311b98c8baf' }, "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: '3505064f14e9eeb5838cdcd304e9862349c8c424', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '12adc51ef92677c2655f2298317ab0502cd4cba7' }, "1")), h("gb-pagination-button-group-base", { key: '37156becd63ba68de8cd025a19bb7aaa72fc1da3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8d36d1f5acccd893b657ff8be38e787efe065fd7' }, "2")), h("gb-pagination-button-group-base", { key: 'a72562ef9737ca789615822c71d96f352a9d7d1c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e668c100f07a32ec8a1e1b1195d3fd2c3fe53672' }, "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: '86d35d32035d85d538608473a119b1d850a6ffff', icon: "false" }, h("p", { key: '59187ac0b47eb8c8d6575295fcc13e229708d61d' }, "...")), 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: 'c1ab37d4b4776c58df82ae7ea0f48cacdd71c4fd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8b757e4e2977b750ffdb05117e3866cd8b7484e9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2b949557b7561b2786df38e955566aa988e8e0d7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ec6881244c952c257bb73e018a2d3ba159e34c35' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '33604bf80254eef10bf817b50e3745eb966423e5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '101893b9c0ca6bffbe110c316bf50ebb852e6f93' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '68f7a4d88864662d12bb55e5f3f9335c03df1c3c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c5d89555d3086665918664f24cf136a61f353ba7' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '0cb783322646564c614951800c3a9b32d893c4c2', 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: 'e288820c262eadf91e2e4ec27101555ec09401c9', class: "page_number_text" }, h("p", { key: '11f9e168746e58216c374e0804509423bea21381', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f9ac66634ac6c1f8d095dd3cf4bdd136d942c260', 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: '1bbd02ee03b0a9208b2e67d37e74ab28f0318a24', 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: 'e954f1febd48b6ad3f8792a3c6f3c932695c05b5', class: "page_number_text" }, h("p", { key: '2e0077591511f2a165748a247b33f4eedece56fb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4ceecf5e0ba2dee6c8330ab1c2532d09d4149f5f', 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: 'ff2251fcd11c525230f2acbfbbddd12802a68b77', 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: '34327f00494c0bb6910c8421e4c0f8583d4b638c', class: "page_number_text" }, h("p", { key: 'e695c07257bf9404a37cd76e2e13ab1decc8f8d7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3899b02666c7b0aa70a739b0dfde3ba6246317c3', 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: 'a9199a189363fdae07820e284d686256d138de6a', 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: 'acd35f63ce0d1829027bc789fbfc78d05c4b4b5b', class: "page_number_text" }, h("p", { key: 'b304b71681dae26b84b921518f71febb39504226', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8a57fdf6af6b8326a28a8b0fd5a7970b16b48f87', 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: '86d892ed0725da366bfadd45fcdde1504fec6bec', 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: '2e3b9687bba3bbe6a1a7b5ba852031dac7eee1c9', class: "page_number_text" }, h("p", { key: '5e4b693a9851eb5f792032ae6fd94095e87be398', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '001a15a3ae6ed297ac8eda450be9203cf81ad829', 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: '3561d1607a93f568b88c003035679f332322b262', 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: 'efa445d3d1bf66c1f470b36d63dc40941e34b145', class: "page_number_text" }, h("p", { key: '0ade2b08ec9affc633037470c16d3530b72eed0b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a79025c52b5945c994eb21d6573d9ced7195c28d', 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: '51501f6719650500765640c681bd0e65a7f57ff0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'deb0cfc5a75bb4a9bffcb30f58a91956f97c4a02', 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: 'e5411c1d973a28ec97b1320c152468c684ab9169', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '33c8e281e2b4c2c2a55f2c065d413c35b21d96c5' }, "1")), h("gb-pagination-button-group-base", { key: '9e1a2de189884a273f145879b94e566e3bdf28c8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7496c0de719be5907b372343262591e7baa4bf5c' }, "2")), h("gb-pagination-button-group-base", { key: '81a84929dcef67c1117ef0d423e7893a02cc8589', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cd76c0c1727f2b0bf592d01301bfcff6dfba9134' }, "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: '558e01eb5d58b9ad0862df63c33cbca22efdf16b', icon: "false" }, h("p", { key: '9ef5dec650c8db8ca1cf97f68ea17ade58cb9695' }, "...")), 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: 'c32f558f396cd0575af5c4e4378ff0f87f1f853c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7ddcc4ea06ec70f86bebcbd382da057b1cd27b07' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a44ac8bc0166f09d739edab6bccd7a7cc5eb04e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd9972fedb63f1534ef9bc4098c7187cfe21bdd9a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f0ae3d8d4905b20d84ebdc4d08759c5c6e4f5233', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0943ebf4897cf54e26f0c5cd905bd05918d78375' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8633ec1ed011fafab82b329b995da1d4e5ff09c6', 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: 'b10a8f7771c75da396b55213ac2fa58870c0982c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e1c975831adf429527b97f74150904317456c8f2', 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: '0e86563018b4f1a310dd1b4e1d8dec0f1375fc26', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ed3269b2f634246dd054bcf2bb05343be40eaee' }, "1")), h("gb-pagination-button-group-base", { key: 'b75954fa414a5e89662f5c78e7d4cdb2de44fbcc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2bcfd6a0d454d766e39a11ed7fa6c325b73de175' }, "2")), h("gb-pagination-button-group-base", { key: '77637fa4b7f5899bb83d01b8745fbf2a13673352', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '26949a5a19d4f9a14f35a82b3110abe266677fb5' }, "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: '490ee87107a3fc0077083c9d837b63ced382b880', icon: "false" }, h("p", { key: '5325fce01553167ab1e4df104463153854edee14' }, "...")), 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: '54e0bdf819d861202005fb5c87fdcc7f2b161350', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '4f0166552e103c40a4710426e3c8b9528844519d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0ed924ce5e0739b36e80abbe40c7d59d3cc4f105', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '87221f2b8ecfc6286f458abe31b30ad9524ca417' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '12d1124527ef3c1e092e3525006c1be3839fa5a6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '411dc4a9b710c75f25acfae14e6fe435d42007fd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9041fdaae74ac4f56f5e793fe689328ed1c3730d', 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: '298ae07bead2c90330a0cb7ded74d53ec4f4b8d1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '84914ce19f578d7885c30d91e9a4924278eefc83', 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: '3227d6f68c9e98df2c0ef2118ae64518541c37cc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2c57b50c4eac5272f976c83ef91197f94bc42282' }, "1")), h("gb-pagination-button-group-base", { key: 'e7be59f116b21dc3177ee0886556d058f7d0be0c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '02f240e76274230aa0a830c31b07a7f1cee467ab' }, "2")), h("gb-pagination-button-group-base", { key: 'e85cd7f5702f04bfa8bd2d366a95a23197e17850', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '370335b108a1d233d465f2149a71f117353c402b' }, "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: '11be03031cd92e6c2068f970b7cc701dfc14d24c', icon: "false" }, h("p", { key: '25adae5b5056e1bdc29e3d8710aea89f310c87c5' }, "...")), 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: 'd3be9152c7ba8f23c86c266b5ac06e4e315942ff', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5d0a5e14433b1bff01ddc35ab5f705ec0437d864' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2f5c78928edec1561f13a849f3897dde98bad06d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '6121184de6a936903a067d7eaac5ada414776827' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd37df2bf896929868eb7661bc49fb0b0a51472e1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8fa9d6de710e329434c5a186cb8b28ef7f97cc57' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '064c842fbb7626d6465180590c1f23ac4752daa8', 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: 'cc0beeab7aebd0e6c4e860c4a22e8b25a059331e', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'ca01d58f3bb40d4e27a5d4ce017def2f43475622' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'f0bcbca619f25e3e759154de5982295fa57d8b91', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4077fe9c6aa3138707313b40be907735b15be18a', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '639fc50f84c4e202c30eb50337e3141021418c79' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'f695fc9a478872b2cfc8f0fa64abd2fd0ab5992e' }), h("svg", { key: '7913b5eb892fee52485ce0205422898c8e806e7a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '171c9fd2aefbdf5e60b0b7015fc1dc99b817854a', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '35b57a757568d3075a60b17fbe404015b4552ad9', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'f97531681ab5cb12111eab351ef54eb3697b595b', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'e3137a285134be559821b35db907d42ea831c9ed' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '3f42967e0233bf578a25e18e2c4f814766bf38ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'bde5b4b2a24773c0672ddd25c8794b2f43fe79e9', 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: 'a3e4d6ddef581f29e8fb2500128ac7220e7efa01' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c9e05bd5785e92d201103e493fd956615ccbbee0' }), h("svg", { key: '501ebe1d2b4e85b2690d5a15f98e496f173636e4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a0c6763630b0506e6365f68ba4f938ac6667d893', 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: '79483cb4c6b595d055b09b89747897da42cb47b7', 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: '4372bb0dbfbc70b46a0803139094e8a6393678be', class: "dot_group_div" }, h("div", { key: '6af79324f64cb886a20cbe905cb846cfa486ba45' })));
+        return (h("div", { key: '046c006463a3af6c1a350e759bcfcbee5af83577', class: "dot_group_div" }, h("div", { key: 'ee368583202cfb779abc6dd5fdb605760be35aa4' })));
     }
     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: 'f60f76fcdf56ae8d097e574330002c93bf1a482b', class: `dot_indicator_div 
+        return (h("div", { key: 'e198a9a657fc0a90d3fb1751084b1ab3d9296b21', 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: '83e0ba632bbda3a615594cc6a80e6115dabcaaec', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '18d42c7bcf1d14d60292f3b6af2111d29f7391de', name: "page_number" })));
+        return (h("div", { key: '0fc0aedc9de607c5f810b19b7bcea26ddf4c9621', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '05f794087c50159b0891a5af9835ed84a514d5d9', 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: 'afbb922c25714a044ad122f94336c81d3c418010' }, h("gb-btn", { key: '43b14250809f455a27cf429b0d3f6c4f503e6427', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '2c9b4e8690073fcbb3f5cd518f8be26e39f6742d' }, h("gb-btn", { key: '89488008a2f4caa8936dd77f7c4fdbbf1f35b072', 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: '6c441e21a246f8dae8112e86e0857c2b3dfcd363', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '4307590cab8bfdeba989d34c2a7d74c2636ea2a5', class: "progress_bar" }, h("div", { key: '1484aa5460c67e499163f5dad7afc77659b11888', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '38c341309b7b839b98f35abdcbb69b63a348f439', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '0831d9944a5b17af5daa97c344f8a551092ef2c1', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'ceb73ba3fcdc7f986efe7e3578bac8f0ccbc4367', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '72d1424403b5f1a5c97f691d46750e6073cdc7d9', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '03bd10f7e01584e6f8cd8e7b4530282ec989694e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '09d3ff3d4ce2f26febd66688fb816d7817c1103a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '6802dcb279800be25403a159fda02e5f83fca964', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '24637ee86dd7e95515f99af88642489addd8b21d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'b5109ebaf78bc0f9690ba2c86ae67ff4f59cfc1c', class: "progress_bar" }, h("div", { key: '0b365e89c0f272d0a7d93584f9027e1787ba7d70', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'e3d495a6cedf7e672b009b954b5cce691a30f709', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'eeb606b07e937b58e411effd2d59dbacb34056fb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '81101480b4106fa069191227ff7f91a66dc1d895', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '65cc864950fe791e734e2b6f9b475d28e2ee0171', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '13599dea13a3cf4cf7281a39ca35331824299563', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b1294d27dc26cd02990207335801d84267958a6e', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'b077147de356e45b0e528ac13c4546d0ef76dbbb', 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: '9734a323e898c124248a68c2b649b7d6c4c2ff02', class: "gauge" }, h("div", { key: '9c6b24e4c95d6076654be5fde88824cbe2ce1b46', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '35edb862d40343b94595eac42ceac9e268ac09f3', class: "mask" }), this.label && (h("div", { key: '8a5a73aea7cf63c9e7c301069dcb4c541a7afa8a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'f295cd637f7d9bd808fd6a6823712c3306955cae', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'cbd2b4f297e2f40baac07a19477c595e628b0d69', class: "gauge" }, h("div", { key: '60b76b2c0aa2a9d5335cc1584ffa23f2da9d200c', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '69db28c8a2077b4870c4d7f84490bdcbfa04cca9', class: "mask" }), this.label && (h("div", { key: '6b60cab5eb13a310ed892c5859f1e62621a0d678', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '14748ce346b24476b2c577ee6be1a936293d2c9e', 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: 'd54fa469dfcd3d502ba228628c855bb9b1dd46a3', class: "quick_action_div" }, h("gb-card-icon", { key: '417e7b0a35e0570e1a905c011c2be1054631b97f', color: this.color, icon: this.icon }), h("p", { key: '273ff9263a3e5be4e44baeffbcdf231c8e8c0679', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '6d328ffcadb86642fd07b4c61b0c7fd4d85464a8', class: "quick_action_div" }, h("gb-card-icon", { key: '744e1ea523a628d6055704f81a60c40d500dd51e', color: this.color, icon: this.icon }), h("p", { key: '4de693b3d826306fb2a46218a96e15a5239f0073', 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: '56bd9fd37fa397a9a60220167cb99a84c84e5557', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '901afe373cb2b33d97977d8cd75d26e89b8257a8', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'cc4e874ef1fcb7bc3e4cae4d56be212ed56bd309', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7174bb84cb7fbb1e45c9767c48fda8eb601fe5ba', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '51541f4024c2d25077da7a5ed7c0f2534501f9f5', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '1188109437218b59b3753c762f7e267a8a125782', 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: '46d06634dca3eb5a54545368d6d2614024ce37ab', class: "scrollbar-container" }, h("div", { key: '6af96a22ced9c81bc8154ea7533237deda143dfd', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'a5b3dc5080f473812eb444bf95fd10861c3c3ab4' }))));
+        return (h("div", { key: 'ba69e30ea62fe179c1cc445971e8af3ca32d9a1e', class: "scrollbar-container" }, h("div", { key: 'd22064f47d9c47f3a8f6c12f957d2e78e256fc0f', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '910bdc4d8fdcca337ee41daabdef5fdf4c427152' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '66091678b2b4ef6e2f008eb259b68de3e05f0eb5', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a9dcbbd3824f4dbe765e18e1cc1219ddfc5a3a4c', class: "pattern" }, h("img", { key: '5f0c19f0a557d9a46d2140ad697ca017cff66ae1', src: patternSrc, alt: "" }))), h("div", { key: 'dd80942931dfd2c8a5778b608d914a41694e7a9e', class: "nav" }, h("div", { key: '0e3b886990169d9d256b1690709bb7ec88f021d5', class: `sidebar_header ${this.state}` }, h("div", { key: 'fa4cd4b327b3715b8f582dbb88998ba69a90fb78', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '90c1a0938a9a206cfc0335db7b8ae5b7c16f3463', src: logoSrc, alt: "" })), h("div", { key: 'c9b6b6b439669b398f5c63417bb29676f4d84226', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '3be62993a60bc42594a474eb4f525fcc7a7de566', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '5d935d9a8d3d9236cf5a955d08fe61e32c258c64', class: "navigation" }, h("div", { key: 'c7497f23bbd70cada7cd2dcd249d1f3d16a87374', class: "item" }, h("gb-simple-side-bar-item", { key: '338ba9e3d063abee0cdf8bea47b05c165a78c6cd', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '215b83155892b30c14d5c05480950aa9b050ff3d', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'f85041507858a26b9ecc1336fe47297b04d069b3', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'fb07250839b8a2af38794b2aaa809cb2ff6a1b19', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'ed6a8aeae7a821369376d62342506f5693a92639', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'fc02e1264a03b79356e112e89217787005194c6b', class: "navigation" }, h("div", { key: 'dacd871b97e6d40572c237e8b422beaabb0cb2b8', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '582c75fcf478889656ea5f682ee3f3e1cadba0db', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'f7416dbaef39862be9382778202865298ab2e390', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '8c080b8542a6f1a1c714d976854a2b5479220b66', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '688dd5658542065e5b655d77e63d0a488af44444', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '2223c27d4b2be8203c360cd4752fb31d58459a5a', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '4e6b6bbaf6685db4441917e5b075716cd6fdd0a5', class: "application_name" }, h("div", { key: '1388ae972e9cee24099ed87af8cb1521aeec68ba', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'a743ad0218e66c9a612fcc48b8d63b5c33b51170', class: "application_name_pattern" }, h("img", { key: '996aab84838d587e58c464dfa2f2c8bfb824a874', src: patternSrc, alt: "" }))), h("div", { key: '10552084d87933f5f1f11ab16615a0ad69fe6dee', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '095831767325f6b579f4975ac6386e9d57f0f9de', class: textClass }, h("slot", { key: '1552e10dc9eca95d5b2d1794bfdec0d4871631f3', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'f55c8b4a41490a38532b601f6afd9290423e89ba', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'b62d0ce07775dc149e4b75e67e91ff7ff974c426', class: "nav_div" }, h("div", { key: '9047190247602bc2e50fa164771479b46e100e3a', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'b8663360cf4bca5d5c7def0bd317f127b2b94e58', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'f0833f425574d7a775868a10908fa63dd83ae9a5', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'bf2c27dde7859a5fa66c1ba9a7138d8bcc7d1b1e', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '95685c61a7edc1ac3ff801f3ab51f48b23a05cac', class: "complex_sidebar_div" }, h("div", { key: '07c9a268f19608baa40e9ec8301621ce02430f19', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '92f573cca3a423924c34948668e74510130acc17', class: "pattern" }, h("img", { key: 'e4eddd1dc6f481d29b73f774cd17b742270b6bc8', src: patternSrc, alt: "" }))), h("div", { key: '834984295b967357942944eeb4b21f2830aac159', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'fd56f24e294d9bff8bcef8bc2f41c18f54e94ff1', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'e064256d72d1409c41bd3a939fd8e3419ab64049', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '3e08a7a52af07e57b2647aec5931db7284257cfc', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '5a760c39b63e81c4b9ee372a3e320ad7b6585f4b', class: "pattern" }, h("img", { key: '19498c75e328fc422b4a134d9c40d8883f766199', src: patternSrc, alt: "" }))), h("div", { key: 'e12b6b8faadc581de0969b2c55211411df601ddb', class: "nav" }, h("div", { key: 'e4d0ac18ac74bc9e3c54c4be06dc097fef85efeb', class: `sidebar_header ${this.state}` }, h("div", { key: '33d6b6bf20c15f918231aab3178d98bdffe9be7b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '041349e36c5c164690540d1e69686d7b602b8dc6', src: logoSrc, alt: "" })), h("div", { key: 'b905f745f5e1068a3153701b1d476fab1ed46daa', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '8bab216d44272124519a853733752cd04d9c5ab9', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '9e504ff6f6e7e4109a5949746c536c11fb4d4f5c', class: "navigation" }, h("div", { key: '28a66c7922528e5d7cb0d28b146164cf9abb6d80', class: "item" }, h("gb-simple-side-bar-item", { key: '531155f87d094e737ad97d67027664bd38dc9d79', 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: 'bcaa345496e4bc482cd97e7f6028ad763eeae941', 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: 'dff2b2543c693ff8328098abe4cbc8c7f7f9d34a', 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: 'd8f6f19426e89a37749fe5a3c22922120e2e9654', 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: '471a534e6e4e07cd45ecf2963250b4de148168ec', 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: '102a9faf88794bd808dba8ff23889456ad32fe2e', class: "navigation" }, h("div", { key: '0a6f97d2260254ee67bb7b874b9cd3214d6db154', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '86ea84aa61ff97fba1c78bfa35c80c9e9c2ff42c', 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: '0e4ee0693755cdd607db888482f43a27caff0fb8', 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: '2662070942c15680e13101d066c3e3a5df00e83e', 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: 'efc69161fa3486aa2132e23b3fabeddc0c47adad', 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: '862a280d257d41b2dfcc533e6b3941759d566717', 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: 'cf434cb4474bd591050e74372e1ca6f74a127719', class: "application_name" }, h("div", { key: '8530c5774c50aa8dcd46bf9bc889f02431922699', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '8818a2465c7539121a888b16866bb140f6686456', class: "application_name_pattern" }, h("img", { key: 'a43735c68fab35fc669ae76eeaeee1c6b530ec32', src: patternSrc, alt: "" }))), h("div", { key: '6730c822eae899d527c272084bb8182e8606cfe4', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '034e779c12fb12331ce96df42d2ac3b4b2a6b22c', class: textClass }, h("slot", { key: '805e53bb0c9072a4ce0fda8ccdf7547b5a507ac7', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '97d6de18499e796d1f06fcb8787bd2d2df7cf2e2', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'a2bba9212f617e3adb9e00544929af99e40bc599', class: "nav_div" }, h("div", { key: 'cc559f8e4afef415db2731d5b7c170d3508553c5', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '699c526a2a9c255ed2b9a56ac55cb5446e747ad3', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '39622d50804772d58df4601fd8783213d32fbf35', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'c070dc845275347256652a099bae74e53d702712', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '96642fa66cf939994be33ad05093207ca518caa6', class: "complex_sidebar_div" }, h("div", { key: '1e08938fa9fbca2cb6ecc010c714e5a02deef9bb', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'c8a4e51520f00ee4f00dfb17dcebfabb1ae9b8b9', class: "pattern" }, h("img", { key: '77fba1ebca5c78e7309c26f86f59e0c490548d75', src: patternSrc, alt: "" }))), h("div", { key: '94f0bbd0655ebf387eeae089a335797aa1d5b9d4', 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: 'bfac29cd3737726e60ceafafbf742b1875d598a6', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'dd3d40fafe524b706f3ae1b7097d1732cb33dce4', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '8f18a3d9ed8589bff41fcab345588edfe24ee8f8', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'ec28613fbceff134f25f02b82dd58b828f2c30a9', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1bcbaa1377255219d9490a49a38e9634ca16c1a1', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '5e67f1ca7682525265d8981cf3cd8f387b974203', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'cac8f6c77637914367c4896ad95e53323dc413f9', class: "content" }, h("div", { key: '35dad17b3eb8af050c1e39b82cbd393ae9fb5e2f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '880af246d4273115bb24e7f694d9d3227453e58e', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '0da46cbe18716d3218d973c620b24b319c58d563', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'a9ff1eba91bbc93b967a682b7c7dc7e3ebb797c6' }, "10"))), this.showArrow && (h("svg", { key: '6d0d426b308a2ac2658a6141908d8b82ef92a3a1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'd584959889012106574dcef7a97c85b23286a22d', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '8184b44f376e47849a208ef232082dc9e9ed29aa', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'bca74f6f8ddf026b68357e0dc2931cf4e7365ad7', slot: "label" }, this.label)))));
+        return (h("div", { key: '235205c7f78ea839c55f53ba71e9a31e4d15d626', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'a58c03c0b8137016341536f58383c0ef222fff93', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'c37d2d9cde01d1fd59e428110ff31e8b3d95518c', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '53a2507a75f25ce787b25c3e74c04c7288ba5734', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '2c7e228d477ee399e822dcd49428e1eff3c282b1', class: "content" }, h("div", { key: '3c7705d134b635036a71890f3a9af3d5d4abb74a', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '700d18f48c3e59841702c1de18059142d9ee4c85', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '52decb4b99b13f8bc2a4e502c4af3135038f28f6', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '29bfa866c45b0b7ba232c4d433d01e47f03aaaa7' }, "10"))), this.showArrow && (h("svg", { key: 'd951e6c70b225da7fd416217757a7879554ac06d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'edefc142770a7aee64108d4857d9186b1c73e7cd', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '4c632ffe7ec7fb60baccc27cf3404b348765f351', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0d552ef5916b2388fc8c2f32b10ea5c4d7ae6f6b', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'd3830713ec4da6a6422d1efd54dd3908397d9c2e', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'caaa46adcc6f764967f730953471c3eef00c827c', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'a2af21e19a42d91543a3df3a14561a49f790b0bf', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'fc18c2112f075daa56384729d238b3fcb88af9c7', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'c4d39c961fbbe5223cf71d4c2af0a5209d3f0e66', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '8d42f9ee085b7b12efe3b8dd6226abbf942d67d6', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bfab97e813af3daafb526970335f28605da41359', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '158b9a653fe8b1e8fd0d1c49555f006eeab8af89', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '72cdc540ae57796a86c4552a25ad0a6945e92c45', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '0387b5a459bbece2e3280c71a0a0118cc1c523ac', class: "tooltip-container" }, h("gb-tooltip", { key: '1f2d811df757484159c702d03302b83d4a7c51cf', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'f495ed88fb1ee50d729475963ae13c99eba23822', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'cf8493a5c0c03b25b10f100a3a76fc71ebe4b270', class: "thumb-label" }, h("p", { key: '13c57d627a30556cfa0d75538ef8ac0c5bfd2376', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '133cdf328aadd74c3092b6ce0acf11cda3704dd8', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'd731e52fe3d13dcf6fb949aaccc68d8bd74733a9', class: "tooltip-container" }, h("gb-tooltip", { key: 'c22d606487493e78c54bec03fa684474298a283d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'd4c4ba31b1d6b314404c27812f22e6582f1769cd', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'cd3bcb9d5e6f404cbc22a8e4587824f3b87cfc69', class: "thumb-label" }, h("p", { key: '104d61a13b7e47ba9885a887ced6f8bea340a0eb', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

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

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