globuswebcomponents 2.1.9 → 2.2.1

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: 'c56bb9c016e6338d6ad2f5ea38bb56311bfe9fb7', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '5986fd7bf6a65292db681513ee8dcadbbe8d8f81', class: `container` }, h("div", { key: '50d8cb72cc8cc4ce6010e0ad57872054459578cf', class: "frame" }, h("img", { key: 'a91c7aaf6da9ca85ea490d61fead0c60d7f2c43d', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'a3f82cb4888d73442fb315ebbb8320320e66d920', class: "empty_state" }, h("div", { key: 'c16484cada5dd626ca1abe19337816e7adb288f9', class: "content" }, h("img", { key: 'ccee7212294bd40a7a1dc15a34291d51bc6b1c23', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'db27ac9810ad66c9c41962cbe2c849f264bd11fc', class: "text" }, h("slot", { key: '755cf0ccfea7219fee4a13ec3d86e6b26dd3211f', name: "label" }), h("slot", { key: '971126100741d9187b50456c33c76b27d71b65e2', name: "supporting_text" })))))),
+            h("div", { key: '18eb4da9ec7ff75702355e554d188c0481909656', class: `button` }, h("gb-button", { key: 'a06716064dba89eb30b8e1b49bb15cc4e599755a', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '6a6c7161123c23d14c3e16718203fdc24d7fbf28' }, "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: 'cebf69533b0053551c37cbbd8aa525a2399f8fbd', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6a21af01d0b1457f6e96c8be600d7e0c4d5beb8a', 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: '5ea09d8faf0135428042521e8be2e60abb6d9068' }, "Previous")), h("div", { key: '40254790b4645ccfbd8964d5f1922da0a2394409', 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: '3d18f14c64a053c7992bcccbc773d81e6ef75453', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2a1c979603486d8e5e8c14db4070e8d11285f420', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '92f53cff6270e6ffe63bedaa617299d82ccf5ec4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4b5f8efb498c19894d5b2ad4bbec9f2d46318ec7', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '573aab819dc968f4f3883b9835751f94857b83d0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c4b46a9500350e96737e0b21f6a9473c7de28f05', 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: '7b94d8f1241047f4fbc8873e491b793c7ecc83c7', shape: this.shape }, h("p", { key: 'f1e5caa79335ece571a57dcd61f68a0e8e585eda', 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: 'd4f3665aca4b9e62f92cef2fcc9525be2d933469', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '5f1b52e1a53b073653086890bb0fe279cc27e766', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '6fa78833f54950cbbef1142f621e9883d704d974', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '849c6ae1e1d12d6d3383a7e4cd159fdfeb4c41ee', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'dff4d6fc5354cb0956579304036bd25b9302199d', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '708dbfd95280de91a0e5d340f5cab789f1ef8bc4', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'd6e020c1f708a75a8165ceec53beca965bb831aa', 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: '51ff365bb199c0e9cf8b5398673de382e4ae3f52' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2ba32c7ce09d34ba711c7383bdb65ba4485a52a8', 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: '586f01381cf9ba42c1510a6015c55202b18dc082' }, "Previous")), h("div", { key: 'bd9cca5fe6d05214e727bcf119ada05e03c0e3b5', 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: 'bc0cc26f62be1d8186447eccf44aa6455447427f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '4f272f960716237e36d8452f69a4f00072e7a6ec', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c4998ab43f5806759766e54ebbd93ce10c59099f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3912b2b843a5ce839ffb22eed45d1efe85f4e128', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b20101cf2afec938d8e8e1a2c615304fbcec89fc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'd718be7f7d5c4b0fe6331511b2f90659ae26bd76', 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: 'b253bb35030b82aee63297b498763a421b2a3553', shape: this.shape }, h("p", { key: '0783a9679b3cfaaeb4eeb860a399bc923febfdad', 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: 'db7d47dc897827dcebac733cef71a43fa4926adf', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '63e4be0e8dcf22d0135d1ff5843ab966b31cd722', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b82c42609355500e3124c32d65d3cf69a2434508', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '633b352780bd45664cf2393dc5d809c2f265db3f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'c62a3b6e7cc25d02d0a526fc1efb1da24f13f316', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '35f0464482cee10f9003b5becceeed5c62e54d61', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '1cb12756a6685494146179875eb0b7e3dc7a99f3', 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: '2d96f4474f1289712006246566534cc5e7fcd624' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8e0d9862ab97ae9bea2919924eecb5ee070ab5e3', class: "pagination_entries" }, h("div", { key: '2098e652b17d4bef1b001abe29bbe9bb1d87ac5e', class: "entries_text" }, h("p", { key: 'dffb8d2f26e731407ec8e2c8a4111e872be1e8e7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ff72f7fb56513b26279ac6902dcbf284d602fda1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd884e4be9a373e66d499b6545ae8e05bf9540772', 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: '94f858df61c92da2f56e3482c93075848ec50225', 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: 'de60b81c438959b3d94273109b71d22bd2769a9e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f1add35b246cd8b0b455cc5a9528009d80d76548', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '113c4c1f6efd099fc2233227c41f5ca3e52efa5a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4d6c23f6a6e254dddca5a578febee708ec963d28', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '6c6b2ded4826dc9ef59f0557769829a3e7db6b5d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f4718e8e8f628ba9883cc7f6f56be1c7e70b2cd0', 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: 'b1f1c287dbb8bf969f1c377cf42b35ce042cfd15', shape: this.shape, state: "default" }, h("p", { key: '63dc762f75c712a030f2b7d3c167e4bf6b380b03', 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: 'd27f23651f2daa13b9118644f08da93725140d84', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'bccda76a20d5f7d33764b2e11bb460389a0c273b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'c5f30a0443853df319930df7c3fecba1e804edfc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '6ce33760c8c8264d248201486fdd4527cff5be1e', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '6a50a627678757f29cc627589221521d4557e2e9', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '94754215f17ee2a40867fae3219ebd02f3f53fb3', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'e971c78fc50c69d28a24aaf869a2c740d987a1e0', class: "pagination_btns" }, h("gb-button", { key: 'd4ceba44257053a60924bab680f4af3b8c0034d2', 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: '58a9eb1c32ee8b204a95f7430d02afca7e1f41ff', 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: '22e362875112d6fd75ac1f9b596607283b1a9d60', class: "pagination_entries" }, h("div", { key: '43580ab44d7af5995ea734e1b620d3b4860a0046', class: "entries_text" }, h("p", { key: '8edf95abe31f4bf6f950b87f232226530458b64d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '59f58d084c6b23036cea650fa60564de18f0dbf0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e879f9a9ef37763db4902eb74cb0550c31f73f9d', 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: 'c1e7b9117f9a599927749577702f3b210aac542e', class: "page_number_text" }, h("p", { key: 'f854d70cae2133eb2b0cd565a6b3b61cb0096a0b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'c82c721809885610bcc828284f45bcba51143c75', class: "pagination_btns" }, h("gb-button", { key: '8f1bfb5f73caed53f8de11c43466355bfd4d866c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3bb36178947a5f1f410fff96b782400edfc54c89' }, "Previous")), h("gb-button", { key: 'e8418abb41e92b11c158d12c18a6f2c6a1448bdf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0ffa126bdfec057929575916d943086b10257864' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9fd3363625df3be1f7ad8234087d77e1731461b3', class: "pagination_btns" }, h("gb-button", { key: '87a42a2750cf4d360bc1617900c467522ae57ab8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4efb1bab4d831631877629ba2fc049ba866b0da0' }, "Previous")), h("gb-button", { key: '506df9a7025fbcf991fc56c3706a3183b6442f9f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '972269295e2eb880c41453d5b1613a76097ca6b9' }, "Next"))), h("div", { key: '68e3c541aa55c5594eeb1528110e02518f5e4d37', class: "page_number_text" }, h("p", { key: '7a83ca99cc55f87f59e4ed9302eddece5d2e2814', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0b9e0be540d7eb5dd96a66d1adee73da487dbae1', class: "pagination_entries" }, h("div", { key: '82e41e64f488f7a4dba7ddbf2a5988a0366e3fea', class: "entries_text" }, h("p", { key: '1abff33909dddd3eeb946f1858b9c49ef851116b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '83834e945ef7ce1b07867df88e0d4ba8b4ac8013', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '55b52a2dff55967b8bf7e0263ade1ca39976c741', 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: 'ce02df1ff5066cd8b19a25f8135677eb80e738a1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4a03106f8a1b74129a069fece30bf91dbb552f8f' }, "Previous")), h("div", { key: 'e8911826658c6882a4089efa485c8e8ff56b2505', class: "page_number_text" }, h("p", { key: 'eab343908b4348e243e726cb4cd4f06674e2fa32', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e129dfbc28d8c6ce48fb7218707d71ba41368880', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '51617a17a6aa14086aa832cd1b3dd079b082e181' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8c5354cfee37a116eff62962f9d5a97e250682c7', class: "pagination_entries" }, h("div", { key: '1454837f0bcefaae924fda3d611799c3c4344a7f', class: "entries_text" }, h("p", { key: 'eb630df4d9e088e473a44c53af3188843bbc4f02', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4a951605220b79f68451ba2007fc5daa8a64dcba', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '3c18ddd9ccfe9647ca66398a062198c330d90e74', 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: '70c5541525262f095e7794b3e8d7ee66e4c0204b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e87d51ae67645e666e38d08a8b5ecc20a61edd0b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e81004f88f5272bc36757baf11e47950f4de3ef7' }, "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: '09a3d13fa05079b2348087f709b31d1a4bf49d83', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a602ebb2d87264b02f46f9ebf504d27698ec8099' }, "1")), h("gb-pagination-button-group-base", { key: 'a1bd4a388eacd0c7cfe3854fb2843e0e77424597', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '54b5a3fa12954a7516faf78a92fa9e829132c5a5' }, "2")), h("gb-pagination-button-group-base", { key: 'beed2041284b7eaf47c4939c51be035a75f68bcb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6998b1e634e6505aaa38093de75e65f4dda78c6a' }, "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: 'a0639cd183f4384938f89bd270853618c7a29402', icon: "false" }, h("p", { key: '7de1afec9781fd7c3ce415f789ce7695ca1a9fce' }, "...")), 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: 'b3944e7ff56ea364b74e86a669fe92eb4c8d9602', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '77c38262bf71f7833f74cc95f83d2523e87cc57d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0efe5b08596daf9942843cae7bfae0c28bd6321a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1c58ec3a4871fd3c5a3dc2735ac2ce221597c82d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9fb360f8d66fc1df25ddb2b453c875086353e4b9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'db590da706445b00022c1cc67f6953587a837858' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8de8c54f747a2fcf7ef06265cc4a006f4015c4f6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1287fd30f58b5eceeb3df4c15387087c1560bdc7' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b5804d34c8da2f9f24cbc2c9c6ce6ef102740589', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3dde9b4315132f39dc1269a64c57fc03af8c3a41', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0f53b72f9eb4e3027cb8944f2bc9a6898f8981e3' }, "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: '807200c1e081e96145f9115da3baf7cecd1f8391', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0d9d21955eff5c42453c0985ab11459965e05241' }, "1")), h("gb-pagination-button-group-base", { key: 'ceec305c0865adaabab5433230402f3cb8fa99e7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6d7da31cd591fd659cacc34e48c014bd4793226d' }, "2")), h("gb-pagination-button-group-base", { key: '6dc835020cbd45cb12fad0aff7c47836f6c3a647', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fb66c34576f875044cbbb0a39581ba9cf0697400' }, "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: 'b89fe7bd38ac15c309c08a466dbb429c07b05552', icon: "false" }, h("p", { key: '18e53b501e44dd132cdded1d08fcfedcda529471' }, "...")), 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: 'bbd7bdbf265dbf556a5f6eba5a3945fc376707e6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '33ef7a76d925b971a8a22d899fd1aab6c125593f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fb1d4f826f187d357edccc8129869c1b5f268ba7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ea263d9cc20e40c7367343f232e267174bf5cb5a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd419f214f59d44e65facaca1dd210eef00ff6ac9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c5583682a3ef304702ad42408b60253d88723e52' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '43821fb9a84b86e28d79def0a451b896dfa722d9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a230c31ded2bee646746973044d0f6a553ccc38f' }, "Next"))), h("div", { key: '7ff55db84f370a41b5d2137c945a37ba160f3037', class: "pagination_entries" }, h("div", { key: '00e553bb8f4248e8414c847a2dd7c7d4675606c8', class: "entries_text" }, h("p", { key: '07e2b5735537dfee1d19653d41d75acdb73b26a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'dee08cba1e5841157d7df024ba20a751fc3dda24', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '894830ad7cab1e2f1356396044b99e8f6b9f4763', 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: '7e92711b33615da7deca23e2ef7d4c245879f81e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd94e2f78b871be8d662abc5f5081796f9b3c02f9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '89afcdab8333e01c95d5028460e68e3bffb6f483' }, "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: 'c665917c125ef265e40b14792c10bce08f131e17', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e6bb05fa6b9ef3ae39b846c184c8be7ad3908a26' }, "1")), h("gb-pagination-button-group-base", { key: '25a8e84c678e11c327493950861e7a4b8cebc963', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'db8f39e4fa2b0ff48587740189d361268bca60ef' }, "2")), h("gb-pagination-button-group-base", { key: '76743a2d0f6f9b9327a066c0347e8de238b0b1df', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '75e566250f0b2c86996665646401b022e43d6d5a' }, "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: '696b1150eaf78faec48213d758e22108dad73707', icon: "false" }, h("p", { key: '909eaf1ce08334e645e2911b37fc60eb88bbc51d' }, "...")), 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: 'c919b869bceb5adf3f7e75b146412f6682ab147b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'db6e81c9dcd6293ce4d6327eeadfe3bb7f3a04fd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '08a048738b54633e7053ae00d82a86ddec632172', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5733974fb6fa6bbce115fc885100f58413212023' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'eb695d2564317fc7dd6a7f30b8df70c7bcb6da8b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '37942e623387f44119aec7c33803830ae97f493f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '40c159d03a45dc7c284707812891b50f0f1421b7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '784610d287d570efe48e8caf5898a6124cee0208' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c9c099f587b97310e2a522588e03d22dd5d75d85', 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: '5735abf7ce90f096a6b27e0cca10b7ef26833ec1', class: "page_number_text" }, h("p", { key: 'e5f4ace0770a8a997a3a86fa6b9e9febf347bc62', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a7886f9cb13a7c09d8c7ecaea19ada3079c63f6c', 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: '51b3841ba3f57fbf5d084a54dde075ce128dd82a', 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: 'f6049f7de09f97caaf48b4263054d99db31a7017', class: "page_number_text" }, h("p", { key: 'ed81b468e235a7e491b3bcfa503f1ec13c1fe4c8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7bddb3addf5aa6a2130d953be0b653be7e261f0e', 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: '8c5df813f9bc487e59b0042b5faf7dbc11b785a3', 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: '755c8288d9e51170b0c6fcae3cdd4c059183f255', class: "page_number_text" }, h("p", { key: 'ba6cf5ec4bd69cd1750e60fdc96a84d3dc3d8cb6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1332ad4c9ac60ad2bba3a359d84173c480f0620b', 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: '64852a3a8b5ff63daba8456ca931f7a05e3afcf0', 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: '7f3f45402cae7d8c65375efcc68127d71f266fa2', class: "page_number_text" }, h("p", { key: 'b11d968eb18c0a270406e36435831bd2241efb33', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '47e34f570d18d40693b3e6b245e3e0b6cb62b3d6', 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: '8689d0a66f621a8e9c1d0894fc771a63708d5f30', 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: '65c3a9759a4b19b199802e72b8cf6dc3888dce72', class: "page_number_text" }, h("p", { key: '03aaf1daf783f22ee2bd44f2a0ca78a4382e6272', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9662d4a71907857d1267035a393ba365f659817b', 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: '1b8f9647f357831637d446e421c04cb40eee17cf', 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: '8cb87acd084f3c81014adb6ec60aa64b8af3dfc5', class: "page_number_text" }, h("p", { key: 'bbc1e00f6ebb3152d957f34d96e4cacb5b7f421c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '80c1bc9587204943b86e1d67132f0d13d82865a0', 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: 'f34b33335026e5bf3e440e8de99d2c80d2e8c4f4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '85e64d76a81773c4bd89f2cd113f2b026ece75d8', 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: '1ed6110a2fb326fd52180cc000d69946a7666772', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '28d5d9c81923526be2ba006ca3f2c996a785edf3' }, "1")), h("gb-pagination-button-group-base", { key: '73775ccb9f07a97308b284aa121e336fe70f0551', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2bcb111edf27dddfe82201f53fedab3ad729db2b' }, "2")), h("gb-pagination-button-group-base", { key: '8263d43f0a3d95272c169956fb2f5ea748b4bcd9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dd41dcd9089a20c7cb2ba2f433320f3f0d12adb5' }, "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: 'cabeccb3339316a99e3bcc877f221f1ff717d71b', icon: "false" }, h("p", { key: '51ccea73375f7aae116f041439219588c7588938' }, "...")), 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: '274fa7630fd15d9df74682e9997be7797469422a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '99a630a1bc8269488ad0f5af7911873b53f9aca0' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9c43e4b7696b8918dcdda4ea9fc257d379ccd636', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '53b395feac157a916c5133327f12de4d32063c3c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '98db63a7e14919f541fe8273185c97d00bc5f99c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a0be99887a0f006f2b3a5be27c6285105a5dd40f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3803a9fdebf2640c75983168226a5058699ea352', 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: 'c8d3026b03e62ff74a484fde2176f8b56864454f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '46dce87d817122ff405f73328e008c67e17bc67c', 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: 'cb10f4498c859ac91bd4e5459bbbe1bd7c884537', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '35de12d98afb376deb16a6337b15553fa55618a8' }, "1")), h("gb-pagination-button-group-base", { key: 'a1b82c8e5b69b52d0a96587de2ec4343209adfea', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9530db62aed320d26f7d22c0018c9107f321698c' }, "2")), h("gb-pagination-button-group-base", { key: '9aea27fd82ea2e923fa18661db58414cc28aa997', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7e389c571719097226730432d4643e291872e685' }, "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: '0bcb1fb7ff0df904d665341299108f8e58971d06', icon: "false" }, h("p", { key: 'd6c1a6d4529d3c443407ded447d3edbf4ce685ed' }, "...")), 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: '6195af0823c0c95b8218130d8941488e7ab7c2f6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'af0d9c4b18f45d51ab17147143bad05afc67f6bd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '413ad60d8f0103cddb869569c04054e9c1d727e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3864cb689a34bf35ed84578e24b0e5cae1267b92' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd72815dfae3e371031c1af5e0c422575900e48a2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd06ed41b46252abe517d101aeff108ca314a2107' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f2fb2e23f63d740625aad9ca500dbeebc1848f32', 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: '230b4c6cdb8c41c44b322777b60d7f85ba9dccef', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ea18825cb52ed1ac2238eeaaa9724ece3582766e', 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: '1f5e9ad758f6a6b6e2e5d5131dcafe4f2d2a0491', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd1ca118c4cf90be7f303c202682f2bd602d7be06' }, "1")), h("gb-pagination-button-group-base", { key: '22b151c1995764a5d107b3b8c768b22ee4909d97', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '949fe7aee4b422638ad7abb95f1d97cd645b01a0' }, "2")), h("gb-pagination-button-group-base", { key: '5b3b3ac229d307aac4fdf8da1d8748e25d006909', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'aa2b5684ffc6bcf896f14cdf7ab783123988ccda' }, "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: 'c3dee2d7e76eafcb864d382e963a2414bcb5d974', icon: "false" }, h("p", { key: '9e08eb2f5f817114aad45a5af44ebb31359041f7' }, "...")), 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: '94dd3614f304e94de782acf182d77fe0728332b7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ef87bb13960cf71cd0a59c1a70536abb684f9384' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a0e194803878def78ef749e1a740d92a953695f7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '203884c09bcfeb3b87b3cabcfca4751d5cf24e61' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'bfc0288fd7d99b00d15fc899b789d7d5d1846342', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8690554fc35700d750cda8cc403bb4b85e3e12be' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2d7c2abdcd17ed969c70ff309ee580541f7a1604', 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: 'f283fc85ca1175e093c809c49b40a3282acfdd1b', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '2965da406dc5a8c91b2d7a9047c3a6375ad11127' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'ea20019ad02ce6ad7e0872e7132fbaf8abe400e4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '010d710453986c15b9b12929bd5bef8e8c86a42d', 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: 'c1f5b2a7d760c292d4601aeb6cf665d374fc791c' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c4be4762c1d79999e4e34bf412f8618b60fd14af' }), h("svg", { key: '4288834e9407937a865956070b4442f4821a4b7d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '34efa5049e68766d49d50d455a949f4c92ac6629', 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: 'fd02a6edaca080801b322eb3a3d1e06b52d57981', 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: '920badca974889c2a86edb7a886c23b812c480c6', class: "dot_group_div" }, h("div", { key: 'cbd8cbfbcaf9fe5ea468ba5e617825f9c5f2a290' })));
     }
     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: '8b4ac7b7a7fcd67121678be30dd695db194e00ec', 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: '9c028e465364f9d49d4f73dda2072f6aa4f5462a', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '0d362c44247f71bd1968f93b48b18af2167235f9', 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: '90490aa6e21dde62833502da43d6dc168a0e55af' }, h("gb-btn", { key: '2b9bbcf509f89117218a4d420e7f953e7267da73', 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: 'faddcdacb1b9207b1fb59e895f106673971066f5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'e0ed8a115ab1491d776efe2ba2d05443f3e77c45', class: "progress_bar" }, h("div", { key: 'b1953ebd9e831d4aecd761b9225ed5b7dfff1a1f', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'd95584cbc923d4a8962e9c29a8ca24b94e082f39', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '2c1da8e6690a4da63b04f46b6c66fbe311d82bd3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '084396798b87e61a036358aa28885c290e359199', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '9e5ffc0269f93fba8df26d1d8b1a9b7bbb2fb82a', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'edaf3de7529aebcd001f890b33d834c0d3fd35ad', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'a799f7bc3a7e4e75c6dd2445f4b93932e8988ae4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'e00b14b4da614415fc8cfc02ef6d66527de708fd', 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: '17934b4ad8a3cb74d03e4c2a4975f9824dd52024', class: "gauge" }, h("div", { key: '74cc638bc69d82d4b7e544baf6f0368b4991908a', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '9cf89290e6f4377c35b8d734f109fd5ab2e56b65', class: "mask" }), this.label && (h("div", { key: '18fc9fda5284dc53f20ce651079087ce23be8c72', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'e0ae2e261f8e697a1c855b536424f869415db0f5', 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: 'fe573e91fc4e551aa942da5e4280d38472508c19', class: "quick_action_div" }, h("gb-card-icon", { key: 'b68aabf038571f2540a0fb01504ab2265dc5dd45', color: this.color, icon: this.icon }), h("p", { key: 'f6d346b41eac90191629d2222b7a326b340e716a', 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: 'c29d6a41d5a3247035368d59cdb36e990f96df6e', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'c7c5bfda5aa1b6009a94c78886ad58f53297e00d', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '39560712639e4f8b50777a86228dfe294b2f9c46', 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: 'f82f3a7f8347403b0fdf19a8e742cc4546054b65', class: "scrollbar-container" }, h("div", { key: '470c3002394ff1248a81625c164fa287853c9124', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'b3606961eae8567c548906738903692e9df577d5' }))));
     }
     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: '6e09a87383c131bee790ea3319171dbac5e99b53', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '4fcbec841aa0995669de760c000d834e81a96ec9', class: "pattern" }, h("img", { key: '5a788928680782e7990da7a29d58ef540fe3e33f', src: patternSrc, alt: "" }))), h("div", { key: '8070ab6fae5ab6dabde2b99b3bc5449ab8dee58d', class: "nav" }, h("div", { key: '5ce3d87ba33a7c2a5cc4c9aa6b6ae182dd3d5399', class: `sidebar_header ${this.state}` }, h("div", { key: '93561420c07a0d7a8c2dff4fd323e4b1817d5c6f', 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: '6d9ff99e341cc36c726507500ad07efcc5911f94', src: logoSrc, alt: "" })), h("div", { key: 'bfe8cf6111c7474f31ec9bc4faeae4f5db434bfe', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'b788ed3d6fe7ec8dcc5d8c9caf1dd024b2dd87a7', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e0ae78bb4965587b889363d659d1d1723c30fb1a', class: "navigation" }, h("div", { key: '0bf1288758f084f71a663371cda96dedac49f1e4', class: "item" }, h("gb-simple-side-bar-item", { key: '134dfce6434b2a41eade19889bb1c4676c1417a8', 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: '8d0296dc47c98b0e19d6800672a6e802b165ecc3', 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: 'eed31fcb133d0895fbcc768d62b67e3c39a035cf', 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: '866546aab316370e4839212146706922cc06d984', 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: 'b07e23123c9f616485727e826597ff64626875c3', 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: 'f7cd45a544ab56024fda69fe4619f8cd26360459', class: "navigation" }, h("div", { key: 'fbc57451b3d76afdaa74710f33ad461344d3f2dc', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'da6873ff31bfa9ad7cc988ac55d6db442c4b9714', 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: '43539cdbb214e64683dce52cc63a98f383c003a0', 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: 'a497aa89b07242ffbfe33aae34f488776c1ba3c7', 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: 'cd381e5ef54175d07dd7f7556ca90cb3e8e62355', 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: 'df22791db36c00c102cb00282ed44b9d5521c47e', 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: '344a9c053168b2d171402d67734c7f587c0e65c2', class: "application_name" }, h("div", { key: 'cf0394578c56d5c2d193a09d1fa181600954ab14', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'a4622fad83e88172192ab07bcbd65e10e6afd45b', class: "application_name_pattern" }, h("img", { key: '60a741ba92da3e83e104eb2e1f9483926bd6c76a', src: patternSrc, alt: "" }))), h("div", { key: '83151a7397f6efe24368cb3bdd71807fee80d31a', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '3e8f0be5b25d89d253eff4e67881c628852b23f0', class: textClass }, h("slot", { key: 'cb222e6a4a4e713e732f6015761cf0263b58ef3a', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'a88754daa437a7ff49b142c7e4fe888adf3c4d7f', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'de0c9a0f353bfd5ca69c6ff9969abcf23c2b4424', class: "nav_div" }, h("div", { key: '7554ccdc70e665009cc9f6774686add81d71feb9', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'be7fd8964ac92299fbd34adc66887bfa3069f837', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '655ecafcf865fde0eeb1bcb9498d3ee45a32234e', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '67e722884b3e4519af58452b6c4e5fd2be7421a8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '34d1fc70513a5975f347e91815dc7a1cf9f915b9', class: "complex_sidebar_div" }, h("div", { key: '292fb8e5409c27aac82e974b629636e9063ae521', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '15302dcc9893a52a8ea03355ea6f924da67a2b02', class: "pattern" }, h("img", { key: 'd54b52d9b305b09b6a6ffb8cad9bb7f36d40038f', src: patternSrc, alt: "" }))), h("div", { key: '1af7b4f7908a7ecdf3b86c1127d7c0cf66243a75', 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: '6a399c31823c87d062a3585b84d000edb4fd1156', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'e7ca9a05950ecda150573aed161e5bc8264deadc', 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: '15f95322eb09c8f848a3db8664019e411f534021', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '963463d9972c2973bbbc1aa8383a0c45dc0f9b21', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '06afe182022c013d26c36ed2a77b6cbdf95fee90', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '594ad03f11c1d5cc62467d59a1da56f96270b572', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '0ac4e031009dd9b0fe89503cefb80ba8e6d09155', class: "content" }, h("div", { key: '2f2fd504c0c99ca4dd3852386adf21886de2a915', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'ad8356c80a7c0a9006662c547e8b5d16f0e8b961', 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: 'bc6788e375d996eaca88b961fd15b9f1897d6a45', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'd9b88b5b94f2f3e510d62f9248af163e2b96851d' }, "10"))), this.showArrow && (h("svg", { key: '8e8086ca5520c4c2440593d83707196d314c32b1', 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: '501427fdbc237a40adb35198392cb389acc01b1b', 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: '8c866df01b6cee841f78284ea93f86b12600289d', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '7ff9c6e4138df2193989d6db213e9bbae21fb30a', 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: 'a4822372b2f35b5d6356fec53315e6aa0571f0d9', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'd14b9dc8baa141bafa2671be569c56e16110ae97', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '47208f7b7804c807047b4d3a9f1e3431a82396d6', 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: '92172b0e600ce7e24653c9e5741dffb774887b16', 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: '0b070d03010aedd7d9772a0b0d4076e40b4c5416', 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: '52d0d152ddc85620a53f1aea118e81e6c2d8a18b', class: "tooltip-container" }, h("gb-tooltip", { key: '1816023f968aea14872c940aebf1f7ea474ef6bb', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '3f465e8922104bb3a7740f3bac963581511d0b75', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'c8dd72c8e7ed342fbed443b4974cd48009f9d7bf', class: "thumb-label" }, h("p", { key: 'e3a4ecdc8f1b68b228de1c5f94dbce6a91b925b4', 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: '97247b7dd72043b9704c43f7dccaf80a686d590a' }, this.statusIcon === 'online_indicator' && h("div", { key: '4d19b511609bcd9c5e8dbd8dca72a253d5527fb4', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'fb4a153272e4f99c0e37f233e743fd21209031ce', 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: '9072c5055a8d1ff022932f7dd2946cbe0229bfd6', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'a7a91e13c60f32a895b7363ddf41d6bf8ade1a47', 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: '02629e985e32d9a9087779ef00b5d44d1ab10e39', 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: '28d3506bab1c2dbde38fc552a07d8d117a5a937a' }, h("clipPath", { key: 'bf23a57fd10e479ffb02934aee3e43401506d243', id: "clip0_0_21453" }, h("rect", { key: 'ffe39444c4083fda6a9fe3716e6cf1ec3263ee6a', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '9cc7e2ab4f427f5a0086e40bbace369e0495ae09', 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: 'cfbc18f963e72226e7c89fc7ebcb9841b84274b3', 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: 'ced1760237546c50eeaa7781e4a344dbdc569988', "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"; }