globuswebcomponents 2.18.11 → 2.18.12

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

@@ -51,9 +51,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '73206965697632586413ae4d5c388d693ccf67c4', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '23d11a737fab4be9c2edf3698c479f5307c1df91', class: `container` }, h("div", { key: 'eff7adb7198c6e3605dfbe64e0c922302376415d', class: "frame" }, h("img", { key: '62b02d6eeabb5d98fe44258b14e6b410ac2ec128', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '2e29dae5a8f94982d2e94bcbc0c5c368ccd3bee2', class: "empty_state" }, h("div", { key: 'e2599316eb92b5ea3d43158750e6b00f08ff7e58', class: "content" }, h("img", { key: 'e829e0fb549c2e5e74c974eb2d299c3b6e709856', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '679006992fd0c67782f98d93357ace2bc51bd534', class: "text" }, h("slot", { key: '7063b05c86f3c8e5ddaf4307baebb6666f1d680b', name: "label" }), h("slot", { key: '6e0b22625744f9ac3847e95f1b9a43ec801d1dfd', name: "supporting_text" })))))),
-            h("div", { key: '342e57f38fc67f3b838965398c24507a062fb8dd', class: `button` }, h("gb-button", { key: '8204569c0938d6aa7a87bccb167f03f5dcaba242', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '52afbfb88f655677128d4bcdf09418708934aa99' }, "Mark all as read"))),
+        return (h("div", { key: '02d88dd0f9387616c89a391847698ee49967ac9c', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'b3acd62694a672b6f2183752fa1fc492dd791cad', class: `container` }, h("div", { key: '700352fb05c7799f2e359ed0c8eb9c74223b1dc7', class: "frame" }, h("img", { key: 'd3aea12b666049ae0982c7ca8f47d3255f2c1689', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '79d270e56445a167c2f6307b94f8e88417a285e6', class: "empty_state" }, h("div", { key: '955e7fd4136566c262175a1990589a4820c2ab8b', class: "content" }, h("img", { key: '50fc42b2d8d7f12738b4c0db442f9a37e8cb69af', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '037a440c9c92da0a17cbe8a3bb4e70d77d44d534', class: "text" }, h("slot", { key: '911c13ea039470776da22be9f46284b83990acab', name: "label" }), h("slot", { key: '3f43136261e44c77212d2032f5a4f2eb754f9595', name: "supporting_text" })))))),
+            h("div", { key: '1553eed9d658f7ebfec128e07f6423ee100ffb6d', class: `button` }, h("gb-button", { key: '109983c3f1bdf378bfba36735c9d32c9ce576a1b', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'a874283136b49cea489d35876313280f4a251efc' }, "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", onClick: () => this.markAllAsRead() }, 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

@@ -80,10 +80,10 @@ export class GbPagination {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: '3a0d3a2aa166e14fe4157c92eef1d85467b3afe5', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9459db07da5c25e6930204691ba0c8c53af727e3', 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: '623409721058cd3863854c5cbc004d8ca0ce7ffb' }, "Previous")), h("div", { key: 'd00396308925b879acbc8bed3fd9e68bd24ad39c', 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: 'b395f613eb980e9ca36d720f7a3d8fc4b8800d87', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '60159c6b4a9b08f1501b50f62dfce6c9f30b754f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd4673941f72e180b8a536cba85cdd9a79682780a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '25e2d5a3068e87e6b2d2d3d87b3a630bd317fe5f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1ca47ff9fd8c45fa8834c988c083798dada98194', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0e05fcefc587dee3a038ce6f6a952ec954a8b879', 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: '1e3f5bd764fa51c9517894c1b058c00348f2046a', shape: this.shape }, h("p", { key: '48bb6f82378539d6e9d71af04d583fa27fb34ac3', 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: 'db6d345839d29f70e326123f434ed862920037a9', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ff4f77fea2e59e65a341137bde669b5dab55870f', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '436bff64618890071352ca8643883d6703081972', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '0e06b69bcb549b79e5a167d4a70163cede5dde47', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f84f0a9cda6ed864f4ba59af9f8883b87e5b144e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '8c5efd70dbe887163a84133e64916b3db03f6780', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '1114dd6388e650e44c0be4920ccae6a9169ed1a2', 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: 'f071e51897e959ff681a2aa22a1fe0084f4377b9' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '920a66747319a4d7b2c33aa63be10ffb6ec829eb', 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: '1ebbf1d5f52ebe5098c3956f7a843ee58f78858e' }, "Previous")), h("div", { key: 'bc2c539451dd16f2c8111e3fd0c76c2e86b2828a', 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: '1d6ee17e04078f2d0a5c2a3ff877ce9a80ec7219', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '5afad2c54c08162a581ee679b72789c95a037d94', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5f8e14787bd1a651ab262d1167253356710d46a0', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5884bd76e43ea5b629e0fef082faa9c9a1336869', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f5bdc91ebc9a0b175c274be2c794dcf6ec2c53c5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '9639ea0eb65bbf11fd4ba4c327f77c1b4fdd1109', 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: 'aecc55c52734d16f62c454b273a9dc565da078a5', shape: this.shape }, h("p", { key: 'ad772595e8f35a5c23725ab79462f896e13749a3', 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: '9bd76559ab8c9e9e1f9accb67ef726086ebf85e6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '2e5793da08b98860abf61f3ff2171b77fe00601d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0f125ff266604baacade55aa8d9307ea7b2629ec', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '50e4102f4f42affc7b0a83aa870bf81a8c095a6c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'b2117561baaccfa9e98248b5119bdd77b02f58e2', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'cfe3331b95ccad396c893e616c6246f6b39b484c', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'c48f3e252d9b368851e71f85eb08103a83035feb', 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: '5499a4f7741773c36cef2a2529e78807f23e089a' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '75f0c192c3d3d79b1f8110e457fa4fcecf33e5b7', class: "pagination_entries" }, h("div", { key: '8ee87c5f690ccd6d274703aa3ed3a751fe4054f7', class: "entries_text" }, h("p", { key: '5f83d9f380879c2a0e5b491a3ffa62139dbef5c8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '88ba64b4a63b72fe9de227faeff64bfe61a0c975', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7dcc36c5efe58e08b8cd902f14e1b791f4d74336', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '1cda37728447cca3461ff3352faf6f351bc0372f', 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: '30a4e17e0eb3461f58a1211328b06b163a5e91d1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '26eaed699167a4575a3e587ed5f2bbeaaa1d8e6a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '049b5497ad6f3c2d164837adbd997844e376ba30', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'f26b136ae87bdf81fa08fc3f98a1d4e155490d24', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '590033126638e0cd04117c5c70176271d4a35306', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'ce2387ff0e22183673315c9dcf7d2b23dac304ee', 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: 'ee1e90a9158406d40ab32790b85346e04a1f477c', shape: this.shape, state: "default" }, h("p", { key: '5ff02a28889ccc7b650e9e046d4930574eabce6f', 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: '046d098ada21184a4d2a4e3d8bdb85efb75b0ccc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '2b260b8f52b193479f8f058150ae9294ecdfaf5a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '76547f1d6cff224fdbe0514c22d77f94f92d1ba5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e301a3d814766c2f173eab012d389a500ac95595', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ca04ae122852b02b6d4bb65ead5910d8efd86a67', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '25898a3df371475a10065205c54b7cdf5d0534d0', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '23db39c398d13ecace29c0bf70be83f04346375c', class: "pagination_btns" }, h("gb-button", { key: '685236b0fbd077433bc96d7df0a3ab6237951c97', 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: '28859be460c971d651a355acc99fbd8e4412005f', 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: 'fa8add32486a70c67f45686878465ad3ceb77d52', class: "pagination_entries" }, h("div", { key: 'baecf2889fc60d71152f676b440b7cb5bd1a8da8', class: "entries_text" }, h("p", { key: '31dbee3bbec6dea9f2e9d9bc694a58e67c4859d2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '218bffcac03201888a5ae7c444954255f7f676d1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2e2ba9fde23ddb35f7a249410af5f535eadfd341', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'cbf6c27738a50fb8f6f167c61819ba56a68f3204', class: "page_number_text" }, h("p", { key: '5837108dba19f561e708939ad5f6d0afe12e7b4b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '6646d7498af1e7379c109d118ef9aeed02bb8140', class: "pagination_btns" }, h("gb-button", { key: '00a2dacbf50b21dbebe3ee3edecd9aa0757d7ac8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '23343e139a6a24e3c788c9e29338b41cdc6be41c' }, "Previous")), h("gb-button", { key: 'a4aa88c667d823149e1ac15b83d761b3ea9de8ff', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '549699eb7b602b3623ea238f08b4821d09767de6' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9fc8e2e2bf9bce93cc58f23b00e00e41bef842a3', class: "pagination_btns" }, h("gb-button", { key: 'd09c1df22b65a8053c5f86087aae8e72e457d267', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'da06de1750dc3b6267a9f8028ddf68ccb93e8c37' }, "Previous")), h("gb-button", { key: 'c41432aedc527323bdc777b28c25672c1d704591', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c17f044ecbd2da537d658cf8b43a247d885455c5' }, "Next"))), h("div", { key: '397ab39c2b08edd681e58b59d27fa74e6163c7b2', class: "page_number_text" }, h("p", { key: '8e54375fbc62e0dfe75327bfb2925e7cc3717e63', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0ac5f7d3236f3fd6323838c33cc11aacb6ad431d', class: "pagination_entries" }, h("div", { key: 'ee4a187fbcf9fe45279595275d77010ae77879b1', class: "entries_text" }, h("p", { key: '56f0808ab6551a86b3a2654dd0ef60d231d159f2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fc0a934a9cee8b964f91d9b4860095f37c8e47cf', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f62e2e1f598872494d56fa3e4fb9ddd8dc4cfccd', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '7fcef90441e5f54922b360110ccc256db0f78455', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7209403fe6df09d77be7dfa5c1789aed96e3b7f9' }, "Previous")), h("div", { key: '8487b4c4d4178f846ba9b775c3a947968022271a', class: "page_number_text" }, h("p", { key: '55122d2b4b98dfedb16b1e947b1713be10a0ec91', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6cfff209bc5ff7083d8fdab49760494a89c0b428', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7165927c2f097a6f9b4bcf989630de84c03db384' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c58361a6d49663184faeb947734b2580dbc7de95', class: "pagination_entries" }, h("div", { key: 'd6688178f4935179aadca430d15987cc37626acd', class: "entries_text" }, h("p", { key: 'c96ec6e0df83527fb9b7d2adf982105186de857a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b7dd7752b98737b158ccd48ec6feca47fa34584f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8f70880006adeb2d5f63c5135c0101c8606a6ebc', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '63362bd2a7c786cedefa8c38a9443c7a002a7a34', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e38ba9d1c23b70b7fd0480502859de7a6cde3ba5', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '74e12bdbe01bb15135ca88feedfe39e7bbe53057' }, "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: '535cf6558967462c5996937352f448fe61309a2b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '842a1d915e9ed33dc93f1af4b0982221595a20a9' }, "1")), h("gb-pagination-button-group-base", { key: '95515cd3875aa895a1ddba4fdee617d25d2d3b39', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9a5329bcee282620967586689260662a863b9016' }, "2")), h("gb-pagination-button-group-base", { key: '7d1d0c0f79f299a1cd87e9edc276c3d9ae52392f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2394037732f95b5cef0dca625bad4c24f30d7f73' }, "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: '4d9e01fbec23531bce966fa1ae30bdccba859622', icon: "false" }, h("p", { key: 'c699ee66bce8a61ed9d6b60d88a98e1898d63d9c' }, "...")), 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: 'a47ec0f8854a06e72a838ce94466691505113bfb', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3fc336d33e88c45104e8fa09164de3669990fe25' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '54f9af71f88c99b38ab810c837d1a6ac7099b761', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ad647c77412334ae1c783b59e88f183fc4b79e23' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '849679863f1fdd8e1b6b5b0cb79d5bd7adcff7d9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '95881dd8a1038695e62f0dda2a9ca604816636f2' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '63baf1e2005578532431f970f8b7a0c65158aa78', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b400292cb4bb72e1cc7f4208aa511436376c5ddd' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '79b4d0a2a60b67c07d95a86450bd301bb33fba75', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '560291aa38a03bd4796da45bf2749d5c42849c3c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc61e32815519aaa26ee5b15f84eef2fc1c88aa7' }, "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: '74a35af664040fbb22e683ef07561b2f3b720255', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '331cbcb336c72b403cfc6d466349f1e94273948b' }, "1")), h("gb-pagination-button-group-base", { key: '49ad99a8f10a6d027a49f84229958080ee1cafca', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '78450fe880c5886d1f96bc46c789c241773f234c' }, "2")), h("gb-pagination-button-group-base", { key: '4c1beb6eb07651a22fa41bea34b3a23a765594e1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c6be17e367b64b70f929971d3617eb52de7be2c6' }, "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: '4980429e70698829dee5d61911c1a25a8ec405e1', icon: "false" }, h("p", { key: '38a924d795ed438bd5d219a13c0a3771ef0e156b' }, "...")), 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: 'a1428d789b765e6430543f84c6b8cbaa9f88aab6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ff1aedeb9b905e230a19331cb204e653f5c7ac7e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '72bc80175091d9efd336c7db2fe404ee24c3cd03', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'af78c2356e67a04f1069e8dc0345865acbd3025a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a917ef766896c81a93c83aac6eafe44eaa0d089e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '163f919261b4c223a2fd958790b1e05c67adf259' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'aaad7a73256a661fc36041f98008358f6636b713', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fccb9d9a8f1aaf34de82ef96e01720623dcea13f' }, "Next"))), h("div", { key: 'b2fa447809a9e13b722f78bcef4fffc63144484f', class: "pagination_entries" }, h("div", { key: '7aa0a4a8443b9af61875e9d2204842c3429a4780', class: "entries_text" }, h("p", { key: 'b8ce97de656d8503179ec62296dcb2d8298d60aa', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a76b87bef1eb7317a3132f4742aa6d86513b99b4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '524171bd378fcf3db90bf66a42ad2d6434e39fe8', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9aa23f07ca9d7f93c2260f01e5f9ef09328820bf', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '024f98e962e8c1880df24c2c7532117d90fdb0ef', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '22b2e1552b1f24eb9abcc59aacc49c91d2764dbc' }, "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: '93329c070fb35ae68c208e30d70f7ec84603a2ef', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8346728027b7f0eca676ee6ef2d3f38a6c88aeb8' }, "1")), h("gb-pagination-button-group-base", { key: '45d610708ec5fd7ebda0ce6ee979a2fea113f9a9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ef965806843b74e814cc9ed8d2bacee3ad58aa85' }, "2")), h("gb-pagination-button-group-base", { key: 'c45384157da7dbb76baee515424aa0fff48ca4ff', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c138fe86f036dc410044f92fb73a58ace53320da' }, "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: '463c0448f17503c75a66b59d6f32268fc3b85f62', icon: "false" }, h("p", { key: 'f4ad02f73a56d1d2920840857c5c23ea46e5e99f' }, "...")), 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: 'd2537fe14cbaf6fa66a5430e2541042ce05c6c49', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '12f651bd9d5fe6115cf41de69a0a024f86e14c01' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a6f1cf2586276c1d49b4cde60f6fba73b885c62a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'feff3011aec5d784cd36b88999f0f8a01fb5539e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9e94700e890e54fb739d66812411ab6787ab2134', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c25dba8184dc1514476b11a9a78ff914c0a1844b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '15756ac0c769fbec9eb01adf23cf44efcf579a43', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'df080fa9b2a8b6619ae6d0272393ce178fef1d89' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'bd15e32e0f72ded5747d3d037d6df4f83a965048', 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: 'bb7f55502c7f75b8d873cd27ab6edb8dfcb48269', class: "page_number_text" }, h("p", { key: '748f5ce3351a462be8895cac720eaae126c269d2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5ef16078ff11b31544484b129b6833d710039e49', 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: '4b33c9d243f76d804f26b3cc46745ebfc5edd2fe', 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: 'a4e0d2ec67ed3ea02b7fff9de88cdfef57162faa', class: "page_number_text" }, h("p", { key: '69bbd755479f7802da76ab23c237f2350fc6c879', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0fe4d4a55a34776e8fbfb4f67514a3ca8fbaafe7', 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("div", { key: '71e56e143a31fb8848b6c2b3938140d90dcbede8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c46285da019e6a0341b06e21fbb8e8a4a328623a', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: 'b2de0830cd3a11c67ccd0e674bdc77e60040f838', class: "card_default_buttons" }, h("gb-button", { key: 'e378298dfb582cc17bfe3e03681bd2ddaa4aa3be', 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: 'c7daf6ab1a8e9c9a61a130846229a0bbee1f71d7', class: "page_number_text" }, h("p", { key: 'f304a76c3bb8c2ccb3cab9aa14b14cc832cf275e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'b2fc2ea7ea73263c9c1c466ac3c1cf92b3151054', 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: '307f8965b0e9e976e9835a9bba8c7a79a7a6600d', 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: '34be3fde5ab1078a4ff911f1a1e148059c585031', class: "page_number_text" }, h("p", { key: 'c73c7abeb5ef2592d38591b3f84a6eced724f5ee', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5d3b9a59b61a62fe56dc427802aa3d29f2e1110d', 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: '81db95fbb1de3cd68cf973826bdf7ccb7b430782', 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: '772a336175fd09692cb1d2e264217e8f96d28eb8', class: "page_number_text" }, h("p", { key: '7639e086ad8e4e2c543fea983c38d8836eae4061', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4ff1e6e77da4c6f190659419b248283f0c7fe025', 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: '621334d95e8b6982f3e2a68c2f38c417985551aa', 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: '7109af584740d3dcba4a2a95fd774a90ff23ceb2', class: "page_number_text" }, h("p", { key: 'bb35e1528df279c7c4875bfd95dfa56946fa1e60', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0ee8f2b1edfab02636a233d9753b22b5bc502da4', 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: '3e420cee387faebfdb1962e8347caa544bf8a3bb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7eb2dc9927d0553e06faaf363e587d4ee3455145', 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: '6f818ff7180692f14aba254a9745bce38b0e985d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '65f60d119c16f46cd0ff305a38aa2e36b08ac2e2' }, "1")), h("gb-pagination-button-group-base", { key: '9c27122932d4639c753a39b3aa7b7c5ded831980', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4134a763ada0b1e9b2deff538b87a14f36470eda' }, "2")), h("gb-pagination-button-group-base", { key: 'bdd41f201676b96b54faa5a63697e713409e8e63', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e360675f6fc0dba72a8253dfc38d0c4f1aee64c7' }, "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: '97f5ade0fc23b987877d4e9da7b2d69e9922e54e', icon: "false" }, h("p", { key: '37a815f80f097b068f8c2bd9fbec6bc5c8fa1575' }, "...")), 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: 'a722b49681d8dfaea36c79fb4012dff42848e156', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b56ceac6d227698a5acee996df9d851dc3f051f5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5ae482768149c71db8116e4270e0b2aace38b28a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '688ef76a4d2b73e26de751d9bfc8295132b09a83' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0bda9c40a02e7b3d6044aae40609242c09ba84f5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '099bef8379324b3fec2c4aa5deb845889279b705' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f04558d948c1f825bc43748471b7cdaec41bc7c8', 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: '4cdc6f33d16c5da223ae0dbfccd64b45572725e8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9a5ae324280eec9e036835e7244a10fd09725738', 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: '25b1ff661da5b24af5ef08888df30ced6e0d41ff', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '60de775f7b26d2128a51a040211b706883ec294b' }, "1")), h("gb-pagination-button-group-base", { key: '31685977eee3555d30646eb724b2204d36fd61f0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8ef52e838fbf5ea22c50586d6c94caba60b6653a' }, "2")), h("gb-pagination-button-group-base", { key: '90eec3ded0db6b3d8c61d3a0cd2ae265fff0970c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '465b61755f64c2abb654d91bb837c5a8d5a3b512' }, "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: '4374aa68fd06f75ba97b2c9bd9612a75ca3cb13b', icon: "false" }, h("p", { key: '985d778ecb2f7ae35df3dfd7207948b4f642e24e' }, "...")), 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: '3496d002835fff92b2b84a4225a730c50e563739', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '78f1951bd2865fa29642fdd50193ac68d83f3dc8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7b6fe8c0fd89fe778925a6c0c784741977275261', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '086768eb40f7f44ba1c92baabb310a900925f2c9' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '97212ddbf2c1ad956c971187a8ea3c6c243286a2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1502b3510743a0fb07c7ed89abcb62b58c822452' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7f962543b4035c99c004739b0becb6cc86d6cb29', 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: '2d7f31f0cb83cf3e1bffc828d09e3889d98d304a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b306116b961b0f926c1675ca4e20e386e5a5238f', 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: 'eddd9f65b67a9aa381777afbe836c7d753d25394', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6dcc4126713220d67f67f27781c121d38ea1d773' }, "1")), h("gb-pagination-button-group-base", { key: '03cf498de85d62f269aab1706b07a6935f8e6ff9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'de59e1753fa86c4812492cfc5fa8668aafeab686' }, "2")), h("gb-pagination-button-group-base", { key: '2582618dabd6ae36897da466d0dffe8cc36b38fb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd0d79451d2a893f17a664fdf7d79a11951652981' }, "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: '9baef14d815b6df7e98e0ad77409e698b5526f49', icon: "false" }, h("p", { key: 'a615952c5981fc65584c3d242719eee5aa4d865f' }, "...")), 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: '06e24630d03d6458aef9f54b704e0f00c5f55c5b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'da978c06156cb61a14e7c83a1597e4f832c4069b' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c50f43204e0e5af0b4957e14b0cb061df2bf802b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '543c51854aaf25edd65b8ffd120d5f5a147c3ffa' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1b3b5212b58117b5555a638bed1a04aba433b078', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'fd2ebcdb4dfe18b74f236941778c8e36c1463b29' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '84a6fd74f0c5312e0f227e4488cc783ac92e018d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'ec9802fce65708a09de886225d67771e312b67e1', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f664f13be5c02c08d023931ca3ed82cdb71f3842', 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: '654b076145cb05c0f7e7af45db189f50f9ef3060' }, "Previous")), h("div", { key: '201e62b925123ea6e81f03aded57086063977043', 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: '0e13abe344071db93d55cb337872ad1d1186c3b9', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'afb5c7a49c6f0d6274656aa73240ef5df2aa8f0a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '59c47fbfc37f855cdae38060a74588959e58a012', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'f2461bdcb520f765d2194288a43a534443537550', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '560f390b38192a47d176b1688332ae828d8d1506', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fb14840854daa6579b3565915294e721d386e381', 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: '7e8a68dd75cb92dbf895014cb1f3452f7995eb12', shape: this.shape }, h("p", { key: '39b2babecd17cbe65161b7f58b5a6caee5c4038b', 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: '004ce7e1cb663d748d18e49ace94b78ffb8c5701', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '243aa489920b0063b42861374f6dbdffc352afd1', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'ae608ac1ce6dfaa37ee7d93cf6b0a525f61f5c04', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '9ecb723fe7b76af404253bb426001145a84e3ed6', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ab8d802a09f664d308141b1ccdd0ec1418f4dbba', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '5f9cf0c82ca3edcdf0bfc8259bb37b73cc0d3ae1', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '07fb73488c33131e2bb621bddbd619c093162f0f', 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: '05c1c40a756f96aaf571ac375568ffd7e3f8ed4e' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '5de8ac7f114209ef940a2d195e6220a0168a43c9', 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: '0a96f0522cc3fa9462a4e6e8378220a74ce3cf62' }, "Previous")), h("div", { key: 'f0aafadaf1a873add1f80bb759abb6246072f835', 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: '389eae72e16287eac50f900e89eb50564d810836', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3c0ac6684d78f0b6e276b4ae54007f6c4d501463', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'abb46aeaaf9fdcf212c7c0d08c510708647eebb5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a5da7b3cb6142e36e007844beef838528e79eb52', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9de6e0d294a189667bc86545678611a5c990ba28', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1ec0d9a23c9a3cca63157ce935ace6ac4fe50411', 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: '2a1af0bebf8c1e35aa8eaa5ccbedbd756b5b4693', shape: this.shape }, h("p", { key: 'f68df4ea8919a832bf2ad96aaea12e651e240a0d', 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: 'a851250340646667696904d90730277374892bdc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'de9c4771603c4ac56f9086cbd74d3674ecfb4af2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '2c06df23efc3b321d5f9afec801916fab8a70219', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '212bd0c441f33fd0ebd16520946888e36af940e4', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'b130a1827d3bad3e4355a56e11be51ed572cc278', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3417e22edf912eeefcf9918930cc026a77fc6ffc', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '455a208b1b136c694ea033a4c34fc6a7e277662c', 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: 'e65f3fed03062917bbdab07734e3556f5a02be5f' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '942056e08e7e3d48b71a120bfadcaf392c3af4cc', class: "pagination_entries" }, h("div", { key: 'e15bd12accd13998fd319fb99e48ec963455e088', class: "entries_text" }, h("p", { key: 'dda5dbef8d66018f1ba6d5acf91725adb9317864', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8e7c0c2e35c23c1511f9285adc4d1b66554fc1c7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0967877e183c1f1f275fdb17ab41ce2394aab123', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'fcdccae65d33cb5ad034abd677727cba78e83b71', 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: '26b58894878322e6bdb464d2e84cd04ff9bb7873', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '5ac9f52a86f4faa9be2c6aca196d072061183483', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cebda560303026f7510c1f9a6a02c7ebfe22e62e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3c99ba7fffb673c1b3044f24e15f375590aa8878', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c521b0d91369d80881fd2c60faf75ec7aa0bd5d9', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1b8aa34fabb6b5d5b10b92e3dc2941ed79ba70ad', 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: 'fcb86b808ea8a8750c0da7f5d86f49e057f59050', shape: this.shape, state: "default" }, h("p", { key: 'c789e87e3b5bd1ad5241413e2049b946496c1d1b', 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: '348e2fa50abee9043f47ea7ce5cac1ca443f02f1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '5e820664bb30c7f286500bc7408147455e7ece15', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '27d033ac144e590adc433fac2e8523b827868a1c', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '59faf8f318a283b0cd36747017f7681f3dc56d13', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a0f601abf4a1720c68a5b2d79c44fc7a7e2a069e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '46b9d374ad0d78381e1258a95bcf2763f5cff0e5', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '6d4edd85bcc4e4badd3ed2b573a054d6ff7a2356', class: "pagination_btns" }, h("gb-button", { key: 'e42897f68a588818686d6441b91ae421f9406327', 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: 'd97775052080c570e884c6f55bbc9a871bb16e5b', 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: '3140a6825fe9123a8f966209eab3c323ae8d2ecc', class: "pagination_entries" }, h("div", { key: 'dcfcb978a776cb0c936f977a747013875c2ba7ec', class: "entries_text" }, h("p", { key: 'f355ae76e055cf715d101d9c3b166eb1e41f801b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '00ca0af3f7f8f647b611dfae1a51d78c4d4af040', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'cd55d87a80115baaac5da7ef1e8cbe389bad075c', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '64e6c02817407b51e3039678d5086ea720d33f21', class: "page_number_text" }, h("p", { key: 'eeb9a326f4512355b3cfe6b7bc2d0d837b6cfddd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'c5e31355a2388d69b3782f0c2ca825d29d24da27', class: "pagination_btns" }, h("gb-button", { key: '017f0bcb524c47dc19b9a4a3518a3f45ba48d914', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f05f9ce57cbf448a5a73495259f692ff2dca8199' }, "Previous")), h("gb-button", { key: 'c06bc6a63729795d16110de4e8a53f46496b65dd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ed4e8d159cc75bdcc7c01652cd585267a271a1dc' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '930f0505a756a2f05f798899756f81f661218d2c', class: "pagination_btns" }, h("gb-button", { key: '343489d22493f5762b45da2b23467164efa8b6d5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '920ccf376f81d6f88571297c3af38dd860ffeaac' }, "Previous")), h("gb-button", { key: 'a67718224c472611fc436aaec4116ac4e55af43b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '59229554f7489a61c457c4ff79a8b2847864c6d0' }, "Next"))), h("div", { key: 'd080dfad57b50fdad811eb244ad9cde109f556c8', class: "page_number_text" }, h("p", { key: '0ebede0783ba5d2b8a00eca449b3fe2b8d94d6cf', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '229034c4cb35a63cd31938f4ec06fc6ac5b1da10', class: "pagination_entries" }, h("div", { key: '8bd602d1ce2f590ad88bbf056fe3405626bb9043', class: "entries_text" }, h("p", { key: '09d43ab574f5da58be7dc0dcc2d1aae3164cea3f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '14724a1381946fd5d55f5baac4f803d119316ac8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '62f8e3233c41404db662d5c0ec48a6dfff98339f', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '7bd917a1a16243189f0b518969d1c615008ad3e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e40d93cc94faed91733046181e5ab39968ea7aab' }, "Previous")), h("div", { key: 'b63675a6463567bb134b79daceaa78b39fc38d12', class: "page_number_text" }, h("p", { key: '3e88846f13d3d8f683e47b982b576ec356976c81', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '72167ed4ffd5ba2bb8548949628afb72e32a4793', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '200d5f308582b46aae9a6b9c56633ce818866dfe' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b626828cdef2a08e4b1c08c42bc796576452059e', class: "pagination_entries" }, h("div", { key: '2734de81c76c503f6670ccb3b40c4a7a7862869f', class: "entries_text" }, h("p", { key: '615e9afb51a47805ac151749c4125bfc3acb4ba5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7e5eb4afd1432c8252cde02e0e5b2db977ac8af4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8daa340e14e961c47794ad87788a1dcc65559c49', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '24394017c22c597afca3e08fc07b07e33e2bdc85', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'feb84e7c86bd61187268ed96cf91e755f6551c2d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc07e305b9905f0120cf81407fd34c21f9f28a6c' }, "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: '41b558e988ca280c185571c0eac1256b5853669c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '421bd948b692d5f234176eb40ddd3b19667867ca' }, "1")), h("gb-pagination-button-group-base", { key: '6e0cc000803593d5a1ee94378801716bc7e9e97a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '026e1728a25499634d2baebc47cc0c4c9e93cc6f' }, "2")), h("gb-pagination-button-group-base", { key: '7eee628c67d3272d1fb8edb90955300059cffb01', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e6ca140e1b802b4b60dda990828fc645844ec49b' }, "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: '66eeafb8e2c5f8d7059c05af5272df3a584d8735', icon: "false" }, h("p", { key: '6a984f029a465c42854adacbaf482e14e112915a' }, "...")), 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: 'cdcdacfedfc6e1ec1eda79f115d121aa2b52d46a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cfe70cd255757da9f40e4ee8f1b8dfeff2b0ccc9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '6c20b03625cfa8a037f40437c67bda2d855facc9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '53e530a4331fc5a9b6a9726f62d89b02ac43a96f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '837669c2b4c639943e91c134d025ee21a29a2aaa', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '28ac2dd049090e0c00f6fc8926aafb961269a49c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9200ae17ef09e5f050b4faf30a24aeba9d6532c1', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '642aadfeda8c9646d909696ef9e27dec1bd5bbab' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '06666e3ec9b8209a498b6611931af4ebb2d3fff3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '69c159338ae77e59095a3cbd8bc363d23243e60c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '738ea4694e81466326eb147a5e9718b6c54dae07' }, "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: 'b7050e777b47c5b641bcc8ec0cab25548348bf47', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e25406deb4ce27e67420c6aaa9189e9702c5b9a1' }, "1")), h("gb-pagination-button-group-base", { key: 'fe1501e5524895eb32f48a20d3a78731fdc776a8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a221bcef9a5b09876dc47f23addc920d383014e9' }, "2")), h("gb-pagination-button-group-base", { key: 'be9289b66184f3c57cee3003238da2dcb7f19dd0', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4230f304925f03bf99470865c8cb936ad2e29f70' }, "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: '471f5f75e089fef075d767f73cb8d30f502d1094', icon: "false" }, h("p", { key: 'fde808aba4c174e52833dfed3b8dfd52b9acfa6c' }, "...")), 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: 'f705f58bc2723acfccd566c04d5c9fd0289052c8', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9dfdbc6826a1fb7ab2e19485a687a2da218aea82' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1d904963a2e33b7aa55cd3f4566ac1f8c0d4b5f0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd823fced18e12e44039c3b6b95b1d9537e1156d3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '617442dc8258933fdbb9d1da9941d0ed6564ba16', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f4de8d7afc881f21fd4fc92dd66e5e2f663376e2' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8f0bf41e0282523f73a8a7ed1d9858437ce53315', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9e9a148ba9e6e841e0a0c22adb8c6d55a2a74e43' }, "Next"))), h("div", { key: '2f6dfa5370b0a1ca71da8f44ba2579a1ea3f7bc3', class: "pagination_entries" }, h("div", { key: '2b542144914f2f3ec5610519c30f0efff0b20708', class: "entries_text" }, h("p", { key: '746142ea31173a1a494a55e48379319b23380c24', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '71b1abc74e6d6e51ecff9e7cb7bbc929769230ee', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '471cde6ca92fa32f35a9eac3d57320dd9de8ee1f', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '21d0a92db643d369de558f9849d958ffeda8c8e5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '61fcf86a9c2982dcfcf9847312a6387faedea8ea', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '34f21e3ef1f5eb2411c6cba32a73cb0a07dfad89' }, "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: 'dbc151e55441cf73463f4d445503f800f00f6955', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a4e13894d995c78b9439dd802b0ebccf236b5bfe' }, "1")), h("gb-pagination-button-group-base", { key: 'a17269a2b5e7028bdeb92b81abced8c3f1b3d064', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '348886e65c67216562d4cae264d90a89bc038e9c' }, "2")), h("gb-pagination-button-group-base", { key: 'b04ec78c1869668b97ce5093c78eeda950e3f422', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '807bea452f283f9a72ffc6d6111fe3f7a12a0647' }, "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: 'b9d995272d94b245f41a9684945f34c4754d121c', icon: "false" }, h("p", { key: 'f9a33c07689df70aafc903c914e33d06d3fdfddd' }, "...")), 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: '97d8540c423b4f6044c6282ca3beccd93ea9128b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fd2951914a278635f83c8146037cd71d7b9581ee' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8c73a4c8800c996656e04f3268094b8d31ede7d8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '63214221ebfe51ad156a9dd793643734a4381393' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '062494a7a90afa1a4faae28b9e014c94ca42f435', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '872d1abb04bd3f7b98cb1b336095dc56a1698283' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '1e6ac710d179457a99d16ad4ba8971f3401883ce', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '27cf41d7f1faf9a4eb407fd3fc570472e1b9b9ac' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '32df9794cb607ec5b9eacea6b9c4ad86839f0bc5', 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: '7fa3b92d2ec9b480e9ad8f469bd8d93acd7ad259', class: "page_number_text" }, h("p", { key: 'adc0a07f998da8bd1a1d31b3e1e192fb23cf36a9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '107058f0581c620cda06454d754b2d0509989b37', 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: '62927ca0cf75223ebea706276753ba1e690b2545', 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: '662ac05512be9cc0a84b0b2f699a3ca442786130', class: "page_number_text" }, h("p", { key: '49f6f7c0f460f5a1432c2f5a645a4cd6491b7545', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7e88e4314a2e405a6d985c2e1a75192e02530a48', 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("div", { key: '0500aa810d7af3810669211c26107ea322919a06', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '45d7a2a473102105d44df7b87e730f43af65a339', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: 'c642810190408dde580722f6e584809562c4ae63', class: "card_default_buttons" }, h("gb-button", { key: '6c30ea83ede78a2d2e141a3d413ca1b669fca42b', 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: 'a489cf1a4e8dd7468cd9cf8d8d68892f46ed4ed8', class: "page_number_text" }, h("p", { key: '136fcda7d397ee9be8fd3850567fae64ba517fc3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd93cb7966190ccfb6b398f220d52364a22acc898', 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: '638a5e9ad6313809f276b3abc12fa4df3cfadd12', 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: '5aed2e0e70d692b161b07f42160539384d3b6f6f', class: "page_number_text" }, h("p", { key: '04b293eab1f2e70450cd43ad8a7e4a086d675bff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '80fe6f0dafc2b72a70ac3ac6eaf0b22a15ec4d7e', 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: '4492905d67bff554beeae49b8537fb6f00caaa64', 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: '3ca115affcc59ffe0d8d9e6b747314f57e12edd4', class: "page_number_text" }, h("p", { key: 'da82f8697fb6bb100a60fc34390a465c52cc5539', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '458873e40b98e5d949cddb268a5c2ebb94fd5bf5', 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: 'ce159bc083f951369c5dcffa0389455b4ab82414', 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: '1b70512a76d91fc0ec706e3972f0a03865f57724', class: "page_number_text" }, h("p", { key: '435723b14846935f6e1fff68dfe6e2d3e43c9a77', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '81c6057186629c3efbd9d3cf697c13e55473acb9', 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: '1b454768105e0a6872c472cf2cb09184cf77b80e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '01a14c01761438025007ea3c3281b4ce25ee2d47', 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: '1e242de0d079a8879b559e88ff61e6c4ca086b90', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '857d6aa2d34a315f31a183aeb16384ab154e0802' }, "1")), h("gb-pagination-button-group-base", { key: '886816b23426426e76faabeaaf85869ccb63ac7e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6dde8a935e0b6c73b3788e87b85483928973a9db' }, "2")), h("gb-pagination-button-group-base", { key: '9e0867ce8de8cf7ba51d3d24bf1c94d913f800e9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bbee846fd98f64dc61f517c17718f0af60252833' }, "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: '21f6105b782ce99cde2b2b82a3564bda012dfb8f', icon: "false" }, h("p", { key: '6746988bea908e933a12bd12e598e157aac8253b' }, "...")), 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: 'fbc328334206bed88e3e0ff9cb82de81c80a5d40', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '01d8ca99e3138a1d7aa8fb5c705c2102cad60c13' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '816e08a7bcf81a5cfe24b828b9420e759c571a9f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '17ea6810ee9421ffc05a4d86d8fa5c559ef9bf6d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e35525b438c810a21cec255201dbe88a8d94a6d3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '9a041a0fed74f9db2680eeecf92decc2e5f14bfe' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c5ed1501325861126572a9abad29432e19210489', 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: '96c3f36ed30f72aff68a4d875ccc2b2c48e582fe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '44b2140548d23efba3b794fcdb064a1998510d95', 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: '92e1db7f7db88be06ed2e5016626732f3cc0ad2f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '278b35c8e064f2ccae6c8525b247bb4824f5379a' }, "1")), h("gb-pagination-button-group-base", { key: 'c3cfe3dce47d8f5461c0eb9e0fd960bfa3595fde', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '854bfc41db44b01d10e902d731e9f45bb5e4acf8' }, "2")), h("gb-pagination-button-group-base", { key: 'e8db9921e886199b2774d5702fd88a7d4c05bc4d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'b16d1eae786f1e4e937e6cf7a506a759fcea3272' }, "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: 'ad010e08c859e2b75c7700980025ff50a50eae52', icon: "false" }, h("p", { key: 'e9dfe63eddb7eb35136e3a3fda8155a64f04593d' }, "...")), 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: '5f7102d3bb0309df6b0f0b514668c94a06af9767', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '50e91fedf50aed6d4aa232b02235c26d36f2c44a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b3314563da64dd91b6c0dd03974cb94e9ecf4e17', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'cad0eb6e1151560e823c73d7a244427eebe1652b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '99de9043881f89e92aaeab27a5442e8f15f460c2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd80ae8f28cdb928ca90f964ac855676671f23bec' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2a2bbb1da49c9f004f9d77fd3443f67e207bcb2d', 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: 'e16f09151afed5a45855eb5b1099863f2c328d33', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b04d4106348916b0ace565c80f0c4b06f19b7a7d', 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: '176e5449f1c9b0e40861f1e206dcfdc8b168522c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7c6f73cc6e99a680a525b5eb38802345427657f2' }, "1")), h("gb-pagination-button-group-base", { key: 'a727f54a01a7a3db18d5c54ceed19d364cc6bcd7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5ffe350a298c2c1b93b6cb10b60e9c7620ff5ff9' }, "2")), h("gb-pagination-button-group-base", { key: '0cb098f1a277e9cc86618b17bb7df1bb39bea816', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7efafbe4ce50057bddc34e47a489d578740b6b49' }, "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: 'd90b1a95a27881e97df02446593757e999c06307', icon: "false" }, h("p", { key: 'cf618b2c0c2806af6353bab2bc06faeba6538908' }, "...")), 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: 'f8f554716044631543ec0dca20f92fd194bb6579', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '74b3c4573168350a73828e96647dd2259801daf5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'ae8d9dbecd232ff954d3228839a0bb88d0d5cc9c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9f8a2f3f9ca2e7b18175a42b079f3102e64e9682' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '8512fb0d426eca5431bac38398b9bd9c57056f2b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f3a4c3aac7f4da68d4a5fdcac3beb3a69b82c05d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '246dc7d071c9aea3eb3fc580d3c37284d8bc724b', 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: '259c8baf0f4f7c375ca7eec8a2aef80a342d0d6d', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '8b8e351bd3804ee10fa3d107d638811887ef17c7' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '55e73e125e96fac11212fea4f71dcd9f75c9fb20', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2c91566f7ea1695ddb3fafb6bc154d5fb63ef094', 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: '52ee0ab07556851865d5ef492b07800ebd489851' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '084d08aa038a2ea93aa7e5ab090be3f4e1b70a8a' }), h("svg", { key: '95561212044c06a18aff9e32fc4b958d48aaea60', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7f822057bbbec29cb12e9cd051bc241024064832', 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: 'd151656c03d1e6f1ffd3d5f2287669a8b84c4c47', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '37759cd26ea8a019da5bfc9da41176aad8e81d29', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'fcaeb43366553fedffea6bf44b346f46745be930' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '385c150dfea08e648ca6776f88058f0192423c2e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a302563ffe75bfaf8eb4983744abdb849399684b', 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: '3fe5212a38bc5a6e590e7949e114a8d1011041e2' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'ba908e312f2cc9319537ac7ad4a8b6ef32d4ed43' }), h("svg", { key: 'efd7576ede64f690b8607e09c1f8977957a7ff41', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b1d68100b6550d09d062dd44969346a03abb7553', 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: '83386a9d1eeafd01a2c87ea3240ff55950614a38', 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: '13f980ee62ec6813a724d6e51fa5a22ed165f019', class: "dot_group_div" }, h("div", { key: 'd76c724a050cd4a742efda333978a5bae9f2577d' })));
+        return (h("div", { key: '471764a2533c9eeeb439e0e5d0a5fbdeddd0149f', class: "dot_group_div" }, h("div", { key: 'd3fa770276c515cebe2bbc74dba5732fa64f6aa0' })));
     }
     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: 'a9478ea0b20f5c82330511c514c63ff0f40f0e29', class: `dot_indicator_div 
+        return (h("div", { key: '21b3a22ee29368d82aa0cf790503cfcd338e1a84', 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: '4d2485939daf128e489726147056f72729c689f9', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '2d5366e9d11d27bde5b813ca663c04ad49cded14', name: "page_number" })));
+        return (h("div", { key: '80e0ad0d9e9fbddba9ad5e1e1d0dba98f68b53f2', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '4eff6b6dc5c688b954ae0a5d56260da06c698163', 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: '23844af7f76d87476a57d9bbee7df940763e38e6' }, h("div", { key: '47d8c784cb7aaa6636cf752be6d8b526b8ad8953', onClick: () => this.togglePasswordVisibility() }, h("gb-button", { key: 'fd59a14ca27f7028fc9d9ecf7456cda2ebe2c299', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", { key: '5cca7f659bf25410ff93e889b515ee6a249a306d' }, this.isPasswordVisible ? 'HIDE' : 'SHOW')))));
+        return (h("div", { key: '572de4ca47042e9516c4ed48eff95139aab07c7f' }, h("div", { key: 'eefc0385239fe9e9151f996132b03a9afaeb0888', onClick: () => this.togglePasswordVisibility() }, h("gb-button", { key: '6fc2dc3ed84df5c858dc0c01691f7e0628c24928', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", { key: '9bb8dc38c940c90083b82bd2b724912897ed4df2' }, this.isPasswordVisible ? 'HIDE' : 'SHOW')))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GbPattern {
         const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);
         const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);
         const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);
-        return (h(Fragment, null, this.type === 'circles' && h("img", { key: 'd59aa9ebeaa981643c989293518c70e470aee8a3', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: 'fbe4c38e8057215f179172de6b35abf16237f1a0', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: '39d6ce344f16aacd3fd52da8b9b39e299a818dc7', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '6e9b5a83800dfd0740da0df4a0e5af4dea0073b4', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '82eecc29dd36208e852c4fb99c6a70f2c5590624', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: 'fa4b296768a95b332ab2e984c45a803e9a8fe621', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: '922df76b6584e49ecf73e28297bb4a3d51794a60', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '9535f546c5d3cfa2a31eacec35b7214e25e119fe', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get is() { return "gb-pattern"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,7 +169,7 @@ export class GbPortal {
         return null;
     }
     render() {
-        return h("slot", { key: '88360c72024bec966c105baed866dd0dd44fdcfd' });
+        return h("slot", { key: '84a8d70f204954f451837c09269322c58df1fedc' });
     }
     static get is() { return "gb-portal"; }
     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: 'ddcb80d313ccc1fceeca54a27e81338384fd8c50', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'c335234bc9f4f84952c04e49f0bf0254900b63af', class: "progress_bar" }, h("div", { key: '637f47b8ccf407f54a7622ca49320bb1e9820a7c', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c58f1bf34d0b8fe55d0e99a5d2007890be6ab1ab', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '69167f2a391e4b814f3f32d4dbfe2be66ec47898', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '2109069e17fcffdd8cba05636f78c9413c73eaea', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'f2f2cb66f62baa473fbca386341d24b4244198e7', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'b0e242ebed62b0ac48c5e79ea70d7358edd571fe', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '30b4189ddc51e4e18a13bc7c2a0c6e84324d2986', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '94b17ae32862c9bb4087e9d248046264a7766368', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'b605f6f2e3d96d9434960495383ad7a5fa836966', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'd4c26934489d69d957af15aa4fbd2f417e6d2892', class: "progress_bar" }, h("div", { key: '665fed2092ba6b34e8c83b6d2dcf758788d4580d', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '9b184d672f3cfd6496d3c4d104baca976573443f', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'e0dc50cdc6828da3d5cca3048d1b59ec21f97619', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '0877bd05b0b3de892d8a4272b2e9a473cd6bbf02', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '3742ec2d71ce6d478e4c579af8b5f5da67ecfb33', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'ae076f1889b64a35d84488e568e688548647fba9', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '986a00025fd38b552c57e44a90a554f2fb048a3e', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '1a7794c1213d25edd3dc7ba0e5a77fa8a0cf8d9f', 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: 'd628b6ef482801cc6ea093bb177aee33b5a73658', class: "gauge" }, h("div", { key: '9b5686d2999d27f7da16f168233df76e8912fc6e', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'aa7552386912f356d19fd523e10cace0e0e9e483', class: "mask" }), this.label && (h("div", { key: '7478a03187c80d26c218332e9805f5f294fda6fc', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '47c402176b68904799b62e01f88d3450f02e29eb', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '864eefcc203ecb50f991fab86346945acaeba05d', class: "gauge" }, h("div", { key: 'c5f2bab69414f27688bca806d4348774c0ec48aa', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'e6d42de18b4d555f769ba8a45d9a5eb06e41f3bb', class: "mask" }), this.label && (h("div", { key: '5a3ffefa67fdaaf66408cea7f5919de150434b06', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '73f67ebb09655f2e9e94e4a4ffc73fb1ef7d2c92', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js

@@ -32,7 +32,7 @@ export class GbPromptModal {
     }
     render() {
         // Determine which icon to use based on destructive prop
-        return (h("div", { key: '5fb713380f8112d076b77d59dd070688e094d4b7', class: "prompt-modal shadow-sm" }, h("div", { key: '8010bcabb6f5fcff156d8c949cccdf1eaa1aadf6', class: "modal-content" }, h("div", { key: 'af5101aa158d81fad562c871face8aec98f27ca5', class: "content-top" }, h("div", { key: '67bf1145cd894f1c931427178ca0081081a81027', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'f23038226c4a8ad5f5792937b4ce9170acbc1e95', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: 'e45665e85f3ed7f3880994713ed72507f162e500', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: '304125f6d59a4c9c0ea90af2867e38d641ddafbb', class: "content-text" }, h("h2", { key: '958105af3d5b90d2f63c24162529633a4529d5fe', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'ff54583c135bf94ef567ca13a897cee7f6f0ed27', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: '01e6552c35e7668dbd01568440e5093db5928781', class: "content-check" }, h("gb-checkbox", { key: '378f978a3d862a839e38cd3bcea6fd232918cb00', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '3d2862a8de1c788d46edcef06548204944f546e2', slot: "label" }, this.checkboxLabel))))), h("div", { key: 'adba726b3fd8fd2968bfbfb4b006d6d8517885dd', class: "modal-action" }, h("div", { key: 'f58525286d677a519e6dbb04b27434c8e0160a73', class: "modal-buttons" }, this.secondaryButtonText && (h("div", { key: '61202af4e23abc25c43fbd2aa0d08bcbbf04154a', class: "button1" }, h("gb-button", { key: '617d51d23377ddc030d805542a830cf929e3f3ec', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: 'f148ed41f68fe6b4407230386dc49ef7f8840288' }, this.secondaryButtonText)))), h("div", { key: '149e7b5c2fe981f7d97e10fc84d8a912db7d4ffa', class: "button2" }, h("gb-button", { key: '0dfdf9027dc38e5267ff2a3586369e37ffc8a01b', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: this.primaryButtonState, "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: '44b4c26254a177b9479059639a0f96d5d460badc' }, this.primaryButtonText)))))));
+        return (h("div", { key: '761b85a9ab1edced59dc4c2a6f7fe78d74888274', class: "prompt-modal shadow-sm" }, h("div", { key: 'b9bab546747c75a6912a5e3037ae07b1d2c38e67', class: "modal-content" }, h("div", { key: 'dd84606b275a7946146b8c44003b89a444e7c377', class: "content-top" }, h("div", { key: '5d57101d260a16ce4de8da2402afeabb606b5f23', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '8753dbdbaccd7647bbddb2634cad24e63a4bb6ff', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: 'fb231cde5a63f88f19f2e041801d9a2c60b9f6dd', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: 'e47c0669281e474ed1bdcd0da54bac6b055436e2', class: "content-text" }, h("h2", { key: '8ea8b99db5b0a3e578e0718a65587383647175b5', class: "display-xs-semi-bold" }, this.heading), h("p", { key: '649764f2fc51985764908ef5d39bc12bbf1aed21', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: 'b6bdef1728edbed2895f76b6009390ff22e95921', class: "content-check" }, h("gb-checkbox", { key: '0fa507874b1a0537a38d94c5bcc58bbda40a4850', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: 'aeb93dbebf12dcdec4d8a76e55a50358af456ed0', slot: "label" }, this.checkboxLabel))))), h("div", { key: '1b829c43f686cf5f30688809f955147340f0c03c', class: "modal-action" }, h("div", { key: '6f23e6edfb5cdfb7f1c3cadf2bc441fbcbde64d8', class: "modal-buttons" }, this.secondaryButtonText && (h("div", { key: 'dd6c9c37ca956fb68e7822bc425e856a0c89a1cc', class: "button1" }, h("gb-button", { key: '33408ab13e1f7b58fb5806db2a68b51613cd3f98', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '3bc8140f7e5b456d44cea3551b1972f7fb0edd50' }, this.secondaryButtonText)))), h("div", { key: '79cd7ff28bc4e17833a05b630f40b4f8c9b1a2ac', class: "button2" }, h("gb-button", { key: '36e6768bfdd483af40e16c101afce51c2618821d', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: this.primaryButtonState, "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: '449d7b5c88ce851c0d784cd1ea60239ea940b066' }, this.primaryButtonText)))))));
     }
     static get is() { return "gb-prompt-modal"; }
     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: 'ab1ddc43fa35791a09dc5db5840ad3720deb7c4e', class: "quick_action_div" }, h("gb-card-icon", { key: '5651a11cd3efc0c0f32e319ab2f0c62e7e7765f3', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '7fe339694963d27e0db9e8e04d0ae7ba087e0041', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7f06f40363eca63ddf95199d3313137dd8faf293', class: "quick_action_div" }, h("gb-card-icon", { key: '497b1ecf795f362d592b8fe13436deda550e94d4', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '7d6b9c06b2e4369a51ae59f5d0ce18d4e893af8b', 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: '97878082f4fcd1617439f73bab30acaa4c974e16', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'a6fb4119d43c787daa89efb91fdf155ae3150aef', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'bba7f1ebef3f454b74b99b29f82a6e1f05f8d3e5', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7b6b9a141c6d67d9c7d6a1c4bc8088b4e1ecec2e', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '0e8c710971d1f836fb678399256ac59e2d64867b', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '9254dadcd480e10fc1a0764d7ee0a64c9949f604', 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-rich-text/gb-rich-text.js

@@ -162,12 +162,12 @@ export class GbRichText {
         (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (h("div", { key: 'ff9dc3283cbae23c52a673570396ed5e3c5a1ba2', class: {
+        return (h("div", { key: 'b78cefd0b6ccd04d167e9deb9c6a4f819a2ecb3d', class: {
                 'gb-rich-text': true,
                 'gb-rich-text--focused': this.isFocused,
                 'gb-rich-text--error': this.destructive,
                 'gb-rich-text--disabled': this.disabled,
-            } }, this.label && h("label", { key: '9d5e4dcba06ba9fc3cad41573e3cadfbd03dafd4', class: "gb-rich-text__label text-sm-medium" }, this.label), h("div", { key: 'fd3fa69d4138f6c3c9fa8b5ee277212f983f3f23', class: "gb-rich-text__wrapper" }, h("gb-wysiwyg-toolbar", { key: '3baa00732481fa64c9a149003ebc9653eab8dd5d', disabledIcons: this.disabledIcons, "is-bold": this.isBold, "is-italic": this.isItalic, "is-h1": this.isH1, "is-h2": this.isH2, "is-underline": this.isUnderline, "is-quote": this.isQuote, "is-link": this.isLink, "is-bullet-list": this.isBulletList, "is-ordered-list": this.isOrderedList, onToolbarAction: (ev) => this.handleToolbarAction(ev) }), this.destructive && (h("svg", { key: '1801d0f2dd3931dcfedd1ceeadb075b101b55ab9', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: "alert_circle" }, h("path", { key: '9ce77b00e4605c00df193857296662e40fb99377', d: "M7.99483 9.99998H8.00081M8.00016 7.99998V5.33331M14.6668 7.99998C14.6668 11.6819 11.6821 14.6666 8.00016 14.6666C4.31826 14.6666 1.3335 11.6819 1.3335 7.99998C1.3335 4.31808 4.31826 1.33331 8.00016 1.33331C11.6821 1.33331 14.6668 4.31808 14.6668 7.99998Z", stroke: "var(--color-icon-danger, #B51726)", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.attachments.length > 0 && (h("div", { key: 'd9ae5425c18da7e135af1f75a1576375bf009992', class: "gb-rich-text__attachments" }, this.attachments.map((attachment, index) => (h("div", { class: "gb-rich-text__attachment-item", key: index }, h("span", { class: "gb-rich-text__attachment-icon" }, h("gb-file-type-icon", { "file-type": this.getFileExtension(attachment.name), "file-style": "default" })), h("div", { class: "gb-rich-text__attachment-info" }, h("span", { class: "gb-rich-text__attachment-name text-sm-medium" }, attachment.name), h("span", { class: "gb-rich-text__attachment-size text-xs-regular" }, this.formatFileSize(attachment.size))), h("gb-button-close", { color: "gray", size: "sm", onClick: () => this.removeAttachment(index) })))))), h("input", { key: '4a729a31dbc2a2bfa7e7d938681fcb5c76aeaa98', ref: el => (this.fileInputEl = el), type: "file", accept: "image/*", style: { display: 'none' }, onChange: (e) => this.handleFileInput(e) }), h("input", { key: 'f6eceaf57260c73b1fede4c12fe9ee5053665ce2', ref: el => (this.attachmentInputEl = el), type: "file", accept: ".pdf,.doc,.docx,.xls,.xlsx,.csv,.txt,.zip", style: { display: 'none' }, onChange: (e) => this.handleAttachmentInput(e) }), h("div", { key: 'cfea039711359061a205272f6dff759a1f4857ac', class: "gb-rich-text__content" })), this.showHintText && (h(Fragment, null, !this.destructive ? h("p", { class: "gb-rich-text__hint text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText)))));
+            } }, this.label && h("label", { key: 'ec907404e04cad2d04d4ef7c13495234eed1b7ed', class: "gb-rich-text__label text-sm-medium" }, this.label), h("div", { key: '6bdce92696ed4f36f332246b3379059f2b3b4a36', class: "gb-rich-text__wrapper" }, h("gb-wysiwyg-toolbar", { key: '6697dd383a56436697a5dafdb6d2adf18576bda5', disabledIcons: this.disabledIcons, "is-bold": this.isBold, "is-italic": this.isItalic, "is-h1": this.isH1, "is-h2": this.isH2, "is-underline": this.isUnderline, "is-quote": this.isQuote, "is-link": this.isLink, "is-bullet-list": this.isBulletList, "is-ordered-list": this.isOrderedList, onToolbarAction: (ev) => this.handleToolbarAction(ev) }), this.destructive && (h("svg", { key: 'f72e2e17e08055055794e9cb6dcac45e92aa483c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: "alert_circle" }, h("path", { key: '6345a0ba04cff2059420996242d1b23ea7789c26', d: "M7.99483 9.99998H8.00081M8.00016 7.99998V5.33331M14.6668 7.99998C14.6668 11.6819 11.6821 14.6666 8.00016 14.6666C4.31826 14.6666 1.3335 11.6819 1.3335 7.99998C1.3335 4.31808 4.31826 1.33331 8.00016 1.33331C11.6821 1.33331 14.6668 4.31808 14.6668 7.99998Z", stroke: "var(--color-icon-danger, #B51726)", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.attachments.length > 0 && (h("div", { key: '5e0b99fb1faad4f61a9ea38ba47f759c5dfe7d0c', class: "gb-rich-text__attachments" }, this.attachments.map((attachment, index) => (h("div", { class: "gb-rich-text__attachment-item", key: index }, h("span", { class: "gb-rich-text__attachment-icon" }, h("gb-file-type-icon", { "file-type": this.getFileExtension(attachment.name), "file-style": "default" })), h("div", { class: "gb-rich-text__attachment-info" }, h("span", { class: "gb-rich-text__attachment-name text-sm-medium" }, attachment.name), h("span", { class: "gb-rich-text__attachment-size text-xs-regular" }, this.formatFileSize(attachment.size))), h("gb-button-close", { color: "gray", size: "sm", onClick: () => this.removeAttachment(index) })))))), h("input", { key: '2db901efb591b8d5d0ce70d5cdb8c884ed5f78d8', ref: el => (this.fileInputEl = el), type: "file", accept: "image/*", style: { display: 'none' }, onChange: (e) => this.handleFileInput(e) }), h("input", { key: '3cafb934906ef5ad749aa818b91ce08fb2e4a16e', ref: el => (this.attachmentInputEl = el), type: "file", accept: ".pdf,.doc,.docx,.xls,.xlsx,.csv,.txt,.zip", style: { display: 'none' }, onChange: (e) => this.handleAttachmentInput(e) }), h("div", { key: '571b7e8a03abc96520a2a035f4a85770c51ffa51', class: "gb-rich-text__content" })), this.showHintText && (h(Fragment, null, !this.destructive ? h("p", { class: "gb-rich-text__hint text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText)))));
     }
     static get is() { return "gb-rich-text"; }
     static get originalStyleUrls() {

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'c30d3ea2068ad1e044bf03d9b500ddfbd1813fc6', class: "scrollbar-container" }, h("div", { key: 'e30dda8ab4dcba538c5ef3034b78ec76bcf7b25d', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '4de3b53137101130ffcd712021000e443ed8f0de' }))));
+        return (h("div", { key: '7543acf7e2d4b759d8caa229d2665e35e8a92cbe', class: "scrollbar-container" }, h("div", { key: '3291fde64661127c94bbd522dd000dd5c1750344', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '84dd946da328aea0dd4d4898e5f5fc902b18e2cd' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }